html{margin-top:0px !important}*{margin:0;padding:0;box-sizing:border-box}.authWrapper{display:flex;align-items:center;justify-content:space-between;width:100%;height:100vh;background:url(../images/login-bg.png) 0 0 no-repeat;background-size:cover}.authWrapper .closeModal{padding:.25em .25em;background:url(../images/close-modal.svg) 0 0 no-repeat;background-position:center center;background-size:30px;position:absolute;right:35px;top:35px;border-radius:6px;width:32px;height:32px}.authWrapper .authLeft{width:50%}.authWrapper .authPerson{display:flex;align-items:flex-end;width:100%;justify-content:center;height:100vh}.authWrapper .authPerson img{max-width:450px}.authWrapper .login_logo{text-align:center;display:inline-block;position:absolute;top:36px;width:510px;margin:0 auto}.authWrapper .authRight{width:50%}.authWrapper .authCardWrapper{max-width:510px;margin:0 auto;padding-top:100px}.authWrapper .authCardWrapper .loginHeading{color:#000;font-family:"DMSansBold";font-size:32px;line-height:38px;padding-bottom:24px}.authWrapper .authCardWrapper .welcome{padding-bottom:30px}.authWrapper .authCardWrapper .welcome h3{color:#212122;font-family:"DMSansBold";font-size:26px;line-height:30px;max-width:90%}.authWrapper .authCardWrapper .welcome p{color:#757575;font-family:"DMSansRegular";font-size:14px;line-height:18px;margin-bottom:0px}.authWrapper .authCardWrapper .authCard{background-color:#fff;border-radius:20px;box-shadow:0 2px 30px 0 rgba(227,227,227,.5);padding:40px 60px;width:100%}.authWrapper .authCardWrapper .authCard .form-group{margin-bottom:24px}.authWrapper .authCardWrapper .authCard .form-control{height:52px;color:#757575;font-size:16px;border:1px solid #c1c1c1}.authWrapper .authCardWrapper .authCard select.form-control{background:url(../images/dropdown-arrow.svg) no-repeat 94% 50%;-moz-appearance:none;-webkit-appearance:none;-webkit-appearance:none;appearance:none;background-color:#fff}.authWrapper .authCardWrapper .authCard .form-control:focus{box-shadow:none;outline:none}.authWrapper .authCardWrapper .authCard .loginBtn{width:100%}.authWrapper .authCardWrapper .authCard .allready{padding-top:20px;text-align:center;font-size:16px;color:#757575}.authWrapper .authCardWrapper .authCard .allready a{color:#1860aa;text-decoration:none}.bookHeading{margin:24px 0px}.bookHeading a{color:#000;font-family:"DMSansBold";font-size:18px;background:url(../images/arrow_back.svg) center left no-repeat;text-decoration:none;padding-left:32px}.doctor-card{border:1px solid #f2f6fa;background-color:#fff;border-radius:10px;margin-bottom:30px;max-width:450px;padding:0px}.doctor-card .expert-doctor-top{display:flex;padding:20px 20px 0px;margin-bottom:20px}.doctor-card .expert-doctor-top .expert-doctor-img{width:80px;height:80px;border-radius:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;flex:none}.doctor-card .expert-doctor-top .expert-doctor-right{padding-left:16px}.doctor-card .expert-doctor-top .expert-doctor-right .doctor-heading{color:#000;font-family:"DMSansBold";font-size:18px;line-height:22px;text-align:left}.doctor-card .expert-doctor-top .expert-doctor-right .doctor-description{color:#424242;font-size:14px;line-height:17px;margin-bottom:6px;font-family:"DMSansMedium"}.doctor-card .expert-doctor-top .expert-doctor-right .doctor-post{color:#757575;font-family:"DMSansRegular";font-size:13px;line-height:18px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:keep-all}.bookingSection .bookHeading{margin:0}.bookAppointment{background-color:#fff;border-radius:10px;margin-bottom:30px;padding:0}.bookAppointment .bookHead{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid #f2f6fa;margin-bottom:20px}.bookAppointment .bookHead h3{color:#757575;font-size:14px;font-family:"DMSansBold";line-height:20px;margin-bottom:0}.bookAppointment .timeScroll{overflow-y:scroll;max-height:300px;margin-top:10px}.bookAppointment .timeScroll .bookDay:first-child{padding-top:0}.bookAppointment .timeScroll::-webkit-scrollbar{width:8px;height:8px}.bookAppointment .timeScroll::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.bookAppointment .timeScroll::-webkit-scrollbar-thumb{background-color:#1860aa;border-radius:4px;-webkit-transition:background-color .3s;transition:background-color .3s}.bookAppointment .timeScroll::-webkit-scrollbar-thumb:hover{background-color:#999}.bookAppointment .bookDate{padding-bottom:20px}.bookAppointment .bookBody{padding:0px}.bookAppointment .bookBody .bookDate ul{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:0;padding:0;overflow-x:auto;padding-bottom:10px;flex-wrap:nowrap}.bookAppointment .bookBody .bookDate ul li{display:inline-block}.bookAppointment .bookBody .bookDate ul li a{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:10px;display:inline-block;text-align:center;color:#757575;font-size:14px;font-family:"DMSansMedium";text-decoration:none;min-width:60px}.bookAppointment .bookBody .bookDate ul li a:hover{color:#fff !important}.bookAppointment .bookBody .bookDate ul li a span{color:#424242;font-family:"DMSansBold";font-size:18px;line-height:22px;display:block}.bookAppointment .bookBody .bookDate ul li a span:hover{color:#fff !important}.bookAppointment .bookBody .bookDate ul li a:hover span{color:#fff !important}.bookAppointment .bookBody .bookDate ul li a:hover{background-color:#1860aa;color:#fff !important}.bookAppointment .bookBody .bookDate ul li a.active{background:#1860aa !important;color:#fff !important}.bookAppointment .bookBody .bookDate ul li a.active span{color:#fff !important}.bookAppointment .bookBody .scroll-container{overflow-x:auto;white-space:nowrap;flex:1}.bookAppointment .bookBody .bookScrollWrap .scroll-btn{position:absolute;border:none;background-color:#fff;font-size:28px;margin-top:-20px}.bookAppointment .bookBody .bookScrollWrap .scroll-btn.right{right:5px}.bookAppointment .bookBody .bookScrollWrap .scroll-btn.left{left:5px}.bookAppointment .bookBody .bookDate-wrapper{display:flex;align-items:center;overflow:hidden;width:100%;gap:5px}.bookAppointment .bookBody .scroll-container{overflow-x:auto;flex:1;scroll-behavior:smooth}.bookAppointment .bookBody .bookDate{display:inline-block;white-space:nowrap}.bookAppointment .bookBody .bookTime{display:flex;align-items:flex-start;gap:5px;flex-direction:column}.bookAppointment .bookBody .bookDay{color:#000;line-height:24px;font-size:14px;padding-bottom:4px;padding-top:16px;font-family:"DMSansBold"}.bookAppointment .bookBody .bookTime ul{padding:0;width:100%;display:grid;grid-template-columns:repeat(3, 96px);gap:10px 8px;max-width:332px;margin-bottom:10px !important}.bookAppointment .bookBody .bookTime ul li{display:inline-block}.bookAppointment .bookBody .bookTime ul li a{background-color:#fff;border:1px solid #1860aa;border-radius:4px;padding:6px 0;text-align:center;display:block;text-align:center;color:#1860aa;font-size:14px;font-family:"DMSansMedium";text-decoration:none;transition:background-color .3s ease,color .3s ease}.bookAppointment .bookBody .bookTime ul li a.active{border:1px solid #4a7fbc !important;color:#fff !important;background-color:#1860aa}.bookAppointment .bookBody .bookTime ul li a:hover{background-color:#1860aa;color:#fff !important}.bookAppointment .bookBody .bookTime ul li a.disable{opacity:.7}.appointmentBtn{text-align:center;padding-top:10px}.appointmentBtn .bookBtn img{filter:brightness(0) invert(1);margin-right:10px}.myAppointment .nav-tabs{background-color:rgba(233,235,237,.5);border-radius:8px;padding:10px 20px;border:none}.myAppointment .nav-tabs .nav-link:focus,.myAppointment .nav-tabs .nav-link:hover{isolation:isolate;border-color:rgba(0,0,0,0) !important}.myAppointment .nav-tabs .nav-link{color:#000;font-size:14px;line-height:17px;padding:10px 30px;font-family:"DMSansBold"}.myAppointment .nav-tabs .nav-link.active{background-color:#1860aa !important;border-radius:6px;color:#fff !important}.myAppointment .myApointTable{background-color:#fff;border:1px solid #f2f6fa;border-radius:10px;display:inline-block;width:100%;margin:30px 0px 40px;padding:0px 20px 20px 20px}.myAppointment .myApointTable table{margin-bottom:0px}.myAppointment .myApointTable table thead th{padding:20px 10px;font-family:"DMSansBold"}.myAppointment .myApointTable table tr{vertical-align:middle}.myAppointment .myApointTable table tr td{border:none;min-width:130px;color:#757575;font-family:"DMSansMedium";padding:10px 10px}.myAppointment .myApointTable table .actionBtn{display:flex;align-items:center;gap:10px}.myAppointment .myApointTable .btn-outline{background-color:#fff;border:1px solid #1860aa;border-radius:4px;padding:0px 30px;color:#1860aa;height:32px;line-height:32px;font-size:14px;font-family:"DMSansBold";width:120px}.myAppointment .myApointTable .btn-primary{padding:0px 30px;height:32px;width:120px;font-size:14px}.myAppointment .myApointTable .btn-cancel{background-color:#f64444;color:#fff !important;padding:0px 30px;height:32px;line-height:30px;font-family:"DMSansBold";text-decoration:none;font-size:14px}.myAppointment .myApointTable .status{color:#56b161;text-decoration:none;font-size:16px;font-family:"DMSansMedium"}.myAppointment .myApointTable .status.active{color:#56b161}.myAppointment .myApointTable .status.cancel{color:#f64444}.myAppointment .myApointTable .userProfile{display:flex;align-items:center;gap:10px;min-width:250px}.myAppointment .myApointTable .userProfile .userImg{max-width:60px;min-width:60px;height:60px}.myAppointment .myApointTable .userProfile .userImg img{width:100%}.myAppointment .myApointTable .userProfile .userContant h3{color:#000;line-height:20px;font-size:16px;font-family:"DMSansBold";margin-bottom:0}.myAppointment .myApointTable .userProfile .userContant p{color:#424242;line-height:18px;font-size:14px;padding-top:6px;margin-bottom:0px;font-family:"DMSansMedium"}.thanksModal{text-align:center;padding:20px 0px}.thanksModal img{margin-bottom:16px}.thanksModal h2{color:#000;line-height:34px;font-size:32px;font-family:"DMSansBold"}.thanksModal p{color:#424242;line-height:24px;padding:10px 0px;font-size:20px;font-family:"DMSansMedium"}.thanksModalFails{text-align:center;padding:20px 0px}.thanksModalFails img{margin-bottom:16px}.thanksModalFails h2{color:#000;line-height:34px;font-size:32px;font-family:"DMSansBold"}.thanksModalFails p{color:#424242;line-height:24px;padding:10px 0px;font-size:20px;font-family:"DMSansMedium"}.cancelModal{text-align:center;padding:20px 0px}.cancelModal h2{color:#f64444;line-height:34px;font-size:32px;font-family:"DMSansBold"}.cancelModal p{color:#424242;line-height:28px;padding:10px 0px;font-size:20px;font-family:"DMSansMedium"}.cancelModal .btn-primary.bookCancel{border:1px solid #f2f6fa !important;border-radius:4px;background-color:#fff;color:#1860aa}.cancelModal .btn-primary.bookCancel:hover{color:#1860aa !important}.cancelModal .btnWrap{justify-content:center;display:flex;gap:20px}.cancelModal .btnWrap .btn{min-width:160px}.bookingModal .modal-dialog{max-width:420px}.bookingModal .modal-dialog h2{line-height:28px;font-size:24px;margin-bottom:0px}.bookingModal .modal-dialog img{max-width:42px}.bookingModal .modal-dialog p{padding:10px 0px;font-size:16px;margin-bottom:0}.my-Appointment{max-width:100%;margin:56px 0px;background:#fff;border-radius:10px;padding:0px 20px 20px;border:1px solid #f2f6fa}.my-Appointment .header,.my-Appointment .card{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 3fr;align-items:center;gap:10px;padding:15px}.my-Appointment .header{border-bottom:1px solid #eeecec}.my-Appointment .header .headerTitle{color:#000;font-family:"DMSansBold";font-size:16px;line-height:18px}.my-Appointment .card{border:none;color:#757575;font-size:16px;line-height:18px;font-family:"DMSansMedium"}.my-Appointment .profile{display:flex;align-items:center;gap:10px}.my-Appointment .profile .contant h3{color:#000;font-family:"DMSansBold";font-size:16px;line-height:19px;margin-bottom:4px}.my-Appointment .profile .contant p{color:#424242;font-family:"DMSansMedium";font-size:14px;line-height:17px;margin-bottom:0px}.my-Appointment .profile img{width:50px;height:50px;border-radius:50%}.my-Appointment .status{color:#56b161;font-family:"DMSansMedium"}.my-Appointment .missed{color:#f64444;font-family:"DMSansMedium"}.my-Appointment .actions{display:flex;gap:10px;flex-wrap:wrap}.my-Appointment .btn{padding:6px 20px;border:1px solid #1860aa;border-radius:6px;background:#fff;color:#1860aa;font-family:"DMSansBold";font-size:14px;cursor:pointer;min-width:120px;height:40px}.my-Appointment .btn.reschedule{background-color:#1860aa;border-radius:4px;color:#fff}.my-Appointment .btn:hover{opacity:.9}.date span{display:none}#contact-tab-pane .my-Appointment .header,#contact-tab-pane .my-Appointment .card{grid-template-columns:4fr 3fr 2fr 1fr 1fr;align-items:center;gap:10px;padding:15px}#profile-tab-pane .my-Appointment .header,#profile-tab-pane .my-Appointment .card{grid-template-columns:4fr 3fr 2fr 1fr 1fr;align-items:center;gap:10px;padding:15px}@media(max-width: 768px){.my-Appointment{border:none;padding:0;margin:30px 0px}.my-Appointment .header{display:none}.my-Appointment .date{color:#000;display:flex;gap:10px}.my-Appointment .date span{display:block;color:#757575}.my-Appointment .date.time{margin-left:auto;margin-top:-32px}.my-Appointment .contant{max-width:187px}.my-Appointment .status{color:#56b161;position:absolute;right:10px;background:rgba(52,176,134,.2196078431);padding:6px 10px;border-radius:10px;font-family:"DMSansBold";font-size:12px}.my-Appointment .missed{color:#fff;font-family:"DMSansMedium";position:absolute;right:10px;background:#f64444;padding:6px 10px;border-radius:10px;font-family:"DMSansBold";font-size:12px}.my-Appointment .card{display:flex;flex-direction:column;gap:14px;padding:10px;border:1px solid #eee;align-items:flex-start;margin-bottom:20px}.my-Appointment .profile{flex-wrap:wrap;justify-content:space-between}.my-Appointment .actions{flex-wrap:wrap;justify-content:space-between;width:100%;padding-top:6px}.my-Appointment .actions .btn{width:48%}#contact-tab-pane .my-Appointment .date.time{margin-top:-28px}#contact-tab-pane .my-Appointment .header,#contact-tab-pane .my-Appointment .card{align-items:flex-start}}.loginPopupClass .authWrapper{background:rgba(0,0,0,0);height:auto}.loginPopupClass .authWrapper .authRight{width:100%}.loginPopupClass .authWrapper .authRight .authCardWrapper .authCard{box-shadow:none;padding:0;width:100%}.registrationPopupClass .authWrapper{background:rgba(0,0,0,0);height:auto}.registrationPopupClass .authWrapper .authRight{width:100%}.registrationPopupClass .authWrapper .authRight .authCardWrapper{padding-top:0px}.registrationPopupClass .authWrapper .authRight .authCardWrapper .authCard{box-shadow:none;width:100%;padding:40px 40px}@media only screen and (max-width: 991.98px){.authWrapper.authRegister{justify-content:flex-end}.authWrapper{flex-wrap:wrap;flex-direction:column-reverse}.authWrapper .login_logo{width:auto;top:24px}.authWrapper .registerNone{display:none}.authWrapper .loginHeading{display:none}.authWrapper .authPerson{width:300px;height:auto;position:relative;margin-top:20px}.authWrapper .authPerson img{max-width:200px}.authWrapper .authRight,.authWrapper .authLeft{width:100%}.authWrapper .authCardWrapper.authRegister .authCard{padding:20px 20px 0px}.authWrapper .authCardWrapper .authCard{box-shadow:none;padding:86px 20px 0px;width:100%;background-color:rgba(0,0,0,0)}}@media only screen and (max-width: 767.98px){.registrationPopupClass .authWrapper .authRight .authCardWrapper .authCard{box-shadow:none;width:100%;padding:24px 20px}.loginPopupClass .modal-body{padding:24px 20px}.authWrapper.authRegister{justify-content:flex-end}.authWrapper{flex-wrap:nowrap;height:100vh}.authWrapper .login_logo{width:100%;top:24px}.authWrapper .registerNone{display:none}.authWrapper .closeModal{left:20px;top:22px}.authWrapper .loginHeading{display:none}.authWrapper .authPerson{width:300px;height:auto;position:relative;margin-left:auto;justify-content:flex-end}.authWrapper .authPerson img{max-width:236px;transform:rotateY(-180deg)}.authWrapper .authRight,.authWrapper .authLeft{width:100%}.authWrapper .authCardWrapper.authRegister .authCard{padding:20px 20px 0px}.authWrapper .authCardWrapper .authCard{box-shadow:none;padding:0px 20px 0px;width:100%;background-color:rgba(0,0,0,0)}.bookAppointment .bookBody .bookTime{flex-direction:column}.bookAppointment .bookBody .bookTime ul li a{font-size:13px;text-align:center;padding:10px 12px;width:100%}.bookAppointment .bookBody{padding:0px}.bookAppointment .bookBody .bookDate ul{gap:10px;overflow-x:auto;padding-bottom:10px;flex-wrap:nowrap}.bookAppointment .bookBody .bookDate ul li a span{font-size:18px;line-height:24px}.bookAppointment .bookBody .bookDate ul li a{font-size:14px}.appointmentBtn{position:sticky;bottom:0;left:0;padding:0;width:100%;margin-bottom:20px}.appointmentBtn .bookBtn{width:92%}.bookAppointment .bookBody .bookTime ul{grid-template-columns:repeat(3, 88px)}.cancelModal .btnWrap .btn{min-width:124px}.cancelModal h2{line-height:28px;font-size:24px}.cancelModal p{line-height:24px;padding:0px 0px;font-size:16px}.thanksModal p{line-height:24px;padding:0;font-size:18px}.thanksModal h2{line-height:28px;font-size:20px}.myAppointment .myApointTable .userProfile{min-width:250px}.myAppointment .nav-tabs .nav-link{padding:10px 8px;font-size:13px}.myAppointment .nav-tabs{padding:10px 10px}.actions .btn:nth-child(3){width:100%}}.error { color: #dc3232; font-weight: 400; display: block; font-size: 12px; }
.profiles-custom-modal .modal-dialog{
    max-width: 620px;
}
.profiles-custom-modal .authCardWrapper{
    max-width: 100%;
    margin: 0;
}
.profiles-custom-modal .authCardWrapper table{
    border: none;
    margin-bottom: 20px;
}
.profiles-custom-modal .authCardWrapper table tr th{
    padding: 10px;
}
.profiles-custom-modal .authCardWrapper table tr{
    border-bottom: #eee solid 1px;
}
.profiles-custom-modal .authCardWrapper table tr td{
    text-align: left;
    padding: 10px;
    white-space: nowrap;
}
.profiles-custom-modal .authCardInner{
    overflow: auto;
}