/* Moved From book.css */
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;600;700;800&display=swap');
* {box-sizing: border-box; }
/*html, body {margin: 0; font-family: Nunito Sans !important; position: relative; background: #F9FBFE; font-style: normal; font-weight: normal; font-size: 14px;line-height: 1.6; }*/
/*body {padding-bottom: 80px; min-height: 100vh; }
.max-width {max-width: 1200px; margin: 0 auto; overflow: hidden; }*/
img{max-width: 100%; }
button.btn-primary, .btn-primary {background: #4684F0; min-width: 140px !important; height: 37px; border-radius: 4px; font-weight: 600; font-size: 14px; color: #FFFFFF !important; }
.btn-lg {height: 41px !important; font-size: 1rem !important; font-weight: 600; letter-spacing: 1px; background: #4684F0; border-radius: 6px; color: #fff; border: 0; outline: 0; }
button.btn-primary:hover, .btn-primary:hover {background: #1253c3; }
.sessions-sec{position: relative; } .sessions-sec .book-slot-back{bottom: 18px !important; }
.sessions-sec p{font-size: 1.1428571428571428rem; line-height: 24px; color: #3B3A39; }
.sessions-sec h4{font-weight: 800; font-size: 1.2857142857142858rem; line-height: 38px; color: #4684F0; }
.continue-btn{text-align: center; position: relative; }
.continue-btn .patient-details-back{left: 0; }
.section.otp-section {height: calc(514px - 78px); max-height: 60.7vh; }
.profile-details p{color: #71757B; }
.profile-details span{color: #121212; }
.profile-details .profile-desc p{color: #233A5B; opacity: 0.8; }
.profile-details ul.achievements{padding: 0; }
.profile-details ul.achievements li{list-style: none; background-image: url('https://media.healthplix.com/hbook/assets/images/star-icon.svg'); background-repeat: no-repeat; background-position: left 0 top 3px; padding-left: 25px; background-size: 16px; line-height: 1.4; }
.profile-details ul.achievements li a{color: #4684F0; font-weight: 600; font-size: 0.9375rem; }
.time-slot{border: 1px solid lightgrey; padding: 3px 5px; margin: 5px 0 0 6px; border-radius: 4px; }
.time-slot span{white-space: nowrap; font-size: 14px; line-height: 20px; flex: none; order: 0; align-self: center; margin: 10px 0px; }
/*Docter Profile*/
.specialised-sec ul{padding: 0 0 0 22px; }
.specialised-sec h4, .availability h4{font-weight: bold; font-size: 18px; color: #233A5B; margin-bottom: 12px; }
.specialised-sec li a{color: #233A5B; font-size: 15px; }
/*Date picker*/
#datepicker{padding: 0 35px; }
.datepicker{max-width: 320px; margin: 0px; padding: 0px; background: #FAFAFA; box-shadow: 0px 19px 38px rgba(0, 0, 0, 0.3), 0px 15px 12px rgba(0, 0, 0, 0.22); border-radius: 2px; }
.datepicker table {border-collapse: separate; border-spacing: 0; }
.datepicker table.table-condensed{width: 100%; }
.datepicker table thead tr:first-child{background: #1377BF; height: 120px; color: #fff; }
.datepicker table thead tr:first-child th{text-align: center; font-size: 37px; font-weight: normal; line-height: 43px; color: #fff; }
.datepicker table thead tr:nth-child(2) th{color: rgba(0, 0, 0, 0.543337); font-weight: 500; }
.datepicker .table-condensed>thead>tr>th, .datepicker .table-condensed>tbody>tr>td{padding: 13px; font-size: 12px; line-height: 14px; }
.datepicker .table-condensed>tbody>tr>td{text-align: center; width: 44px; height: 44px; border: 1px solid transparent; border-radius: 50%; }
.datepicker .table-condensed>tbody>tr>td.disabled{color: lightgray; }
.datepicker .table-condensed>tbody>tr>td.today{/*background: #1377BF; */ border-radius: 50%; /*width: 44px;*/ height: 44px; cursor: pointer; border: 1px solid #1377BF; color: #1477be; }
.datepicker .table-condensed>tbody>tr>td.active{border: 1px solid #1377BF; border-radius: 50%; /*width: 44px;*/ height: 44px; cursor: pointer; background: #1377BF; color: #FAFAFA; text-align: center; }
.datepicker table thead tr th.prev, .datepicker table thead tr th.next{background-image: url(../../../assets/images/left-arrow-cal.svg); background-repeat: no-repeat; font-size: 0; background-position: center; visibility: visible!important; }
.datepicker table thead tr th.next{transform: rotate(-180deg); }
/*.datepicker thead tr:first-child th:hover, .datepicker tfoot tr th:hover {background: #1e77be !important; }*/
.datepicker table tr td span {display: block; width: 23%; height: 54px; line-height: 54px; float: left; margin: 1%; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.datepicker table tr td.day:hover, .datepicker table tr td.day.focused {background: #eee; cursor: pointer; }
.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled] {background-color: #04c; }
.datepicker .table-condensed>tbody>tr>td.active {border: 1px solid #1377BF; border-radius: 50%; /* width: 44px; */ height: 44px; cursor: pointer; background: #1377BF; color: #FAFAFA; text-align: center; }
.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover {
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top,#08c,#04c);
    background-image: -ms-linear-gradient(top,#08c,#04c);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));
    background-image: -webkit-linear-gradient(top,#08c,#04c);
    background-image: -o-linear-gradient(top,#08c,#04c);
    background-image: linear-gradient(top,#08c,#04c);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc',endColorstr='#0044cc',GradientType=0);
    border-color: #04c #0044cc #002a80;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
}
.datepicker table tr td.day:hover, .datepicker table tr td.day.focused {background: #1377BF; cursor: pointer; color: #fff; outline: 0; cursor: pointer; }
.datepicker table tr td.disabled:hover, .datepicker table tr td.disabled.focused{background: transparent; color: lightgray; }
.datepicker .table-condensed>tbody>tr>td.active {border: 1px solid #1377BF; border-radius: 50%; width: 44px; height: 44px; cursor: pointer; background: #1377BF; color: #FAFAFA; text-align: center; }
/*Booking summary*/
.confirmation{background: none; color: #000; }
.confirmation .confirm-text{font-size: 20px; color: #67CDB1; font-weight: 600; }
.confirmation h4{font-weight: bold; font-size: 18px; color: #233A5B; }
.confirmation p{color: #808285; font-weight: normal; font-size: 14px; }
.confirmation p span{color: #4684F0; }
.confirmation p span a:hover{text-decoration: none; }
.confirmation .done-btn:hover{text-decoration: none; color: #fff; }
.confirmation .confirm-check{position: relative; display: inline-block; }
.check-mark {background-image: url(https://media.healthplix.com/hbook/assets/images/check-mark.svg); background-repeat: no-repeat; background-size: 25px; width: 45px; height: 40px; position: absolute; left: 20px; top: 20px; }
/*multisteps css*/
.get-otp.section span.digit-91{position: absolute; line-height: 2.5; padding: 0 15px; background-image: url(https://media.healthplix.com/hbook/assets/images/+91.png); height: 46px; background-repeat: no-repeat; background-position: center; width: 50px; background-size: 31px; left: 0; }
.get-otp.section button span{padding: 0!important; }
.verify-otp input{padding: 0 15px; }
.verify-otp p{font-weight: normal; font-size: 14px; line-height: 20px; color: #4684F0; margin-top: 28px; }
.verify-otp .verfify-number, .confirm-summary{position: relative; }
.card {z-index: 0; border: none; border-radius: 0.5rem; position: relative; background: none; }
#progressbar {overflow: hidden; padding: 0; margin-bottom: 18px; }
#progressbar .active {color: #67CDB1; }
#progressbar li.inactive{color: #233A5B; }
#progressbar li.active.inactive:before,
#progressbar li.active.inactive:after {background: #233A5B; }
#progressbar li {list-style-type: none; font-size: 13.71px; font-weight: 800!important; width: 20.5%; float: left; position: relative; color: #BDC4CE; }
#progressbar li:before {font-family: FontAwesome; content: "\f00c"}
#progressbar li:before {width: 20px; height: 20px; line-height: 22px; display: block; color: #ffffff; background: #BDC4CE; border-radius: 50%; margin: 0 auto 2px auto; padding: 2px; background-image: url(https://media.healthplix.com/hbook/assets/images/check-mark.svg); background-repeat: no-repeat; background-size: 14px; font-size: 0; background-position: center; }
#progressbar li:after {content: ''; width: 40%; height: 1px; background: #BDC4CE; position: absolute; left: 80%; top: 12px; z-index: -1; }
#progressbar li:last-child:after{display: none; }
#progressbar li.activroote:before{background-image: url(https://media.healthplix.com/hbook/assets/images/check-mark.svg) !important; background-repeat: no-repeat !important; background-size: 14px !important; font-size: 0; background-position: center !important; }
#progressbar li.active:before{background: #67CDB1; }
a.back-btn:hover, a.back-btn:active, .verify-otp p a:hover, .verify-otp p a:active{text-decoration: none; }
/*About Us*/
.about-sec h3{font-weight: bold; font-size: 2rem; color: #233A5B; margin-bottom: 15px; }
/*Contact Us*/
.ladda-button{font-size: 14px !important; }
span.ladda-label{color: #fff !important;}
#patientPhone{font-weight: 500; font-size: 14px; line-height: 20px; color: #A19F9D; background: #fff; }
/* Moved From book.css */


/* ------------------Comman Start------------------ */
@font-face {
    font-family: 'plixicons';
    src: url('../fonts/plixicons.eot');
    src: url('../fonts/plixicons.eot') format('embedded-opentype'), url('../fonts/plixicons.woff') format('woff'), url('../fonts/plixicons.ttf') format('truetype'), url('../fonts/plixicons.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

*{font-family:'Nunito Sans',sans-serif!important;box-sizing:border-box}
/*body{overflow-x:hidden;position:relative;height:100%;width:100%;background:#fafcff;min-height:auto}*/
#slide-show{background:#fafcff}
h1,h2,h3,h4,h5,h6{margin:0}
.body-overlay{display:none}
.body-overlay.active{display:block;position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,0.35);z-index:9999}

/*loader start*/
#loadingContainer{display:flex;align-items:center;justify-content:center;position:fixed;left:0;right:0;top:0;bottom:0;z-index:99999}
#outerRing{padding:5px;z-index:9;position:fixed;width:60px;height:60px;border-radius:50%;box-shadow:5px 5px 5px #888;background:#59ac15;background:-webkit-linear-gradient(left top,#59ac15,#0089af);background:-o-linear-gradient(bottom right,#59ac15,#0089af);background:-moz-linear-gradient(bottom right,#59ac15,#0089af);background:linear-gradient(to bottom right,#59ac15,#0089af)}
#innerRing{position:absolute;width:50px;height:50px;border-radius:50%;border-top:5px solid white;border-bottom:5px solid white;border-left:5px solid rgba(255,255,255,0);border-right:5px solid rgba(255,255,255,0);background-color:rgba(255,255,255,0);animation:spin 1s linear infinite}
@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
#bPlus{background:white;height:17px;position:absolute;width:5px;top:18px;left:20px}
#bPlus:after{background:white;content:"";height:5px;left:-6px;position:absolute;top:6.5px;width:17px}
#mPlus{background:white;height:13px;position:absolute;width:3px;top:28px;left:38px}
#mPlus:after{background:white;content:"";height:3px;left:-5px;position:absolute;top:4.75px;width:13px}
#sPlus{background:white;height:10px;position:absolute;width:2px;top:36px;left:28px}
#sPlus:after{background:white;content:"";height:2px;left:-4px;position:absolute;top:4px;width:10px}
.loader-overlay{height:100%;left:0;position:fixed;top:0;width:100%;background:rgba(0,0,0,0.35)}
/*loader end*/

.btn-primary,.btn-gray{border-radius:6px!important;font-weight:bold!important;/*text-transform:uppercase;*/letter-spacing:.0357143em;height:40px!important;white-space:nowrap;line-height:1.8;text-align:center;padding:0}
.btn-primary{background:#4684f0;border-color:#4684f0}
.btn-gray{background:#eceff9;color:#7884b1}
.hx-card{padding:0;background:#fff;border:1px solid rgba(189,196,206,0.5);overflow:hidden;box-shadow:none}
.hx-card .card-header{background:#fff;border-bottom:1px solid #ecf2fd;padding:16px 24px!important}
.navbar-slide{height:55px;background:#f9fbfe;padding:12px 18px;z-index:1}
.navbar-slide .navbar-toggler{padding:0 18px 5px 0;z-index:0}
.navbar-slide .navbar-brand{font-weight:bold;font-size:18px;color:#233a5b}
.navbar-slide .navbar-collapse{position:absolute;top:0;left:0;height:calc(100vh - 55px);background:#fff;box-shadow:2px 8px 8px rgba(0,0,0,0.25);width:300px}
.navbar-slide .navbar-collapse li:first-child{height:154px;background:#ecf2fd;padding:26px 21px 10px 21px;display:flex;flex-direction:column;margin-bottom:10px}
.navbar-slide .navbar-collapse li:first-child div{height:54px;width:54px;background:#bdc4ce;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:10px}
.navbar-slide .navbar-collapse li:first-child span:first-of-type{font-weight:bold;font-size:22px;color:#233a5b}
.navbar-slide .navbar-collapse li:first-child span:last-of-type{font-size:16px;letter-spacing:.02em;color:rgba(35,58,91,0.7)}
.navbar-slide ul{background:unset!important;box-shadow:none!important;border-radius:0!important;padding:0!important}
.navbar-slide .navbar-collapse li a{display:flex;align-items:start}
.navbar-slide .navbar-collapse li a img{width:16px;min-width:16px;margin-right:15px;margin-top:5px}
.navbar-slide .navbar-collapse li:not(:first-child) p span:first-child{font-weight:bold;font-size:18px;color:#233a5b}
.navbar-slide .navbar-collapse li:not(:first-child) p span:nth-of-type(2){font-weight:600;font-size:12px;color:#eb3e50;opacity:.7}
.navbar-slide .navbar-collapse li:not(:first-child) p{display:flex;flex-direction:column}
.hx-tabs{height:32px;background:#fff;border:1px solid #4684f0;box-sizing:border-box;border-radius:4px;overflow:hidden;display:flex;margin-bottom:16px}
.hx-tabs .nav-item{flex:1}
.hx-tabs a{font-size:14px;color:#4684f0;border-radius:0!important;line-height:1.3;text-align:center;padding:6.5px 12px}
.hx-tabs li a.active{border:0!important;background:#4684f0!important;color:#f9fbfe!important}
.hx-tabs li:not(:last-child) a{border-right:1px solid #4684f0}
.hx-tabs li:last-child a.active{border-right:1px solid #4684f0}
.consult-icon{font-family:"plixicons";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;width:1em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
img{max-width:100%}
.form-control{margin-bottom:15px!important;height:48px;padding:0 0 0 49px;font-style:italic;margin-bottom:15px!important;height:48px;padding:0 0 0 49px;font-style:italic;font-weight:500;font-size:14px;line-height:15px;color:#233a5b}
.form-control:focus{box-shadow:none;color:#233a5b}
.healthplix-logo{text-align:center}
/*.login-content,.otp-content{margin-top:77px}*/
.form-signin{position:relative}
.form-signin label{display:block;margin-bottom:22px;font-style:normal;font-weight:normal;font-size:16px;line-height:22px;letter-spacing:.192181px;color:#4e555b}
.form-signin img.email-img{position:absolute;top:15px;left:12px}
.form-signin img.lock-img{position:absolute;bottom:76px;left:12px}
.forgot-form img.email-img{top:60px}
a.forgot-pswd{font-weight:500;font-size:14px;line-height:17px;letter-spacing:.0357143em;color:#8a9197}
a.forgot-pswd:hover,a.forgot-pswd:active{text-decoration:none}
.header-title header{border:0;margin:0}
.branches .healthplix-logo{margin:25px 0}
.branches .healthplix-logo img{height:25px;display:block;margin:0 auto}
.select-branch .clinic-branches{display:block;position:unset;padding-top:20px;background:#f6f5f5;width:100%;height:400px;box-shadow:none;border-radius:2px}
.branch-header{margin-bottom:8px;padding:16px;background:#f7f5f5;border-radius:2px;display:flex;align-items:center}
.branch-header img{width:40px;height:40px;border-radius:50%}
.branch-header h4{font-weight:600;font-size:18px;line-height:20px;margin-left:12px}
.select-branch .clinic-branches h4{font-weight:600;font-size:16px;line-height:22px;text-align:center;color:#656c72;padding:0 8px 16px}
.select-branch .clinic-branches ul{padding:0 16px}
.select-branch .clinic-branches li{padding:18px 20px;background:#fff;margin-bottom:8px;box-shadow:0 1px 1px rgba(0,0,0,0.25);border-radius:4px}
.select-branch .clinic-branches li.current{box-shadow:none}
.branches .continue-btn{text-align:center;margin:20px 0}
.continue-btn button.continue{background:#0078d7;border-radius:2px;width:100px;border:0;height:36px;color:#fff;text-transform:uppercase;font-style:normal;font-weight:500;font-size:14px;line-height:16px}
.clinic-branches{display:none;position:absolute;left:0;right:0;top:100%;z-index:9;background:#fff;box-shadow:0 4px 4px rgba(0,0,0,0.25);border-radius:4px}
.clinic h4{font-style:normal;font-weight:normal;font-size:14px;line-height:24px;color:#fff;margin-top:0}
.clinic .icon-down{color:#fff;font-size:22px}
.clinic-branches ul{margin-bottom:0;padding:16px 8px 6px}
.clinic-branches li{list-style:none;padding:10px 14px;padding-right:32px;border:1px solid transparent}
.clinic-branches li.current{border-color:#1377bf;border-radius:4px;background-image:url(https://media.healthplix.com/hbook/assets/images/check_circle.svg);background-repeat:no-repeat;background-position:center right 10px}
.clinic-branches li.current a{color:#23292e!important}
.clinic-branches li a{color:#656c72!important;font-weight:700;font-size:16px;line-height:20px;letter-spacing:.15px}
.clinic-branches .close-icon{padding:0 8px 6px}
.clinic-branches .closebutton{color:#116099;font-size:14px;line-height:24px;letter-spacing:.15px}
.clinic-branches .closebutton span{font-size:24px;width:24px;height:24px;text-align:center;margin-right:4px}
.clinic-appnts .btn-gray{width:124px}
.clinic-appnt-pref{padding:22px 38px}
.clinic-appnt-pref .form-group{width:23.5vw}
.clinic-appnt-pref input[type="text"]{height:36px;margin-bottom:0!important}
.sub-heading{font-style:normal;font-weight:bold;font-size:24px;color:#233a5b}
.clinic-appnt-pref>div{padding:0 4px}
.clinic-appnt-pref label{font-weight:bold;font-size:14px;line-height:20px;letter-spacing:.25px;color:#233a5b;opacity:.6}
.clinic-appnt-pref #clinicLogo{background:#ecf2fd;border:1px solid #bdc4ce;box-sizing:border-box;border-radius:8px;height:148px}
.clinic-appnts .btn.btn-primary{width:172px}
.nav-text .nav-link{color:#233a5b;opacity:.8;font-weight:bold}
.clinic-appnts .card-header>span:first-child{font-weight:bold;font-size:16px;color:#4684f0}
.clinic-appnts .card-header>span:last-child{font-weight:600;font-size:14px;color:#21beba;line-height:1.9}
.clinic-appnts .card-body{padding:24px 18px}
.clinic-appnts .card-body img{margin-left:20px;cursor:pointer}
.clinic-appnts .card-body p span:first-child,#upcomming .card-body p span:first-child,#previous .card-body p span:first-child{font-weight:bold;font-size:14px;color:#233a5b}
.clinic-appnts .card-body p span:last-child{font-weight:600;font-size:14px;color:#233a5b;opacity:.8}
.max-width.max-780{max-width:780px;margin:0 auto;overflow:unset}
.visitType{padding-top:14px;display:flex}
.visitType span:first-child{color:#233a5b}
.visitType span,#upcomming .card-body p+span{font-weight:600;font-size:14px;color:#1ebcb8}
.header-fixed{position:fixed;left:0;right:0;z-index:9990}
.cursor-pointer{cursor:pointer}
button:focus{outline:0}
#msgCurtain{max-height:100vh;overflow:hidden;padding-right:0!important}
#msgCurtain>div>div>.modal-body{background:#f9fbfe;padding-bottom:62px!important;max-height:100vh}
#msgCurtain .chooseTempModalContent .modal-body{padding:20px 0 32px!important;height:500px}
#msgCurtain .chooseTempModalContent .modal-body>div{padding-left:16px;padding-right:16px}
#msgCurtain .chooseTempModalContent .smsTemplates>div{background:#fff;border:1px solid #ecf2fd;box-sizing:border-box;border-radius:8px;font-style:italic;font-weight:normal;font-size:14px;color:#233a5b;margin-bottom:8px}
#msgCurtain .chooseTempModalContent .smsTemplates>div>div:first-child{padding:8px}
#msgCurtain .chooseTempModalContent .smsTemplates>div>div:last-child{border-top:1px solid #f2f2f2;height:38px}#msgCurtain .chooseTempModalContent .smsTemplates>div>div:last-child>button{border-right:1px solid #f2f2f2;height:38px;font-weight:600;font-size:14px;color:#4684f0}.smsTemplates::-webkit-scrollbar{width:6px;padding-left:8px;border-radius:8px!important}.smsTemplates::-webkit-scrollbar-thumb{background:#9d9d9d}#msgCurtain .saveBtnBlock{display:flex;justify-content:center}#msgCurtain .saveBtnBlock .btn{margin-top:60px!important;width:274px}#msgCurtain .chooseTempModalContent .close span{color:#233a5b!important;font-size:28px!important}#msgCurtain .chooseTempModalContent .close{opacity:1}#msgCurtain .chooseTempModalContent h3,#SaveMsgTemplate h3{font-size:20px;font-weight:bold;color:#233a5b}.msgCurtainContent .modal-body>div:first-child>img{margin:16px 24px 24px 0}.msgCurtainContent .modal-body>div:first-child{height:62px;border-bottom:1px solid #bdc4ce}#SaveMsgTemplate input{height:32px;text-align:start;padding:4px 10px;margin-bottom:0!important;font-style:normal;color:#495057;font-size:14px}#SaveMsgTemplate .btn:first-child{color:#233a5b}#SaveMsgTemplate .btn{height:34px!important;min-width:unset!important;width:92px;margin-bottom:0!important;font-size:14px;font-weight:700}#msgCurtain .modal-body p span:first-child{font-weight:bold;font-size:18px;color:#233a5b}#msgCurtain .modal-body p span:last-child{font-size:12px;line-height:8px;color:#233a5b;opacity:.7}#msgCurtain .sms-block{position:relative;margin-bottom:80px}#msgCurtain .sms-block>div:first-child span:first-child{font-weight:bold;font-size:16px;color:#233a5b;opacity:.7;line-height:2.2}#msgCurtain .sms-block>div:first-child span:last-child{font-weight:500;font-size:14px;color:#233a5b;opacity:.7}#msgCurtain .sms-block textarea{background:#fff;border:1px solid #d2def5;box-sizing:border-box;border-radius:8px 8px 0 0;width:100%;font-size:14px;padding:12px 36px 12px 14px}#msgCurtain .sms-block textarea:focus{outline:0}#msgCurtain .sms-block textarea::placeholder{color:#a2a6aa}#msgCurtain .sms-block>img{position:absolute;right:16px;top:44px;cursor:pointer}#msgCurtain .sms-block button[data-target="#chooseTemplate"]{background:#eff2f5;border-radius:0 0 7px 7px;border-width:0 1px 1px 1px;border-color:#d2def5;border-style:solid;position:absolute;bottom:-36px;left:0;right:0;width:100%;height:44px;font-size:14px;color:#4684f0;font-weight:bold;display:flex;align-items:center;justify-content:center}#chooseTemplate .modal-content{background:#f9fbfe;border:1px solid #ecf2fd;box-sizing:border-box;box-shadow:0 1px 2px rgba(0,0,0,0.1);border-radius:16px;overflow:hidden}#upcomming .hx-card{margin-bottom:8px}#upcomming .card-body{padding:14px 24px;border-bottom:1px solid #ecf2fd}#upcomming .card-body p span:last-child{font-weight:600;font-size:14px;color:#233a5b;opacity:.8;padding:1px 0}#upcomming .card-footer{background:#fff;display:flex;align-items:center;justify-content:space-between;border:0;padding:0}#upcomming .card-footer div{display:flex;align-items:center;justify-content:center;flex:1;cursor:pointer}#upcomming .card-footer div:hover{background:#eceff9}#upcomming .card-footer div:first-child{border-right:1px solid #ecf2fd}#upcomming .card-footer div span{line-height:3.4;margin-left:6px;height:44px;font-weight:600;font-size:14px;color:#4684f0}#upcomming .card-body p span:first-child{padding-right:14px}#upcomming .card-body p ~ img{position:absolute;top:17px;right:24px;cursor:pointer}#appointmentsContent.tab-content>.active{display:flex;flex-direction:column}#previous .hx-card{margin-bottom:8px}#previous .card-body{padding:10px 16px}#previous .card-body p span:last-child{font-weight:600;font-size:12px;color:#233a5b;opacity:.6}

/* FLEX */
.flex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.flexResponsive1024, .flexResponsive1080, .flexResponsive991, .flexResponsive840, .flexResponsive768, .flexResponsive680, .flexResponsive660, .flexResponsive580, .flexResponsive520, .flexResponsive480, .flexResponsive420 { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.flexMob991, .flexMob840, .flexMob420{display: block;}
.flex1 { flex: 1; }
.flex2 { flex: 2; }
.flex3 { flex: 3; }
.flex4 { flex: 4; }
.flex5 { flex: 5; }
.flex6 { flex: 6; }
.flex7 { flex: 7; }
.flex8 { flex: 8; }
.flex100 { flex: 100% !important; }
.order1 { order: 1; }
.order2 { order: 2; }
.order3 { order: 3; }
.flexWeird { -webkit-flex:1 0 auto; }
.flexDirectionRow { -moz-box-direction: row; -webkit-box-direction: row; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -ms-flexbox-direction: row; -ms-flex-direction: row; flex-direction: row; }
.flexDirectionCol { -moz-box-direction: column; -webkit-box-direction: column; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flexbox-direction: column; -ms-flex-direction: column; flex-direction: column; }

.flexWrap { -moz-box-wrap: wrap; -webkit-box-wrap: wrap; -ms-flexbox-wrap: wrap; flex-wrap: wrap; }
.flexNoWrap { -moz-box-wrap: nowrap; -webkit-box-wrap: nowrap; -ms-flexbox-wrap: nowrap; flex-wrap: nowrap; }
.flexWrapReverse { -moz-box-wrap: wrap-reverse; -webkit-box-wrap: wrap-reverse; -ms-flexbox-wrap: wrap-reverse; flex-wrap: wrap-reverse; }

.flexJustifyBetween { -webkit-justify-content: space-between; -ms-flex-pack: space-between; justify-content: space-between; }
.flexJustifyAround { -webkit-justify-content: space-around; -ms-flex-pack: space-around; justify-content: space-around; }
.flexJustifyStart { -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; }
.flexJustifyEnd { -webkit-justify-content: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; }
.flexJustifyCenter { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.flexAlignItemsCenter { -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.flexAlignItemsBaseline { -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; }
.flexAlignItemsStart { -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; }
.flexAlignItemsEnd { -webkit-align-items: flex-end; -ms-flex-align: flex-end; align-items: flex-end; }
.flexAlignItemsStretch { -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; }

.flexAlignContentCenter { -webkit-box-align-content: center; -webkit-align-content: center; -ms-flex-align-content: center; align-content: center; }
.flexAlignContentAround { -webkit-box-align-content: space-around; -webkit-align-content: space-around; -ms-flex-align-content: space-around; align-content: space-around; }
.flexAlignContentStart { -webkit-box-align-content: flex-start; -webkit-align-content: flex-start; -ms-flex-align-content: flex-start; align-content: flex-start; }
.flexAlignContentEnd { -webkit-box-align-content: flex-end; -webkit-align-content: flex-end; -ms-flex-align-content: flex-end; align-content: flex-end; }
.flexAlignContentBetween { -webkit-box-align-content: space-between; -webkit-align-content: space-between; -ms-flex-align-content: space-between; align-content: space-between; }
.flexAlignContentStretch { -webkit-box-align-content: stretch; -webkit-align-content: stretch; -ms-flex-align-content: stretch; align-content: stretch; }
/* FLEX */

/*FLEX-GAP*/
.flexCent1{min-width: 1%;}
.flexCent2{min-width: 2%;}
.flexCent3{min-width: 3%;}
.flexCent4{min-width: 4%;}
.flexCent5{min-width: 5%;}
.flexCent6{min-width: 6%;}
.flexCent7{min-width: 7%;}
.flexCent8{min-width: 8%;}
.flexCent9{min-width: 9%;}
.flexCent10{min-width: 10%;}
.flexCent15{min-width: 15%;}
/*FLEX-GAP*/

/*GLOBAL-CSS*/
body::-webkit-scrollbar-track, .hrScroll::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5; border-radius: 10px; }
body::-webkit-scrollbar, .hrScroll::-webkit-scrollbar {width: 8px;height: 3px; background-color: #F5F5F5; }
body::-webkit-scrollbar-thumb, .hrScroll::-webkit-scrollbar-thumb {border-radius: 10px; background-color: #959fa5;}
body.noScroll{height: 100%;overflow: hidden;}
*{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
*{scrollbar-width: thin;}
*:focus{outline: 0;}
a{color: inherit;text-decoration: unset;}
a:hover{color: inherit;text-decoration: unset;}
.pointer{cursor: pointer;}
.overflowX{overflow-x:auto}
.fullImg{display: block;width: 100%;}
select{cursor: pointer;}
textarea { resize: none; }
.noDecoration:hover{text-decoration: none;}
.bdrG{border-bottom: 1px solid rgba(189, 196, 206, 0.5);}
.desktop{display: block;}
.mobile{display: none;}
h1{font-size: 28px; font-weight: 700;color: #233A5B;}
h2{font-size: 24px; font-weight: 700;color: #233A5B;}
h3{font-size: 20px; font-weight: 700;color: #233A5B;}
h4{font-size: 18px; font-weight: 700;color: #233A5B;}
h5{font-size: 16px; font-weight: 700;color: #233A5B;}
h6{font-size: 14px; font-weight: 700;color: #233A5B;}

.f12{font-size: 12px;}
.f13{font-size: 13px;}
.f14{font-size: 14px;}
.f16{font-size: 16px;}
.blue{color: #4684f0 !important;}
.blueD{color: #233a5b !important;}
.blueD80{color: rgba(35, 58, 91,0.8) !important;}
.greenL{color: #67cdb1 !important;}
.pink{color: #ee7d8f !important;}
.grey{color: #7b899d !important;}
.greyM{color: #ecf2fd !important;}
.greyL{color: #f9fbfe !important;}
.yellow{color: #f5aa16 !important;}
.green{color: #31bd3f !important;}
.red{color: #eb3e50 !important;}

.btnBlueL{font-weight: 600; font-size: 14px;line-height: 14px; color: #4684F0;border: 1px solid #4684F0; background-color: #fff; min-width: 146px; border-radius: 6px;padding: 12px 15px;font-weight: 600; -webkit-transition: .3s; transition: .3s;}
.btnBlueL:hover{color: #fff;background-color: #4684F0;}
.btnBlueS{font-weight: 600; font-size: 14px;line-height: 14px; color: #fff;border: 1px solid #4684F0; background-color: #4684F0; min-width: 146px; border-radius: 6px;padding: 12px 15px;font-weight: 600; -webkit-transition: .3s; transition: .3s;}
.btnBlueS:hover{color: #fff; background-color: #1253c3;}
.btnBlueSFD{font-weight: 600; font-size: 14px;line-height: 14px; color: #fff;border: 1px solid #4684F0; background-color: #4684F0; min-width: auto; border-radius: 6px;padding: 12px 15px;font-weight: 600; -webkit-transition: .3s; transition: .3s;}
.btnBlueSFD:hover{color: #fff; background-color: #1253c3;}
.btnGreyS{font-weight: 600; font-size: 14px;line-height: 14px; color: #7884B1;border: 1px solid #eceff9; background-color: #eceff9; min-width: 146px; border-radius: 6px;padding: 12px 15px;font-weight: 600; -webkit-transition: .3s; transition: .3s;}
.btnGreyS:hover{color: #7884B1; background-color: #eceff9;}
.btnGreySFD{font-weight: 600; font-size: 14px;line-height: 14px; color: #7884B1;border: 1px solid #eceff9; background-color: #eceff9; min-width: auto; border-radius: 6px;padding: 12px 15px;font-weight: 600; -webkit-transition: .3s; transition: .3s;}
.btnGreySFD:hover{color: #7884B1; background-color: #eceff9;}
.btnBlueLightS{font-weight: 600; font-size: 14px;line-height: 14px; color: #2F68CB;border: 1px solid #cfe0fe; background-color: #cfe0fe; min-width: 146px; border-radius: 6px;padding: 12px 15px;font-weight: 600; -webkit-transition: .3s; transition: .3s;}
.btnBlueLightS:hover{color: #2F68CB; background-color: #cfe0fe;}

.txtIcon{min-width: 20px;}
.txtIcon img{max-width: 100%;}

.wt600{font-weight: 600;}
.bold{font-weight: 700;}

.inActive {color: #EE7D8F;}

.w780{max-width: 780px;}
input[type=number] { -moz-appearance: textfield; }
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
}
/*GLOBAL-CSS*/

/*NORMALIZE-CSS*/
ul.navbar-nav .nav-link{padding: 8px 21px;}
/*NORMALIZE-CSS*/

/*GENERAL-CSS*/
.pHeader{padding: 25px 0;}
.dateFld{min-width: 120px;}
.timeFld{min-width: 70px;}
/*GENERAL-CSS*/

/*NAVIGATION*/
.navTrigger{display: none; position: fixed;left: 15px;top: 14px;width: 35px;cursor: pointer;z-index: 999;padding: 10px 0 5px;}
main{margin-left: 280px;}
/*nav.leftNav{position: fixed;left: 0;top: 0; width: 260px;min-width: 260px;background: #233A5B;height: 100vh;overflow: auto;z-index: 99;-webkit-transition: .3s; transition: .3s;}*/
nav.leftNav{position: fixed;left: 0;top: 0; width: 260px;min-width: 260px;background: #233A5B;height: 100vh;z-index: 99;-webkit-transition: .3s; transition: .3s;}
nav .lnHead{padding: 20px 25px;border-bottom: 1px solid rgba(255,255,255,0.2);}
nav .lnLogo{color: #fff;font-weight: 600; font-size: 10px; text-align: center;}
nav .lnLogo img{display: block; width: 200px;max-width: 100%;margin: auto;}
nav .lnmItem{font-size: 18px;color: #fff;font-weight: 700; display: block;padding: 15px 20px 15px 65px; background-size: 20px;background-position: 25px 18px; background-repeat: no-repeat;background-color: transparent;cursor: pointer;-webkit-transition: .3s; transition: .3s;}
nav .lnmItem:hover, nav .lnmItem.active{background-color: rgba(236, 242, 253,0.2);}
nav .lnmItem .lnmStatus{font-size: 12px;font-weight: 600;color: rgba(255, 129, 129,0.7);}
nav .lnmItem.lniProfile{background-image: url('https://media.healthplix.com/hbook/assets/images/icons/profile-white.svg');}
nav .lnmItem.lniClinic{background-image: url('https://media.healthplix.com/hbook/assets/images/icons/clinic-white.svg');}
nav .lnmItem.lniDoctor{background-image: url('https://media.healthplix.com/hbook/assets/images/icons/doctor-white.svg');}
nav .lnmItem.lniFrontdesk{background-image: url('https://media.healthplix.com/hbook/assets/images/icons/doctor-white.svg');}
nav .lnmItem.lniAppnts{background-image: url('https://media.healthplix.com/hbook/assets/images/icons/appnts-white.svg');}
nav .lnmItem.lniLogout{background-image: url('https://media.healthplix.com/hbook/assets/images/icons/logout-white.svg');}
nav .lnProfileInfo .lnpThumb{display: inline-block;height: 50px;width: 50px;object-fit: cover;border-radius: 100%;margin-bottom: 10px;}
nav .lnProfileInfo .lnpName{font-weight: bold; font-size: 22px;color: #233A5B;}
nav .lnProfileInfo .lnpDesc{font-size: 16px; color: rgba(35, 58, 91,0.7);}
.nav-footer .nav-footertext{color: #fff;}
/*NAVIGATION*/

/*RADIO-COLUR*/
.radioGrp .inlineRadio{margin-right: 20px;display: inline-block;}
.radioGrp .inlineRadio:LAST-CHILD{margin-right: 0;}
.inlineRadio{position: relative;}
.inlineRadio label{cursor: pointer;font-size: 14px;color: #232425;margin: 0;white-space: nowrap;}
.inlineRadio label .irDot{display: inline-block;margin-right: 10px;margin-bottom: 10px;height: 20px; width: 20px;left: -0;top: 16px; border-radius: 100%;background-color: transparent; border: 2px solid #6E6E6E;cursor: pointer;position: relative; -webkit-transition: .2s; transition: .2s;}
.inlineRadio input{opacity: 0;cursor: pointer;width: 20px;position: absolute;left: 0;top: 0;}
.inlineRadio input:checked + label{color: #232425;}
.inlineRadio input:checked + label .irDot:after{content: '';display: inline-block; position: absolute;left: 0;right: 0;top: 0;bottom: 0; margin: auto; height: 10px;width: 10px;border-radius: 100%;background-color: #4684F0;}
.inlineRadio input:checked + label .irDot{border: 2px solid #4684F0;}
/*RADIO-COLUR*/
.irCheck{position:absolute;top:0;left:0;height:18px;width:18px;border:2px solid #6e6e6e;border-radius:3px}
.checkbox input:checked~.irCheck{border-color:#4684F0}
.irCheck:after{content:"";position:absolute;display:none}
.checkbox input:checked~.irCheck:after{display:block}
.checkbox .irCheck:after{left:5px;top:2px;width:5px;height:10px;border:solid #4584f0;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}

/*UPLOAD-BTN*/
.onImgBrowse{text-align: center;position: relative;width: 100%;}
.onImgBrowse .oiBtn, .onImgBrowse input{font-size: 12px;line-height: 12px;color: #FFFFFF; background: rgba(80, 80, 80, 0.6); border: 1px solid #F9FBFE;padding: 8px 15px;border-radius: 5px; position: absolute; bottom: 8px; right: 8px;cursor: pointer;font-family: 'Nunito Sans', sans-serif;margin-bottom: 0;}
.onImgBrowse input{width: 0;height: 0; opacity: 0;}
.onImgBrowse .bbPreview{position: relative;left: 0;top: 0;width: 100%;height: 100%;/*object-fit: cover;*/opacity: 0;display: block;border-radius: 2px;}
.onImgBrowse .bbPreviewAdded{background-color: #fff;opacity: 1;}
.fileUploadErr{position: absolute;bottom: -20px;left: 0;right: 0; font-size: 10px;color: #f03734;font-weight: 400;}
.clinicBannerThumb{height: 280px;}
.clinicBannerThumb img.bbPreviewAdded{background-color: #E7ECF0;}
.clinicMapThumb {height: 185px;}
.clinicMapThumb .bbPreview{border: 1px solid rgba(35, 58, 91, 0.3);border-radius: 4px;}
.profile-update .onImgBrowse input{left: 0;}
/*UPLOAD-BTN*/

/*PAGE-HEADER*/
.pHeader{padding: 25px 0;}
/*PAGE-HEADER*/

/*MASONRY-BLOCK*/
.masonryBlock {-moz-column-count: 3;-webkit-column-count: 3;column-count: 3;-moz-column-gap: 50px;-webkit-column-gap: 50px;column-gap: 50px;}
.masonryBlock.mbCol2 {-moz-column-count: 2;-webkit-column-count: 2;column-count: 2;}
/*MASONRY-BLOCK*/

/*TAB*/
.tabContent{display: none;}
.tabMenu * {-webkit-transition: .3s; transition: .3s;}
.lineTab{border-bottom: 1px solid #BDC4CE;max-width: 100%;}
.lineTab .item{font-size: 14px; color: #233A5B; opacity: 0.6;padding: 8px 15px; font-weight: 700;border-bottom: 2px solid transparent; /*-webkit-flex: 1 0 auto;*/cursor: pointer;}
.lineTab .item.activeTab{color: #4684F0;border-bottom: 2px solid #4684F0;opacity: 1;}
.solidTab{max-width: 100%;}
.solidTab .item{font-size: 14px;line-height: 14px; color: #4684F0; padding: 10px 20px;min-width: 110px;text-align: center; font-weight: 400;border: 1px solid #4684F0;border-left: 0; /*-webkit-flex: 1 0 auto;*/cursor: pointer;}

.solidTab .item:first-child{border-radius: 4px 0 0 4px;border-left: 1px solid #4684F0;}
.solidTab .item:last-child{border-radius: 0 4px 4px 0;}
.solidTab .item.activeTab{color: #fff;background: #4684F0;}
/*TAB*/

/*SLIDE-OVERLAY*/
.slideOverlayTrigger{cursor: pointer;}
.slideOverlay {position: fixed; top: 0; left: 100%; width: 100%; padding: 0 15px; height: 100%; overflow-y: auto; background: #F9FBFE; z-index: 999;-webkit-transition: .5s; transition: .5s; }
.soOpen {left: 280px;width: calc(100% - 280px);}
.closeSO{cursor: pointer; }
.soScope{position: relative; width: 100%;min-height: 100vh;overflow: hidden;}
.soScope .sosWrap{position: fixed;height: 100vh;overflow: auto;}
.hasMobSo .slideOverlay{position: relative;left: 0;background-color: transparent;padding: 0;}
.hasMobSo .card-header{display: none;}
/*SLIDE-OVERLAY*/

/*CLINIC-IMG-GALLERY*/
.clinicImgGallery{display: grid; grid-gap: 10px; grid-template-columns: repeat(5, 1fr);}
.clinicImgGallery .cigThumb{height: 100px;border-radius: 4px;position: relative;}
.clinicImgGallery .cigThumb:hover .idelete{opacity: 1;}
.clinicImgGallery .cigThumb .idelete{opacity: 0; position: absolute; right: 10px; top: 8px; cursor: pointer;}
.clinicImgGallery .cigThumb img{width: 100%;height: 100%; display: block;border-radius: 4px;/*object-fit: cover;*/background-color: #EEEEEE;}
.clinicImgGallery .cigThumb.addImg{background-color: #EEEEEE;position: relative;cursor: pointer;}
.clinicImgGallery .cigThumb.addImg input{width: 0;height: 0;opacity: 0;}
.clinicImgGallery .cigThumb.addImg label{height: 100%;width: 100%;position: absolute;left: 0;right: 0;display: block;z-index: 1;cursor: pointer;}
.clinicImgGallery .cigThumb.addImg img{height: 20px;width: 20px;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}
/*CLINIC-IMG-GALLERY*/

/*DOCTOR-CARD*/
.doctorCard{padding: 15px 0;background-color: #fff;border: 1px solid #ECF2FD;box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);border-radius: 8px;margin-bottom: 8px;}
.doctorCard .dcThumb{width: 77px;min-width: 77px; height: 77px; /*object-fit: cover;*/border-radius: 6px;margin-right: 15px;border: 1px solid rgba(189, 196, 206, 0.5);}
.doctorCard .dcName{font-size: 18px;color: #233A5B;font-weight: 700;}
.doctorCard .dcSpecs{font-size: 14px; color: #233A5B;opacity: 0.7; }
.doctorCard .dcInfo{font-size: 12px;color: #233A5B;opacity: 0.7;}
.doctorCard .dcExp{background-image: url('https://media.healthplix.com/hbook/assets/images/briefcase-icon.svg');background-position: left top;background-size: 16px;background-repeat: no-repeat;padding-left: 20px;}
.doctorCard .dcPhn{background-image: url('https://media.healthplix.com/hbook/assets/images/phone-icon.svg');background-position: left top;background-size: 15px;background-repeat: no-repeat;padding-left: 20px;}
.doctorCard .fdPhn{background-image: url('../../../assets/images/phone.svg');background-position: left top;background-size: 11px;background-repeat: no-repeat;padding-left: 20px;}
.doctorCard .fdEmail{background-image: url('../../../assets/images/mail.svg');background-position: left;background-size: 11px;background-repeat: no-repeat;padding-left: 20px;}
.doctorCard .dcStatus{font-size: 14px;color: #233A5B;margin-top: 5px;}
/*DOCTOR-CARD*/

/*FILTER-DROPDOWN*/
.filterDD{position: relative;}
.filterDD .fdTrigger{font-size: 14px;line-height: 14px; font-weight: 600;padding: 12px 45px 12px 60px; border: 1px solid rgba(189, 196, 206, 0.5);border-radius: 8px;background-color: #fff; background-image: url('https://media.healthplix.com/hbook/assets/images/filter-icon.svg'), url('https://media.healthplix.com/hbook/assets/images/down-arrow.svg');background-repeat: no-repeat;background-position: 14px center, calc(100% - 14px) center; background-size: 20px;position: relative;cursor: pointer;}
.filterDD .fdTrigger:before{content: '';position: absolute;left: 45px;top: 0;bottom: 0;margin: auto;height: 80%;width: 1px;background-color: rgba(189, 196, 206, 0.5);}
.filterDD .fdBox{display: none;border-radius: 8px; box-shadow: 1px 5px 7px rgba(0, 0, 0, 0.2);padding: 20px 16px;position: absolute;left: 0;top: 0;width: 100%;z-index: 9;background-color: #F9FBFE;}
.filterDD .fdHead{font-weight: 700; font-size: 20px;padding-right: 25px;position: relative;}
.filterDD .fdClose{position: absolute;right: 0;top: 3px; height: 20px;width: 20px;min-width: 20px;cursor: pointer;}
.filterDD .fdDateGrp{font-size: 14px;font-weight: 600; border: 1px solid #CAC4C4;background: #FFFFFF;border-radius: 3px;width: calc(100% - 30px);overflow: hidden; margin-left: 30px; max-width: 400px;}
.filterDD .fdDateGrp input{color: #23292E;border: none;padding: 8px 5px;text-align: center;background-color: #fff;cursor: pointer;}
.filterDD .fdDateGrp span{color: #99A2A8;}
.filterDD .fdDateGrp input::placeholder {opacity: 1;}
.filterDD .fdDateGrp input:-ms-input-placeholder {opacity: 1;}
.filterDD .fdDateGrp input::-ms-input-placeholder {opacity: 1;}
/*FILTER-DROPDOWN*/

/*SECTION-ACCORDION*/
.sAccordion .saHead{font-weight: 700;color: #233A5B;font-size: 18px;padding: 5px 0;cursor: pointer;}
.sAccordion .saHead.saNew{background-image: url('https://media.healthplix.com/hbook/assets/images/add-icon-txt.svg');background-repeat: no-repeat;background-position: right center;}
.sAccordion .saOpen .saHead.saNew{background-image: url('https://media.healthplix.com/hbook/assets/images/down-arrow.svg');}
.sAccordion .saBody{display: none;position: relative;background-color: transparent;padding: 0;overflow: unset;}
.sAccordion .saDefaultOpen .saBody{display: block;}
/*SECTION-ACCORDION*/

/*REQUEST-BOX*/
.requestBox{background: #FFFFFF; border: 1px solid #ecf2fd; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); border-radius: 8px;}
.requestBox .rbHead{border-bottom: 1px solid #ECF2FD;padding: 15px 20px;}
.requestBox .rbInfo, .requestBox .rbAction, .requestBox .rbActionFD{padding: 20px 20px;}
.requestBox .rbInfo{width: 100%;}
.requestBox .rbAction{min-width: 350px;border-left: 1px solid #ecf2fd;}
.requestBox .rbActionFD{min-width: auto;border-left: 1px solid #ecf2fd;}
/*REQUEST-BOX*/

/*UPCOMING-BOX*/
.upcomingBox{background: #FFFFFF; border: 1px solid #ecf2fd; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); border-radius: 8px;position: relative;}
.upcomingBox .ubBody{width: 100%;}
.upcomingBox .ubHead{padding: 10px 20px;border-bottom: 1px solid #ecf2fd;}
.upcomingBox .ubInfo{padding: 15px 20px;}
.upcomingBox .ubTime{border-left: 1px solid #ecf2fd; text-align: center;min-width: 185px;padding: 10px;}
.upcomingBox .ubConnect{border-top: 1px solid #ecf2fd;}
.upcomingBox .ubConnect a{border-right: 1px solid #ecf2fd;text-align: center;padding: 10px;}
.upcomingBox .ubConnect a:last-child{border-right: none;}
.upcomingBox .ubCancel{display: none;position: absolute;right: 15px;top: 15px;cursor: pointer;}
/*UPCOMING-BOX*/

/*PREVIOUS-BOX*/
.previousBox{background: #ffffff; border: 1px solid rgba(189, 196, 206, 0.5); border-radius: 8px;padding: 10px 15px;}
/*PREVIOUS-BOX*/

/*MAP-UPDATE*/
.mapUpdate .muFld{font-size: 14px;padding: 10px;left: 0 !important;right: 0 !important; top: 9px !important;width: calc(100% - 20px);margin: auto; background: #ffffff; border: 1px solid rgba(189, 196, 206, 0.5); box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15); border-radius: 6px;}
.mapUpdate .muBox{height: 280px;}
.mapUpdate .muBox .gm-fullscreen-control{display: none;}
.mapUpdate .muBox .gmnoprint .gm-style-mtc{display: none;}
.mapUpdate .muBox .gmnoprint .gm-style-mtc div{font-size: 14px !important;}
/*MAP-UPDATE*/

/*CONFIRM-DIALOGUE*/
.confirmDialogueWrap{position: fixed;left: 0;top: 0;height: 100vh;width: 100%;background-color: rgba(0,0,0,0.7);z-index: 9999;}
.confirmDialogue{position: fixed; left: 0; right: 0; top: 0; bottom: 0; margin: auto; padding: 30px;z-index: 9999; width: calc(100% - 30px); max-width: 500px; height: 175px;border: 1px solid #ECF2FD; border-radius: 6px; background: #F9FBFE; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); }
.confirmDialogue .closeIcon{position: absolute; top: 10px; right: 10px; cursor: pointer; }
.closeDialogue{min-width: 110px!important;}
/*CONFIRM-DIALOGUE*/

/*#map {height: 100%; }
#description {font-family: Roboto; font-size: 15px; font-weight: 300; }
#infowindow-content .title {font-weight: bold; }
#infowindow-content {display: none; }
#map #infowindow-content {display: inline; }
.pac-card {margin: 10px 10px 0 0; border-radius: 2px 0 0 2px; box-sizing: border-box; -moz-box-sizing: border-box; outline: none; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); background-color: #fff; font-family: Roboto; }
#pac-container {padding-bottom: 12px; margin-right: 12px; }
.pac-controls {display: inline-block; padding: 5px 11px; }
.pac-controls label {font-family: Roboto; font-size: 13px; font-weight: 300; }
#pac-input {background-color: #fff; font-family: Roboto; font-size: 15px; font-weight: 300; margin-left: 12px; padding: 0 11px 0 13px; text-overflow: ellipsis; width: 400px; }
#pac-input:focus {border-color: #4d90fe; }
#title {color: #fff; background-color: #4d90fe; font-size: 25px; font-weight: 500; padding: 6px 12px; }
#target {width: 345px; }*/

/*ICONS*/
.sIcon{background-size: contain; background-repeat: no-repeat;display: inline-block;vertical-align: middle; min-width: 20px; width: 20px; height: 20px;}
.sIcon + span {vertical-align: middle;}
.sIcon.iclock{background-image: url('https://media.healthplix.com/hbook/assets/images/icons/clock.svg');}
.sIcon.ivideo{background-image: url('https://media.healthplix.com/hbook/assets/images/icons/video.svg');}
.sIcon.ivideofilled{background-image: url('https://media.healthplix.com/hbook/assets/images/icons/videoFilled.svg');}
.sIcon.imsg{background-image: url('https://media.healthplix.com/hbook/assets/images/icons/msg.svg');}
.sIcon.iphone{background-image: url('https://media.healthplix.com/hbook/assets/images/icons/phone.svg');}
.sIcon.iinperson{background-image: url('https://media.healthplix.com/hbook/assets/images/icons/inPerson.svg');}
.sIcon.iinpersonfilled{background-image: url('https://media.healthplix.com/hbook/assets/images/icons/inPersonFilled.svg');}
.sIcon.idelete{background-image: url('https://media.healthplix.com/hbook/assets/images/icons/delete.svg');}
.sIcon.icalendar{background-image: url('https://media.healthplix.com/hbook/assets/images/icons/calendar.svg');}
.sIcon.iclockLine{background-image: url('https://media.healthplix.com/hbook/assets/images/icons/clockLine.svg');}
.sIcon.icloseIcon{background-image: url('https://media.healthplix.com/hbook/assets/images/close-icon.svg');}
/*ICONS*/

/*Get OTP*/
.book-login{ max-width: 503px;min-height: 377px;border: 1px solid #BDC4CE;border-radius: 8px;margin-top: 6.7em !important;background: #fff;}
.form-getotp{position:relative}
.form-getotp span.country-code{position:absolute;top:13px;font-weight:700;font-size:16px;line-height:22px;left:0}
.form-getotp .form-control{font-weight:600;font-size:16px;font-style:normal;border:0;border-bottom:1px solid #e3e3e3;margin-bottom:23px!important;background:0 0;border-radius:0;color:#212529}
.form-getotp .form-control::placeholder{color:#99a2a8}
.form-getotp label{font-weight:600;font-size:16px;line-height:22px;position:relative;top:3px;color:#233a5b}
.otp-section .btn-primary{font-size:14px;text-transform:capitalize}
.checkbox{display:block;position:relative;padding-left:30px;margin-bottom:12px;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}
.checkmark{position:absolute;top:0;left:0;height:18px;width:18px;background-color:#eee;border:1px solid #ccc;border-radius:3px}
.checkbox input:checked~.checkmark{background-color:#4684F0;border-color:#4684F0}
.checkmark:after{content:"";position:absolute;display:none}
.checkbox input:checked~.checkmark:after{display:block}
.checkbox .checkmark:after{left:5px;top:2px;width:5px;height:10px;border:solid #fff;border-width:0 1px 1px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.verify-otp form input{width:50px;height:50px;padding:0;margin-right:25px;text-align:center;border-bottom:2px solid #d0d4d8!important;border:0}
.verify-otp form input:last-child{margin-right:0}
.verify-otp form input::-webkit-inner-spin-button,.verify-otp form input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}
.verify-otp form input.focus,.verify-otp form input:focus{border-color:green;outline:0;box-shadow:none}
.enter-otp p{font-size:16px;line-height:22px;color:#233a5b}
.otp-recieved p{font-weight:600;font-size:14px;line-height:24px;color:#656c72}
.otp-recieved p.resend a{color:#4684f0;text-decoration:underline}
.select-branch h4{font-weight:700;font-size:16px;line-height:22px;color:#233a5b}
.select-branch .card-body{padding:14px 12px;border:1px solid rgba(189,196,206,.5);border-radius:8px;cursor:pointer}
.select-branch .card-body span:first-child{font-weight:400;font-size:14px;line-height:19px;color:#233a5b;opacity:.6}
.select-branch .card-body span:last-child{font-weight:700;font-size:16px;line-height:20px;color:#233a5b}
.docter-details .edit-profile .btn{font-size:14px;line-height:16px;text-transform:capitalize;min-width:108px;height:40px!important;width:100%;letter-spacing:normal}
.docter-details .share-details{height:40px;padding:0 12px;background:#dfeafd;border-radius:2px;color:#145bc7;font-style:normal;font-weight:700;font-size:14px}
.docter-details .doct-copy{font-size: 14px;color: #145BC7;}
.docter-details .profile-completed{padding-left: 42px;background-image: url(https://media.healthplix.com/hbook/assets/images/profile-icon.svg);background-repeat: no-repeat;height: 40px;background-position: left 9px center;color: #DE890A;background-color: rgba(242, 183, 31, 0.15);border: 1px solid #DE890A;border-radius: 2px;}
.docter-profile .profile-img{width:100px}
.docter-profile .profile-img span:first-child{width:100px;height:100px;border-radius:61px;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid rgba(189,196,206,.5)}
.docter-profile .profile-img span:first-child img{width: 100%; height: 100%; display: block;/*object-fit: cover;object-position: top;*/}
.docter-profile span.profile-img img{max-width:100%;max-height:100%}
.docter-desc span.edit-photo a{font-weight:600;font-size:12px;color:#4684f0}
.docter-desc .docter-name h4{font-weight:700;font-size:18px;line-height:25px;color:#233a5b}
.docter-desc .docter-name span p{font-size:14px;line-height:19px;color:#233a5b;opacity:.7}
.docter-desc ul{padding:0}
.docter-desc ul li{list-style:none;font-size:14px;line-height:19px;color:#233a5b}
.specialization span{font-size:14px;line-height:19px;color:#233a5b}
.specialization span:first-child{opacity:.7}span.not-filled{color:#eb3e50}
.header-text h5.sub-heading{font-weight:700;font-size:18px;line-height:25px}
.timing-heading{font-weight:800;font-size:14px;line-height:105.5%;color: #233A5B;}
.edit-icon img{width:14px}
.edit-icon span{font-size:14px;color:#145bc7;margin-left:6px}
.available-timings,.time-available-type{border-top:1px solid #bdc4ce}
.timing-sec{height:80px;border:1px solid rgba(189,196,206,.5);border-radius:6px}
.timing-sec .book-patients{border-right:1px solid #bdc4ce}
.timing-sec p{font-weight:700;font-size:14px;line-height:16px;color:#233a5b;opacity:.8}
.timing-sec .btn{min-width:82px!important;height:32px!important;line-height:32px;font-size:14px;text-transform:capitalize}
.slot-duration .form-control{margin:0!important;height:32px!important;width:64px;border-radius:4px 0 0 4px;border-right:0;color:#4e555b}
.slot-duration .form-control:focus{color:#4e555b;border-color:#ced4da}
.slot-duration .duration-btn{height:32px;background:#f3f3f3;border:1px solid #c1c4c6;border-radius:0 4px 4px 0;min-width:82px;font-size:14px;line-height:16px;color:#1976d2}
.btn.queue-btn{background:0 0;color:#4684f0;border:1px solid #4684f0}
.slot-enable p{font-size:14px;color:#233a5b;line-height:22px}
.slot-time input{width:66px;height:32px;border:1px solid rgba(189,196,206,.5);border-radius:6px 0 0 6px;outline:0;padding-left:10px;font-size:12px;border-right:0}
.slot-time span.min{font-size:12px;color:#4684f0;z-index:99999;overflow:hidden;border:1px solid rgba(189,196,206,.5);border-radius:0 6px 6px 0;width:35px;height:32px;padding-top:1px;border-left:0}
.session-mobile span{width:70px;font-weight:700;font-size:13px;color:#233a5b}
.session-mobile p{font-weight:600;font-size:13px;color:#233a5b;opacity:.5;margin-right:23px!important}.max-585{max-width:585px}
.timing-session{position:relative}.timing-session h6{font-weight:400;font-size:14px;line-height:16px;color:#4e555b}
.timing-session .timing-slots{min-width:110px;margin-right:35px}
.timing-session .timing-slots span{height:32px;font-size:14px;color:#4e555b;margin:0 10px}
.timing-session .timing-slots input{cursor:pointer;border:1px solid #e5e5e5;padding:0;border-radius:4px;width:80px;height:32px;text-align:center;font-weight:400;font-size:14px;line-height:32px;margin:0}
.timing-slots .session{width:100px}.session-details span.d-day{width:30px;font-weight:400;font-size:14px;color:#000;text-align:right}
.session-details span.m-day{font-weight:700;font-size:16px;color:#233a5b}
.session-details .switch{margin-left:42px}.day-sec{min-width:100px;margin-right:16px}
.session-details .copy-icon{border:1px solid #e5e5e5;border-radius:4px;width:38px;height:32px;margin-left:24px;cursor:pointer}
.copy-timing{border:1px solid #2196f3;border-radius:6px;min-width:180px;height:320px;background:#fff;position:absolute;right:0;top:35px}
.copy-timing:after,.copy-timing:before{content:'';display:block;position:absolute;left:-19px;top:8px;width:0;height:0;border:9px solid transparent;border-bottom-color:#2196f3;transform:rotate(270deg)}
.copy-timing:after{left:-18px;top:8px;border-bottom-color:#ecf2fd}.copy-timing h5{font-weight:700;font-size:14px;color:#233a5b;line-height:16px;background:#ecf2fd;padding:12px;border-radius:6px 6px 0 0}
.copy-timing-mobile{height:32px;background:#ecf2fd;border-radius:4px;font-size:14px;color:#233a5b}
.copy-timing .close-icon{position:absolute;right:15px;top:14px;width:13px}
.copy-saveBtn .btn{min-width:70px!important;height:32px!important;text-transform:capitalize}
.timing-days{padding:0 12px;text-align:left}.timing-days span{height:17px}
.timing-days .checkbox{font-size:14px;color:#233a5b;margin-bottom:13px;border:0;height:auto;line-height:normal;text-align:left;padding-left:30px}
.timing-slots span.session{width:80px}.timing-session span.copy-icon{width:38px;border:1px solid #e5e5e5;border-radius:4px;cursor:pointer}
.confirm-decline{height:49px;border-top:1px solid #dfdfdf}
.confirm-decline span{font-weight:700;font-size:16px;color:#233a5b;opacity:.6;flex:1 1 auto}
.confirm-decline span.confirm{color:#4684f0;opacity:1;border-left:1px solid #dfdfdf}
.switch{position:relative;display:inline-block;width:44px;height:22px;margin:0}
.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}
.slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:#fff;-webkit-transition:.4s;transition:.4s}
input:checked+.slider{background-color:#4684F0;background-image:url(https://media.healthplix.com/hbook/assets/images/switch-check.svg);background-repeat:no-repeat;background-position:left 5px center;min-width:42px}
input:focus+.slider{box-shadow:0 0 1px #4684F0}
input:checked+.slider:before{-webkit-transform:translateX(21px);-ms-transform:translateX(21px);transform:translateX(21px)}
.slider.round{border-radius:34px}
.slider.round:before{border-radius:50%}
.sessions-sec .session-timing{width: 220px;}
.sessions-sec .session-timing span{display:inline-block;font-weight:700;font-size:14px;color:#233a5b;opacity:.5}
.sessions-sec .session-timing p{font-weight:600;font-size:14px;color:#233a5b}
.about-sec,.achievements-sec,.specialised-sec{border-top:1px solid #bdc4ce}
.achievements-sec ul,.specialised-sec ul{padding:0}
.achievements-sec ul li,.specialised-sec ul li{list-style:none;background-image:url(https://media.healthplix.com/hbook/assets/images/bullet-icon.svg);background-repeat:no-repeat;background-position:left 0 top 5px;padding-left:17px;margin-bottom:12px;font-weight:600;font-size:14px;color:#233a5b}
.about-content p{font-weight:600;font-size:14px;text-align:justify}
.achievements-sec ul li{list-style:none;background-image:url(https://media.healthplix.com/hbook/assets/images/star-icon.svg);background-position:left 0;padding-left:25px}
.docter-details .card-header{height:65px;border-bottom:1px solid #bdc4ce;background:0 0;padding:20px 0;font-weight:700;font-size:18px;line-height:25px;color:#233a5b}
.docter-details .card-header img{vertical-align:top}
.profile-details label{color:#233a5b;font-size:14px;margin-bottom:4px;cursor: pointer;}
.docter-details .form-control{height:40px;padding:0 0 0 15px;font-style:normal}
.docter-details textarea.form-control{height:auto}
.profile-details .form-group #specialisation{position:relative;color:#000;font-style:normal;-webkit-appearance:none;background-image:url(https://media.healthplix.com/hbook/assets/images/down-arrow.svg);background-repeat:no-repeat;background-position:right 8px top 7px}
.profile-update .delete-profile{border-left:1px solid #bdc4ce;margin-left:14px;padding-left:12px;margin-top:10px;cursor:pointer;z-index:9;}
.profile-update span{width:219px;height:206px;border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid rgba(189,196,206,.5)}
.clinicLogo span{height:140px!important;}
#clinic_logo_image{width: 144px!important;height: 39px!important;padding: 13px 13px;margin-left: 15px;position: absolute;top: 4px;overflow: hidden!important;}
.profile-update span img{width: 100%;display: block; /*object-fit: cover; object-position: top;*/}
.profile-update .btn{height:32px!important;text-transform:capitalize;padding:0!important;line-height:32px}
.save-details .btn{min-width:205px;height:40px!important;font-size:14px;text-transform:capitalize}
.specialise-search span{font-weight:600;font-size:14px;color:#233a5b;display:inline-block;border-radius:6px}
.specialise-search span.add-mobile{border:1px solid #145bc7;padding:5px 25px;color:#145bc7}
.add-achievement .btn,{height:40px!important;font-size:14px;text-transform:capitalize;color:#145bc7;background:0 0;-webkit-transition:.5s;transition:.5s}
.add-achievement .btn:hover,.add-speciality .btn:hover,.add-holiday .btn:hover,.btn.queue-btn:hover{background:#145bc7;color:#fff}
.specialise-content .specialise-text{background:#ecf2fd;border-radius:4px;height:40px;padding:0 14px;font-weight:600;font-size:16px;color:#233a5b}
.achievements-text img,.specialise-text img{width:14px;min-width:14px}
.achievements-text span:first-child{background-image:url(https://media.healthplix.com/hbook/assets/images/star-icon.svg);background-repeat:no-repeat;padding-left:30px;line-height:25px}
.holiday-list input,.holiday-list select{height: 32px!important;padding:5px!important;background: #FFFFFF;border: 1px solid #E5E5E5;box-sizing: border-box;border-radius: 4px;}
.holiday-list .btn{height: 32px!important;padding:0!important;}
#holiday_list .deleteHoliday{cursor: pointer;}
.holiday-list .form-group{position: relative;}
.holiday-list .form-group i{position: absolute;right: 3px; top: 35px;}
.holiday-list input::placeholder{font-size: 14px;}
#holiday_list p{background: #FFFFFF;border: 1px solid #ECF2FD;box-sizing: border-box;box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);border-radius: 8px;padding: 8px 16px;text-align: center;}
.cancelAppntBtn{width: 100%; display: flex; justify-content: center;}
textarea.form-control {padding-top: 10px!important;}
.timingcheckbox{font-style: normal;font-weight: normal;font-size: 14px!important;line-height: 16px;color: #233A5B;}
.timingBar{/*position: absolute;*/width: 543px;height: 40px;left: 279px;top: 306px;background: #ECF2FD;border-radius: 4px;}
.timingBar .timingBarTitle{font-weight: bold;font-size: 18px;line-height: 105.5%;color: #233A5B;padding: 10px;}
.timingCheckBox{position: absolute;left: 12.5%;right: 12.5%;top: 12.5%;bottom: 12.5%;background: #233A5B;}
.consult-fee input {width: 100px; height: 32px; border: 1px solid rgba(189, 196, 206, 0.5); border-radius: 0 6px 6px 0; outline: 0; padding-left: 10px; font-size: 12px; border-left: 0; }
.consult-fee span.fee {font-size: 12px; font-weight: bold; color: #4684F0;  border: 1px solid rgba(189, 196, 206, 0.5); border-radius: 6px 0 0 6px; width: 35px; height: 32px;  border-right: 0; }
.consultFeeDiv  p{max-width: 120px}
.consultFeeDiv .consult-fee p{min-width: 115px}
.consultFeeDiv{max-width: 550px;margin-top: 20px;}
.consultFeeDiv .slot-time input {width: 100px; height: 32px; border: 1px solid rgba(189, 196, 206, 0.5); border-radius:  6px 0 0 6px; outline: 0; padding-left: 10px; font-size: 12px; border-right: 0; }
/* From book.css */
@media (min-width: 768px){
    .toast-title{font-size: 1.0714285714285714rem; }
    .max-275{max-width: 275px;}
}
@media (max-width: 992px){
    .max-width {max-width: 100vw; }
    #progressbar {width: 100%; }
    .timing-session .timing-slots input{width: 99px;}
}
@media (max-width: 360px){
    .timing-session .timing-slots input{width: 75px;}
}
/* From book.css */

@media only screen and (max-width: 768px) {

    .consultFeeDiv{ margin-left:20px; }
    .consultFeeDiv  p{min-width: 115px}
    .consultFeeDiv .slot-time{margin-top: 20px;}
    .consultFeeDiv input, .consultFeeDiv .slot-time input {min-width: 150px; max-width: 300px;}
    /* Moved from book.css */
    .sessions-sec h4 {font-size: 1.0714285714285714rem; }
	/*.sessions-sec{margin: 0 !important; }*/
	.sessions-sec .d-flex{display: flex !important; }
	#progressbar{display: none !important; }
	/*.enter-otp{width: 204px; height: 40px; }*/
	#progressbar li, .nav-tabs .nav-link{font-size: 0.9285714285714286rem; }
	.profile-details .doctors-details{margin-top: 12px; }
	.profile-details ul.achievements li a, .summary-details p, 
	#datepicker {padding: 0 20px; }
	.weekly-date .day-date{max-width: 17.28%; flex: 0 0 17.28%; }
	.weekly-date .day-date:nth-child(6), .weekly-date .day-date:nth-child(7) {display: none; }
	.input-group-addon{padding: 0; }
    .back-btn{top: -3.3rem; left: 0; }
    button.btn-primary, .btn-primary {height: 2.35rem; }
    .weekly-date .day-date span.date{font-size: 14px; font-weight: normal; }
    /* Moved from book.css */

    .flexResponsive768 { display: block; }
    .desktop{display: none;}
    .mobile{display: block;}
    .hrScroll::-webkit-scrollbar-track {-webkit-box-shadow: unset; background-color: transparent; border-radius: 10px; }
    .hrScroll::-webkit-scrollbar {width: 8px;height: 3px; background-color: transparent; }
    .hrScroll::-webkit-scrollbar-thumb {border-radius: 10px; background-color: transparent;}

    h1{font-size: 26px;}
    h2{font-size: 22px;}

    main{margin-left: 0;padding-top: 55px;}
    .navTrigger{display: block;padding: 0;}
    nav.leftNav{position: fixed;left: -300px;top: 0; width: 300px;min-width: 300px;background: #fff;height: 100vh;overflow: auto;}
    nav.leftNav.openNav{left: 0;box-shadow: 2px 0 8px rgba(0, 0, 0, 0.25);}
    nav .lnHead{background-color: #ECF2FD;padding-top: 55px;}
    nav .lnmItem{color: #233A5B;}
    nav .lnmItem:hover, nav .lnmItem.active {color: #4684F0; background-color: #ECF2FD; }
    nav .lnmItem.lniProfile{background-image: url('https://media.healthplix.com/hbook/assets/images/icons/profile-blue.svg');}
    nav .lnmItem.lniClinic{background-image: url('https://media.healthplix.com/hbook/assets/images/icons/clinic-blue.svg');}
    nav .lnmItem.lniDoctor{background-image: url('https://media.healthplix.com/hbook/assets/images/icons/doctor-blue.svg');}
    nav .lnmItem.lniFrontdesk{background-image: url('https://media.healthplix.com/hbook/assets/images/icons/doctor-blue.svg');}
    nav .lnmItem.lniAppnts{background-image: url('https://media.healthplix.com/hbook/assets/images/icons/appnts-blue.svg');}
    nav .lnmItem.lniLogout{background-image: url('https://media.healthplix.com/hbook/assets/images/icons/logout-blue.svg');}
    .nav-footer .nav-footertext{color: #233A5B;}

    .pHeader{padding: 15px 0;padding-left: 50px; background-color: #FAFCFF;border-bottom: 1px solid rgba(189, 196, 206, 0.5); position: fixed; top: 0; left: 0; width: 100%; z-index: 9;}
    .clinicBannerThumb{height: 200px;}
    .masonryBlock, .masonryBlock.mbCol2 {-moz-column-count: 1;-webkit-column-count: 1;column-count: 1;-moz-column-gap: 40px;-webkit-column-gap: 40px;column-gap: 40px;}

    .hasMobSo .tabContent{display: block !important;}
    .hasMobSo .lineTab{display: none;}
    .hasMobSo .slideOverlay{position: fixed;left: 100%;background-color: #fff;padding: 0 15px;}
    .soOpen {left: 0 !important;width: 100%; }
    .hasMobSo .card-header{display: block;}
    .soScope .sosWrap{position: fixed;}
    .solidTab .item{min-width: 105px;}
    .requestBox .rbHead, .requestBox .rbInfo, .requestBox .rbAction, .upcomingBox .ubInfo, .requestBox .rbActionFD{padding: 15px 15px;}
    .requestBox .rbAction, .requestBox .rbActionFD{padding-top: 0;min-width: unset;}

    .upcomingBox .ubCancel{display: block;}
    .verify-otp form input{background:#fafcff}
}

@media only screen and (max-width: 520px) {
    .clinicImgGallery{grid-template-columns: repeat(3, 1fr);}
}

@media(max-width: 575px){

    .navbar-slide {border-bottom: 1px solid rgba(189, 196, 206, 0.5); }
    .clinic-appnts .card-body {
        padding: 18px;
    }
    .clinic-appnts .card-body > div > div:last-child {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-top: 8px;
    }
    .clinic-appnts .card-header:first-child {
        padding: 14px 22px;
    }
    .header-fixed, .header-fixed > nav {
        height: 80px;
    }
    .header-fixed .navbar-brand {
        position: unset;
    }
    .navbar-brand.logo-sec, .nav-text .nav-link {
        width: 100%;
    }
    .navbar-brand{        
        padding: 0 !important;
        max-height: 44px;
    }
    .navbar-brand img, .nav-item.nav-text{
        margin: 0 auto;
        text-align: center;
        max-height: 32px !important;
    }
    main.max-width.max-780 {
        margin-top: 5.4rem !important;
    }
    .modal-backdrop.fade.show {
        opacity: 0;
    }
    #msgCurtain .modal-dialog.modal-lg {
        /* margin: 0; */
        border: 0;
    }
    #msgCurtain .modal-content.msgCurtainContent {
        border: 0;
        max-width: 100vw;
        height: 100vh;
        
    }
    #msgCurtain.modal.fade .modal-dialog {
        transition: unset;
        margin: 0;
    }
    #msgCurtain.modal.fade.show {
        transition: unset;
    }
    #msgCurtain.modal {
        animation: .8s slide-right;
     }
    @keyframes slide-right {
        from {margin-left: 500px; }
        to {margin-left: 0%; }
    }

    .doctorCard .btnBlueL{width: 100%;}

    .book-login{
        border: 0 !important;
        background: #fafcff!important;
    }
    #appointStatusFD .inlineRadio{
        width:26%;
    }
}

@media only screen and (max-width: 767px) {
    .timing-session .session-details{border: 1px solid rgba(189, 196, 206, 0.5);border-radius: 6px;}
    .timing-slots .session{margin-left: 0!important;}
    .day-sec{margin: 0 0 12px 0;}
    .timing-session .timing-slots{margin: 0 0 10px 0;}
    .copy-timing{display:none;position: fixed;z-index: 1; right: 0;left: 0;top: 0;bottom: 0;margin: auto; max-width: 312px;height: 342px;border-color: #ECF2FD;box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);border-radius: 16px;background: #F9FBFE;}
    .copy-timing:before, .copy-timing:after {display: none;}
    .copy-timing h5{background: none;}
    .timing-days .checkbox{margin-bottom: 15px;}
    .timing-session .switch input {width: 42px;}
    .inperson,.online{padding: 10px 0 0 15px;}
    .timingBar{width: 100%!important;}
}

.lnMenu{
    max-height: calc(100vh - 182px);
    overflow: auto;
}

.mt-10{
    margin-top: 1em;
}

.nav-footer{
    position: absolute;
    left: 0;
    /*bottom: 0;*/
    color: white;
    text-align: center;
    width: 260px;
    min-width: 260px;
    margin-left: 20px;
    /*padding: 9px 5px 8px 14px;*/
}

.nav-footertext{
    text-align: justify;
    padding: 10px 10px 0;
    margin-bottom: 10px;
    font-weight: 700;
    max-width: 90%;
}

.nav-footerimg{
    margin-bottom: 10px;
}

.nav-footer-store{
    margin-bottom: 10px;
    text-align: left;
    margin-left: 20px;
}

.nav-footer-store-img{
    height: 40px;
    width: 140px;
}
.rescheduleAppntBtn{
    display: flex;
    justify-content: center;
}
.switchBranchImg{
    font-size: 14px;
    line-height: 1.429;
    color: #243951;
    border-radius: 4px;
    padding: 5px 12px;
}