@font-face { font-family: 'montserratblack'; src: url('../fonts/montserrat-black.woff2') format('woff2'), url('../fonts/montserrat-black.woff') format('woff');    font-weight: normal; font-style: normal;}
@font-face { font-family: 'montserratbold'; src: url('../fonts/montserrat-bold.woff2') format('woff2'), url('../fonts/montserrat-bold.woff') format('woff'); font-weight: normal;font-style: normal;}
@font-face { font-family: 'montserratextrabold'; src: url('../fonts/montserrat-extrabold.woff2') format('woff2'), url('../fonts/montserrat-extrabold.woff') format('woff');    font-weight: normal; font-style: normal;}
@font-face { font-family: 'montserratextralight'; src: url('../fonts/montserrat-extralight.woff2') format('woff2'), url('../fonts/montserrat-extralight.woff') format('woff');font-weight: normal; font-style: normal;}
@font-face { font-family: 'montserratitalic'; src: url('../fonts/montserrat-italic.woff2') format('woff2'), url('../fonts/montserrat-italic.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'montserratlight'; src: url('../fonts/montserrat-light.woff2') format('woff2'),  url('../fonts/montserrat-light.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {  font-family: 'montserratmedium'; src: url('../fonts/montserrat-medium.woff2') format('woff2'), url('../fonts/montserrat-medium.woff') format('woff');    font-weight: normal; font-style: normal;}
@font-face { font-family: 'montserratregular'; src: url('../fonts/montserrat-regular.woff2') format('woff2'),  url('../fonts/montserrat-regular.woff') format('woff');    font-weight: normal;  font-style: normal;}
@font-face { font-family: 'montserratsemibold'; src: url('../fonts/montserrat-semibold.woff2') format('woff2'), url('../fonts/montserrat-semibold.woff') format('woff');    font-weight: normal; font-style: normal;}
@font-face { font-family: 'montserratthin'; src: url('../fonts/montserrat-thin.woff2') format('woff2'),  url('../fonts/montserrat-thin.woff') format('woff'); font-weight: normal; font-style: normal;}

/* CSS Document */
* { box-sizing: border-box; }
html, body, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, header, footer, section, aside, nav, article, figure, address, audio, video { background: transparent; border: 0; margin: 0; padding: 0; outline: 0; }
html { min-height: 100%; position: relative; }
body { font-family: 'montserratregular'; font-size: 13px; color: #333333; font-weight: 400; text-decoration: none; background: #ffffff; overflow-x: hidden; }
h1, h2, h3, h4, h5, h6 { color: #333333; margin-bottom: 15px; font-family: 'montserratregular'; font-weight: normal; }
input, button { font-family: 'montserratregular'; }
input[type="text"], input[type="password"] { margin: 0px; padding: 0px; border: 1px solid #d0d0d0; background: #ffffff; font-size: 14px; color: #333333; padding: 10px; font-family: 'montserratregular'; -webkit-appearance: none; border-radius: 3px; box-sizing: border-box; }
select, textarea { margin: 0px; padding: 0px; border: 1px solid #d0d0d0; background: #ffffff; font-size: 13px; color: #333333; padding: 10px;font-family: 'montserratregular'; resize: none; border-radius: 3px; box-sizing: border-box; }
textarea { overflow-y: auto; overflow-x: hidden; }
small { color: #666; font-size: 11px; }
:focus { outline: none; }
a:focus { outline: none; }
p { margin-bottom: 20px; line-height: 20px; }
img { border: none; outline: none; }
a { color: #222222; text-decoration: none; outline: none; transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
a:hover { color: #f8af44; text-decoration: none; outline: none; transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
.sprites { background: url(../images/sprites.png) no-repeat 0 0; }
.rlatv { position: relative; }
.fnone { float: none !important; }
.nomrgn { margin: 0 !important; }
.nopad { padding: 0 !important; }
.wauto { width: auto !important; }
.req { color: #ff0000; font-size: 12px; }
button:focus { outline:none;}
/* Common CSS end here */

/* Checkbox & Radio Button css */
input[type=checkbox]:not(old), input[type=radio ]:not(old) { width : 25px; height:25px; display:inline-block; vertical-align:top; margin : 0; padding : 0; opacity : 0; }
input[type=checkbox]:not(old) + label, input[type=radio ]:not(old) + label { display : inline-block; margin-left : -2em; line-height : 1.5em; }
input[type=checkbox]:not(old) + label > span{ display : inline-block; width : 24px; height : 24px; margin :0; border-radius : 2px; background: #415567;  border: 1px solid #6d7c8b; vertical-align : middle; float:left;  }
input[type=checkbox]:not(old) + label.white-checkbox > span{ display : inline-block; width : 24px; height : 24px; margin :0; border-radius : 2px; background: #fff;  border: 1px solid #6d7c8b; vertical-align : middle; float:left;  }
input[type=radio ]:not(old) + label > span { display : inline-block; width : 20px; height : 20px; margin :0; border-radius : 2px; background: #415567; border: 1px solid #6d7c8b; vertical-align : middle; float:left;  }
input[type=radio ]:not(old) + label > span { border-radius: 50%; }
input[type=checkbox]:not(old):checked + label > span, input[type=radio ]:not(old):checked + label > span { background: #354a5e; border: 1px solid #6d7c8b; }
input[type=checkbox]:not(old):checked + label.white-checkbox > span { background: #fff; border: 1px solid #6d7c8b; }
input[type=checkbox]:not(old):checked + label > span:before { content : ''; display : block; width : 24px; height:24px; text-align : center; background: url(../images/tick.png) no-repeat; background-position:-2px -2px; }
input[type=checkbox]:not(old):checked + label.white-checkbox > span:before { content : ''; display : block; width : 24px; height:24px; text-align : center; background: url(../images/tick-blue.png) no-repeat; background-position:-2px -2px; }
input[type=radio ]:not(old):checked + label > span { background: #ffbc5b; border: 1px solid #ffbc5b;}
input[type=radio]:not(old):checked + label > span > span { display: block; width: 10px; height: 10px; text-align: center; background: #3382c4; border-radius: 50%;  margin: 4px auto; }
/* Checkbox & Radio Button css */

body.blue-bg { background:#354a5e; position:relative;}
body.blue-bg:before { position:absolute; left:0; top:0; content:""; background:url(../images/shade-1.png) no-repeat; width:504px; height:461px; display:inline-block; }
body.blue-bg:after { position:absolute; right:0; bottom:0; content:""; background:url(../images/shade-2.png) no-repeat; width:501px; height:502px; display:inline-block; z-index: -1; }
body.blue-bg.register-bg:after { position:absolute; right:0; bottom:0; content:""; background:url(../images/regiter-curve.png) no-repeat; width:446px; height:272px; display:inline-block; }
.login-sec{  width: 100%; display: flex; position:relative; padding:100px 0 50px; align-items: center; justify-content: center;}
.login-blk { width:380px; display:flex; flex-direction: column; }
.top-logo { display:flex;  align-items: center; justify-content: center; flex-direction: column; text-align:center;}
.top-logo h2 { font-size:44px; line-height:50px; color:#fff; font-family: 'montserratbold'; margin:60px 0 40px 0;}
.form-group{ display:flex;  flex-direction: column; position:relative;}
.form-group label { font-size:14px; color:#fff; margin-bottom:5px;}
.form-group .form-control{ height:46px; border-radius:26px; background:#495C6E; border:1px solid #6D7C8B; padding:0 20px; color:#fff; font-size:14px;}
.form-group .form-control:focus { background:transperant; box-shadow:none; border-color:#FFBC5B;}
.form-group .toggle-password { position: absolute;  right: 20px;  top: 43px; font-size: 16px; color: #fff; opacity: 0.3;  width:20px; height:13px;}
.form-group .toggle-password:before { content:inherit;}
.form-group .error-msg { color: #ffbc5b; margin-top: 0; margin: 0; font-family: revert !important; font-size: 13px !important;}
.form-group .error-msg.color-red { color: #fe0000 !important }
.chckbox { display:flex; margin:30px 0;}
.chckbox label em{ font-size:14px; color:#fff; font-style:normal; margin-left:10px; margin-top: 4px; display: inline-block;}
.chckbox.payment label em { color:#495c6e !important;}
.cmn-btn { width:167px; background:#FFBC5B; height:46px; border-radius:26px; border:none; font-size:14px; color:#fff; cursor:pointer; align-items: center;    justify-content: center; display: flex; font-family: 'montserratsemibold'; transition: all .5s ease 0s; -ms-transition: all .5s ease 0s;  -moz-transition: all .5s ease 0s;  -o-transition: all .5s ease 0s;  -webkit-transition: all .5s ease 0s;}
/* .cmn-btn:hover, .cmn-btn:focus { background:#495c6e; color:#fff;}  */
.cmn-btn:hover { background:#495c6e; color:#fff;} 
.form-group.btn-group { display:flex; align-items: center; justify-content: center;}
.form-group.btn-group .cmn-btn { margin-bottom:30px;}
.form-group.btn-group .cmn-btn { margin-bottom:30px;}
.form-group.btn-group a{ font-size:16px; color:#fff; opacity:0.5; text-decoration:underline; margin-top:15px;}
.form-group.btn-group a:hover, .form-group.btn-group a:focus { opacity:1; color:#FFBC5B;}
.forgot-blk .top-logo p{ font-size:18px; color:#fff; line-height:30px; margin-bottom:40px;}
.forgot-blk .form-group.btn-group .cmn-btn { margin-bottom: 10px; margin-top: 30px;}
.login-sec.bg-grey { background:#354a5e }
/* Register page css */
.register-sec{ padding:100px 0;}
.login-blk.resgister-blk { width:550px;}
.login-blk.resgister-blk .top-logo h2 { font-size:36px; margin:60px 0 30px 0;}
.login-blk.resgister-blk .top-logo p { font-size: 16px; color: #fff; margin-bottom: 40px;}
.login-blk.resgister-blk .top-form { margin-bottom:40px;}
.login-blk.resgister-blk .top-form:last-child{ margin-bottom:0;}
.top-form .blk-title { font-size:24px; color:#fff; margin-bottom:30px;  font-family: 'montserratsemibold';}
.form-row { display:flex; justify-content: space-between;}
.form-row .form-group { width:48%; display:flex;}
.login-blk.resgister-blk .form-group.btn-group { margin:0;}
.login-blk.resgister-blk .form-group.btn-group .cmn-btn { margin-bottom: 0;  margin-top: 30px;}
.form-group .form-inner {display:flex; justify-content: space-between;}
.form-group .form-inner .form-control { width:350px;}
.add-link{font-size:14px; color:#fff; opacity:0.5; text-decoration:underline; margin-top:10px; cursor: pointer;}
.add-link:hover, .add-link:focus {opacity:1; color:#FFBC5B;}
.form-group .select2-container--default .select2-selection--single .select2-selection__rendered { color: #fff; line-height: 46px; padding: 0 50px 0 20px; font-size:14px;}
.form-group .select2-container--default .select2-selection--single { background-color: #495c6e; border: 1px solid #6c7b8a;  border-radius: 26px;}
.form-group .select2-container--default .select2-selection--single .select2-selection__arrow { height: 40px; position: absolute; top: 1px; right: 1px; width: 50px;}
.form-group .select2-container--default .select2-selection--single .select2-selection__arrow b {border: solid #fff; border-width: 2px 2px 0px 0; display: inline-block;    padding: 3px; transform: rotate(135deg); -webkit-transform: rotate(135deg); opacity: 0.5; transition: padding 0.3s ease 0s;}
.form-group .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {border: solid #fff; border-width: 2px 2px 0px 0; display: inline-block;    padding: 3px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); opacity: 0.5; margin-top:0px; transition: padding 0.3s ease 0s;}
.login-blk.resgister-blk .top-form .form-group:last-child { margin-bottom:0;}
.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #FFBC5B; color: white;}

/* Dashboard page css */
.container { width:1356px; max-width:1356px;}
.navbar-dark .navbar-brand { padding:20px 0; margin:0 80px 0 0;}
.navbar-dark .navbar-brand img{ width:113px;}
.fixed-top { padding:0; background-color:#354a5e !important;}
.header-rt{display: flex; align-items: center; justify-content: flex-start; width: calc(100% - 190px);}
.navbar-dark .navbar-nav .nav-item{margin-right: 70px;}
.navbar-dark .navbar-nav .nav-item.close-item{ display:none;}
.navbar-dark .navbar-nav .nav-link { font-size: 14px;  padding: 26px 0 22px; font-family: 'montserratmedium'; color: #fff; border-bottom: 3px solid #354a5e;}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link, .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: #f8af44; border-bottom: 3px solid; transition: padding 0.3s ease 0s;}
.user-drop-down { margin-left:20px;}
.user-drop-down .dropdown-toggle { font-size:14px; color:#fff; font-family: 'montserratmedium'; display: flex; align-items: center;}

.user-drop-down .dropdown-toggle i{ margin-right:15px; width: 45px; height: 45px; border-radius: 50% ; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.user-drop-down .dropdown-toggle i img{ max-width: 100%; }
/* .prof-image i { width: 123px; height: 123px; border-radius: 100%; overflow: hidden; background: #2a2d30; display: flex; align-items: center; justify-content: center;} */

.user-drop-down .dropdown-toggle:after{ border: solid #fff; border-width: 2px 2px 0px 0; display: inline-block; padding: 3px; transform: rotate(135deg);    -webkit-transform: rotate(135deg);  transition: padding 0.3s ease 0s; margin-left:15px;}
.user-drop-down .dropdown-menu.show { margin-top:13px; left: inherit; right: 0;}
.user-drop-down .dropdown-menu .dropdown-item i{ margin-right:10px;}
.user-drop-down .dropdown-menu .dropdown-item:focus, .user-drop-down .dropdown-menu .dropdown-item:hover { text-decoration: none;   background-color: #e7e8ec;}
.user-drop-down .dropdown-menu .dropdown-item { padding:8px 25px; font-size:14px;}
.noti-tab { position:relative; margin-top: 8px;}
.noti-tab a.active:before { position:absolute; right:3px; top:-3px; content:""; display:inline-block; width:8px; height:8px; background:#f8af44; border-radius:100%; font-size:14px;}


#middle { margin-top:72px;}
/* Dashboard page */
.wel-sec{ width:100%; display:flex; background:url(../images/header-curve.png) no-repeat; background-size:100% 100%; height:240px; margin-bottom:50px;}
.wel-cnt { display:flex; padding-top:75px;}
.wel-cnt h2 { font-size:36px; color:#fff;  font-family: 'montserratbold'; margin:0; line-height:45px;}
.dash-sec { margin-bottom:50px;}
.cmn-sec{ display:flex; margin-bottom:40px;  flex-direction: column;}
.cmn-heading{ display:flex; justify-content: space-between; width: 100%; align-items: center;}
.cmn-heading h2{ font-size:18px; color:#2A2D30;  font-family: 'montserratbold';margin:0;}
.cmn-heading .cmn-btn { width:200px; font-size:14px;}
.appoint-blk { display:flex; margin-top:30px; flex-direction: column;}
.no-payment-histrory { text-align: center;     text-align: center;
    height: 500px;
    display: flex;
    align-items: center;
    justify-content: center; }
.app-cnt{  display: flex; justify-content: space-between; width: 100%; align-items: center; padding: 15px 0; border-bottom: 2px dotted #ddd;}
.app-cnt i.logo-ic { width:85px; text-align: center;}
.app-cnt i.logo-ic img { max-width:80px; max-height: 42px;}
.app-cnt h2 { font-size:14px; color:#2A2D30; font-family: 'montserratsemibold'; flex-direction: column; display:flex; margin:0; line-height:20px; margin-left:20px; width:200px;}
.app-cnt h2  span{ font-size:13px; color:#969696; font-family: 'montserratregular';}
.app-cnt h2.time{ display:flex; margin-left:20px; align-items: flex-end; width:auto;}
.app-cnt h4{ display: flex; font-size: 16px; color: #000;  font-family: 'montserratbold'; margin: 0; flex-direction: column; align-items: flex-end; margin-left:20px; width: 105px;}
.app-cnt h4 p{font-size: 12px; padding: 3px 10px; background: #ddd; border-radius: 5px; font-family: 'montserratsemibold'; margin: 3px 0 0 0;}
.app-cnt h4.orange { color:#F8AF44;}
.app-cnt h4.orange p{ background:#F8AF44; color:#fff;}
.app-cnt h4.green { color:#5BC691;}
.app-cnt h4.green p{ background:#5BC691; color:#fff;}
.app-cnt h4.blue { color:#2CABE1;}
.app-cnt h4.blue p{ background:#2CABE1; color:#fff;}
.view-link{display: flex; align-items: flex-end; justify-content: flex-end; padding: 25px 0 0;}
.view-link a{ color: #354A5E; font-size: 11px; text-transform:uppercase; font-family: 'montserratbold'; border-bottom: 2px solid #f4f4f4; padding-bottom: 3px;}
.view-link a:hover, .view-link a:focus{ color:#F8AF44;}
/* .serch-cnt { display:flex; position:relative; margin-top: 30px;}
.serch-cnt i{ position: absolute; left: 14px; top: 12px; }
.serch-cnt input{ width: 100%; border:1px solid #E7E8EB; height: 50px; color: #2A2D30; padding: 0 20px 0 50px; background: #fbfcfd; border-radius: 8px;  } */

.serch-cnt { display:flex; position:relative; margin-top: 30px;}
.serch-cnt i{ position: absolute; left: 6px; top: 8px; }
.serch-cnt .css-2b097c-container { width: 650px }
.serch-cnt .css-2b097c-container .css-yk16xz-control { padding-left: 26px; border-top-left-radius: 25px; border-bottom-left-radius: 25px; border-top-right-radius: 25px; border-bottom-right-radius: 25px;}
.serch-cnt .css-2b097c-container .css-1pahdxg-control { padding-left: 26px; border-top-left-radius: 25px; border-bottom-left-radius: 25px; border-top-right-radius: 25px; border-bottom-right-radius: 25px;}

.clinic-sec { margin-bottom:0;}
.clinic-sec .cmn-heading{ flex-direction: column; justify-content: flex-start; align-items: flex-start;}
.clinic-sec .cmn-heading p{ font-size: 14px; color: #2A2D30; margin: 15px 0 0;}
.clinic-blk{ display:flex; margin-top:30px;}
/* .clinic-blk .row { width: 100%;} */
.clinic-cnt { width:100%; display:flex; padding:20px; border-radius:16px; border:1px solid #E0E1E5; flex-direction: column;}
.owl-carousel .clinic-cnt i, .clinic-cnt i { min-height:45px;}
.owl-carousel .clinic-cnt i img{ width:auto;}
.clinic-cnt h2 { font-size:14px; color:#2A2D30; font-family: 'montserratsemibold'; flex-direction: column; display:flex; margin:0; line-height:20px; border-bottom: 2px dotted #ddd; margin: 25px 0 20px; padding-bottom: 15px}
.clinic-cnt h2  span{ font-size:13px; color:#969696; font-family: 'montserratregular';}
.clinic-cnt ul{ display:block;}
.clinic-cnt ul li{ display:flex; font-size:13px; color:#2A2D30; padding-left:20px; position:relative; margin-bottom:10px; min-height: 10px;}
.clinic-cnt ul li:before { position:absolute; left:0; top:6px; content:""; width:8px; height:8px; background:#ddd; border-radius:100%;}
.clinic-cnt .cmn-btn{ border:1px solid #E7E8EB; background: transparent; color: #354A5E; width: 100px; height: 40px; font-family: 'montserratsemibold';    margin-top: 20px; margin-bottom: 10px; font-size:14px;}
.clinic-cnt .cmn-btn:hover, .clinic-cnt .cmn-btn:focus { background:#354a5e; border-color:#354a5e; color:#fff; }
.clinic-cnt img{ max-width: 80px; max-height: 42px; }
.clinic-blk .owl-dots { display:none;}
.clinic-blk .owl-theme .owl-nav { margin-top: 10px; position: absolute; top: -181px; right: 0; display: flex;}
.clinic-blk .owl-carousel .owl-nav button.owl-next, .clinic-blk .owl-carousel .owl-nav button.owl-prev, .clinic-blk .owl-carousel button.owl-dot { font-size: 24px; width: 32px; height: 32px;    display: flex; align-items: center; justify-content: center; background: #fafbfc; border-radius: 100%; color: #2A2D30;}
.clinic-blk .owl-carousel .owl-nav button.owl-next span, .clinic-blk .owl-carousel .owl-nav button.owl-prev span, .clinic-blk .owl-carousel button.owl-dot span{ display:flex; position: relative; top: -1px;}
.clinic-blk .owl-theme .owl-nav [class*=owl-]:hover { background:#eaecee; color: #2A2D30;}
.dash-lt { border-right:2px dotted #ddd; padding-right:50px;}
.dash-rt { padding-left:50px;}
.new-blk { display: flex; margin-top: 30px; flex-direction: column;}
.new-offer textarea{width: 100%; display: inline-block; height: 200px; background: #e7e8ec;  border-radius: 5px; padding: 20px; border:none; color:#2A2D30; margin-bottom:20px;}
.new-cnt { display: inline-block; margin: 20px 0; width: 100%; vertical-align: middle;}
.new-cnt i{width: 100px; display: inline-block; vertical-align: middle;}
.new-cnt h2 { font-size:14px; color:#2A2D30; font-family: 'montserratsemibold'; display: inline-block; margin:0; line-height:20px; margin-left:20px;  width: calc(100% - 125px); vertical-align: middle;}
.new-cnt h2 span{ font-size:13px; color:#969696; font-family: 'montserratregular';}
.new-cnt .box { width:100px; height:100px; border-radius:10px; background: #e7e8ec;}
.new-cnt h2 p{ font-size: 11px; padding: 2px 8px; background: #ddd; border-radius: 5px; font-family: 'montserratsemibold';  margin: 20px 0 3px 0; display: inline-block; color:#fff; text-transform: uppercase;}
.new-cnt h2 p.new { background: #354a5e;}
.new-cnt h2 p.offer { background: #f8af44;}
/* Dashboard page */
/* Profile page css */
.wel-sec.profile-top { height:200px;}
.wel-cnt.prof-cnt { padding-top:0;}
.prof-image { width:123px; display:flex; position:relative; top:92px;}
.prof-image i { width: 123px; height: 123px; border-radius: 100%; overflow: hidden; background: #2a2d30; display: flex; align-items: center; justify-content: center;}
.prof-image i img{ max-width:100%;}
.prof-image a{ width:38px; height:38px; border-radius:100%; background:#fff; display:flex; position:absolute; right:0; bottom:0; align-items: center;    justify-content: center; box-shadow: 0px 2px 14px #354A5E1F;}
.prof-image a img { padding-top: 3px; width: 20px;}
.prof-image a:hover, .prof-image a:focus { background:#354a5e;}
.edit-ic{ width:18px; height:18px; display:inline-block; background-position:-2px -30px;}
.prof-image a:hover .edit-ic, .prof-image a:focus .edit-ic{ background-position:-22px -30px;}
.per-info { display:flex; margin-top:30px; position:relative; flex-direction: column;}
.per-info .edit-btn { position:absolute; right:30px; top:0;}
.cmn-btn.edit-btn {width: 54px; height: 30px; background: #FFFFFF; border: 2px solid #E7E8EB; border-radius: 15px; color: #354A5E; font-size:11px;}
.cmn-btn.edit-btn:hover { background:#354a5e; border-color:#354a5e; color:#fff;  }
.per-info h2{ margin-bottom:10px; display: flex;}
.per-info h2 span{ font-size:14px; color:#7E8387; font-family: 'montserratregular'; width:130px; display:inline-block; margin-right:20px;}
.per-info h2 p{ font-size:14px; color:#2A2D30;  font-family: 'montserratsemibold'; width:calc(60% - 150px); display:inline-block; margin:0;}
.payment-sec { padding-left:120px;}
.dlt-ic { width:18px; height:22px; display:inline-block; background-position:-2px -2px;}
.dlt-ic:hover, .dlt-ic:focus { background-position:-23px -2px;}
.payment-blk { margin-top:13px;}
.payment-blk .app-cnt .app-lt { display:flex; justify-content: center; align-items: center;}
.payment-blk .app-cnt .app-lt img { width: 50px; }
.payment-blk .app-cnt .app-lt h2 { width:auto;}
.payment-blk .app-cnt .app-rt { display:flex; justify-content: center; align-items: center; margin-left:30px;}
.payment-blk .app-cnt .app-rt .delete-btn { display:flex; margin-right:20px;}
.app-cnt.add-card { border:none; justify-content: flex-end;}
.app-cnt.add-card .cmn-btn.edit-btn{ width:130px; height:46px; border-radius:23px; font-size:14px;}
.modal-backdrop.show { opacity: .6;}
.modal-content{padding: 30px 20px; border-radius: 16px; align-items: center; justify-content: center;}
.del-model .modal-dialog { max-width: 400px; margin: 1.75rem auto;}
.choose-model-type .modal-dialog { max-width: 400px; margin: 1.75rem auto;}
button.close { padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; width: 34px; height: 34px; background: #c6c8cb; border-radius: 100%; opacity: 1; position: absolute; right: -105px; top: -55px; text-shadow: none; font-weight:normal;}
.modal-body { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem; display: flex; align-items: center; justify-content: center;   flex-direction: column;}
.popup-title{font-size: 24px; color: #2A2D30; font-family: 'montserratbold';}
.del-model .modal-body p{ font-size: 14px; color: #2A2D30; text-align: center; max-width: 230px; margin-top: 10px;}
.modal-footer { padding:0; border:none;}
.modal-footer .cmn-btn { width:120px; background:#354a5e;  border: 2px solid #354a5e;}
.modal-footer .cmn-btn:hover, .modal-footer .cmn-btn:focus { background:#495C6E; border: 2px solid #495C6E;}
.cmn-btn.canx-btn {border: 2px solid #E7E8EB; background: #fff; color: #354a5e;}
.cmn-btn.canx-btn:hover, .cmn-btn.canx-btn:focus {background:#354a5e;  border: 2px solid #354a5e; color:#fff;}
.cmn_info .modal-dialog{ max-width:655px;}
.cmn_info .modal-content { padding: 50px 50px 30px; border-radius: 16px; align-items: center;  justify-content: center;}
.cmn_info .modal-body { width:100%; padding:0 20px;}
.cmn_info.chs-a-clinic .modal-body { width:100%; padding:0;}
.cmn_info .popup-title { margin-bottom:30px;}
.cmn_info .login-blk.resgister-blk { width: 100%;}
.cmn-form .top-form .blk-title { font-size: 18px; color: #2A2D30; margin-bottom: 20px; font-family: 'montserratsemibold';}
.cmn-form .form-group label { font-size: 14px; color: #2A2D30; margin-bottom: 5px;}
.cmn-form .form-group .form-control { height: 46px; border-radius: 26px; background: #FBFCFD; border: 1px solid #E7E8EB; padding: 0 20px; color: #2A2D30; font-size: 14px;}
.cmn-form .form-group .form-control:focus {border: 1px solid #354a5e;} 
.form-group.b-day-group .inr-form-group{ display: flex; align-items: center;}
.form-group.b-day-group .inr-form-group .form-control{ width:70px; padding:0 10px; text-align:center;}
.form-group.b-day-group .inr-form-group span{ margin:0 20px}
.cmn-form .form-group.post-group .form-control { width:50%;}
.cmn-model-fotter { align-items: flex-end; justify-content: flex-end; width: 100%; margin-top:30px;}
.cmn_info button.close{right: -85px; top: -75px;}
.cmn-form .form-group.card-group .form-control{ background:url(../images/add-card-bg.png) no-repeat 420px 10px;}
.form-row .form-group.post-group { position:relative;}
.help-ic{ position:absolute; top: 31px; right: 70px;}
.my_booking_flow .my-book-pay-frm .help-ic{ position:absolute; top: 35px; right: 0;}
.change_password .modal-footer { margin-top:30px;}
.change_password .modal-dialog { max-width: 450px;}
.change_password .popup-title { font-size:18px;}
.upload_image .modal-dialog { max-width: 540px;}
.upload-image { width:100%; display:flex; align-items: center; justify-content: center;}
.upload-image i { width: 225px; height: 225px; display: flex; border-radius: 100%; overflow: hidden; align-items: center; justify-content: center;    background: #eaecee;}
.upload-image i img{ max-width:100%;}
.upload-cnt { display:flex; padding:35px 25px; border: 1px dashed #BABEC3; border-radius: 20px; width: 100%; margin-top: 40px; flex-direction: column;}
.upload-cnt p{ font-size:14px; color: #2A2D30;  font-family: 'montserratsemibold';}
.form-group.input-form { position:relative; margin:0;}
.form-group.input-form input[type=file] { opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100;}
.form-group.input-form .cmn-btn.edit-btn{ width: 120px; height: 46px; font-size: 14px; border-radius: 23px;}
.form-group.input-form .input-group p{ margin:12px 0 0 20px;}
.form-group.error-wrapper .form-control {border-color: #fe0000 !important;}
.modal-body .find-address-btn{background: #354a5e;border: 2px solid #354a5e;}
.text-decoration-underline {text-decoration: underline !important;}
.form-group .toggle-password.fa-eye { background:url(../images/view_icon_black.png) no-repeat;}
.form-group .toggle-password.fa-eye-slash { background:url(../images/view_icon_black_hide.png) no-repeat; height:18px; top:41px;}
.modal .form-group .toggle-password {color: #2a2d30; background: url(../images/view_icon_black.png) no-repeat;}
.modal .form-group .toggle-password.fa-eye-slash {color: #2a2d30; background: url(../images/view_icon_black_hide.png) no-repeat;}
/* Profile page css */

/* Clinics page css */
.inner-pages { padding:40px 0 0;}
.clinics-page .serch-cnt { width:650px;}
.clinics-page .clinic-cnt { margin-bottom:30px;}
.clinics-page .dash-sec { margin-bottom: 0;}
/* Clinics page css */

/* Appointments page css */
.appointment-blk{ width:100%; display:flex; align-items: flex-start; }
.appointment-lt { width:330px;  display:flex; background:#F8F9FB; padding:20px; flex-direction: column; height: 100%; border-right: 2px solid #eff0f3;}
.appointment-lt .cmn-heading { margin: 20px 0 20px;}
.appointment-rt { width:calc(100% - 330px);  display:flex; flex-direction: column; background: #f8f9fb;}
.appointment-rt .cmn-heading { padding: 27px 20px; background:#fff;}
.appointment-rt .cmn-heading .form-group { display: flex; flex-direction: row; margin:0;}
.appointment-rt .cmn-heading .form-group .cmn-btn { margin-left:20px;}
.appointment-rt .cmn-heading .form-group .select2-container { width:150px !important;}
.appointment-rt .cmn-heading .form-group .select2-container--default .select2-selection--single .select2-selection__arrow b { border: solid #222222; border-width: 2px 2px 0px 0; display: inline-block;  padding: 3px; transform: rotate(135deg); -webkit-transform: rotate(135deg); opacity: 1; transition: padding 0.3s ease 0s;}
.appointment-rt .cmn-heading .form-group .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {    transform: rotate(-45deg);  -webkit-transform: rotate(-45deg);}
.appointment-rt .cmn-heading .form-group .select2-container--default .select2-selection--single .select2-selection__rendered { color: #222222; line-height: 46px; padding: 0 40px 0 20px;font-size: 15px;}
.appointment-rt .cmn-heading .form-group .select2-container--default .select2-selection--single {background-color: #FBFCFD; border: 1px solid #E7E8EB; border-radius: 26px;}
.appointment-rt .cmn-heading .form-group .select2-container--default .select2-selection--single .select2-selection__arrow { width: 40px;}
/* .appointment-rt .chart-sec img { max-width:100%; width:100%;} */
.appointment-rt .chart-sec { height: 580px }
.select2-dropdown { background-color: white; border: 1px solid #e7e8eb;}
#accordion .card { border: none; border-radius:0; background-color: transparent; margin: 0 20px 20px 0;}
#accordion .card p.date{ font-size:14px; color:#2A2D30; margin-bottom:10px; font-family: 'montserratsemibold';}

#accordion .card .app-blk { border: 1px solid #E0E1E5; border-radius: 16px; background-color: #fff; flex-direction: column; display: flex; padding: 20px 30px;}
#accordion .card .app-blk i{border-bottom:2px dotted #ddd; padding-bottom:15px; margin-bottom:15px;}
#accordion .card .app-blk i img{ max-width: 100px; height: 42px }
#accordion .card .app-blk h4{ font-size:14px; color:#2A2D30; font-family: 'montserratsemibold'; margin:0; line-height:20px;}
#accordion .card .app-blk p{ font-size:14px; color:#2A2D30; margin:10px 0 0 0; line-height:20px;}
#accordion .card .app-blk button { padding: 0; text-align: left; font-size: 13px; color: #969696; margin-top: 8px;}
#accordion .card .app-blk button:hover, #accordion .card .app-blk button:focus{color: #f8af44;}
#accordion .card .card-body{ background: #fff; margin-top: 15px; border: none; padding:0;}
#accordion .card .card-body ul { display:block;}
#accordion .card .card-body ul li{ display:inline-block; font-size:14px; color:#2A2D30; margin-top:10px; padding-left:50px; position:relative; min-height:40px;}
#accordion .card .card-body ul li span{ position:absolute; left:0; top:-6px; width:35px; height:35px; background:#E7E8EB; border-radius:100%; display:flex;  align-items: center; justify-content: center;}
#accordion .card .card-body ul li span img { max-width:60%;}
#accordion .card .card-body .cmn-btn.edit-btn{margin: 15px 0 10px;  width: 110px; height: 46px; border-radius: 26px;  font-size: 14px;}
.canx-appo.del-model .popup-title { font-size: 18px;}
.canx-appo.del-model .modal-body p { max-width:100%; margin-bottom:10px;}
.canx-appo.del-model button.close { right:-50px;}
/* Appointments page css */

/* Add New appointments page css */
.add-appoinment { padding:35px; background: #354A5E; box-shadow: 0px 0px 22px #354A5E14; border-radius: 8px; margin-bottom:40px; display: flex;    justify-content: space-between; align-items: center;}
.add-appoinment h2 { display: flex; flex-direction: column; font-size: 18px; color: #fff; font-family: 'montserratbold'; margin: 0;}
.add-appoinment p{ font-size: 14px; font-family: 'montserratregular'; margin: 10px 0 0 0;}
.add-appoinment .cmn-btn{ width: 190px; height: 40px; }
.adding-clinic .new-sec .cmn-heading { flex-direction: column; justify-content: flex-start; align-items: flex-start;}
.adding-clinic .new-sec .cmn-heading p { font-size: 14px; color: #2A2D30; margin: 15px 0 0;}
/* Add New appointments page css */



/* payment page css */
.payment-page { width:100%; display:flex;}
/*.payment-page .cmn-sec { width:calc(100% - 526px); display:flex; padding:35px 70px 35px 20px;}
.payment-page .tab-content { width:526px; background:#F8F9FB;  border-left: 1px solid #E7E8EB;}
.payment-page .nav-tabs .nav-item.show .nav-link, .payment-page .nav-tabs .nav-link.active, .payment-page .nav-tabs .nav-link { border:none; padding:0;}
.payment-page .nav-tabs { border:none;}*/
.payment-page .cmn-sec { width:100%; display:flex; padding:35px 70px 35px 20px;}
.app-cnt span.download { display: flex; margin-left: 20px; align-items: flex-end; width: auto; cursor:pointer;}
.app-cnt h1.date{ width: 48px; height: 48px; font-size: 11px; display: flex; flex-direction: column; margin: 0; font-family: 'montserratbold'; line-height: 18px; align-items: center; justify-content: center; border: 1px solid #EAECEE; border-radius: 8px; text-align: center; text-transform: uppercase; color:#2A2D30;}
.app-cnt h1.date span{font-size: 18px;}
.payment-page .app-cnt { position:relative;}
.payment-page .active .app-cnt h1.date{ background:#2A2D30; color:#ffffff; border-color:#2A2D30;}
.payment-page .active .app-cnt:after{width: 47px; height: 47px; transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); background: #F8F9FB; display:inline-block; position:absolute; right:-94px; top:15px; content:""; border: 1px solid #E7E8EB; border-width: 0 0px 1px 1px;}
.payment-page .app-cnt .cmn-btn{font-size: 12px; width: 110px; height: 36px;}
/* payment Details popup page */
.payment_details .modal-dialog { max-width: 550px;}
.payment_details .modal-content { background:#f8f9fb}
.payment-inr-det{ display: flex; width: 100%;}
.payment-inr-det .add-clinic-cnt { display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; width: 100%;}
.payment-inr-det .add-clinic-cnt h4 { justify-content: space-between; flex-direction: row; width: 100%; border-bottom: 2px dotted #ddd; padding-bottom: 20px;
    margin-bottom: 0;}
.payment-inr-det .app-cnt em.logo-ic { width: 85px;}
.payment-inr-det .app-cnt h1.date { border:none;}
.payment-inr-det .add-clinic-cnt .app-cnt{ padding:5px 0;}
.payment-inr-det .add-clinic-cnt .app-cnt h2 { width:350px; line-height:18px;}
.payment-inr-det .add-clinic-cnt .app-cnt h4{ font-family: 'montserratsemibold'; justify-content: flex-end; border:none; padding:0; margin:0; width:auto;}
.payment-inr-det .add-clinic-cnt .app-cnt.bal-cnt {justify-content: flex-end; border:none; padding-top: 15px;}
.payment-inr-det .add-clinic-cnt .app-cnt.bal-cnt h4 {  flex-direction: column; align-items: flex-end; font-family: 'montserratbold'; font-size: 24px;    line-height: 20px;}
.payment-inr-det .add-clinic-cnt .app-cnt.bal-cnt h4 span{ font-size: 12px;font-family: 'montserratmedium';}
.payment-inr-det .btn-row {display: flex; align-items: center; justify-content: center;  width: 100%; margin:20px 0 10px;}
.payment-inr-det .btn-row .download-btn { border: 1px solid #E7E8EB; background: transparent; color: #354A5E;  font-family: 'montserratsemibold'; font-size: 14px;}
.payment-inr-det .btn-row .download-btn img{ margin-right:10px;}
.payment-inr-det .btn-row .download-btn:hover, .payment-inr-det .btn-row .download-btn:focus{ background:#FFBC5B; border-color:#FFBC5B;}
.payment-inr-det .btn-row .cmn-btn{ margin:0 5px; width: 200px;}

/* Clinics page css */
.inner-pages { padding:40px 0 0;}
.clinics-page .serch-cnt { width:650px;}
.clinics-page .clinic-cnt { margin-bottom:30px;}
.clinics-page .dash-sec { margin-bottom: 0;}
/* Clinics page css */

/* Appointments page css */
.appointment-blk{ width:100%; display:flex;}
.appointment-lt { width:330px;  display:flex; background:#F8F9FB; padding:20px;}
.appointment-rt { width:calc(100% - 330px);  display:flex;}
.appointment-lt .cmn-heading.booking-cnt {flex-direction: column; align-items: flex-start;}
.appointment-lt .cmn-heading.booking-cnt p{ font-size:14px; margin:20px 0;}
.appointment-lt .cmn-heading.booking-cnt .cmn-btn { width:200px; height: 46px; border-radius: 26px; font-size: 14px;} 
/* Appointments page css */

/* Book New appointments page css */
.add-appoinment { padding:35px; background: #354A5E; box-shadow: 0px 0px 22px #354A5E14; border-radius: 8px; margin-bottom:40px; display: flex;    justify-content: space-between; align-items: center;}
.add-appoinment h2 { display: flex; flex-direction: column; font-size: 18px; color: #fff; font-family: 'montserratbold'; margin: 0;}
.add-appoinment p{ font-size: 14px; font-family: 'montserratregular'; margin: 10px 0 0 0;}
.add-appoinment .cmn-btn{ width: 190px; height: 40px; }
.adding-clinic .new-sec .cmn-heading { flex-direction: column; justify-content: flex-start; align-items: flex-start;}
.adding-clinic .new-sec .cmn-heading p { font-size: 14px; color: #2A2D30; margin: 15px 0 0;}



/* payment page css */
.payment-page { width:100%; display:flex;}
.payment-page .cmn-sec { width:calc(100% - 526px); display:flex; padding:35px 70px 35px 20px;}
.payment-page .tab-content { width:526px; background:#F8F9FB;  border-left: 1px solid #E7E8EB;}
.payment-page .nav-tabs .nav-item.show .nav-link, .payment-page .nav-tabs .nav-link.active, .payment-page .nav-tabs .nav-link { border:none; padding:0;}
.payment-page .nav-tabs { border:none;}
.app-cnt span.download { display: flex; margin-left: 20px; align-items: flex-end; width: auto;}
.app-cnt h1.date{ width: 48px; height: 48px; font-size: 11px; display: flex; flex-direction: column; margin: 0; font-family: 'montserratbold'; line-height: 18px; align-items: center; justify-content: center; border: 1px solid #EAECEE; border-radius: 8px; text-align: center; text-transform: uppercase; color:#2A2D30;}
.app-cnt h1.date span{font-size: 18px;}
.payment-page .app-cnt { position:relative;}
.payment-page .active .app-cnt h1.date{ background:#2A2D30; color:#ffffff; border-color:#2A2D30;}
.payment-page .active .app-cnt:after{width: 47px; height: 47px; transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); background: #F8F9FB; display:inline-block; position:absolute; right:-94px; top:15px; content:""; border: 1px solid #E7E8EB; border-width: 0 0px 1px 1px;}


/* Add Clinic popup css */
.add-clinic .modal-dialog { max-width:330px;}
.add-clinic .modal-content { padding:45px;}
.add-clinic .modal-dialog .modal-body { padding:0;}
.add-clinic-cnt {display: flex; align-items: center; justify-content: center; flex-direction: column;}
.add-clinic-cnt i{ width: 200px; height: 100px; display: flex; align-items: center; justify-content: center; border: 1px solid #E7E8EB; border-radius: 6px;}
.add-clinic-cnt h4 { font-size:18px; color:#2A2D30; font-family: 'montserratbold'; display: flex; align-items: center; flex-direction: column; margin:26px 0; line-height:20px; text-align:center;}
.add-clinic-cnt h4 p{ font-size:14px; font-family: 'montserratregular'; margin:0 !important;}
.add-clinic-cnt ul{ border-top: 2px dotted #ddd; display: flex; flex-direction: column; padding-top: 20px; width:100%;}
.add-clinic-cnt ul li { display:flex; font-size: 13px; color: #2A2D30; margin-top: 10px; padding-left: 40px; position: relative;}
.add-clinic-cnt ul li span{ position: absolute;  left: 0; top:0px; width: 25px; height: 25px; background: #E7E8EB; border-radius: 100%; display: flex;    align-items: center; justify-content: center;}
.add-clinic-cnt ul li span img { width:18px;}
.add-clinic-cnt ul li.add { line-height:18px;}
.add-clinic-cnt i img{ max-width: 100px; height: 42px }
.add-clinic button.close{  right: -95px; top: -60px;}
.add-clinic .modal-footer .cmn-btn { width: 140px; background: #FFBC5B; border: 2px solid #FFBC5B;}
.add-clinic .modal-footer .cmn-btn:hover {background: #495c6e; border: 2px solid #495c6e;}

/* My booking flow popup css */
/* .my_booking_flow .modal-dialog { max-width: 325px;} */
.my_booking_flow .modal-dialog { max-width: 600px;}
.my_booking_flow .popup-title {  margin-bottom: 30px; font-size: -8px; text-align: center}
.my_booking_flow .modal-content { padding: 45px 20px 20px;}
.my_booking_flow .modal-content form { width:100%;}
.my_booking_flow button.close { right: -45px; top: -70px;}
.timeslots-my-booking .modal-body { padding: 0 135px !important; }
.chose-clinic {display: flex; flex-direction: column;}
.chose-clinic a {border-radius: 8px; border: 1px solid #E7E8EB; height: 70px; display: flex; align-items: center; justify-content: space-between; margin-bottom:10px; padding:10px; background:#FBFCFD; }
.chs-a-clinic .chose-clinic a {margin: 0 15px 10px; }
.chose-clinic a i { width:120px;}
.chose-clinic a i img{ width: 45px; max-height:42px; margin-left: 10px}
.chose-clinic a span{ width:calc(100% - 120px); color:#2A2D30; font-size:14px;  font-family: 'montserratsemibold'; line-height:18px;}
.clinic-logo { margin-bottom:20px;}
.clinic-logo img { max-width:100px; max-height:100px }
.clinic-logo i img { max-width:80px; max-height:42px }
.chose-treatment {display: flex; flex-direction: column; width: 100%;}
.chose-treatment .form-group label { font-size: 14px; color: #2A2D30; margin-bottom: 5px;}
.chose-treatment .form-group .select2-container--default .select2-selection--single .select2-selection__rendered { color: #222222; line-height: 46px; padding: 0 50px 0 15px; font-size:14px;}
.chose-treatment .form-group .select2-container--default .select2-selection--single { background-color: transparent; border:1px solid #d4d4e7;  border-radius: 8px;}
.chose-treatment .form-group .select2-container--default .select2-selection--single .select2-selection__arrow { height: 40px; position: absolute; top: 1px; right: 1px; width: 50px;}
.chose-treatment .form-group .select2-container--default .select2-selection--single .select2-selection__arrow b {border: solid #222222; border-width: 2px 2px 0px 0; display: inline-block;    padding: 3px; transform: rotate(135deg); -webkit-transform: rotate(135deg); opacity:1; transition: padding 0.3s ease 0s;}
.chose-treatment .form-group .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {border: solid #222222; border-width: 2px 2px 0px 0; display: inline-block;    padding: 3px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); opacity: 1; margin-top:5px; transition: padding 0.3s ease 0s;}
.my_booking_flow .modal-footer { display:flex; flex-direction: column; margin-top: 15px;}
.my_booking_flow .modal-footer .cmn-btn { width:200px; margin:0 0 15px 0;}
.my_booking_flow .modal-footer .back-btn{ color: #354A5E;  font-size: 11px; text-transform: uppercase; font-family: 'montserratbold'; border-bottom: 2px solid #f4f4f4; padding-bottom: 3px;}
.my_booking_flow .modal-footer .back-btn:hover {color: #F8AF44;}
.my_booking_flow .chose-time {display: flex; flex-direction: column; width: 100%; align-items: center; justify-content: center; margin-bottom: -25px;}
.my_booking_flow .chose-time h2{display: flex; align-items: center; justify-content: space-between; width: 100%; font-size: 14px; margin-bottom: 30px; text-align:center; line-height:18px;  font-family: 'montserratsemibold';}
.my_booking_flow .chose-time h2 span{font-size: 24px; width: 32px;  height: 32px; display: flex; align-items: center; justify-content: center; background: #fafbfc;    border-radius: 100%;  color: #2A2D30; cursor:pointer;}
.my_booking_flow .chose-time h2 span:hover{ background: #eaecee; color: #2A2D30;}
.my_booking_flow .app-det {display: flex; flex-direction: column; width: 100%; align-items: center; justify-content: center; margin:30px 0 20px;}
.my_booking_flow .app-det p{ font-size:13px; margin:0; color:#2A2D30; line-height:16px;}
.my_booking_flow .app-det h4{ font-size:18px; margin:10px 0 7px; color:#2A2D30; line-height:23px; font-family: 'montserratbold'; text-align: center;}
.my_booking_flow .app-det span{ font-size:13px; margin:0; color:#2A2D30; line-height:16px; text-align: center;}
.my_booking_flow .time-cnt { display: inline-block; width: 100%; margin-top:30px;}
.my_booking_flow .time-cnt p { text-align: center }
.my_booking_flow .time-cnt span{border: 1px solid #D4D4E7;border-radius: 8px; width:64px; height:40px;display: inline-block; text-align:center; line-height:40px; font-size:14px; color:#2A2D30; margin-right: 9px; margin-bottom: 9px;  font-family: 'montserratmedium'; cursor:pointer;}
.my_booking_flow .time-cnt span:nth-child(4n+0){ margin-right:0;}
.my_booking_flow .time-cnt span:hover, .my_booking_flow .time-cnt span.active { border-color:#444759; border-color: #444759; background-color: #354a5e; color: #fff; }
#book_flow .modal-dialog, #book_flow_2 .modal-dialog{ max-width:600px;}
#text_reminder.text-reminder-modal .modal-dialog { max-width: 300px; }
.chs-a-clinic .modal-dialog{ max-width:600px;}
#book_flow .chose-clinic, #book_flow_2 .chose-clinic { display: flex; flex-direction: column; width: 100%; padding: 0 50px;}
.chs-a-clinic .chose-clinic { display: flex; flex-direction: column; width: 100%; padding: 0 50px;}
.browse-treatment { width:100%; display:flex; padding: 10px 40px 20px; border: 1px solid #D6D9DD; border-radius: 4px; max-height:400px;}
.browse-treatment.no-records { padding: 10px;text-align: center;flex-direction: column; }
.browse-treatment .accordion { width:100%; padding-right: 25px}
.browse-treatment .accordion-group { background: #FBFCFD; border: 1px solid #E7E8EB; border-radius: 8px; padding: 15px 20px; margin-bottom:10px;}
.browse-treatment .accordion-group .accordion-heading a { font-size:14px; color:#2A2D30; padding-right: 30px; display: flex; align-items: flex-start;    flex-direction: column; font-family: 'montserratsemibold'; position:relative;}
.browse-treatment .accordion-group .accordion-heading a span{ font-family: 'montserratregular'; font-size:13px;}
.arw {border: solid #222222; border-width: 1px 1px 0px 0; display: inline-block; padding: 3px; transform: rotate(135deg); -webkit-transform: rotate(135deg);opacity: 1; transition: padding 0.3s ease 0s;}
.browse-treatment .accordion-group .accordion-heading a .arw { position:absolute; right: 10px; top: 5px;}
.browse-treatment .accordion-inner { padding-top:20px;}
.browse-treatment .accordion-inner h6 { font-size:14px; color:#2A2D30; margin:0; margin-bottom: 20px;}
.browse-treatment .accordion-inner p { font-size:13px; color:#2A2D30; margin:0 0 15px;}
.browse-treatment .accordion-inner .cmn-btn {border-radius: 23px; width:161px; height:46px; font-size: 14px; margin: 25px 0 5px;}
.tret-heading { font-size:18px;  color:#2A2D30;  font-family: 'montserratbold'; margin: 20px 0;}
.schdule-body h1{font-size:24px; margin:10px 0 15px; color:#2A2D30; line-height:24px; font-family: 'montserratbold';}
.my_booking_flow .schdule-body .popup-title { margin-bottom: 15px; font-size: 18px;}
.my_booking_flow .schdule-body p { font-size:14px; color:#2A2D30; padding:0 70px; line-height:17px; text-align: center;}
.my_booking_flow .schdule-body .browse-treatment { padding:20px 40px; flex-direction: column;}

.my_booking_flow .schdule-body .sch-blk {display: flex; flex-direction: column; align-items: flex-start; width:100%; margin-bottom:30px; padding-right: 30px}
.my_booking_flow .schdule-body .sch-blk h2{ font-size:14px; color:#2A2D30; font-family: 'montserratsemibold'; margin:0; margin-bottom: 10px}
.my_booking_flow .schdule-body .sch-blk p{ font-size:13px; color:#2A2D30;  font-family: 'montserratregular'; text-align:left; padding:0; margin:8px 0;}
.my_booking_flow .schdule-body .sch-blk span{ width:100%; position:relative;}
.my_booking_flow .schdule-body .sch-blk span input { width:100%; background: #FBFCFD; border: 1px solid #E7E8EB; border-radius: 8px; font-size: 14px;    padding: 0 50px 0 15px; height: 46px; font-family: 'montserratmedium';}
.my_booking_flow .schdule-body .sch-blk span .cal-ic{ position:absolute; right:15px; top:10px;}

.my_booking_flow .modal-body.time-body { padding: 0 135px;}
.chs-a-clinic .chose-time h2 { width:300px;}
.mCustomScrollBox { width:100%;}
.mCSB_scrollTools .mCSB_draggerRail { background-color:transparent;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width:6px; background-color: #BABEC3 !important;}
/* My booking flow popup css */

/* Clinic deatils popup page css */
.clinic_details .modal-dialog { max-width:300px;}
.clinic_details .modal-body { padding:0;}
.clinic_details .app-blk { width:100%; background-color: #fff; flex-direction: column; display: flex;}
.clinic_details .app-blk i{border-bottom:2px dotted #ddd; padding-bottom:15px; margin-bottom:15px;}
.clinic_details .app-blk i img{ max-width: 100px; max-height: 42px }
.clinic_details .app-blk h4{ font-size:14px; color:#2A2D30; font-family: 'montserratsemibold'; margin:0; line-height:20px;}
.clinic_details .app-blk p{ font-size:14px; color:#2A2D30; margin:10px 0 0 0; line-height:20px;}
.clinic_details .app-blk button { padding: 0; text-align: left; font-size: 13px; color: #969696; margin-top: 8px;}
.clinic_details .app-blk button:hover, .clinic_details .app-blk button:focus{color: #f8af44;}
.clinic_details ul { display:block;}
.clinic_details ul li{ display:inline-block; font-size:14px; color:#2A2D30; margin-top:10px; padding-left:50px; position:relative; min-height:40px;}
.clinic_details ul li span{ position:absolute; left:0; top:-6px; width:35px; height:35px; background:#E7E8EB; border-radius:100%; display:flex;  align-items: center; justify-content: center;}
.clinic_details ul li span img { max-width:60%;}
.clinic_details button.close { right: -120px !important }
/* Clinic deatils popup page css */

/* Date picker css */
.toggle-date-picker { display: none; }
.toggle-date-picker-booking { display: none; }
.react-datepicker__day { font-family: 'montserratsemibold'; }
.react-datepicker__day.disabled-date { pointer-events: none; }
.react-datepicker__day.active-date { border-radius: 100% !important;    background-color: #354a5e !important;    color: #fff !important; }

.react-datepicker{
    border:0 !important;
}

.my_booking_flow .chose-time .react-datepicker-popper { position: static !important; transform: none !important;}
.my_booking_flow .chose-time .react-datepicker-popper .react-datepicker { border:none;}
.react-datepicker__day--keyboard-selected, .react-datepicker__month-text--keyboard-selected, .react-datepicker__quarter-text--keyboard-selected, .react-datepicker__year-text--keyboard-selected {
    background-color: #fff !important;    color: #000 !important;}
.react-datepicker__header {    background-color: #fff !important;     border-bottom: 1px dotted #ddd !important;} 
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {border-bottom-color: #fff !important;}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range, .react-datepicker__month-text--selected, .react-datepicker__month-text--in-selecting-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--selected, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--selected, .react-datepicker__year-text--in-selecting-range, .react-datepicker__year-text--in-range {background-color: #354a5e !important;}
.my_booking_flow .chose-time .react-datepicker__current-month { margin-bottom:20px; font-family: 'montserratsemibold'}   
.my_booking_flow .chose-time .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
    top: 0;
    margin-top: -8px;
    display: none;
}
.my_booking_flow .react-datepicker__triangle { display: none }
.browse-treatment.mCustomScrollbar h2 {
    font-family: 'montserratsemibold';
    margin-top: 25px;
    justify-content: center;
}
/* collapse calss */

[data-toggle="collapse"].collapsed .if-not-collapsed {
    display: none;
  }
[data-toggle="collapse"]:not(.collapsed) .if-collapsed {
    display: none;
}

.booking-select.css-2b097c-container {
    width: 445px !important;
    margin-left: 1px !important;
    margin-bottom: 20px !important;
}

.booking-select span { display: none; }

.booking-select .css-2613qy-menu { height: 100px !important }


.css-1pahdxg-control{
    border: none !important;
}

.custom-input-border {
    border: 1px solid #6D7C8B !important; 
}

.card-not-approved-modal {
    right: -52px;
}

.choose-appointment-model button.close { right: -80px }

.choose-appointment-model.card-not-approved button.close { right: -52px }

.choose-appointment-model button.cmn-btn.canx-btn { margin-bottom: 15px; }

.choose-appointment-model .modal-dialog.modal-dialog-centered { max-width: 300px !important}
.select-practioner {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 14px;    
}

.simple-text-field-wrapper.form-group.booking-class {
    display: flex;
    margin-left: 1px;
    margin-right: 30px;
}
.simple-text-field-wrapper.form-group.booking-class.error-class .css-lxu114-control{
    border-color: red;
}

.select-practioner-span{
    color: #ffbc5b
}
.select-practioner-div {
    margin-bottom: 15px;
    position: relative;
}
.react-datepicker__day-name{
    font-family: 'montserratsemibold'
}

/* Payment flow popup */
.my_booking_flow .modal-body.payment-body .popup-title { margin-bottom: 25px; margin-top: 10px;}
.modal-body.payment-body { padding:0 50px;}
.modal-body.payment-body p{ margin-bottom:0; font-family: 'montserratsemibold'; font-size:14px;}
.modal-body.payment-body h6{ margin-bottom:25px;  font-family: 'montserratbold'; font-size:20px;}
.chose-clinic.payment-options { padding:0 !important; width: 100%; display:flex}
.chose-clinic.payment-options a { border: 2px solid #E7E8EB; padding: 10px 30px; font-family: 'montserratbold'; font-size: 18px; color:#2A2D30;}
.chose-clinic.payment-options a strong { display: flex; flex-direction: column; align-items: flex-end;}
.chose-clinic.payment-options a.part-pay strong { line-height:16px; margin-top:3px;}
.chose-clinic.payment-options a.part-pay strong small{color:#2A2D30; font-family: 'montserratsemibold';}
.chose-clinic.payment-options a.active { border-color:#2A2D30;}
.chose-clinic.payment-options .part-pay .active { border-color:#2A2D30;}
.form-group.amt-group .pound-ic{ position:absolute; left: 10px; top: 34px;}
.form-group.amt-group { margin-top:20px; width:100%;}
.form-group.amt-group label{font-size: 14px; color: #2A2D30; margin-bottom: 5px;}
.form-group.amt-group .form-control{height: 46px; border-radius: 8px; background: #FBFCFD; border: 1px solid #E7E8EB; padding: 0 20px; color: #2A2D30;    font-size: 14px; padding-left:40px;}
.card-payment{ width:100%;}
.card-payment .app-cnt { display: flex; justify-content: flex-start; width: 100%; align-items: center; border-bottom: 2px dotted #ddd; border: 2px solid #ddd;border-radius: 8px; padding: 20px; margin-bottom: 10px;}
.card-payment .app-cnt .card-ic { width:85px;}
.clinics-card-logo img { max-width: 50px; }
.card-payment .app-cnt h2 { width:calc(100% - 85px);}
.payment-heading{color:#2A2D30; font-family: 'montserratsemibold'; font-size:18px; margin:15px 0;}
.card-payment.payment-proc .app-cnt.cli-pay{ padding: 10px 0 20px; border: none; border-bottom: 2px dotted #ddd; margin-top:10px; margin-bottom: 30px; border-radius: 0;}
.card-payment.payment-proc .app-cnt.cli-pay h2{ margin-left: 0; font-size: 18px; line-height: 22px;}
.card-payment.payment-proc .app-cnt.cli-pay h2 span{color: #2A2D30;  font-family: 'montserratmedium'; }
.card-payment.payment-proc .app-cnt.cli-pay h4 span{ font-family: 'montserratmedium'; font-size: 10px; color: #fff; background: #999; padding: 4px 8px;    border-radius: 5px; margin-top: 3px;}
.card-payment .app-cnt.cards-cnt{ border: 2px solid #2A2D30; margin-bottom:30px; position:relative;}
.card-payment .app-cnt.cards-cnt:after {    border: solid #2A2D30; border-width: 2px 2px 0px 0; display: inline-block; padding: 6px; transform: rotate(135deg);
-webkit-transform: rotate(135deg); opacity:1; transition: padding 0.3s ease 0s; position:absolute; left:0; right:0; bottom:-9px; content:""; width: 10px;    margin: 0 auto; background: #fff;}
.my_booking_flow .chckbox label em {color: #2A2D30;  font-family: 'montserratmedium';}
.my_booking_flow .chckbox input[type=checkbox]:not(old) + label > span { background: transparent; border: 1px solid #f2f3f5;}
.my_booking_flow .chckbox input[type=checkbox]:not(old):checked + label > span, input[type=radio ]:not(old):checked + label > span { background: transparent; border: 1px solid #f2f3f5;}
.my_booking_flow .chckbox input[type=checkbox]:not(old):checked + label > span:before { background:url(../images/tick-blue.png) no-repeat; background-position: -2px -2px;}
.my_booking_flow .help-ic { position: absolute; top: 32px; right: 60px }
.card-payment.payment-proc .cmn-form .form-group.card-group .form-control { background: url(../images/add-card-bg.png) no-repeat 320px 10px;}
.modal-body.thank-body  { padding:0 25px;}
.modal-body.thank-body .popup-title{ margin-bottom: 0; font-size: 24px;}
.modal-body.thank-body p.txt{text-align: center; font-size: 14px; margin: 15px 0 0px; font-family: 'montserratmedium'; line-height: 16px;}
.modal-footer.thank-footer {flex-direction: column; padding:0 25px;}
.modal-footer.thank-footer .cmn-btn.edit-btn { background: transparent; font-size: 14px; height: 46px; border-radius: 26px; margin-right: 10px;}
.modal-footer.thank-footer .cmn-btn.edit-btn:hover { background:#2A2D30; color:#fff;}
.thank-body .order-details {  display: flex; width: 100%;  flex-direction: column; margin:25px 0 10px;}
.thank-body .order-details .ord-cnt {display: flex; width: 100%;}
.thank-body .order-details .ord-cnt h4{ font-size:14px; color:#7E8387; width:200px; margin:0 10px 5px 0;  font-family: 'montserratmedium';}
.thank-body .order-details .ord-cnt span{ font-size:14px; color:#2A2D30; width:calc(100% - 210px); margin:0;  font-family: 'montserratsemibold'; }
.thank-body .pay-sum { padding: 15px 0; border-top: 2px dotted #ddd; display: flex; flex-direction: column; width: 100%;}
.thank-body .pay-sum h2{ font-size: 18px; color: #2A2D30; font-family: 'montserratbold'; margin:0 0 15px 0;}
.thank-body .pay-sum .pay-cnt { display: flex; align-items: center; justify-content: space-between;}
.thank-body .pay-sum .pay-cnt h4{ font-size: 14px; color: #2A2D30; font-family: 'montserratbold'; display: flex; flex-direction: column; margin: 0;}
.thank-body .pay-sum .pay-cnt h4 span{font-family: 'montserratmedium'; font-size: 13px; margin-top: 5px;}
.thank-body .pay-sum .pay-cnt strong{font-size: 16px; color: #2A2D30;  font-family: 'montserratbold';}
.thank-body .pay-sum .bill-cnt { display:flex; flex-direction: column; margin-bottom:20px;}
.thank-body .pay-sum .bill-cnt h4{ font-size:14px; color:#7E8387; font-family: 'montserratmedium';  margin: 0 0 5px 0;}
.thank-body .pay-sum .bill-cnt h6{ font-size:14px; color:#2A2D30;  font-family: 'montserratsemibold'; margin:0}
.thank-body .pay-sum .bill-cnt .app-cnt { padding: 0; border: none; justify-content: flex-start;  align-items: flex-start; margin-top: 10px;}
.thank-body .pay-sum .bill-cnt .app-cnt h2{width: auto; font-size: 14px; margin: 0 0 0 20px;}
.thank-body .pay-sum .add-clinic-cnt { align-items: flex-start;}
.thank-body .pay-sum .add-clinic-cnt i { width: 120px; height: 50px;}
.thank-body .pay-sum .add-clinic-cnt .app-cnt { padding:15px 0;}
.thank-body .pay-sum .add-clinic-cnt .app-cnt h2 { margin-bottom:0; font-size:14px; line-height:20px;}
.thank-body .pay-sum .add-clinic-cnt .app-cnt h2 span {font-family: 'montserratmedium'; color:#2A2D30; }
.thank-body .pay-sum .add-clinic-cnt .app-cnt h4 { margin:0; align-items: flex-end;   font-size: 16px;}
.thank-body .pay-sum .add-clinic-cnt .app-cnt.bal-cnt { border:none;}
.thank-body .pay-sum .add-clinic-cnt .app-cnt.bal-cnt h4{ width:100%; align-items: center; font-size: 24px;}
.thank-body .pay-sum .add-clinic-cnt .app-cnt.bal-cnt h4 span{ font-size:14px; font-family: 'montserratmedium'; margin-bottom:5px;}
/* .bill-pay-inner { height:500px; padding: 0 20px} */


#book_flow .modal-body.thank-body, #book_flow_2 .modal-body.thank-body { padding: 0 75px;}
.chs-a-clinic .modal-body.thank-body { padding: 0 75px;}
.part-content .modal-body.payment-body { padding:0;}
.my_booking_flow .part-content .modal-body.payment-body .popup-title { text-align:center; font-size:16px;}
.my_booking_flow .part-content .chose-clinic.payment-options { width:100%;}
.my_booking_flow .part-content .chose-clinic.payment-options a {  padding: 10px 10px; font-family: 'montserratbold'; font-size: 14px; color: #2A2D30; height: 60px;}
.my_booking_flow .part-content .form-row .form-group { width:100%;}
.my_booking_flow .part-content .modal-body.thank-body { padding: 0;}
.my_booking_flow .part-content .modal-body.thank-body .popup-title { margin-bottom: 0; font-size: 18px; text-align: center;}
.my_booking_flow .part-content .modal-body.thank-body p.txt { font-size:13px;}
.my_booking_flow .part-content .modal-body.thank-body p.txt br{ display:none;}
.my_booking_flow .part-content .modal-footer.thank-footer { flex-direction: column; padding: 0 25px;}
.my_booking_flow .part-content .modal-footer.thank-footer .chckbox { margin-top:0;}
.my_booking_flow .part-content .thank-body .order-details .ord-cnt h4 { width:110px;}
.my_booking_flow .part-content .thank-body .order-details .ord-cnt span { width:calc(100% - 110px);}
.my_booking_flow .part-content .thank-body .pay-sum .add-clinic-cnt .app-cnt.bal-cnt{ padding:0;}
.app-blk.order-summ h4 { width: 100%;  justify-content: space-between; align-items: center; flex-direction: row; text-align: inherit; font-size: 14px; margin:0;}
.my_booking_flow .part-content .thank-body .pay-sum .add-clinic-cnt.order-summ .app-cnt { border: none; flex-direction: column; align-items: flex-start; width: 100%; padding:10px 0 0;}
.my_booking_flow .part-content .thank-body .pay-sum .add-clinic-cnt.order-summ .app-cnt h4{ font-size:14px; font-family: 'montserratmedium';}
.cmn-btn.edit-btn.add-btn {width: 170px; height: 46px; border-radius: 26px; font-size: 14px; margin-top:10px;}
.app-blk.order-summ .add-cal h4{ margin:10px 0;}
.app-blk.order-summ .add-cal { margin-top:10px;}
.my_booking_flow .part-content .bill-pay-inner { height:400px;}
#book_flow .time-cnt, #book_flow_2 .time-cnt { padding:0;}
.chs-a-clinic .time-cnt { padding:0;}


/* payment page css */
.payment-page { width:100%; display:flex;}
/*.payment-page .cmn-sec { width:calc(100% - 526px); display:flex; padding:35px 70px 35px 20px;}
.payment-page .tab-content { width:526px; background:#F8F9FB;  border-left: 1px solid #E7E8EB;}
.payment-page .nav-tabs .nav-item.show .nav-link, .payment-page .nav-tabs .nav-link.active, .payment-page .nav-tabs .nav-link { border:none; padding:0;}
.payment-page .nav-tabs { border:none;}*/
.payment-page .cmn-sec { width:100%; display:flex; padding:35px 70px 35px 20px;}
.app-cnt span.download { display: flex; margin-left: 20px; align-items: flex-end; width: auto; cursor:pointer;}
.app-cnt h1.date{ width: 48px; height: 48px; font-size: 11px; display: flex; flex-direction: column; margin: 0; font-family: 'montserratbold'; line-height: 18px; align-items: center; justify-content: center; border: 1px solid #EAECEE; border-radius: 8px; text-align: center; text-transform: uppercase; color:#2A2D30;}
.app-cnt h1.date span{font-size: 18px;}
.payment-page .app-cnt { position:relative;}
.payment-page .active .app-cnt h1.date{ background:#2A2D30; color:#ffffff; border-color:#2A2D30;}
.payment-page .active .app-cnt:after{width: 47px; height: 47px; transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); background: #F8F9FB; display:inline-block; position:absolute; right:-94px; top:15px; content:""; border: 1px solid #E7E8EB; border-width: 0 0px 1px 1px;}
.payment-page .app-cnt .cmn-btn{font-size: 12px; width: 110px; height: 36px;}
/* payment Details popup page */
.payment_details .modal-dialog { max-width: 550px;}
.payment_details .modal-content { background:#f8f9fb}
.payment-inr-det{ display: flex; width: 100%;}
.payment-inr-det .add-clinic-cnt { display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; width: 100%;}
.payment-inr-det .add-clinic-cnt h4 { justify-content: space-between; flex-direction: row; width: 100%; border-bottom: 2px dotted #ddd; padding-bottom: 20px;
    margin-bottom: 0;}
.payment-inr-det .app-cnt em.logo-ic { width: 85px;}
.payment-inr-det .app-cnt h1.date { border:none;}
.payment-inr-det .add-clinic-cnt .app-cnt{ padding:5px 0;}
.payment-inr-det .add-clinic-cnt .app-cnt h2 { width:350px; line-height:18px;}
.payment-inr-det .add-clinic-cnt .app-cnt h4{ font-family: 'montserratsemibold'; justify-content: flex-end; border:none; padding:0; margin:0; width:auto;}
.payment-inr-det .add-clinic-cnt .app-cnt.bal-cnt {justify-content: flex-end; border:none; padding-top: 15px;}
.payment-inr-det .add-clinic-cnt .app-cnt.bal-cnt h4 {  flex-direction: column; align-items: flex-end; font-family: 'montserratbold'; font-size: 24px;    line-height: 20px;}
.payment-inr-det .add-clinic-cnt .app-cnt.bal-cnt h4 span{ font-size: 12px;font-family: 'montserratmedium';}
.payment-inr-det .btn-row {display: flex; align-items: center; justify-content: center;  width: 100%; margin:20px 0 10px;}
.payment-inr-det .btn-row .download-btn { border: 1px solid #E7E8EB; background: transparent; color: #354A5E;  font-family: 'montserratsemibold'; font-size: 14px;}
.payment-inr-det .btn-row .download-btn img{ margin-right:10px;}
.payment-inr-det .btn-row .download-btn:hover, .payment-inr-det .btn-row .download-btn:focus{ background:#FFBC5B; border-color:#FFBC5B;}
.payment-inr-det .btn-row .cmn-btn{ margin:0 5px; width: 200px;}

/* payment Details popup page */
/* payment page css */

.curosor-pointer {
    cursor: pointer;
}

/* Payment Form */

#card-errors { color: red !important }
#expdate-errors { color: red !important }
#cvv-errors { color: red !important }
#logo-container { display: none !important; }
#card-errors-book { color: red !important }
#expdate-errors-book { color: red !important }
#cvv-errors-book { color: red !important }
#logo-container-book { display: none !important; }
.card-action{ display: flex;}
.app-cnt.cliniccard-detail{align-items: flex-start; padding-bottom: 0; border-bottom: none;}
.clinic-cnt .cliniccard-detail h2{ margin: 0; border-bottom: none;}
.clinic-cnt .card-action .cmn-btn{margin: 0;}
.card-action .delete-btn{ margin-top: 4px; margin-left: 10px;}
.book-edit-btn{display: flex; align-items: center; justify-content: space-between;}
.cliniccard-detail-wrapper{display: table; width: 100%;}
.cliniccard-detail-wrapper .app-lt{ margin-right: 15px;}



#book_flow .modal-body.thank-body, #book_flow_2 .modal-body.thank-body { padding: 0 75px;}
.chs-a-clinic .modal-body.thank-body { padding: 0 75px;}
.part-content .modal-body.payment-body { padding:0;}
.my_booking_flow .part-content .modal-body.payment-body .popup-title { text-align:center; font-size:16px;}
.my_booking_flow .part-content .chose-clinic.payment-options { width:100%;}
.my_booking_flow .part-content .chose-clinic.payment-options a {  padding: 10px 10px; font-family: 'montserratbold'; font-size: 14px; color: #2A2D30; height: 60px;}
.my_booking_flow .part-content .form-row .form-group { width:100%;}
.my_booking_flow .part-content .modal-body.thank-body { padding: 0;}
.my_booking_flow .part-content .modal-body.thank-body .popup-title { margin-bottom: 0; font-size: 18px; text-align: center;}
.my_booking_flow .part-content .modal-body.thank-body p.txt { font-size:13px;}
.my_booking_flow .part-content .modal-body.thank-body p.txt br{ display:none;}
.my_booking_flow .part-content .modal-footer.thank-footer { flex-direction: column; padding: 0 25px;}
.my_booking_flow .part-content .modal-footer.thank-footer .chckbox { margin-top:0;}
.my_booking_flow .part-content .thank-body .order-details .ord-cnt h4 { width:110px;}
.my_booking_flow .part-content .thank-body .order-details .ord-cnt span { width:calc(100% - 110px);}
.my_booking_flow .part-content .thank-body .pay-sum .add-clinic-cnt .app-cnt.bal-cnt{ padding:0;}
.app-blk.order-summ h4 { width: 100%;  justify-content: space-between; align-items: center; flex-direction: row; text-align: inherit; font-size: 14px; margin:0;}
.my_booking_flow .part-content .thank-body .pay-sum .add-clinic-cnt.order-summ .app-cnt { border: none; flex-direction: column; align-items: flex-start; width: 100%; padding:10px 0 0;}
.my_booking_flow .part-content .thank-body .pay-sum .add-clinic-cnt.order-summ .app-cnt h4{ font-size:14px; font-family: 'montserratmedium';}
.cmn-btn.edit-btn.add-btn {width: 170px; height: 46px; border-radius: 26px; font-size: 14px; margin-top:10px;}
.app-blk.order-summ .add-cal h4{ margin:10px 0;}
.app-blk.order-summ .add-cal { margin-top:10px;}
.my_booking_flow .part-content .bill-pay-inner { height:400px;}
#book_flow .time-cnt, #book_flow_2 .time-cnt { padding:0;}
.chs-a-clinic .time-cnt { padding:0;}
.text-reminder-modal.my_booking_flow .popup-title{ margin-bottom: 15px;}
.text-reminder-modal.my_booking_flow { text-align: center; }
.text-reminder-modal .modal-body input{ text-align: center; margin-bottom: 20px; font-family: 'montserratbold';}
.text-reminder-modal .modal-footer .cmn-btn{ width: auto; padding: 10px 30px; }
.text-reminder-modal.my_booking_flow button.close{ right: -20px; top: -90px;}

.loader.my_booking_flow .modal-content { width: 150px; height: 150px; margin-left: calc(50% - 100px); border: none; background-color: transparent; }
.loader.my_booking_flow i img { width: 100px; margin-bottom: 20px  }




.payment-form-responcive { padding: 30px; padding-bottom: 40px !important }

.payment-mobile-webview .help-ic{ position:absolute; top: 35px; right: 0;}
.payment-mobile-webview .chckbox.payment{ margin-top: 0;}
.payment-mobile-webview .cmn-btn{background: #354a5e; border: 2px solid #354a5e;width: 200px; margin: 0 0 15px 0;}
.payment-mobile-webview .form-loading{color: #354a5e; font-size: 16px; text-align: center;}
.payment-mobile-webview .form-error{color: #fe0000; font-size: 16px; text-align: center;}

/* Hide Horizontal scroll bar */

.scroll-bar  > div:nth-child(2) { display: none; }
.scroll-bar-terms  > div:nth-child(1) { padding: 0 30px; };

/* Terms page css */

.terms-header { font-weight: bold; text-align: center !important; }
.terms-content { text-align: left }
.my_booking_flow.terms-conditions .modal-dialog { max-width: 400px !important}
.my_booking_flow.terms-conditions .modal-dialog .terms-content { padding: 20px !important }
/* Notification modal popup css */
.notification-submenu {position: absolute; right: 0; width: 450px; background: #fff; border: 1px solid #efefef; border-radius: 10px; padding: 20px; top: 44px; box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);}
.notification-submenu .noti-cnt {display: flex; align-items: center;  justify-content: center; border:1px solid #efefef; padding: 20px;  border-radius: 10px; margin-bottom:10px; margin-left: 20px; margin-right: 20px}
.notification-submenu .noti-cnt:last-child { margin-bottom:0;}
.notification-submenu .noti-cnt .noti-lt { display: flex;  width: calc(100% - 80px);align-items: center; justify-content: center;}
.notification-submenu .noti-cnt .noti-lt span{ background:#ddd; color:#fff; padding:5px 15px; font-size:12px; margin-right:15px; border-radius:5px; font-family: 'montserratbold';}
.notification-submenu .noti-cnt .noti-lt span.due{ background:#f8af44;}
.notification-submenu .noti-cnt .noti-lt p{ font-size:14px; color:#222222; margin:0;}
.notification-submenu .noti-cnt .noti-rt{ display: flex; width: 80px; align-items: flex-end; justify-content: flex-end;}
.notification-submenu .noti-cnt .noti-rt a{color: #354A5E; font-size: 10px; text-transform: uppercase; font-family: 'montserratbold'; border-bottom: 2px solid #f4f4f4;  padding-bottom: 3px;}
.notification-submenu .no-notifications { margin-left: calc(100% - 287px) }

/* OTP Screen of payment */
#threedsDiv{ z-index: 2020 !important }
.grayBase{ z-index: 2020 !important }

/* Saved card */
.saved-card-input-wrap input{-webkit-appearance: none;-moz-appearance: none;appearance: none;border: none;outline: none;box-sizing: border-box;width: 99%;position: absolute;line-height: 16px;border-color: #eaecee;border-width: 1px;border-style: solid;border-radius: 25px;background-color: white;font-family: Avenir, Arial, serif;font-size: 16px;color: #23313e;font-weight: normal;text-align: left;padding: 10px 20px;letter-spacing: normal;text-shadow: none;transition: none;}
.saved-card-input-wrap input.date{width: 97%;}

/* Payment cards Selection */
.app-cnt.curosor-pointer.active {border: solid 1px;}

/* Custom DOB */
.cstm-dob-btn{height: 46px;border-radius: 26px;background: #495C6E;border: 1px solid #6D7C8B;padding: 0 20px;color: #fff;font-size: 14px;width: 100%;text-align: left;}
.cstm-dob-btn:focus{box-shadow: none;border-color: #FFBC5B;}
.error-wrapper .cstm-dob-btn{border-color: #fe0000 !important;}

.payment-inr-det .add-clinic-cnt i{ margin: 0 auto;}