@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Yaldevi:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@font-face {font-family: 'SF UI Text Regular';font-style: normal;font-weight: normal;src: local('../font/SF UI Text Regular'),url('../font/SFUIText-Regular.woff') format('woff');  }
@font-face {font-family: 'SF UI Text Italic';font-style: normal;font-weight: normal;src: local('../font/SF UI Text Italic'),url('../font/SFUIText-RegularItalic.woff') format('woff');  }
@font-face {font-family: 'SF UI Text Light';font-style: normal;font-weight: normal;src: local('../font/SF UI Text Light'),url('../font/SFUIText-Light.woff') format('woff');  }
@font-face {font-family: 'SF UI Text Light Italic';font-style: normal;font-weight: normal;src: local('../font/SF UI Text Light Italic'),url('../font/SFUIText-LightItalic.woff') format('woff');  }
@font-face {font-family: 'SF UI Text Medium';font-style: normal;font-weight: normal;src: local('../font/SF UI Text Medium'), url('../font/SFUIText-Medium.woff') format('woff');  }
@font-face {font-family: 'SF UI Text Medium Italic';font-style: normal;font-weight: normal;src: local('../font/SF UI Text Medium Italic'), url('../font/SFUIText-MediumItalic.woff') format('woff');  }
@font-face {font-family: 'SF UI Text Semibold';font-style: normal;font-weight: normal;src: local('../font/SF UI Text Semibold'), url('../font/SFUIText-Semibold.woff') format('woff');  }
@font-face {font-family: 'SF UI Text Semibold Italic';font-style: normal;font-weight: normal;src: local('../font/SF UI Text Semibold Italic'), url('../font/SFUIText-SemiboldItalic.woff') format('woff');  }
@font-face {font-family: 'SF UI Text Bold';font-style: normal;font-weight: normal;src: local('../font/SF UI Text Bold'), url('../font/SFUIText-Bold.woff') format('woff');  }
@font-face {font-family: 'SF UI Text Bold Italic';font-style: normal;font-weight: normal;src: local('../font/SF UI Text Bold Italic'), url('../font/SFUIText-BoldItalic.woff') format('woff');  }
@font-face {font-family: 'SF UI Text Heavy';font-style: normal;font-weight: normal;src: local('../font/SF UI Text Heavy'), url('../font/SFUIText-Heavy.woff') format('woff');  }
@font-face {font-family: 'SF UI Text Heavy Italic';font-style: normal;font-weight: normal;src: local('../font/SF UI Text Heavy Italic'), url('../font/SFUIText-HeavyItalic.woff') format('woff');  }
/*    font-family: 'Poppins', sans-serif;*/
/*    font-family: 'Yaldevi', sans-serif;*/
/*    font-family: 'Roboto', sans-serif;*/
body{padding: 0px;margin: 0px;}
h3{text-align: center;margin-bottom: 30px;}
p{margin: 0;}
/***********HEADER CSS*****************/
.navbar a.navbar-brand img, footer .logo, .navbar-brand img {width: 150px;}
.header{background-color: red!important;}
.my-navbar {padding: 0px;margin: 20px 0px;}
.navbar a.navbar-brand {width: 150px;}
.navbar-nav li {font-family: 'Yaldevi', sans-serif;font-weight: 500;font-size: 16px;}
.my-navbar li a {margin: 0px 10px;color: #000000!important;transition: all 0.3s;}
.my-navbar .btn-doc, .my-navbar .btn-pat {margin: 0px 10px;padding: 12px 15px;background-color: #ffffff;color: #5DB3FF;font-size: 16px;font-family: 'Yaldevi', sans-serif;border-radius: 8px;border-color: #5DB3FF;}
.my-navbar .btn-doc:hover, .my-navbar .btn-pat:hover {background-color: #5DB3FF;color: #fff;}
.my-navbar li a:hover {color: #5DB3FF!important;transition: all 0.3s;}
/***************END*************/
/***********BANNER CSS*****************/
section.banner {position: relative;z-index: 0;background: url(../img/ban.jpg) no-repeat;background-size: cover;}
.ban-content {padding: 162px 0px;font-family: 'SF UI Text Italic';}
.ban-search-bar {position: absolute;z-index: 2;width: 100%;bottom: -40px;}
.search-bar-body {background-color: #5DB2FF;padding: 30px 15px;border-radius: 8px;font-family: 'Yaldevi', sans-serif;}
.search-bar-body .form-group {margin: 0px;}
.search-bar-body .btn-primary {width: 100%;padding: 15px;}
.search-bar-body .form-control {padding: 10px 15px;height: 56px;}
.ban-content .ban-btn {background-color: #0143BB;border: none;padding: 15px 15px;font-family: 'Yaldevi', sans-serif;}
.ban-content h1 {font-weight: 600;font-size: 62px;font-family: 'Poppins', sans-serif;}
.ban-content h2 {font-size: 52px;font-weight: 500;font-family: 'Poppins', sans-serif;}
.ban-content p {margin-bottom: 30px;color: #535353;}
.search-bar-body .btn {background-color: #0142BC;border-color: #0142BC;}
/************END***************/
/***********WEOFFER CSS*****************/
section.we-offer {padding: 100px 0px 60px 0px;background-color: #f5f8ff;}
section.we-offer h3, .category h3 {font-size: 32px;font-weight: 500;}
.offer-div {background-color: #fff;padding: 15px;border: 1px solid #5DB2FF;border-radius: 10px;text-align: center;}
.offer-div .btn {width: 100%;}
.offer-div p {font-size: 14px;color: #535353;margin-bottom: 15px;}
.offer-div img {margin-bottom: 15px;}
.offer-div .btn, .change-pswd-inner.table-view .btn {background-color: #5DB2FF;border-color: #5DB2FF;border-radius: 10px;}
/************END***************/
/***********CATEGORY CSS*****************/
.category{margin-top: 60px;}
.ul-category{width: 100%;display: inline-block;padding: 0;margin: 0;border-radius: 10px;border: 1px solid #5DB2FF;overflow: hidden;}
.ul-category .li-cat {text-align: center;padding: 40px 20px 25px 20px;}
.ul-category .li-cat h6{color: #000000;font-family: 'SF UI Text Medium';}
.ul-category .li-cat p {color: #000000;font-family: 'SF UI Text Light';font-size: 15px;}
.ul-category .li-cat:hover {background-color: #5DB2FF;color: #ffffff;cursor: pointer;}
.ul-category .li-cat:hover .normal {display: none;}
.ul-category .li-cat .normal {margin: 0px auto 15px auto;display: block;}
.ul-category .li-cat .hover {display: none;}
.ul-category .li-cat:hover .hover {display: block;margin: auto;margin: 0px auto 15px auto;}
.ul-category .li-cat h6, .ul-category .li-cat p {margin-bottom: 15px;}
.ul-category .li-cat:hover h6, .ul-category .li-cat:hover p {color: #fff;}
.ul-category .li-cat a:hover {text-decoration: none;}
.ul-category .row {margin-right: 0px;margin-left: 0px;}
/************END***************/
/***********BLUE BAR CSS*****************/
.blue-bar{width: 100%;background-color: #2B99FC;color: #ffffff;margin: 60px 0px;padding: 40px;}
.blue-img {display: block;float: left;width: 25%;}
.blue-cont {float: left;display: block;width: 75%;}
.blue-cont h5 {margin-bottom: 0px;font-size: 24px;font-family: 'SF UI Text Regular';}
.blue-cont p {font-family: 'SF UI Text Light';font-size: 14px;}
/************END***************/
/***********PROFESSIONAL MEDICAL CSS*****************/
.pro-med-care{background-color: #f5f8ff;padding: 60px 0px;}
.pro-med-right h3 {text-align: left;font-family: 'SF UI Text Regular';}
.pro-med-right{max-width: 60%;width: 100%;background-color: #ffffff;padding: 85px 200px 100px 100px;}
.pro-med-care-main {position: relative;z-index: 0;}
.pro-med-img {position: absolute;z-index: 1;bottom: 0;left: 0px;}
.my-progress-bar h2 {font-size: 14px;font-family: 'SF UI Text Light';}
/******PROGRESS BAR**********/
.my-progress-bar {margin-top: 30px;position: relative;z-index: 0;}
.full{width: 100%;background: #3040C4;height: 2px;margin-bottom: 30px;}
.progress{padding-right: 10px;text-align: right;height: 2px;color: #fff;position: relative;z-index: 0;overflow: visible;}
.progress span {color: #000000;font-size: 14px;position: absolute;top: -10px;right: 0;}
.lima-puluh{width: 90%;background: #5DB2FF;animation: progress 0.8s linear;border-radius: 0;margin-bottom: 10px;}
.tiga-puluh{width: 80%;background: #5DB2FF;animation: progress 1s linear;border-radius: 0;margin-bottom: 10px;}
.enam-puluh{width: 90%;background: #5DB2FF;animation: progress 0.7s linear;border-radius: 0;margin-bottom: 10px;}
@keyframes progress{
  0%{transform: translateX(0)}
  20%{width:100%}
}
/************END***************/
/**********MEET DOC CSS*****************/
.doc-main .doc-data{color: #fff;padding: 15px 10px;float: left;display: block;width: 100%;position: relative;z-index: 0;}
.doc-left {display: block;float: left;width: 60%;}
.doc-right {float: left;display: block;width: 40%;text-align: right;}
.doc-right .btn {border: 1px solid #fff;background-color: transparent;font-size: 12px;}
.doc-img img {width: 100%;}
section.meet-doc {margin: 60px 0px;}
.meet-doc h3 {margin-bottom: 60px;font-family: 'SF UI Text Regular';}
.meet-doc h5 {font-family: 'SF UI Text Light';font-size: 22px;}
.doc-left h5 {font-size: 14px;font-weight: 800;}
.doc-left h6 {font-size: 12px;font-family: 'SF UI Text Light';}
.doc-main .doc-data:before {position: absolute;content: '';width: 10px;height: 10px;bottom: 0;border-style: solid;border-width: 10px 10px 10px 10px;border-color: transparent transparent #fff transparent;left: 25px;}
.meet-doc-btn {display: block;margin: 50px auto 0 auto;padding: 10px 35px;background-color: #5DB2FF;border-color: #5DB2FF;border-radius: 5px;font-family: 'SF UI Text Regular';}
/************END***************/
/**********APPOINTUS CSS*****************/
section.appoint-us .container-fluid, .del-pad{padding: 0px;}
.help-center{background: url('../img/help-img.jpg') no-repeat;background-size: cover;}
.appoint-now h3 {margin-bottom: 10px;font-family: 'SF UI Text Regular';font-size: 32px;}
.help-center-cont {color: #ffffff;padding: 165px 190px;}
.appoint-us .row {margin-right: 0px;margin-left: 0px;}
.appoint-now{background: url('../img/doc-img.jpg') no-repeat;background-size: cover;color: #fff;padding: 81.5px 100px;}
.help-center-cont .help-cen-span {font-family: 'SF UI Text Light';margin-bottom: 15px;display: block;}
.help-center-cont .help-cen-span img {margin-right: 10px;}
.help-center-cont h4 {font-family: 'SF UI Text Regular';}
.help-center-cont span {display: block;font-family: 'SF UI Text Light';font-size: 20px;margin-top: 10px;}
.appoint-now form {margin-top: 30px;}
.appoint-now form input, .appoint-now form select {background-color: transparent;border-color: #fff;color: #fff;font-family: 'SF UI Text Light';}
.appoint-now .btn {padding: 10px 20px;background-color: transparent;border-color: #fff;}
.appoint-now form input::placeholder{color: #fff;}
/************END***************/
/***********FOOTER CSS*****************/
footer{padding: 60px 0px;background-color: #F1F2F6;position: relative;z-index:0;}
footer:before{position: absolute;width: 100%;height: 100%;content:'';background: url(../img/beat.png);z-index: -1;top: 0;}
footer h4 {text-align: center;color: #333232;font-size: 22px;font-family: 'SF UI Text Regular';margin-bottom: 30px;}
footer ul li {list-style-type: none;margin-bottom: 10px;font-size: 16px;}
footer ul, footer span {padding: 0;margin: 0;text-align: center;display: block;font-family: 'SF UI Text Light';}
footer ul a, footer span{color: #8991A6;text-decoration: none !important;margin-bottom: 10px;}
footer p {font-family: 'Yaldevi', sans-serif;}
footer .logo {margin-bottom: 30px;}
.gplay {display: block;margin: 10px auto;}
.btm-bar {font-size: 12px;text-align: center;background-color: #F1F2F6;display: block;padding: 20px 0px;border-top: 1px solid #c1c2c4;font-family: 'Yaldevi', sans-serif;}
/************END***************/
/************Login, Forgot,Register Page Css Start************/
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-family: poppins;}
.container-login {width: 100%;padding: 62px 60px;background: url('../img/side-img.png');background-repeat: no-repeat;background-position: right;background-size: 10%;}
.login-img {width: 90%;margin: 0 auto;}
.login-img img {width: 100%;}
.login-sub-heading h6 {color: #979191;}
.login-form {box-shadow: 0 0 5px 3px #eae5e5;width: 80%;padding: 40px;margin-left: 40px;margin-top: 10px;background: #fff;}
.login-form-hading {margin-bottom: 40px;}
.login-link {margin-bottom: 20px;}
.forgot-link a {color: #f43636;font-size: 14px;}
.register-link {text-align: left;}
.register-link a {font-size: 14px;}
.create-acc-link {text-align: right;}
.create-acc-link a {color: #000;font-size: 14px;}
.btn.btn-primary.login {width: 200px;}
#togglePassword {position: absolute;right: 30px;top: 10px;}
#togglePassword1 {position: absolute;right: 30px;top: 10px;}
.form-row .row .col-6 {padding: 0px 20px;}
@media (max-width: 768px){
.login .col-6 {width: 100% !important;max-width: 100%;flex: 0 0 100%;}
.doc-list-inner p {font-size: 14px!important;}
.login-form {margin: 20px auto;width: 100%;}
.container-login {width: 100%;padding: 62px 0px;background:none;}
.forgot-link {text-align: center;}
.create-acc-link {text-align: center;}
.btn.btn-primary.login {width: 100%;}
table.my-table tr th {min-width: 140px;}
.view-table-data .btn {min-width: 100px;}
.table-view.table-responsive {overflow-x: scroll;}
.right-panel{display: none;}
.chat-time {background-color: #f0f0f0;padding: 10px;}
}
/************Login Page Css END***************/
/*****************Appointment-1 CSS*******************/
.s-layout {display: flex;width: 100%;min-height: 100vh;}
.s-layout__content {display: flex;justify-content: center;align-items: center;flex: 1;}
/* Sidebar */
.s-sidebar__trigger {z-index: 2;position: fixed;top: 0;left: 0;width: 100%;height: 4em;background: #5db3ff;}
.s-sidebar__trigger > i {display: inline-block;margin: 1.5em 0 0 1.5em;color: #fff;}
.s-sidebar__nav {position: fixed;top: 0;left: -15em;overflow-y: auto;overflow-x: hidden;transition: all .3s ease-in;width: 15em;height: 100%;background: #ffffff;color: rgba(255, 255, 255, 0.7);}
.s-sidebar__nav:hover,
.s-sidebar__nav:focus,
.s-sidebar__trigger:focus + .s-sidebar__nav,
.s-sidebar__trigger:hover + .s-sidebar__nav {left: 0;}
.s-sidebar__nav ul {position: absolute;top: 4em;left: 0;margin: 0;padding: 0;width: 15em;}
.s-sidebar__nav ul li {width: 100%;}
.s-sidebar__nav-link {position: relative;display: inline-block;width: 100%;padding: 10px 30px;color: #333232;font-family: 'Roboto', sans-serif;}
.s-sidebar__nav-link em {position: absolute;top: 50%;left: 4em;transform: translateY(-50%);}
.s-sidebar__nav-link:hover {background: #fff;text-decoration: none;color: #5DB2FF;}
.s-sidebar__nav-link > i {position: absolute;top: 0;left: 0;display: inline-block;width: 4em;height: 4em;}
.s-sidebar__nav-link > i::before {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
/* Mobile First */
@media (min-width: 42em) {
   .s-layout__content {margin-left: 4em;}
   /* Sidebar */
   .s-sidebar__trigger {width: 4em;}
   .s-sidebar__nav {width: 4em;left: 0;}
   .s-sidebar__nav:hover,
   .s-sidebar__nav:focus,
   .s-sidebar__trigger:hover + .s-sidebar__nav,
   .s-sidebar__trigger:focus + .s-sidebar__nav {width: 15em;}
}
@media (min-width: 68em) {
   .s-layout__content {margin-left: 15em;}
   /* Sidebar */
   .s-sidebar__trigger {display: none}
   .s-sidebar__nav {width: 15em;}
   .s-sidebar__nav ul {top: 1.3em;}
}
.notification-icon {width: 30px;}

.noti-icon {padding: 10px;position: relative;z-index: 0;margin-right: 10px;}
.noti-icon:before {content: '';position: absolute;width: 10px;background-color: #5DB3FF;right: 0;height: 10px;border-radius: 50%;}
.prof-tab {background-color: #5DB2FF;color: #000000;border-radius: 30px;width: 190px;font-family: 'Poppins', sans-serif;font-size: 14px;}
.prof-tab img {width: 45px;margin-right: 10px;}
.s-sidebar__nav-link img {margin-right: 15px;width: 20px;}
.side-bar-ftr, section.top-tab-div, .tab-div-view, .my-breadcrumb-main, .doc-list-main, .change-pswd-main, .review-main {margin-left: 240px;}
.appointment-hdr{background-color: #F6F6F6;}
.appoint-nav{margin: 0px;padding: 10px 0px;}
section.top-tab-div, .tab-div-view {background-color: #F0F0F0;font-family: 'Roboto', sans-serif;}
.tab-div-main {background-color: #fff;text-align: center;padding: 30px;border-radius: 5px;max-height: 210px;margin-bottom: 15px;}
.tab-div-main img {margin-bottom: 15px;}
.tab-div-main h4 {font-size: 16px;font-family: 'Roboto', sans-serif;}
.table-view {background-color: #ffffff;padding: 30px;border-radius: 5px;}
section.tab-div-view {padding: 30px 0px;}
.appoint-nav ul.navbar-nav li {font-family: 'Roboto', sans-serif;font-weight: 400;}
.top-tab-div h6 {font-size: 16px;font-weight: 400;padding-top: 15px;font-family: 'Roboto', sans-serif;}
.top-tab-div h5 {font-size: 15px;font-family: 'Roboto', sans-serif;margin-bottom: 15px;}
.table-view h5 {font-family: 'Roboto', sans-serif;font-weight: 500;font-size: 22px;}
.table-view h5 {font-family: 'Roboto', sans-serif;font-weight: 500;font-size: 22px;margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px   solid #e2e2e2;}
.table-outer {border: 1px solid #e2e2e2;border-radius: 8px;padding: 15px;position: relative;z-index: 0;}
.table-name h6 {font-family: 'Roboto', sans-serif;font-size: 16px;margin-bottom: 2px;font-weight: 400;}
.table-name p {font-size: 12px;color: #707070;}
.view-table-pro {display: flex;flex-direction: row;align-items: center;}
.table-prof {margin-right: 10px;}
.view-table-data {display: flex;flex-direction: column;}
p.table-time {color: #5DB2FF;font-size: 12px;}
.table-confirm {/*background-color: #E2F6ED;border-color: #E2F6ED;color: #68AF48;*/padding: 0px;border-radius: 30px;font-family: 'Poppins', sans-serif;font-size: 12px;}
.table-print {background-color: #E2F2FE;border-color: #E2F2FE;color: #21A2F6;padding: 7px 0px;border-radius: 10px;font-family: 'Poppins', sans-serif;margin: 0px 10px;width: 80%;}
.table-edit-btn {background-color: #E2F6ED;border-color: #E2F6ED;color: #68AF48;padding: 7px 0px;border-radius: 10px;font-family: 'Poppins', sans-serif;}
.my-table tbody tr {height: 90px;}
.my-table thead {border-bottom: 1px solid #e2e2e2;height: 40px;}
.my-table tbody tr {border-bottom: 1px solid #e2e2e2;height: 90px;}
.my-table tbody tr:last-child {border-bottom: 0px;}
.pagination-main ul.pagination {margin-bottom: 0px;justify-content: flex-end;font-family: 'Roboto', sans-serif;}
.pagination-main {align-items: center;margin-top: 20px;width: 100%;}
.pagination-main .pagination .page-item.active .page-link {background-color: #3040C4;border-color: #3040C4;border-radius: 5px;color: #ffffff;}
.pagination-main .pagination .page-link {border: 0;color: #333232;}
a.s-sidebar__nav-link.marker{position: relative;z-index: 0;}
a.s-sidebar__nav-link.marker:before {content: '4';background-color: #68AF48;border-radius: 5px;color: #ffffff;height: 30px;width: 30px;text-align: center;line-height: 30px;position: absolute;right: 10px;top: 8px;align-items: center;bottom: 0;z-index: 1;}
section.my-breadcrumb-main {background-color: #F0F0F0;padding: 20px 0px;font-family: 'Roboto', sans-serif;}
.my-breadcrumb-main ol {margin-bottom: 0px;background-color: #fff;}
.my-breadcrumb-inner li.breadcrumb-item a {color: #2D2D2D;}
.my-breadcrumb-inner .breadcrumb-item.active, .my-breadcrumb-inner li.breadcrumb-item a.active {color: #5DB2FF;}
.doc-list-main {background-color: #F0F0F0;padding-bottom: 30px;}
.doc-list-inner {background-color: #fff;padding: 15px;border-radius: 5px;margin-bottom: 30px;}
.doc-list-inner h5 {color: #5DB2FF;font-family: 'Roboto', sans-serif;margin-top: 15px;font-size: 18px;}
.doc-list-inner h5 img {margin-left: 10px;}
.doc-list-inner p {color: #707070;font-size: 16px;margin-bottom: 2px;font-weight: 300;}
.doc-lis-btn {display: flex;justify-content: space-between;}
.doc-lis-btn .btn {width: 150px;}
.doc-list-btn1 {color: #5DB2FF;background-color: #ffffff;border-color: #5DB2FF;border-radius: 7px;font-family: 'Roboto', sans-serif;}
.doc-list-btn1:hover{background-color: #5DB2FF;color: #ffffff;border-color: #5DB2FF;}
.doc-list-btn2, .profile-setting .btn, .conf-pay-box .btn{background-color: #5DB2FF;color: #ffffff;border-color: #5DB2FF;border-radius: 7px;font-family: 'Roboto', sans-serif;}
section.no-margin, footer.no-margin, header.no-margin{margin: 0px;}
.shipped-btn{background-color: #FFBC34;color: #fff;border-color: #FFBC34;}
section.change-pswd-main{background-color: #F0F0F0;padding: 20px 0px;font-family: 'Roboto', sans-serif;}
.change-pswd-inner.table-view form {max-width: 50%;width: 100%;margin: auto;text-align: center;}
/*section.change-pswd-main.profile-setting form {padding: 15px;background-color: #fff;border-radius: 5px;}*/
.top-pro-div {display: flex;align-items: center;margin-bottom: 25px;}
.Profile-setting-pic {margin-right: 15px;}
.profile-upload .btn {border-radius: 30px;background-color: #5DB2FF;border-color: #5DB2FF;padding: 10px 60px;max-width: 230px;}
.profile-upload input#image::file-selector-button {display: none;}
.profile-upload img {width: 15px;margin-right: 5px;}
.profile-setting-doc .form-group textarea {min-height: 200px;}
.radio-div label {margin-right: 15px;}
.tag-div .btn, .tag-div label {margin-bottom: 5px;}
.tag-div label{width: 100%;}
.addmore {display: block;width: 100%;}
.no-color {background-color: transparent!important;padding: 0px!important;}
section.conf-pay-main {background-color: #F0F0F0;text-align: center;padding: 60px 0px;}
.conf-pay-box {background-color: #fff;max-width: 650px;padding: 50px 30px;width: 100%;margin: auto;border-radius: 10px;}
.conf-pay-box p {max-width: 50%;margin: auto;}
.pat-list-main {background-color: #ffffff;padding: 15px;border-radius: 10px;text-align: center;font-family: 'Roboto', sans-serif;margin-bottom: 30px;}
.pat-detail-info {display: flex;justify-content: space-between;margin-bottom: 10px;color: #707070;}
.pat-list-main h4 {font-size: 19px;font-weight: 500;font-family: 'Roboto', sans-serif;color:#000000 !important;}
.pat-list-main a {text-decoration:none !important;}
.pat-list-main h5 {font-size: 16px;font-family: 'Roboto', sans-serif;color: #707070;}
.pat-list-main span {padding-bottom: 15px;display: inline-block;margin-bottom: 15px;color: #707070;width: 100%;border-bottom: 1px solid #BCBCBC;}
section.change-pswd-main.profile-setting.profile-setting-doc.pat-list {max-height: 600px;overflow: scroll;}
section.change-pswd-main.profile-setting.profile-setting-doc.pat-list::-webkit-scrollbar {display: none;}
.pat-detail-left {color: #333232;font-size: 17px;}
.date-change {text-align: center;width: 100%;position: relative;display: block;z-index: 1;margin: 20px 0px 40px 0px;}
.date-change:before {content: '';position: absolute;width: 100%;height: 1px;background-color: #C4C4C4;left: 0;z-index: -1;top: 50%;}
.date-change span {background-color: #F5F5F6;padding: 5px 10px;font-size: 14px;font-family: 'Roboto', sans-serif;}
.middle-send-box .form-control {background-color: #F5F5F6;border-color: #F5F5F6;border-radius: 100px;padding: 20px 20px;}
.send-box-div {margin: 15px 0px;}
.left-send-box {text-align: center;}
.appoint-doct-2-main {background-color: #fff;padding: 15px;border-radius: 5px;margin-bottom: 30px;}
.appoint-doct-2-left {display: flex;align-items: center;}
.appoint-doc-2-data h5 {font-family: 'Roboto', sans-serif;color: #333232;}
.appoint-doc-2-data p {color: #707070;}
.right-btn {display: flex;align-items: center;justify-content: flex-end;}
.right-btn .btn {display: inline-block;margin: 0px 10px;}
.appoint-doc-2-prof {margin-right: 15px;}
.appoint-doc-2-data p {color: #707070;margin-bottom: 3px;}
.appoint-doc-2-data p img {margin-right: 5px;}
.right-btn .btn-view {background-color: #E2F2FE!important;border: #E2F2FE;color: #21A2F6!important;font-family: 'Poppins', sans-serif;}
.right-btn .btn-accept {background-color: #E2F6ED!important;border: #E2F6ED;color: #68AF48!important;font-family: 'Poppins', sans-serif;}
.btn-cancel {background-color: #FDE2E7!important;border: #FDE2E7;color: #E73C3C!important;font-family: 'Poppins', sans-serif;}
.drag-drop-div {border: 1px dashed #E4E4E4;width: 100%;padding: 30px;/*text-align: center;*/}
.drag-drop-div p {margin-bottom: 30px;}
.review-main{background-color: #F0F0F0;}
.review-inner {background-color: #ffffff;padding: 30px;border-radius: 5px;width: 100%;margin-bottom: 30px;}
.feedback-right{text-align: right;}
.feedback-right .btn {color: #606060;border-color: #606060;background-color: #fff;margin-left: 10px;}
.review-page-head h5 {font-family: 'Roboto', sans-serif;font-size: 18px;margin-bottom: 5px;}
.review-page-feedback-head {margin-bottom: 30px;}
.review-page-feedback-head {margin: 20px 0px;}
.review-page-star {text-align: right;}
.review-page-head p {color: #606060;font-size: 14px;font-family: 'Roboto', sans-serif;}
.review-page-msg p {font-family: 'Roboto', sans-serif;color: #646464;}
.feedback-right p {color: #606060;font-family: 'Roboto', sans-serif;}
.schedule-timing-main h4 {font-family: 'Roboto', sans-serif;}
.schedule-timing-main h6 {font-family: 'Roboto', sans-serif;font-weight: 300;}
.schedule-timing-main form select {max-width: 250px;}
.days-btn .btn {font-family: 'Roboto', sans-serif;color: #333232;border-color: #D9D9D9;background-color: #ffffff;width: 110px;border-radius: 5px;}
.days-btn .btn-primary:not(:disabled):not(.disabled).active {background-color: #FF4877;border-color: #D9D9D9;}
.time-slots a {background-color: #D9534F;padding: 10px 20px;display: inline-block;color: #fff;border-radius: 5px;text-decoration: none;}
.edit-div h4 {margin: 20px 0px;}
.schedule-timing-main {background-color: #fff;padding: 30px;border-radius: 5px;}
a.edit-btn {text-align: right;display: block;max-width: 70px;margin: 0px 0px 0px auto;color: #5CB9AA;font-family: 'Roboto', sans-serif;}
.edit-btn img {margin-right: 2px;}
.table-cancel{background-color: #FDE2E7;color: #E73C3C;border-color: #FDE2E7;border-radius: 5px;font-family: 'Poppins', sans-serif;}
.table-pending{background-color: #FFF3B9;color: #FF9100;border-color: #FFF3B9;padding: 0px;border-radius: 30px;font-family: 'Poppins', sans-serif;}
.table-reschedule{background-color: #E2F2FE;color: #21A2F6;border-color: #E2F2FE;border-radius: 5px;font-family: 'Poppins', sans-serif;}
.pat-list-main.margin-pat {margin: 30px 20px;}
.btm-bar{ /*color:#;*/}
#Prescriptions .right, #Billing .right{text-align: right;}
.doctor-detail {background: white;padding: 20px 20px;margin: 0px 40px;}
.col-6.doctor-right-detail {text-align: right;padding-right: 40px;}
.doctor-entry-section {padding: 20px 20px;margin-top: 60px;border: 1px solid #C9C9C9;border-radius: 10px;}
.doctor-entry-section table {width: 100%;}
.doctor-entry-section td {width: 20%;padding: 10px 10px;}
/*.doctor-sign-section {padding: 20px 0;margin-top: 20px;}*/
.doc-sign {text-align: right;}
.sign-area {width: 100%;/*height: 50px;*/text-align: right;    margin-top: 32px;}
.sign-area span {padding: 25px 36px;border: 1px dashed;display: block;}
.docname {text-align: right;}
.graph-div-main {background-color: #fff;text-align: center;padding: 18px 1px;border-radius: 5px;max-height: 210px;margin-bottom: 20px;}
.graph-div-main-2 {background-color: #fff;text-align: center;padding: 18px 1px;border-radius: 5px;max-height: 210px;}
.tab-div-main.graph {max-height: 225px;}
.doctor-detail h5 {margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px solid #F0F0F0;font-family: 'Roboto', sans-serif;color: #333232;}
.doc-name h6, .doc-joining h6 {margin-bottom: 20px;color: #333232;}
.doc-idnumber, .doc-address, .doc-designation {color: #707070;font-weight: 200;}
.doc-add-btn {text-align: right;margin-top: 15px;}
.doc-add-btn a {color: #5DB2FF;font-family: 'Roboto', sans-serif;}
.doc-add-btn a img{margin-right:5px;}
.save-btn .btn {padding: 10px 40px!important;margin-right: 10px;}
.btn-clear {background-color: #6C757D!important;margin-top: 30px;}
a.tbl-btn {background-color: #FDE2E7;padding: 10px 15px;border-radius: 5px;}
.table-view-btn {background-color: #E2F2FE;border-color: #E2F2FE;color: #21A2F6;padding: 7px 0px;border-radius: 10px;font-family: 'Poppins', sans-serif; width: 100% }
.table-accept {background-color: #E2F6ED;border-color: #E2F6ED;color: #68AF48;padding: 7px 0px;border-radius: 10px;font-family: 'Poppins', sans-serif;}
.doc-lis-btn .btn {margin: 5px;}
.pagination-main p, ul.pagination {font-size: 12px;}
h3.text-black {font-size: 19px;text-align: revert;color: #5DB2FF !important;margin-bottom: 15px;}
select#doctors {display: block;width: 214px;text-align: center;text-transform: capitalize;height: 42px;border: 1px solid #80808078;}
.gender label {color: black;}
.filter-main {padding-bottom: 25px;background: #fff;width: 100%;border-radius: 5px;margin-bottom: 30px;}
select#doctors {text-align: left;border-radius: 5px;}
.slidebar-filter {width: 100%;border-bottom: 1px solid #80808078;}
.slidebar-filter h3 {padding: 11px 0 0 20px;margin-bottom: 11px;}
.specialist h3 {font-size: 16px;}
.filter-main form {padding: 11px 0 0 20px;}
.gender h3 {margin-bottom: 0px;}
.gender h4 {margin-bottom: 0px;text-align: revert;color: #5DB2FF !important;font-size: 16px;}
.reset-button {background:#5DB2FF;outline: none;border: none;color: #fff;padding: 10px 86px;border-radius: 5px;}
/*************************************/
/******* Responsive Home Page ******/
@media only screen and (max-width: 1200px) {
.pro-med-right {padding: 30px;max-width: 50%;}
.pro-med-img {width: 50%;top: 0;}
.appoint-now {padding: 52.5px 100px;}
.help-center-cont {color: #ffffff;padding: 136px 100px;}
}
@media only screen and (max-width: 991px) {
.we-offer .col-lg-3.col-md-12.col-sm-12.col-12 {margin: 10px auto;}
.pro-med-img {background-color: #fff;}
.tab-div-main.graph {max-height: 275px;}
.fam-his th {min-width: 140px;}
.register-link, .create-acc-link {text-align: left;}
.login-form {width: 100%;margin-left: 0px;}
}
@media only screen and (max-width: 940px) {
.help-center-cont {padding: 184px 30px;}
}
@media only screen and (max-width: 791px) {
.appoint-now {padding: 95.5px 100px;}
}
@media only screen and (max-width: 767px) {
.pro-med-img {width: 100%;position: relative;}
.pro-med-right {max-width: 100%;padding: 50px;}
.meet-doc .col-md-3.col-sm-12.col-12 {margin: 10px 0;}
.help-center-cont {padding: 35px 30px;}
.appoint-now {padding: 35px 30px;}
.gplay {margin: 40px auto 0px;display: block;}
footer .logo {margin: 0px auto 30px;display: block;}
footer p {margin-bottom: 20px;}
.my-navbar .btn-doc, .my-navbar .btn-pat {margin: 5px 10px;}
section.category { padding: 0px 15px;}
section.we-offer h3, .category h3 {font-size: 26px;}
.tab-div-view .container {max-width: 100%!important;}
}
@media only screen and (max-width: 575px) {
.div-main-blue {margin: 10px auto;}
.ban-search-bar {bottom: -90px;}
.search-bar-body .form-group {margin: 2px auto;}
.tab-div-view .container {max-width: 100%!important;}
}
@media only screen and (max-width: 480px) {
.ban-content h1 {font-size: 42px;}
.ban-content h2 {font-size: 32px;}
.login-form {padding: 20px;}
.login-heading h2 {font-size: 24px;}
div#FamilyHistory, div#Upcoming {padding: 15px 0px!important;}
.tab button {padding: 14px 6px!important;font-size: 12px!important;}
.table-view {padding: 10px;}
}
/******* Responsive Appointment-Doc1 Page ******/
@media only screen and (max-width: 1100px) {
.view-table-data .btn {padding: 5px 10px;border-radius: 30px;}
.s-sidebar__nav {overflow: scroll;z-index: 99999;}
.s-sidebar__trigger {z-index: 9999999;}
.side-bar-ftr, section.top-tab-div, .tab-div-view, .my-breadcrumb-main, .doc-list-main, .change-pswd-main, .review-main {margin-left: 65px;}
}
@media only screen and (max-width: 671px) {
.s-sidebar__trigger {width: 4em;}
}
/******* Responsive Appointment-Doc2 Page ******/
@media only screen and (max-width: 925px) {
.side-bar-ftr .col-sm-12.col-12 {width: 100% !important;float: left !important;display: block !important;max-width: 100%;margin-top: 30px;}
.side-bar-ftr .row {display: inline-block;width: 100%;}
footer h4 {text-align: left;margin-bottom: 10px;}
footer ul, footer span {text-align: left;}
.gplay {margin-top: 20px;}
}
@media only screen and (max-width: 870px) {
.appoint-doct-2-main .row {display: block;}
.appoint-doct-2-main .col-6 {width: 100% !important;max-width: 100%;}
.right-btn {justify-content: flex-start;margin-top: 20px;}
.prof-tab {padding: 5px 10px 7px 0px;}
}
@media only screen and (max-width: 580px) {
.appoint-doct-2-left {display: block;}
.right-btn {margin-top: 20px;display: block;}
.right-btn .btn {margin: 5px 0px;}
.s-sidebar__nav {overflow: scroll;z-index: 999;}
.s-sidebar__trigger {z-index: 999999;}
.pagination-main ul.pagination {justify-content: flex-start;}
.conf-pay-box p {max-width: 100%;}
.row.hist-main {margin: 20px 0px 0px!important;}
}
/******* Responsive Add-Billing Page ******/
@media only screen and (max-width: 1336px) {
.sign-area span {padding: 15px 25px;}
}
@media only screen and (max-width: 1216px) {
.sign-area span {padding: 7px 5px;}
.doctor-sign-section .row {display: block;}
.sign-area {text-align: left;}
.docname {text-align: left;}
}
@media only screen and (max-width: 768px) {
.pat-list-main.margin-pat {margin: 0px;margin-bottom: 15px;}
.add-bill .his-breadcrumb {margin: 0px 0px;}
.doctor-detail {margin: 0px;}
.change-pswd-inner.table-view form {max-width: 100%;}
.profile-block-tabs {padding: 0px!important;}
.row.inner-total-inv {width: 100%!important;}
.order-details {text-align: left!important;}
h5.inv-to, .inv-to p {text-align: left!important;}
.away:before, .online:before, .offline:before {left: 0px;}
}
/******* Responsive Change-Password Page ******/
@media only screen and (max-width: 767px) {
    .change-pswd a.s-sidebar__trigger {background: #5db2ff00;}
}
/******* Responsive Appointment-1 Page ******/
@media only screen and (max-width: 1200px) {
.tab-div-view table.my-table h6, .tab-div-view table.my-table p, .tab-div-view table.my-table th {font-size: 12px;}
.view-table-data .btn {padding: 5px 5px;font-size: 12px;}
}
/****** Responsive Reviews Page *****/
@media only screen and (max-width: 767px) {
    .feedback-right {text-align: left;}
    .review-page-star {text-align: left;}
}
@media only screen and (max-width: 370px) {
.feedback-right button.btn.btn-primary {display: block;margin-top: 5px;width: 100%;}
.profile-upload .btn {padding: 10px 10px;}
}
/****** Responsive Schedule-Timing Page *****/
@media only screen and (max-width: 991px) {
.days-btn .btn {margin: 5px auto;}
.time-slots a {margin: 2px auto;}
.his-breadcrumb {margin: 0px 0px!important;}
strong.cont-name, .chat-data-cont p {font-size: 14px;}
}
@media only screen and (max-width: 767px) {
    a.edit-btn {text-align: left;margin: 0px 0px 10px;}
    .edit-div h4 {margin: 20px 0px 5px;}
}
@media only screen and (max-width: 380px) {
    .days-btn .btn {width: 100%;}
    .time-slots a {width: 100%;}
}
/****** Responsive Social-Media Page *****/
@media only screen and (max-width: 411px) {
    a.prof-tab {display: block;padding: 0px;width: 100%;margin-top: 8px;text-decoration: none !important;}
}
/***** Responsive Doctor-Profile Page ****/
@media only screen and (max-width: 1200px) {
    .review-profile-img {width: 12%!important;}
    .review-desc {padding-left: 12%!important;}
    .reply {padding-left: 12%!important;}
    .review-stars {width: 22%!important;}
}
@media only screen and (max-width: 991px) {
.col-3.profile-last, .col-7.profile-center {flex: 0 0 100%;max-width: 100%;margin-top: 20px;}
    .profile-block {display: inline-block!important;width: 100%;}
    .time-slots {width: 100%!important;}
    .profile-lastblock .col-md-2 {flex: 0 0 5%;max-width: 5%;}
    .profile-lastblock .col-md-10 {flex: 0 0 95%;max-width: 95%;}
    .location-first, .location-center, .location-last {width: 100%!important;margin-top: 20px;}
}
@media only screen and (max-width: 767px) {
/*.tab button { width: 100%!important;}*/
    .review-profile {display: block !important;}
    .review-profile-img {width: 20% !important;}
    .profile-author {width: 80% !important;}
    .review-stars {width: 100%!important;padding-left: 20%;}
    .review-desc, .reply {padding-left: 0%!important;}
    .recommend {width: 100% !important;text-align: left!important;}
    .services-block {width: 100% !important;}
    .col-2.profile-first {flex: 0 0 50%;max-width: 50%;}
}
@media only screen and (max-width: 580px) {
.profile-lastblock .col-md-2 {flex: 0 0 25%;max-width: 5%;}
.profile-lastblock .col-md-10 {flex: 0 0 85%;max-width: 95%;}
}
@media only screen and (max-width: 360px) {
.review-profile-img {width: 100% !important;float: left;}
    .review-stars {padding-left: 0%!important;}
    .recommend a.btn {width: 100%;display: block;}
    .col-2.profile-first {flex: 0 0 100%;max-width: 100%;}
}
.min-height {min-height: 550px;}
.doctor-img {max-width: 310px;width: 100%;}
.doctor-img img {width: 100%;height: auto;}
.prof-tab img {width: 45px;border-radius: 30px;border: 2px solid #5DB2FF;}
.bg-info-light {background-color: rgba(2, 182, 179,0.12) !important;color: #1db9aa !important;}
.bg-primary-light {background-color: rgba(17, 148, 247,0.12) !important;color: #2196f3 !important;}
.bg-danger-light {background-color: rgba(242, 17, 54,0.12) !important;color: #e63c3c !important;}
.bg-warning-light {background-color: rgba(255, 152, 0,0.12) !important;color: #f39c12 !important;}
.bg-success-light {background-color: rgba(15, 183, 107,0.12) !important;color: #26af48 !important;}
.bg-purple-light {background-color: rgba(197, 128, 255,0.12) !important;color: #c580ff !important;}
.bg-default-light {background-color: rgba(40, 52, 71,0.12) !important;color: #283447 !important;}
.table-prof img {height: 58px;width: 58px;border-radius: 30px;}
.view-table-pro a {text-decoration: none;}
.table-name a h6 {color: black !important;}
.active, .nav-item .active{color: #5DB2FF !important;}
.dat-time-right select#exampleFormControlSelect1 {height: 56px;}
.dat-time-right .form-group {margin-bottom: 0px;}
.book-table-schedule {background-color: #fff;border-radius: 10px;margin-top: 25px;}
.book-day-date ul {padding: 0px;list-style-type: none;text-align: center;border-bottom: 1px solid #F0F0F0;margin-bottom: 0px;}
.book-day-date ul li {display: inline-block;text-align: center;padding: 10px 25px;}
.book-table-time a {background-color: #E9E9E9;color: #707070;border-radius: 8px;padding: 10px 35px;display: inline-block;margin: 10px 10px;}
.book-table-time {padding: 20px;text-align: center;}
.book-table-time a:hover {background-color: #5DB2FF;color: #fff;text-decoration: none;}
.error-msg{margin-top: 1rem; color: red;}
a.prof-tab {text-decoration: none !important;}
.main-form-div{border-radius: 5px;background-color: #fff;padding: 15px;margin-bottom: 20px;}
.main-form-div .form-row {margin: 0px;}
.profile-upload input#image {position: relative;z-index: 0;}
.profile-upload input#image:before {position: absolute;content: '';background: url('../img/Icon awesome-upload.png');left: 30px;width: 20px;z-index: 2;height: 20px;}
a.remove-degree, a.remove-expericance, a.remove-award, a.remove-membership, a.remove-registration {color: red !important;}
.pat-list-main img{border-radius: 110px;}
.h-150{height: 150px !important;}
.bookappoint-form {background-color: #ffffff;padding: 20px;border-radius: 5px;margin-top: 30px;}
.bookappoint-form label {width: 100%;display: block;}
.bookappoint-form select {padding: 10px;width: 100%;border-radius: 5px;}
.dropdown-content {display: none;position: absolute;background-color: #f1f1f1;min-width: 160px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;}
.dropdown-content a {color: black;padding: 12px 16px;text-decoration: none;display: block;}
.my-navbar .nav-item:hover .dropdown-content {display: block;}
.profile-form{padding: 15px;background-color: #fff;border-radius: 5px;}
.country-code {display: flex;}
.country-code select {width: 80px;margin-right: 5px;}
.medical-history tbody tr {border-bottom: 0px solid #e2e2e2 !important;height: 35px !important;}
.medical-history-2 tr {/*border-bottom: 1px solid #e2e2e2 !important;*/height: 40px !important;}
.medical-history td, .medical-history th ,.medical-history-2 td, .medical-history-2 th {padding: 7px;}

.search-bar-body span.select2-selection {
    height: 56px!important;
}
.search-bar-body .select2-selection__rendered {
    line-height: 56px!important;
}
.search-bar-body .select2-selection__arrow {
    height: 54px!important;
}

.searchResults {
    border-radius: 2px;
    box-shadow: 0 1px 2px 2px darkgray;
    background: #fff;
    z-index: 1;
    width: 100%;
    min-height: 50px;
    max-height: 150px;
    top: -10px;
    position: absolute;
    top: 40px;
    overflow-y: scroll;
    transition: all 1s ease-in-out;
    display: none;
    animation-name: reveal;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-delay: 0;
}
.searchResults ul li {
    font-size: 14px;
    padding: 5px;
    text-transform: capitalize;
}

.search-bar-body ul li {
    list-style-type: none;
}
.search-bar-body ul {
     padding-left: 10px;
 }