.users-appointment{padding:0 16px;max-width:1156px;margin:0 auto}.users-appointment--ct{display:grid;grid-template-columns:minmax(auto, 356px) 1fr;min-height:530px;margin-top:16px;background:#fff;border-radius:10px;-webkit-box-shadow:0px 4px 8px 0px rgba(26,61,61,0.0784313725);box-shadow:0px 4px 8px 0px rgba(26,61,61,0.0784313725)}.users-appointment--doctor{border-right:1px solid rgba(25,52,58,0.1607843137)}.users-appointment--doctor .users--doctor-info{gap:8px;padding:16px;margin-bottom:8px}.users-appointment--doctor .users-appointment--title{padding-left:16px}.users-appointment--title{margin-bottom:8px;font-size:12px;font-weight:600}.users-appointment--radio-list{padding:0 16px 16px;-ms-scroll-chaining:none;overscroll-behavior:contain;scrollbar-color:rgba(25,52,58,0.6392156863) rgba(0,0,0,0);scrollbar-width:thin}.users-appointment--radio-list .ui-tooltip-wrapper{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:baseline;align-items:baseline}.users-appointment--radio-btn:not(:last-child){margin-bottom:20px}.users-appointment--radio-btn label{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;padding:12px 16px;gap:8px;cursor:pointer;font-size:14px;border-radius:10px;-webkit-transition:-webkit-box-shadow .25s ease;transition:-webkit-box-shadow .25s ease;transition:box-shadow .25s ease;transition:box-shadow .25s ease,-webkit-box-shadow .25s ease;-webkit-box-shadow:0 0 0 1px rgba(44,82,130,.16) inset;box-shadow:0 0 0 1px rgba(44,82,130,.16) inset}.users-appointment--radio-btn label:hover{-webkit-box-shadow:0 0 0 1px rgba(44,82,130,.64) inset;box-shadow:0 0 0 1px rgba(44,82,130,.64) inset}.users-appointment--radio-btn input[type=radio]{position:absolute;z-index:-1000;left:-1000px;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}.users-appointment--radio-btn input[type=radio]+label p{margin:0}.users-appointment--radio-btn input[type=radio]+label:before{content:"";font-family:"Font Awesome 5 Free";font-weight:400;font-size:16px;color:rgba(25,52,58,.56)}.users-appointment--radio-btn input[type=radio]:checked+label:before{content:"";color:#19343a}.users-appointment--radio-btn input[type=radio]:checked+label{-webkit-box-shadow:0 0 0 2px #19343a inset,0 0 8px 0 rgba(25,52,58,.12);box-shadow:0 0 0 2px #19343a inset,0 0 8px 0 rgba(25,52,58,.12)}.users-appointment--address{margin:0;padding-bottom:8px;font-size:12px}.users-appointment--clinic{font-weight:600;font-size:12px}.users-appointment--speciality{padding-bottom:8px;font-weight:700;line-height:1;font-size:14px}.users-appointment--calendar{padding:16px;overflow-x:auto}.appointment-schedule{display:grid;grid-template-columns:1fr 156px;gap:16px;padding:8px 16px 16px;border-radius:10px;background:rgba(25,52,58,0.0784313725);overflow-x:auto}.appointment-schedule--header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.appointment-schedule--header p{font-weight:700;font-size:12px;text-transform:uppercase}.appointment-schedule--header p span{color:rgba(25,52,58,0.6392156863)}.appointment-schedule--toolbar{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px}.appointment-schedule--toolbar button{width:32px;padding:8px;border-radius:10px;font-size:12px;color:rgba(25,52,58,0.6392156863);text-align:center;background:rgba(0,0,0,0)}.appointment-schedule--toolbar button:hover{background:rgba(25,52,58,0.1607843137)}.appointment-schedule--toolbar button:disabled{opacity:.6;cursor:not-allowed;background:rgba(0,0,0,0)}.appointment-schedule--weeks{display:grid;grid-template-columns:repeat(7, 1fr);gap:8px;padding:20px 0;font-size:12px}.appointment-schedule--weeks span{height:30px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;text-transform:uppercase}.appointment-schedule--days{display:grid;grid-template-columns:repeat(7, 1fr);grid-gap:8px}.appointment-schedule--days button{position:relative;padding:16px;border:1px solid rgba(25,52,58,0.1607843137);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;font-size:16px;-webkit-transition:all .3s ease;transition:all .3s ease}.appointment-schedule--days button:disabled{cursor:default}.appointment-schedule--days button.none{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.appointment-schedule--days button.is-disabled{color:rgba(25,52,58,.64);background:rgba(25,52,58,.16)}.appointment-schedule--days button.is-available{background:#fff}.appointment-schedule--days button.is-available:hover{border-color:rgba(0,0,0,0);background:rgba(254,219,53,0.6392156863)}.appointment-schedule--days button.is-current{color:#19343a;border-color:#19343a}.appointment-schedule--days button.is-selected{border-color:rgba(0,0,0,0);color:#fff;background:#19343a}.appointment-schedule--days button.is-selected:hover{border-color:rgba(0,0,0,0);color:#fff;background:#19343a}.appointment-schedule--slots>p{padding-top:8px;margin-bottom:20px;font-weight:700;font-size:12px;text-transform:uppercase;text-align:center}.appointment-schedule--slots>p span{color:rgba(25,52,58,0.6392156863)}.appointment-schedule--slots-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:8px;overflow-x:hidden;overflow-y:auto;max-height:400px;-ms-scroll-chaining:none;overscroll-behavior:contain;scrollbar-color:rgba(25,52,58,0.6392156863) rgba(0,0,0,0);scrollbar-width:thin}.appointment-schedule--slots-list button{padding:8px 0;font-weight:600;font-size:16px;line-height:1.4;border-radius:8px;background:#fff;text-align:center;border:1px solid rgba(25,52,58,0.1607843137);-webkit-transition:all .3s ease;transition:all .3s ease}.appointment-schedule--slots-list button:hover{background:rgba(254,219,53,0.6392156863)}.users-appointment--future{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px;margin-bottom:16px}.users-appointment--future li{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:16px;padding:8px 8px 8px 16px;border-radius:10px;background:rgba(25,52,58,0.1607843137)}.users-appointment--future p{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.users-appointment--future p span:first-child{font-weight:600;font-size:14px}.users-appointment--future p span:last-child{font-weight:400;font-size:12px}.users-appointment--future button{padding:4px 8px;font-weight:600;font-size:12px;color:#fff;border-radius:8px;background:rgba(25,52,58,0.6392156863)}.users-appointment--not-available{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:16px;gap:8px;padding:8px 16px;font-weight:600;font-size:14px;border-radius:10px;background:rgba(25,52,58,0.1607843137)}.users-appointment--not-available span{font-size:16px;color:rgba(25,52,58,0.6392156863)}.users-appointment--not-available .not-available--periond{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px;padding:4px 8px;font-size:12px;border-radius:4px;background:#fff}.users-appointment--not-available .not-available--periond span{color:#19343a}.users-appointment--not-available a{text-decoration:underline;color:#2d7dff}.users-appointment--not-available a:hover{text-decoration:none}.users-appointment--not-availabe{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:12px;margin-bottom:16px;padding:8px 16px;border-radius:10px;background:rgba(244,106,44,.16)}.users-appointment--unavailable-img{font-size:16px;color:#ca3500}.users-appointment--unavailable-text{font-size:14px;font-weight:600}.users-appointment--unavailable-text div{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:4px;-ms-flex-align:center;align-items:center}.users-appointment--unavailable-text div a{text-decoration:underline;text-decoration-style:dotted}.not-available--periond{padding:4px 8px;border-radius:4px;background:#fff;color:#19343a}@media screen and (max-width: 1020px){.users-appointment--ct{grid-template-columns:1fr}.users-appointment--doctor{border-right:0}.users-appointment--calendar{padding:8px}.appointment-schedule{grid-template-columns:1fr;padding:8px}.appointment-schedule--weeks{padding:8px 0}.appointment-schedule--days button{padding:10px}}@media screen and (max-width: 768px){.appointment-schedule--days{gap:6px}}@media(max-width: 540px){.users-appointment--unavailable-text{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:16px}}