/**LOGIN/SIGNUP**/
.LOGIN_SIGNUP .wrapper{height:100%;width:100%;overflow:hidden;z-index:0;background:#c2deff;position:relative;}
.LOGIN_SIGNUP .footer{width:100%;padding:15px 0;text-align:center;font-size:12px;line-height:18px;color:#ffffff;background:#005792;position:absolute;left:0;bottom:0;z-index:2;}
.LOGIN_SIGNUP .footer .container{width:95%;margin:0 auto;}
.LOGIN_SIGNUP .bottomImg{width:100%;position:absolute;left:0;bottom:0;}
.LOGIN_SIGNUP .bottomImg .left{width:700px;position:absolute;left:-250px;bottom:0;animation:bgImg_left 1.5s ease 0s 1 normal forwards;opacity:0.0;}
.LOGIN_SIGNUP .bottomImg .left img{width:100%;display:block;}
.LOGIN_SIGNUP .bottomImg .rgt{width:760px;position:absolute;right:-250px;bottom:0;animation:bgImg_rgt 1.5s ease 0s 1 normal forwards;opacity:0.0;}
.LOGIN_SIGNUP .bottomImg .rgt img{width:100%;display:block;}
.LOGIN_SIGNUP.SIGNUP .bottomImg .left,
.LOGIN_SIGNUP.LOGIN .bottomImg .left,
.LOGIN_SIGNUP.VIDEO .bottomImg .left{animation:bgImg_left_30 1.5s ease 0s 1 normal forwards;}
.LOGIN_SIGNUP.SIGNUP .bottomImg .rgt,
.LOGIN_SIGNUP.LOGIN .bottomImg .rgt,
.LOGIN_SIGNUP.VIDEO .bottomImg .rgt{animation:bgImg_rgt_30 1.5s ease 0s 1 normal forwards;}
.loginSignUp{width:calc(100% - 60px);max-width:350px;padding:30px 30px 40px 30px;text-align:center;animation:fadeIn_up 1.5s ease 0s 1 normal forwards;opacity:0.0;margin:40px auto 0 auto;}
.loginSignUp .logoImg{width:130px;margin:0 auto 40px auto;}
.loginSignUp .logoImg img{width:100%;display:block;}
.loginSignUp .vectorImg{width:100%;margin:0 auto 25px auto;}
.loginSignUp .vectorImg img{width:100%;display:block;}
.loginSignUp h1{font-size:28px;line-height:32px;color:#005792;font-weight:800;margin-bottom:25px;}
.loginSignUp .hyperlink{color:#555555;font-size:14px;line-height:18px;margin-bottom:25px;}
.loginSignUp .hyperlink a{text-decoration:none;color:#555555;display:inline-block;margin:0 5px;-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease;}
.loginSignUp .hyperlink a:hover{color:#0096fa;font-weight:800;}
.loginSignUp .hyperlink a.active{font-size:16px;line-height:20px;color:#0096fa;font-weight:800;}
.loginSignUp .btns{width:calc(100% + 25px);font-size:0;}
.loginSignUp .btns span{display:inline-block;vertical-align:top;width:calc(50% - 25px);margin-right:25px;}
.loginSignUp .btns span a{display:block;width:100%;height:0;padding-top:100%;border-radius:10px;position:relative;color:#ffffff;text-decoration:none;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);}
.loginSignUp .btns span .doctor{background:#005792;}
.loginSignUp .btns span .patient{background:#0096fa;}
.loginSignUp .btns span a .inner{position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;text-align:center;font-size:14px;line-height:18px;font-weight:800;text-transform:uppercase;}
.loginSignUp .btns span a .inner img{display:block;width:45px;margin:0 auto 10px auto;}
.loginSignUp .btns span a:hover{-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);}
.loginSignUp .btns span a:hover .inner{animation:btnMoAnimation 0.5s ease 0s 1 normal forwards;}
/**Sign up**/
.LOGIN_SIGNUP.SIGNUP .wrapper{height:auto;min-height:96.5vh;background:#ffffff;}
.LOGIN_SIGNUP.SIGNUP .footer{position:relative;z-index:0;}
.signupPg{width:calc(100% - 60px);max-width:1100px;padding:30px 30px 40px 30px;text-align:center;animation:fadeIn_up 1.5s ease 0s 1 normal forwards;opacity:0.0;margin:40px auto 0 auto;}
.signupPg .logoImg{width:130px;margin:0 auto 25px auto;}
.signupPg .logoImg img{width:100%;display:block;}
.signupPg h1{font-size:28px;line-height:32px;color:#005792;margin-bottom:20px;font-weight:800;}
/**Login**/
.LOGIN_SIGNUP.LOGIN .wrapper{height:auto;min-height:96.5vh;background:#ffffff;}
.LOGIN_SIGNUP.LOGIN .footer{position:relative;z-index:0;}
.loginPg{width:calc(100% - 60px);max-width:350px;padding:30px 30px 40px 30px;text-align:center;animation:fadeIn_up 1.5s ease 0s 1 normal forwards;opacity:0.0;margin:40px auto 0 auto;}
.loginPg .logoImg{width:130px;margin:0 auto 25px auto;}
.loginPg .logoImg img{width:100%;display:block;}
.loginPg h1{font-size:28px;line-height:32px;color:#005792;margin-bottom:20px;font-weight:800;}
.loginPg p{font-size:14px;line-height:18px;margin-bottom:10px;color:#555555;}
.loginPg p strong{color:#005792;font-weight:800;}
.loginPg p a{text-decoration:none;color:#005792;}
.loginPg p a:hover{text-decoration:underline;}
.loginPg .iconImg{width:75px;height:75px;margin:0 auto 20px auto;position:relative;border-radius:100%;overflow:hidden;}
.loginPg .iconImg img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;}
.loginPg .commonBtn{margin:0 auto;}
.loginPg .authImg{width:110px;margin:0 auto 20px auto;}
.loginPg .authImg img{width:100%;display:block;}
/**Video**/
.LOGIN_SIGNUP.VIDEO .wrapper{height:auto;min-height:96.5vh;background:#ffffff;}
.LOGIN_SIGNUP.VIDEO .footer{position:relative;z-index:0;}
.videoPg{width:calc(100% - 60px);max-width:1280px;padding:30px;text-align:center;margin:0 auto;}
.videoPg .logoImg{width:130px;margin:0 auto 25px auto;}
.videoPg .logoImg img{width:100%;display:block;}
.videoPg .caller{width:calc(100% - 30px);padding:15px;background:#0096fa;border-radius:10px;font-size:0;margin-bottom:10px;}
.videoPg .caller .user{display:inline-block;vertical-align:middle;width:50%;color:#ffffff;font-size:16px;line-height:normal;text-align:left;}
.videoPg .caller .user span strong{font-weight:800;}
.videoPg .caller .time{display:inline-block;vertical-align:middle;width:50%;color:#ffffff;font-size:14px;line-height:normal;text-align:right;}
.videoPg .video_placeholder{width:100%;height:600px;border-radius:10px;position:relative;overflow:hidden;background:#000000;position:relative;}
.videoPg .video_placeholder .image{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;}
.videoPg .video_placeholder .myvideo{width:180px;position:absolute;top:20px;right:20px;border:1px solid #ffffff;border-radius:10px;overflow:hidden;}
.videoPg .video_placeholder .myvideo img{width:100%;display:block;}
.videoPg .grpBtns{width:100%;position:absolute;bottom:20px;left:0;}
.videoPg .grpBtns .videoBtns{width:100%;text-align:center;}
.videoPg .grpBtns .videoBtns span{display:inline-block;vertical-align:top;width:60px;}
.videoPg .grpBtns .videoBtns span .btn{width:45px;height:45px;margin:0 auto;border-radius:100%;background:rgba(0,0,0,0.6);display:block;position:relative;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.videoPg .grpBtns .videoBtns span .btn:hover,
.videoPg .grpBtns .videoBtns span .btn.active{background:rgba(255,192,0,1.0);}
.videoPg .grpBtns .videoBtns span .btn img{width:20px;display:block;position:absolute;transform:translate(-50%, -50%);top:50%;left:50%;}
.videoPg .grpBtns .videoBtns span .btn .mo{display:none;}
.videoPg .grpBtns .videoBtns span .btn:hover .normal{display:none;}
.videoPg .grpBtns .videoBtns span .btn:hover .mo{display:block;}
.videoPg .grpBtns .videoBtns span p{color:#ffffff;font-size:12px;line-height:normal;margin:2.5px 0 0 0;}
.videoPg .grpBtns .endCall{position:absolute;right:20px;bottom:16px;}
.videoPg .MOBILEBTN{display:none;}
.videoPg .grpBtns.MOBILEBTN{position:relative;margin-top:50px;}
.videoPg .grpBtns.MOBILEBTN .videoBtns span p{color:#555555;}
.videoPg .grpBtns.MOBILEBTN .endCall{position:relative;right:0;bottom:0;margin-top:20px;}
@keyframes btnMoAnimation{
	0%{top:50%;}
	50%{top:45%;}
	100%{top:50%;}
}
@keyframes fadeIn_up{
	0%{opacity:0.0;margin:40px auto 0 auto;}
	100%{opacity:1.0;margin:0 auto;}
}
@keyframes bgImg_left{
	0%{opacity:0.0;left:-250px;}
	100%{opacity:1.0;left:0;}
}
@keyframes bgImg_rgt{
	0%{opacity:0.0;right:-250px;}
	100%{opacity:1.0;right:0;}
}
@keyframes bgImg_left_30{
	0%{opacity:0.0;left:-250px;}
	100%{opacity:0.3;left:0;}
}
@keyframes bgImg_rgt_30{
	0%{opacity:0.0;right:-250px;}
	100%{opacity:0.3;right:0;}
}
/**COMMON FORM FIELDS**/
.formFields{width:calc(100% + 30px);font-size:0;text-align:left;}
.photoUpload{width:150px;margin:0 auto 20px auto;text-align:center;}
.photoUpload .profileImg{width:75px;height:75px;margin:0 auto;position:relative;border-radius:100%;overflow:hidden;}
.photoUpload .profileImg img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;}
.photoUpload .profileImg .FILETYPE{width:75px;height:75px;position:absolute;top:0;left:0;border:none;background:none;cursor:pointer;opacity:0;}
.PROFILE .photoUpload{width:100%;margin:0 0 20px 0;text-align:left;}
.PROFILE .photoUpload .profileImg{margin:0;}
.formFields .col3{width:calc(33.3333% - 30px);margin-right:30px;margin-bottom:20px;display:inline-block;vertical-align:top;}
.formFields .col2{width:calc(50% - 30px);margin-right:30px;margin-bottom:20px;display:inline-block;vertical-align:top;}
.formFields .col{width:calc(100% - 30px);margin-right:30px;margin-bottom:20px;display:inline-block;vertical-align:top;}
.formFields .fieldName{font-size:14px;line-height:18px;color:#005792;font-weight:800;margin-bottom:10px;}
.formFields .fieldInput{width:100%;position:relative;}
.formFields .fieldInput.mobileNo{width:100%;font-size:0;}
.formFields .fieldInput.mobileNo span{display:inline-block;vertical-align:middle;width:35px;margin-right:5px;color:#555555;font-size:14px;line-height:normal;text-align:center;}
.formFields .fieldInput.mobileNo span img{width:100%;display:block;}
.formFields .fieldInput.mobileNo .field{width:calc(100% - 80px);margin-right:0;}
.formFields .pwd .pwdIcon{position:absolute;right:10px;top:9px;cursor:pointer;content:'';background:url("../images/eye.svg")no-repeat;background-size:100%;width:15px;height:15px;}
.formFields .pwd .pwdIcon.active{content:'';background:url("../images/eye-crossed.svg")no-repeat;background-size:100%;}
.formFields .grpFields{width:100%;font-size:0;}
.formFields .grpFields span{display:inline-block;vertical-align:middle;margin-right:10px;}
.formFields .grpFields .field{width:260px;}
.formFields .grpFields.WITHSEARCHICON .field{width:calc(100% - 45px);}
.formFields .grpFields .search,
.formFields .grpFields .refresh{width:23px;}
.formFields .grpFields.WITHSEARCHICON .search{margin-right:0;}
.formFields .grpFields img{width:100%;display:block;}
.formFields .fieldInput.fee{width:100%;font-size:0;}
.formFields .fieldInput.fee span{display:inline-block;vertical-align:middle;width:calc(100% - 30px);}
.formFields .fieldInput.fee .icon{width:20px;margin-right:10px;}
.formFields .fieldInput.fee span img{width:100%;display:block;}
.mycalendar .formFields .grpFields .field,
.myappointments .formFields .grpFields .field{width:100%;max-width:500px;}
.msgBox{width:calc(100% - 40px);padding:20px;background:rgba(0, 150, 250, 0.25);margin-bottom:20px;display:none;}
.msgBox.active{display:block;}
.msgBox p{font-weight:800;font-size:14px;line-height:18px;}
/**RESPONSIVE TABLE**/
.responsiveTable{width:100%;}
.responsiveTable table{width:100%;border-collapse:separate;}
.responsiveTable table thead tr th{color:#0096fa;font-size:12px;line-height:16px;font-weight:800;text-align:left;padding:10px;vertical-align:top;border-bottom:1px solid #d4d4d4;}
.responsiveTable table tbody tr td{color:#262626;font-size:14px;line-height:18px;font-weight:400;text-align:left;padding:10px;border-bottom:1px solid #d4d4d4;vertical-align:middle;}
.responsiveTable table tbody tr td .field{display:block;}
.responsiveTable table tbody tr td .iconBtn{width:20px;display:inline-block;}
/*ACCORDION*/
.accordion{width:100%;}
.accordion .accord_title{width:calc(100% - 62px);background:#005792;color:#ffffff;font-size:14px;line-height:18px;font-weight:800;cursor:pointer;position:relative;border:1px solid #005792;padding:15px 40px 15px 20px;border-radius:10px;margin-top:10px;}
.accordion .accord_title::after{content:"";background:url("../images/arrow-down-white.svg")no-repeat;background-size:100%;width:20px;height:20px;position:absolute;top:20px;right:10px;transform:rotate(0);webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
.accordion .accord_title.active{border-bottom-left-radius:0;border-bottom-right-radius:0;}
.accordion .accord_title.active::after{transform:rotate(180deg);background:url("../images/arrow-down-white.svg")no-repeat;background-size:100%;top:8px;right:15px;}
.accordion .accord_content{width:calc(100% - 42px);background:#ffffff;border:1px solid #005792;border-top:0;padding:15px 20px 0 20px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;display:none;font-size:0;}
.accordion .accord_content p{font-size:14px;line-height:18px; margin-bottom:15px;color:#555555;}
.accordion .accord_content p strong{font-weight:800;}
.accordion .accord_content span{display:inline-block;vertical-align:top;width:calc(100% - 50px);}
.accordion .accord_content .download{width:30px;margin-left:20px;}
.accordion .accord_content .download img{width:100%;display:block;}
.PRESC .accord_content{width:100%;border:none;padding:0;border-bottom-left-radius:0;border-bottom-right-radius:0;}
.PRESC ul{width:100%;}
.PRESC ul li{width:calc(100% - 40px);display:block;border-bottom:1px solid #d4d4d4;margin:15px 0;padding:0 20px 15px 20px;}
.PRESC ul li .date,.PRESC ul li .btn{display:inline-block;vertical-align:middle;}
.PRESC ul li .date{width:calc(100% - 50px);font-size:14px;line-height:18px;color:#555555;}
.PRESC ul li .date strong{font-weight:800;color:#005792;}
.PRESC ul li .btn{width:30px;margin-left:20px;}
.PRESC ul li .btn img{width:100%;display:block;}
/**MAIN PAGE WRAPPER**/
.page-wrapper{background:#ffffff;overflow-x:hidden;position:relative;}
/**RECORD LIST (common layout for My Patients and My Doctors)**/
.recordList{width:calc(100% + 30px);font-size:0;display:flex;flex-wrap:wrap;}
.recordList li{display:inline-block;vertical-align:top;width:calc(25% - 70px);margin:0 30px 30px 0;padding:20px;background:#005792;border-radius:10px;}
.recordList li .acct{display:inline-block;vertical-align:middle;margin-bottom:20px;font-size:0;}
.recordList li .acct .photo{display:inline-block;vertical-align:middle;width:40px;height:40px;margin-right:10px;border-radius:100%;overflow:hidden;position:relative;}
.recordList li .acct .photo img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;}
.recordList li .acct .detail{display:inline-block;vertical-align:middle;width:calc(100% - 50px);font-size:14px;line-height:18px;text-align:left;color:#ffffff;}
.recordList li .acct .detail .username{font-weight:800;}
.recordList li .info{width:100%;margin-bottom:15px;}
.recordList li .info span{display:block;width:100%;color:#ffffff;font-size:14px;line-height:18px;}
.recordList li .info span strong{color:#0096fa;font-size:12px;line-height:14px;font-weight:800;}
.recordList li .grpBtns{width:100%;}
.recordList li .grpBtns .chat{width:100%;margin:20px 0 10px 0;text-align:center;}
.recordList li .grpBtns .chat span{display:inline-block;vertical-align:middle;}
.recordList li .grpBtns .chat .icon{width:20px;margin-left:5px;position:relative;text-align:center;}
.recordList li .grpBtns .chat .icon img{width:100%;display:block;filter:brightness(0) invert(1);}
.recordList li .grpBtns .chat .icon .alert{position:absolute;top:-5px;right:-10px;font-size:8px;line-height:normal;border-radius:100%;background:#005792;width:15px;height:13px;padding-top:2px;color:#ffffff !important;}
.recordList li .grpBtns .chat .commonBtn:hover .icon img{filter:none;}
.recordList li .grpBtns .delete{width:100%;text-align:center;}
.recordList li .grpBtns .delete span{display:inline-block;vertical-align:middle;}
.recordList li .grpBtns .delete .icon{width:20px;margin-left:5px;}
.recordList li .grpBtns .delete .icon img{width:100%;display:block;filter:brightness(0) invert(1);}
.recordList li .grpBtns .delete .commonBtn:hover .icon img{filter:none;}
.recordList li .grpBtns .mydoctors_btn{width:100%;margin:20px 0 10px 0;text-align:center;}
.recordList li .grpBtns .mydoctors_btn span{display:inline-block;vertical-align:middle;}
.recordList li .grpBtns .mydoctors_btn .icon{width:20px;margin-left:5px;}
.recordList li .grpBtns .mydoctors_btn .icon img{width:100%;display:block;filter:brightness(0) invert(1);}
.recordList li .grpBtns .mydoctors_btn .commonBtn:hover .icon img{filter:none;}
.recordList li .grpBtns .edit{width:100%;margin:0 0 10px 0;text-align:center;}
.recordList li .grpBtns .edit span{display:inline-block;vertical-align:middle;}
.recordList li .grpBtns .edit .icon{width:20px;margin-left:5px;}
.recordList li .grpBtns .edit .icon img{width:100%;display:block;filter:brightness(0) invert(1);}
.recordList li .grpBtns .edit .commonBtn:hover .icon img{filter:none;}
.recordList li .grpBtns .commonBtn{padding:11.5px 30px;}
/**APPOINTMENT LIST**/
.aptList{width:calc(100% + 30px);font-size:0;/*display:flex;flex-wrap:wrap;*/}
.aptList li{display:inline-block;vertical-align:top;width:calc(33.3333% - 32px);margin:0 30px 30px 0;background:#ffffff;border:1px solid #005792;border-radius:10px;overflow:hidden;}
.aptList li .patientInfo{padding:20px;width:calc(100% - 40px);font-size:0;}
.aptList li .patientInfo.TELE{background:#005792;}
.aptList li .patientInfo.INCLINIC{background:#900073;}
.aptList li .patientInfo .acct{display:inline-block;vertical-align:top;font-size:0;width:calc(100% - 100px);}
.aptList li .patientInfo .acct .photo{display:inline-block;vertical-align:top;width:40px;height:40px;margin-right:10px;border-radius:100%;overflow:hidden;position:relative;}
.aptList li .patientInfo .acct .photo img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;}
.aptList li .patientInfo .acct .detail{display:inline-block;vertical-align:top;width:calc(100% - 50px);font-size:14px;line-height:18px;text-align:left;color:#ffffff;}
.aptList li .patientInfo .acct .detail .username{font-weight:800;}
.aptList li .patientInfo .status_info{display:inline-block;vertical-align:top;width:100px;text-align:right;}
.aptList li .patientInfo .status_info .status{width:100%;color:#ffffff;font-size:12px;line-height:16px;}
.aptList li .patientInfo .status_info .status::before{content:'•';font-size:22px;color:#ffffff;display:inline-block;vertical-align:middle;margin-right:5px;margin-top:-6.5px;}
.aptList li .patientInfo .status_info .status.BOOKED::before,
.aptList li .patientInfo .status_info .status.RESCHEDULED::before{color:#0096fa;}
.aptList li .patientInfo .status_info .status.RESERVED::before{color:#ffc000;}
.aptList li .patientInfo .status_info .status.CANCELLED::before{color:#ed1c24;}
.aptList li .patientInfo .status_info .status.COMPLETED::before{color:#00a651;}
.aptList li .patientInfo .status_info .type{width:100%;color:#ffffff;font-size:12px;line-height:16px;font-weight:800;margin-top:3px;text-transform:uppercase;} 
.aptList li .date_fee{padding:20px;width:calc(100% - 40px);font-size:0;}
.aptList li .date_fee .date{display:inline-block;vertical-align:middle;font-size:16px;line-height:20px;font-weight:800;color:#005792;width:calc(50% - 21px);padding-right:20px;text-align:right;border-right:1px solid #d4d4d4;}
.aptList li .date_fee .date span{display:block;}
.aptList li .date_fee .date .time{color:#555555;font-weight:400;font-size:14px;line-height:18px;}
.aptList li .date_fee .fee{display:inline-block;vertical-align:middle;font-size:16px;line-height:20px;font-weight:800;color:#005792;width:calc(50% - 20px);margin-left:20px;}
.aptList li .patient_appointment{padding:20px;width:calc(100% - 40px);font-size:0;}
.aptList li .patient_appointment .patient{display:inline-block;vertical-align:middle;width:calc(50% - 20px);margin-right:20px;}
.aptList li .patient_appointment .patient span{display:block;font-weight:400;font-size:14px;line-height:18px;color:#555555;}
.aptList li .patient_appointment .patient span strong{font-size:16px;line-height:20px;font-weight:800;color:#005792;}
.aptList li .patient_appointment .appointment{display:inline-block;vertical-align:middle;width:calc(50% - 21px);padding-left:20px;border-left:1px solid #d4d4d4;}
.aptList li .patient_appointment .appointment span{display:block;font-weight:400;font-size:14px;line-height:18px;color:#555555;}
.aptList li .patient_appointment .appointment span strong{font-size:16px;line-height:20px;font-weight:800;color:#005792;}
.aptList li .patient_appointment .commonBtn{margin-top:20px;}
.aptList li .grpBtns{padding:10px 20px 20px 20px;width:calc(100% - 25px);font-size:0;}
.aptList li .grpBtns span{display:inline-block;vertical-align:middle;width:calc(16.66% - 15px);margin-right:15px;/*width:calc(16.66% - 20px);margin-right:20px;*/}
.aptList li .grpBtns span a{-webkit-transition: all 0.5s ease;transition: all 0.5s ease;opacity:1.0;}
.aptList li .grpBtns span a:hover{opacity:0.5;}
.aptList li .grpBtns span img{width:70%;display:block;margin:0 auto;}
/**PAGINATION**/
.pagination{width:100%;margin:0 0 10px 0;font-size:0;}
.pagination .page{display:inline-block;vertical-align:middle;text-align:left;color:#555555;font-size:14px;line-height:18px;width:300px;}
.pagination .pageNum{display:inline-block;vertical-align:middle;text-align:right;width:calc(100% - 300px);font-size:14px;line-height:18px;}
.pagination ul{list-style: none;}
.pagination ul li{display:inline-block;vertical-align: middle;}
.pagination ul li span{display:block;border-radius:5px;background:#ffffff; color:#555555;font-size:14px;width:30px;height:19px;padding:6px 0 5px 0;text-align:center;text-decoration:none;border:1px solid #005792;margin:0 1.5px;}
.pagination ul li a{display:block;border-radius:5px;background:#ffffff; color:#555555;font-size:14px;width:30px;height:19px;padding:6px 0 5px 0;text-align:center;text-decoration:none;border:1px solid #005792;margin:0 1.5px;}
.pagination ul li a:hover,
.pagination ul li.active .current{color:#ffffff;background:#0096fa;border:1px solid #0096fa;}
/**Header**/
.header{background:#ffffff;padding:30px;width:calc(100% - 60px);font-size:0;position:fixed;z-index:2;}
.header h1{color:#005792;font-size:28px;line-height:32px;font-weight:800;}
.header .left{display:inline-block;vertical-align:middle;width:250px;}
.header .rgt{display:inline-block;vertical-align:middle;width:calc(100% - 250px);text-align:right;}
.header .rgt .acct{display:inline-block;vertical-align:middle;margin-right:25px;font-size:0;}
.header .rgt .acct .photo{display:inline-block;vertical-align:middle;width:50px;height:50px;margin-right:10px;border-radius:100%;overflow:hidden;position:relative;}
.header .rgt .acct .photo img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;}
.header .rgt .acct .detail{display:inline-block;vertical-align:middle;width:calc(100% - 60px);font-size:14px;line-height:18px;text-align:left;}
.header .rgt .acct .detail .userid{width:100%;color:#555555;}
.header .rgt .acct .detail .username{font-weight:800;color:#005792;}
.header .rgt .barcode{display:inline-block;vertical-align:middle;}
.header .rgt .barcode .commonBtn{background-image:url("../images/barcode-icon.svg");background-repeat:no-repeat;background-position:20px center;background-size:20px 20px;padding-left:47.5px;padding-right:20px;}
.header .rgt .barcode .commonBtn:hover{background-image:url("../images/barcode-icon-mo.svg");background-repeat:no-repeat;background-position:20px center;background-size:20px 20px;padding-left:47.5px;}
.header .MOBILE{display:none;width:100%;font-size:0;}
.header .MOBILE span{display:inline-block;vertical-align:middle;}
.header .MOBILE .mainMenuBtn{width:110px;}
.header .MOBILE .mainMenuBtn img{display:block;width:25px;cursor:pointer;}
.header .MOBILE .logoImg{width:calc(100% - 220px);}
.header .MOBILE .logoImg img{width:80px;margin:0 auto;display:block;}
.header .MOBILE .grpBtns{width:110px;font-size:0;text-align:right;}
.header .MOBILE .grpBtns .commonBtn{display:inline-block;vertical-align:middle;padding:7.5px;margin:0 0 0 5px;border-radius:5px;}
.header .MOBILE .grpBtns .commonBtn img{width:20px;display:block;filter:brightness(0) invert(1);}
.header .MOBILE .grpBtns .commonBtn:hover img{filter:none;}
/**COMMON PAGE**/
.commonPage{padding:110px 30px 30px 30px;width:calc(100% - 60px);}
.commonPage h1{color:#005792;font-size:28px;line-height:32px;margin-bottom:20px;display:none;font-weight:800;}
.commonPage h2{color:#005792;font-size:16px;line-height:20px;margin-bottom:20px;font-weight:800;}
.commonPage .backBtn{display:none;margin-bottom:15px;}
.commonPage .mainBanner{width:100%;border-radius:10px;margin-bottom:30px;overflow:hidden;}
.commonPage .mainBanner img{width:100%;display:block;}
.commonPage .mainBanner .MOBILE{display:none;}
.commonPage .NORECORD{margin:15px 0;text-align:left;}
.commonPage .NORECORD.center{text-align:center;}
.commonPage .NORECORD p{font-size:16px;line-height:20px;}
.commonPage .NORECORD p strong{font-weight:800;color:#0096fa;}
/**Home**/
.commonPage .home{width:100%;font-size:0;}
.commonPage .home .left,.commonPage .home .rgt{display:inline-block;vertical-align:top;width:calc(50% - 15px);}
.commonPage .home .left{margin-right:15px;}
.commonPage .home .rgt{margin-left:15px;}
.commonPage .videoWrapper{position:relative;padding-bottom:56.25%;height:0;border-radius:10px;overflow:hidden;}
.commonPage .videoWrapper iframe{position:absolute;top:-1px;left:0;width:100%;height:100%;z-index:1;}	
/**My Profile**/
.commonPage .profile{width:100%;}
/**My Patients / Doctors / Family**/
.commonPage .mypatients,
.commonPage .mydoctors,
.commonPage .myfamily{width:100%;}
.commonPage .mydoctors .addBtn,
.commonPage .myfamily .addBtn{display:inline-block;}
.commonPage .mychat{width:calc(100% - 2px);height:calc(100vh - 150px);background:#f5f5f5;border-radius:10px;border:1px solid #005792;overflow:hidden;}
.mychat .chat_recipient{width:calc(100% - 30px);display:flex;flex-wrap:wrap;background:#ffffff;padding:15px;font-size:0;border-bottom:1px solid #005792;}
.mychat .chat_recipient .left{display:inline-block;vertical-align:top;width:calc(100% - 200px);}
.mychat .chat_recipient .left .acct{width:100%;font-size:0;}
.mychat .chat_recipient .left .acct .photo{display:inline-block;vertical-align:top;width:50px;height:50px;margin-right:10px;border-radius:100%;overflow:hidden;position:relative;}
.mychat .chat_recipient .left .acct .photo img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;}
.mychat .chat_recipient .left .acct .detail{display:inline-block;vertical-align:top;width:calc(100% - 60px);font-size:14px;line-height:18px;text-align:left;color:#555555;}
.mychat .chat_recipient .left .acct .detail .username{font-weight:800;color:#005792;}
.mychat .chat_recipient .rgt{display:inline-block;vertical-align:top;width:200px;text-align:right;position:relative;}
.mychat .chat_recipient .online_status{width:100%;color:#555555;font-size:12px;line-height:16px;}
.mychat .chat_recipient .online_status::before{content:'•';font-size:22px;color:#ffffff;display:inline-block;vertical-align:middle;margin-right:5px;margin-top:-5px;}
.mychat .chat_recipient .online_status.CONNECTED::before{color:#00a651;}
.mychat .chat_recipient .online_status.DISCONNECTED::before{color:#ed1c24;}
.mychat .chat_recipient .grpBtns{position:absolute;right:0;bottom:0;width:100%;}
.mychat .chat_recipient .grpBtns a{display:inline-block;vertical-align:top;}
.mychat .chat_recipient .grpBtns .setApt{margin-right:20px;margin-top:-1px;}
.mychat .chat_recipient .grpBtns .setApt img{width:39.5px;}
.mychat .chat_recipient .grpBtns a img{width:35px;display:block;}
.mychat .chat_recipient .MOBILE{display:none;font-size:0;margin-bottom:5px;width:100%;}
.PATIENT .mychat .chat_recipient .MOBILE{margin-bottom:15px;}
.mychat .chat_recipient .MOBILE .online_status{display:inline-block;vertical-align:middle;width:calc(100% - 100px);}
.mychat .chat_recipient .MOBILE .grpBtns{display:inline-block;vertical-align:middle;position:relative;width:100px;text-align:right;}
.mychat .chat_recipient .MOBILE .grpBtns .setApt{margin-right:5px;}
.mychat .chat_display{width:calc(100% - 30px);height:calc(100% - 230px);padding:15px;overflow-y:auto;display:flex;flex-direction:column-reverse;}
.mychat .chat_display .container{width:100%;height:100%;min-height:calc(100% - 230px);display:table;}
.PATIENT .mychat .chat_display{height:calc(100% - 248px);}
.PATIENT .mychat .chat_display .container{min-height:calc(100% - 248px);}
.chat_display .container .msgGrp{width:100%;display:table-cell;vertical-align:bottom;}
.chat_display .container .mymsg{width:100%;text-align:left;margin-bottom:10px;}
.chat_display .container .recipientmsg{width:100%;text-align:right;margin-bottom:10px;}
.chat_display .container .msg{display:inline-block;width:auto;padding:7px;border-radius:5px;background:#ffffff;font-size:14px;line-height:18px;color:#555555;}
.chat_display .container .recipientmsg .msg{background:#0096fa;color:#ffffff;text-align:left;}
.chat_display .container .msg span{display:block;padding-right:80px;}
.chat_display .container .msg .dateSend{text-align:right;font-size:10px;line-height:14px;color:#555555;padding-top:5px;}
.chat_display .container .recipientmsg .msg .dateSend{color:#ffffff;}
.mychat .chat_msg{width:calc(100% - 30px);background:#ffffff;padding:15px;font-size:0;border-top:1px solid #005792;}
.mychat .chat_msg textarea{padding:0;height:40px;border:none;}
.mychat .chat_msg .left{display:inline-block;vertical-align:middle;width:calc(100% - 100px);}
.mychat .chat_msg .rgt{display:inline-block;vertical-align:middle;width:100px;text-align:right;}
.mychat .chat_msg .rgt .grpBtns{width:100%;}
.mychat .chat_msg .rgt .grpBtns a{display:inline-block;vertical-align:top;}
.mychat .chat_msg .rgt .grpBtns .sendMsg{margin-right:15px;}
.mychat .chat_msg .rgt .grpBtns a img{width:25px;display:block;}
/**My Calendar / Appointments**/
.commonPage .myappointments{width:100%;}
.myappointments .grpBtn{margin-bottom:15px;}
.myappointments .grpBtn span{display:inline-block;vertical-align:top;margin-right:10px;margin-bottom:10px;}
.myappointments .grpBtn span .commonBtn{padding:14.5px 20px;}
.payment{width:100%;max-width:540px;margin:0 auto;text-align:center;padding-top:20px;}
.payment p{color:#555555;font-size:14px;line-height:18px;margin-bottom:5px;}
.payment p strong{font-weight:800;color:#005792;font-size:16px;line-height:20px;}
.payment .commonBtn{display:inline-block;margin-top:20px;}
.payment .vector{width:135px;height:135px;margin:0 auto 20px auto;}

/**240621 - OTP**/
.reset p{font-size: 14px;line-height: 18px; color: #555555;}
.resetOPT{width: calc(33.3333% - 30px);margin-bottom: 20px; font-size: 14px; color: #555555;}
.resetOPT a{display:inline-block;color: #0096fa; text-decoration: none;float: right;}

.videoPg .video_placeholder .mainVideo .player{width:100%;height:100%;display:block;position:absolute;top:0;z-index:0;}
.videoPg .video_placeholder .mainVideo .playeriframe,
.videoPg .video_placeholder .mainVideo .player video {width: 100%;height: 100%;}
.videoPg .video_placeholder .myvideo{width:180px;height:120px;position:absolute;top:20px;right:20px;border:1px solid #ffffff;border-radius:10px;overflow:hidden;background:#000;z-index:99;}
.videoPg .video_placeholder .myvideo iframe,
.videoPg .video_placeholder .myvideo video{z-index:99;}
.videoPg .grpBtns{width:100%;position:absolute;bottom:20px;left:0;}
@media screen and (max-width:899px){
	.videoPg .video_placeholder .myvideo{width:120px;height:80px;}
}
@media screen and (max-width:699px){
	.videoPg .video_placeholder .myvideo{width:100px;height:60px;}
}
@media screen and (max-width:499px){
	.videoPg .video_placeholder .myvideo{width:80px;height:55px;}
}

/**241226 - CHAT**/
.chat_display .container .msgimg{display:inline-block;width:auto;padding:7px;border-radius:5px;background:#ffffff;font-size:14px;line-height:18px;color:#555555;}
.chat_display .container .recipientmsg .msgimg{background:#0096fa;color:#ffffff;text-align:left;}
.chat_display .container .msgimg span{display:block;position:relative;overflow:hidden;width:100px;height:100px;border-radius:5px;}
.chat_display .container .msgimg span a{display:block;}
.chat_display .container .msgimg span img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.chat_display .container .msgimg .dateSend{text-align:right;font-size:10px;line-height:14px;color:#555555;padding-top:5px;}
.chat_display .container .recipientmsg .msgimg .dateSend{color:#ffffff;}
.chat_display .container .msgvideo{display:inline-block;width:auto;padding:7px;border-radius:5px;background:#ffffff;font-size:14px;line-height:18px;color:#555555;}
.chat_display .container .recipientmsg .msgvideo{background:#0096fa;color:#ffffff;text-align:left;}
.chat_display .container .msgvideo span{display:block;position:relative;overflow:hidden;width:100px;height:100px;border-radius:5px;}
.chat_display .container .msgvideo span a{display:block;}
.chat_display .container .msgvideo span img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.chat_display .container .msgvideo .dateSend{text-align:right;font-size:10px;line-height:14px;color:#555555;padding-top:5px;}
.chat_display .container .recipientmsg .msgvideo .dateSend{color:#ffffff;}

/**250408**/
.message{width:calc(100% - 42px);padding:20px 20px 5px 20px;background:rgba(0,87,146,0.25);border:1px solid #005792;margin-bottom:30px;border-radius:10px;}
.message p{font-size:14px;line-height:18px;margin-bottom:15px;color:#555555;}
.message ul{margin-bottom:15px;margin-left:15px;list-style:disc;}
.message ol{margin-bottom:15px;margin-left:15px;list-style:decimal;}
.message li{font-size:14px;line-height:18px;padding:2.5px;color:#555555;}
.message a{color:#005792;}

/*27092025*/
.MYBARCODE .barcode{max-width:250px;}
.MYBARCODE .barcode .image{max-width:175px;margin:0 auto 2.5px auto;}
.MYBARCODE .barcode .refNo{color:#555555;font-size:14px;line-height:18px;}
.MYBARCODE .barcode .refNo strong{font-weight:800;color:#0498fa;}
.groupBtn_ .commonBtn{display:inline-block;vertical-align:top;margin-right:10px;margin-bottom:10px;}
.doc_info{width:calc(100% - 42px);padding:20px 20px 5px 20px;background:rgba(0,87,146,0.25);border:1px solid #005792;margin-bottom:30px;border-radius:10px;text-align:left;}
.doc_info p span{color:#005792;}
