a:hover {
    color: #27cbee;
}

.desk_none {
    display: none !important;
}

/* Header Sec */

.header_sec .t_header .des {
    margin: 0;
    text-align: center;
    color: #fff;
    font-size: 18px;
}

.header_sec .t_header {
    background: #146FD3;
    padding: 12px 0;
}

.header_sec.sticky .t_header {
    display: none;
}

.header_sec {
    background: #fff;
    padding: 10px 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    padding: 0;
}

.header_sec .top_sec {
    background: #12B7E7;
    padding: 13px;
}

.header_sec .top_sec .container {
    display: flex;
    justify-content: space-between;
}

.header_sec .top_sec .left_sec a {
    color: #FDFDFD;
    text-decoration: none;
    margin-right: 14px;
    border-right: 1px solid #fff;
    padding-right: 14px;
    font-size: 20px;
}

.header_sec .top_sec .left_sec a i {
    margin-right: 14px;
}

.header_sec .top_sec .left_sec a:last-child {
    border-right: none;
    padding-right: 0;
    margin-right: 0;
}

.header_sec .top_sec .social_sec .f_social_sec a {
    color: #fff;
    margin-left: 12px;
    font-size: 20px;
}

.header_sec .top_sec .social_sec .f_social_sec a:hover {
    color: #b3eeff;
}

.header_sec .container {
    position: relative;
}

.header_sec .logo {
    width: 98px !important;
}

.header_sec .nave_sec {
    flex-direction: column;
    align-items: end;
    background: none;
}

.header_sec .nave_sec .navbar-nav.m_top_menu {
    display: none;
}

.dashboard-menu ul {
    display: block !important;
}

.header_sec .navbar .m_book {
    display: none;
    border-radius: 18px;
    text-align: center;
    border: 1px solid #fff;
    background: #014c82;
    font-size: 13px;
    color: #fff;
    padding: 8px 10px;
    cursor: pointer;
    /* width: 58%; */
    -webkit-border-radius: 7px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    text-decoration: none;
    margin-left: auto;
}

.header_sec .nave_sec .nav_list {
    justify-content: center;
    border-top: 1px solid #e3e3e3;
    margin-top: 10px;
    padding-top: 10px;
}

.header_sec .navbar {
    padding: 10px 0;
    box-shadow: none;
    height: auto;
}

.header_sec .nave_sec .navbar-nav li a {
    font-size: 16px;
    line-height: 31px;
}

.header_sec .nave_sec .navbar-nav li.call_us {
    display: flex;
    align-items: center;
}

.header_sec .nave_sec .navbar-nav li.call_us a {
    font-size: 20px;
    color: #27cbee;
    font-weight: 600;
    padding: 0 0 0 5px !important;
}

.header_sec .nave_sec .navbar-nav li.call_us a:before {
    display: none;
}

.header_sec .nave_sec .navbar-nav li:last-child a {
    border-right: none;
    padding-right: 0;
}

.header_sec .nave_sec .navbar-nav li a.active,
.header_sec .nave_sec .navbar-nav li a:hover {
    color: #014c82;
}

.header_sec .nave_sec .navbar-nav li .dropdown-menu {
    padding: 10px;
    margin: 0;
    border-radius: 0;
    width: 300px;
}

.header_sec .nave_sec .navbar-nav li .dropdown-menu li a {
    padding: 12px;
    border-right: none;
    border-bottom: 1px solid #d1d1d1;
    font-size: 16px;
    transition: all .6s ease;
}

.header_sec .nave_sec .navbar-nav li .dropdown-menu li a:hover {
    color: #ffffff;
    background: #0187ac;
    transition: all .6s ease;
}

.header_sec .nave_sec .navbar-nav li .dropdown-menu li:last-child a {
    border-bottom: none;
}

.header_sec .nave_sec .navbar-nav li a:active {
    background: none;
}

.header_sec .nave_sec .appointment_btn {
    color: #fff;
    display: flex;
    background: linear-gradient(100deg, rgba(20, 111, 211, 1) 0%, rgba(39, 203, 238, 1) 100%);
    font-size: 24px;
    padding: 23px 24px;
    align-items: center;
    font-weight: 600;
    margin-left: 24px;
    text-decoration: none;
}

.header_sec .nave_sec .appointment_btn:hover {
    background: rgb(20, 111, 211);
}

.header_sec .nave_sec .appointment_btn img {
    width: 24px;
    margin-right: 10px;
}

.header_sec .nave_sec .navbar-nav {
    align-items: center;
}

.header_sec .nave_sec .navbar-nav li a.book {
    padding: 5px 20px !important;
    color: #fff;
    background-color: #014c82;
    border-radius: 50px;
    transition: all .6s ease;
}

.header_sec .nave_sec .navbar-nav li a.book:hover {
    background-color: #2fb5da;
    transition: all .6s ease;
}

.header_sec .nave_sec .navbar-nav li a.book:before {
    display: none;
}

.header_sec .nave_sec .navbar-nav li .dropdown-menu li a {
    padding: 10px 20px;
    width: 100%;
    display: block;
    font-size: 15px;
    color: #33373d;
}

.header_sec .nave_sec .navbar-nav li .dropdown-menu li a:before {
    display: none;
}

.header_sec .navbar .m_user_photo {
    display: none;
    width: 40px;
    height: 40px;
    background: #014c82;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    margin-right: 16px;
    flex: 0 0 40px;
    margin: 0 10px;
}

.header_sec .navbar .m_user_photo i {
    color: #fff;
}

.header_sec .nave_sec .navbar-nav li .user_photo {
    width: 40px;
    height: 40px;
    background: #014c82;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    margin-right: 16px;
    flex: 0 0 40px;
    margin: 0 10px;
    display: flex;
    margin: 0;
    overflow: hidden;
}

.header_sec .nave_sec .navbar-nav li .user_photo i {
    color: #fff;
    font-size: 20px;
}

.header_sec .nave_sec .navbar-nav li .user_photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* Header Sec */

.m_user_menu.user_menu.show {
    display: block;
    width: 280px;
    top: 50px;
}

.m_user_menu.user_menu .dashboard-menu {
    background: #014c82;
    border-radius: 5px;
    padding: 12px;
}

.m_user_menu.user_menu .dashboard-menu li a {
    color: #fff;
}

.profile-det-info span.name {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 74%;
    display: block;
}

.m_user_menu.user_menu .dashboard-menu li:hover a,
.m_user_menu.user_menu .dashboard-menu li.active a {
    background: #27cbef;
    color: #fff;
}

.m_user_menu.user_menu .dashboard-menu .top_sec {
    background: #1768a3;
    border-radius: 7px;
    margin-bottom: 8px;
    padding: 7px 12px;
}

.m_user_menu.user_menu .dashboard-menu .top_sec .profile-det-info .patient-details {
    border-radius: 5px;
    margin-top: 5px;
    margin-left: 29px;
}

.m_user_menu.user_menu .dashboard-menu .top_sec .profile-det-info h3 a i {
    margin-right: 11px;
    margin-top: 8px;
    float: left;
}

.m_user_menu.user_menu .dashboard-menu .top_sec .profile-det-info .patient-details h5 {
    color: #fff;
    font-size: 13px;
}

.m_user_menu.user_menu .dashboard-menu .top_sec .profile-det-info .patient-details a {
    color: #fff;
    font-size: 12px;
    display: block;
}

.m_user_menu.user_menu .dashboard-menu .top_sec .profile-det-info h3 a {
    color: #fff;
}

.m_user_menu {
    display: none;
    background: #fff;
    position: absolute;
    right: 10px;
    top: 143%;
}

.m_user_menu ul li a {
    color: #012047;
    display: block;
    border-radius: 4px;
    font-size: 16px;
    padding: 10px;
}

.top_header.header-topbar .topbar-info {
    display: flex;
    justify-content: space-between;
}

.top_header.header-topbar .topbar-info ul li {
    border-right: none;
}

.top_header.header-topbar .topbar-info ul li {
    border-right: none;
    color: #012047;
}

.menu_header .header-nav .logo {
    max-width: 60px !important;
}

.menu_header .header-nav .appointment_btn {
    background: #084276 !important;
    border: 1px solid #084276 !important;
}

.menu_header .header-nav .appointment_btn:hover {
    background-color: #2fb5da !important;
    transition: all .6s ease;
    border: 1px solid #2fb5da !important;
}

.header .header-nav .main-nav>li.active>a {
    color: #084276 !important;
}


/* .header-topbar .header-info p {
  color: #777;
}
.header-topbar .header-info a {
  color: #777;
} */

.header-topbar .header-info p i {
    color: #2fb5da;
}

.header-topbar .topbar-info .header-info a:hover {
    color: #2fb5da !important;
}

.header-topbar .topbar-info>ul>li .social-icon a i {
    color: #777;
}

.header-topbar .topbar-info>ul>li .social-icon a i:hover {
    color: #2fb5da;
}

.contact-info {
    background: linear-gradient(140.08deg, #084276 60%, #1063ad 90.28%) !important;
}

.grid-overlay-item .fav-icon {
    margin-left: auto !important;
}


/*  */

.breadcrumb-bar.overflow-visible.inner_banner_sec {
    margin-top: 58px !important;
}

.header-dropdown .dropdown-menu a:hover {
    background: #22bbe3;
    color: #fff;
}


/* Banner Sec */

.banner-section.banner-sec-one.banner_sec .banner_text_content {
    margin-top: 0;
}

.banner-section.banner-sec-one.banner_sec .banner_text_content .sub_title {
    margin-bottom: 10px;
    font-weight: 400;
    color: #014c82;
}

.banner-section.banner-sec-one.banner_sec .rating-appointment {
    position: relative;
    top: -40px;
}

.banner-section.banner-sec-one.banner_sec .banner_text_content .banner_title {
    color: #014c82;
}

.banner-section.banner-sec-one.banner_sec .banner_text_content .banner_title span {
    color: #57cbee;
    text-transform: uppercase;
}

.banner-section.banner-sec-one .banner-img .banner-appointment.\32 7_logo {
    width: 18%;
    padding: 6px;
    top: 80px;
}

.doctors-search-box.banner_search .location_droupdown {
    width: 41%;
}

.doctors-search-box.banner_search {
    width: 88%;
    margin-left: 0;
}

.search-box-one {
    min-width: 100%;
}

.doctors-search-box {
    background: #014c82 !important;
    border-radius: 35px;
}

.card-header.doctor_info {
    border-bottom: none;
}

.doctor-content.dashbord_booking_content {
    padding: 0;
}

.search_sec {
    padding: 30px 20px 20px;
}

.search_sec .booking-header .doctors-search-box {
    margin: 0;
    background: #e6e8ee !important;
}

.appointment_details .booking_info_content {
    margin-top: 0;
}

.appointment_details .booking_info_content .btn_sec {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.appointment_details .booking_info_content .btn_sec .pay_btn {
    background: #014c82;
    color: #fff;
    padding: 4px 20px;
    border-radius: 25px;
    margin: 0 10px;
    font-size: 14px;
    border: 1px solid #014c82;
}

.appointment_details .booking_info_content .btn_sec .pay_btn:hover {
    color: #014c82;
    background: #fff;
    border: 1px solid #014c82;
}

.appointment_details .booking_info_content .btn_sec .pay_btn.leter {
    color: #014c82;
    background: #fff;
    border: 1px solid #014c82;
}

.appointment_details .booking_info_content .btn_sec .pay_btn.leter:hover {
    color: #fff;
    background: #014c82;
    border: 1px solid #014c82;
}


/* Patient Booking */

.card-header.doctor_info .doctor_info_text {
    width: 84%;
}
.card-header.doctor_info.chooseDoctor .doctor_info_text {
    width: 80%;
}


.card-header.doctor_info .doctor_info_text .top_sec {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #dee2e6;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.card-header.doctor_info .doctor_info_text .top_sec p {
    margin: 0 !important;
    color: #014c82;
}

.card-header.doctor_info .doctor_info_text .info_fees {
    display: flex;
    justify-content: space-between;
}

.card-header.doctor_info .doctor_info_text .info_fees .des {
    margin: 0;
}

.card-header.doctor_info .doctor_info_text .info_fees {
    display: flex;
    justify-content: space-between;
}

.card-header.doctor_info .doctor_info_text .info_fees .des {
    margin: 0;
}

.card-header.doctor_info .doctor_info_text .info_fees span.badge.bg-orange {
    margin-left: 10px;
}

.card-header.doctor_info .doctor_info_text .info_fees h4 {
    display: flex;
    align-items: center;
}

.card-header.doctor_info .doctor_info_text .info_fees .des.degri {
    margin-bottom: 8px;
}

.card-header.doctor_info .doctor_info_text .info_fees .des.segment {
    margin-bottom: 2px;
}

span.doctor_photo {
    width: 115px !important;
    height: 138px !important;
    border-radius: 10px !important;
    margin-right: 15px !important;
}

span.doctor_photo img {
    vertical-align: top;
}

.card-header.doctor_info .doctor_info_text .info_fees .price {
    text-align: right;
}

.card-header.doctor_info .doctor_info_text .top_sec .edit {
    color: #014c82;
    margin-left: 8px;
}

.booking_info_content {
    margin-top: 30px;
}

.bg-primary,
.badge-primary {
    background-color: #014c82 !important;
}

.booking-wizard-slots .visits input:checked~.visit-rsn {
    background: #27cbee;
}

.card-header.doctor_info .doctor_info_text .select_tick_icon {
    text-align: right;
    margin-top: 16px;
    display: none;
}

.card-header.doctor_info .doctor_info_text .select_tick_icon i {
    font-size: 30px;
    color: #10b307;
}

.multistep-form .doctor_info.doctor_appointment_info.active .select_tick_icon {
    display: block;
}

.booking-wizard-slots .visits.active input:checked~.visit-rsn {
    background: #27cbee;
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #27cbee;
}

.booking-wizard-slots .visits.active .visit-rsn {
    background: #d99800;
    color: #fff;
}

.profile-sidebar .dashboard-widget .dashboard-menu>ul>li.active>a {
    background: #014c82;
    color: #fff !important;
}

.profile-sidebar .dashboard-widget .dashboard-menu>ul>li:hover a {
    color: #014c82;
}

.sloat_norecord {
    height: 284px;
}

.sloat_norecord {
    height: 284px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.sloat_norecord i {
    font-size: 34px;
    color: #9d9d9d;
    margin-bottom: 20px;
    display: block;
}

.sloat_norecord.title {
    font-weight: 600;
    margin-top: 20px;
    font-size: 20px;
}

.login_photo {
    height: 380px;
    overflow: hidden;
    border-radius: 15px;
}

.login_photo img {
    height: 100%;
    width: 624px;
}

.link_tab a {
    margin-left: 10px;
}

.link_tab a .icon {
    border: 1px solid #eaeaea;
    padding: 2px 4px;
    border-radius: 4px;
    height: 24px;
    display: flex;
    align-items: center;
}

.title_link .book-title h6 {
    margin: 0 !important;
}

.link_tab a .icon.active {
    display: none;
}

.link_tab a .icon svg {
    width: 16px;
    height: 16px;
    fill: #8b8b8b;
}

.link_tab {
    display: flex;
}

.title_link {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


/* .link_tab a.show .icon {
  display: none;
} */


/* .link_tab a.show .icon.active {
  display: block;
} */

.link_tab a.show .icon {
    border-color: #27cbee;
}

.link_tab a.show .icon svg {
    fill: #27cbee;
}

.link_tab a.premium.show .icon {
    border-color: #d99800;
}

.link_tab a.premium.show .icon svg {
    fill: #d99800;
}

.banner-section.banner_sec .banner_search .search_box .search-input.search-map-line .location_field {
    width: 100%;
}

.banner-section.banner_sec .banner_search .search_box .search-input.search-map-line .location_field {
    width: 100%;
}

.banner-section.banner_sec .banner_search .search_box .search-input.search-map-line .location_field span.select2.select2-container {
    width: 100% !important;
}

.banner-section.banner_sec .banner_search .search_box .search-input.search-map-line .location_field span.select2.select2-container .select2-selection__arrow {
    right: 0;
    height: 30px;
    width: 10px;
}

.banner-section.banner_sec .banner_search .search_box .search-input.search-map-line .location_field span.select2.select2-container .select2-selection__arrow b {
    padding: 0;
    transform: rotate(-3deg);
    border-width: 7px 6px 0 7px;
}

.banner-section.banner_sec .banner_search .search_box .search-input.search-map-line .location_field span.select2.select2-container .select2-selection--single {
    border: none;
}

.banner-section.banner_sec .banner_search .search_box .search-input.search-map-line .location_field span.select2.select2-container .select2-selection--single span.select2-selection__placeholder {
    color: #465D7C;
    font-size: 16px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #465D7C !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 38px;
}

.bill_type_droupdown_sec {
    margin-top: 20px;
    padding: 13px;
    border-radius: 8px;
}

.bill_type_droupdown_sec .bill_droupdown span.select2 {
    width: 100% !important;
}


/* Patient Booking */

.TabBlock .nav-link {
    padding: 0 5px;
    font-size: 12px;
    border: 0;
    color: var(--theme-primaryColor);
}

.TabBlock .nav-link.active {
    background: transparent;
    font-weight: bold;
}

.TabBlock>nav>.nav-tabs {
    border-color: #AAAAAA;
    border-top: 1px solid #AAAAAA;
    margin-top: 12px;
}

.TabBlock>nav>.nav-tabs {
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
}

.TabBlock>nav:has(.navSliderArrowBox)>.nav-tabs {
    overflow: auto;
    scrollbar-width: none;
    min-width: calc(100% - 30px);
    width: calc(100% - 30px);
    border: 0;
    margin: 0;
}

.TabBlock>nav>.nav-tabs::-webkit-scrollbar {
    display: none;
}

.navSliderArrowBox button {
    width: 13px;
    padding: 0;
    min-width: 13px;
    height: 13px;
    border: 0;
    line-height: 0;
}

.navSliderArrowBox button img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.TabBlock nav:has(.navSliderArrowBox) {
    display: flex;
    align-items: center;
    margin-top: 13px;
}

.family_container {
    display: inline-flex;
    align-items: center;
    width: 100%;
    margin: 0px 0 10px;
}

.family_container {
    background: #ffffff;
    padding: 12px;
    border: 1px solid #eaeaea;
    border-radius: 11px;
    box-shadow: 0 5px 8px 0 rgb(201 201 201 / 30%);
    display: flex;
    flex-wrap: wrap;
}

.family_container .appointment_check [type="radio"]:checked,
.family_container .appointment_check [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.family_container .appointment_check [type="radio"]:checked+label,
.family_container .appointment_check [type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}

.family_container .appointment_check [type="radio"]:checked+label:before,
.family_container .appointment_check [type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}

.family_container .appointment_check [type="radio"]:checked+label:after,
.family_container .appointment_check [type="radio"]:not(:checked)+label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #27cbee;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.family_container .appointment_check [type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.family_container .appointment_check [type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.family_container label .des {
    font-size: 13px;
    line-height: 16px;
    margin-top: 2px;
    margin: 5px 0 0!important;
    font-weight: 400;
}

.TabBlock.family_slider a {
    width: auto;
    flex: 0 0 auto;
}
.family_container label .family_name {
    font-size: 16px;
}
.TabBlock.family_slider {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 20px;
}

.TabBlock.family_slider nav .navSliderArrowBox {
    width: 30px;
    flex: 0 0 30px;
    text-align: center;
}

.TabBlock.family_slider nav {
    width: 80%;
    margin: 0 30px;
}

.TabBlock.family_slider .add_member {
    width: 10%;
    flex: 0 0 10%;
    text-align: center;
}

.TabBlock.family_slider .add_member i {
    font-size: 22px;
    display: block;
    color: #22bbe3;
}

.TabBlock.family_slider .add_member .family_name {
    color: #22bbe3;
    font-size: 14px;
    margin-top: 7px;
    display: block;
}

.form-wizard-steps li.progress-active .profile-step .multi-steps {
    background: #014c82;
}

.multistep-form .booking-card .card-footer a {
    background: #014c82 !important;
    /* display: flex; */
    border: none;
}

.multistep-form .booking-card .card-footer a:hover {
    background-color: #2fb5da !important;
    transition: all .6s ease;
}

.multistep-form .booking-card .card-footer a:before {
    display: none !important;
}


/* .pay_confirm {
  display: flex;
  align-items: center;
} */

.multistep-form .booking-card .card-footer .pay_confirm .pay_btn.leter {
    border-radius: 25px;
    color: #fff;
    padding: 5px 20px;
    margin-right: 10px;
    background: #fff !important;
    border: 1px solid #014c82;
    color: #014c82;
    font-size: 16px;
}

.multistep-form .booking-card .card-footer .pay_confirm .pay_btn.leter:hover {
    background: #014c82 !important;
    color: #fff;
}

.multistep-form .booking-card .card-footer .pay_confirm .confirm_btn {
    font-size: 16px !important;
    padding: 6px 20px;
}

.form-search-btn .btn {
    background: #014c82 !important;
    border: none;
    padding: 8px 20px;
}

.form-search-btn .btn:after {
    display: none;
}

.form-search-btn .btn:hover {
    background: #27cbee !important;
    border: none;
}

.form-search-btn .btn:before {
    background: #27cbee;
}

.search-input.search-map-line {
    width: 40%;
}

.search-input.search-map-line.location_field select.form-select {
    border: none;
    padding: 0 30px;
}

.search-input.search-map-line.location_field:before {
    display: none;
}

.doctors-search-box .search-box-one .header-dropdown .dropdown-toggle::after {
    right: 8%;
    position: absolute;
    top: 8px !important;
}

.search-input.search-line input.form-control {
    padding: 0 46px;
}

.form-search-btn .btn:before {
    display: none;
}

.search-input.search-map-line.location_field i {
    left: 11px;
}

.search-input>i.bficon {
    left: 18px;
}

.search-input.search-map-line .sort-dropdown {
    border: none;
    padding: 0 36px;
}

.search-input.search-map-line .dropdown-menu.dropdown-menu-end {
    width: 100%;
    top: 11px !important;
}

.form-check-input:checked {
    background-color: #014c82;
    border-color: #014c82;
}

.head-icon.active,
.head-icon:hover {
    background: #014c82;
}

.filter-range .irs--flat .irs-from,
.filter-range .irs--flat .irs-to,
.filter-range .irs--flat .irs-single {
    background-color: #014c82;
}

.filter-range .irs--flat .irs-from:before,
.filter-range .irs--flat .irs-to:before,
.filter-range .irs--flat .irs-single:before {
    border-top-color: #014c82;
}

.filter-range .irs--flat .irs-bar {
    background-color: #014c82;
}

.filter-range .irs--flat .irs-handle>i:first-child {
    background-color: #014c82;
}

.dashboard-pagination ul li .page-link.active {
    background: #014c82;
    border-color: #014c82;
}

.dashboard-pagination ul li .page-link:hover {
    background: #014c82;
    border-color: #014c82;
}

.doctor_info .btn {
    background: #014c82;
}

.doctor_info .btn:hover {
    background: #2976af;
}

.doctor_info .btn:before {
    display: none;
}

.doctor_info .bottom_sec {
    display: flex;
    align-items: center;
}

.doctor_info .bottom_sec .specialist {
    margin: 0 14px 0 0;
}

.dr_location {
    background: #22bbe3;
    border-radius: 36px;
    padding: 3px 6px;
    line-height: 16px;
  }

.dr_location i {
    margin-right: 2px !important;
}

.doctor_info .specialist {
    margin-bottom: 0;
}

.doctor-info-detail .experience {
    margin-top: 54px;
}

.doctor_info .doctor-info-detail {
    padding-bottom: 19px !important;
    padding-top: 6px !important;
}

.location_top_sec {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

a.ophthalmologists {
    color: #014c82 !important;
}

.text-secondary {
    color: #22bbe3 !important;
    text-decoration: none !important;
}

.doctor_info .price {
    color: #014c82 !important;
}


/* Logoin Otp  Css */

.content.login_phone_content {
    padding: 90px 0;
}

.content.login_phone_content .account-content .account-info .login-title h3 {
    margin-bottom: 30px;
    font-size: 32px;
    margin-bottom: 8px;
    font-weight: 600;
    color: #012047;
}


/* Logoin Otp  Css */


/*****===== Home Page =====*****/

.doctor-info-detail.details_content .degri {
    margin-bottom: 6px;
}

.banner_sec {
    overflow: visible;
}

.banner-section.banner_sec .banner_search .search_box .search-input.search-line {
    width: 49%;
}

.banner-section.banner_sec .banner_search .search_box .search-input.search-map-line {
    width: 20%;
    padding: 3px 0;
}

.banner-section.banner_sec .banner_search .search_box .search-input.search-map-line:before {
    display: none;
}

.banner-section.banner_sec .banner_search .search_box .search-input.search-map-line a.dropdown-toggle:after {
    float: right;
}

.banner-section.banner_sec .banner_search .search_box .search-input.search-map-line .dropdown-menu.dropdown-menu-end {
    left: 0 !important;
    right: 0 !important;
    top: 20px !important;
    transform: none !important;
    height: auto !important;
    inset: auto !important;
}

.list-section.sevice_list .list_service_icon {
    background: #014c82;
}

.list-section.sevice_list .list_service_icon.appointment img {
    width: 24px;
}

.list-section.sevice_list .list_service_icon img {
    width: 34px;
}

.list-icon.list_service_icon.ophthalmology img {
    width: 46px;
}

.faq-info .accordion-button:not(.collapsed)::after {
    background: #014c82;
}

.faq-info .accordion-button:after {
    color: #014c82;
}

.doctor-info-detail.details_content .des.segment {
    margin: 0;
}

.doctor-info-detail.details_content .experience {
    margin-top: 4px;
}

.counter-item h6::before {
    background: #27cbf1 !important;
}

.doctor_info .book_now {
    background: #014c82 !important;
    border: none;
}

.doctor_info .book_now:hover {
    background-color: #2fb5da !important;
    transition: all .6s ease;
    border: none;
}

.text-indigo {
    color: #014c82;
}

.active-bar::after {
    background: #014c82;
}

.active-bar .text-indigo:hover {
    color: #22bbe3;
}

.badge.badge-primary {
    background: #27cbef !important;
}

.doctor-section .btn_sec {
    text-align: center;
    margin-top: 40px;
}

.patient-sidebar .profile-det-info span i {
    color: #22bbe3;
}

.doctor-section .btn_sec .view_btn {
    padding: 8px 35px !important;
    color: #fff;
    background: #014c82 !important;
    border-radius: 50px;
    transition: all .6s ease;
}

.doctor-section .btn_sec .view_btn:hover {
    background: #27cbef !important;
}

.services-section.service_slider_sec {
    background: #27cbef;
}

.services-section.service_slider_sec .services-slide:before {
    background: #92ebff;
}

.bookus-section.why_choose {
    background: linear-gradient(140.08deg, #084276 60%, #1063ad 90.28%) !important;
    border: none !important;
}

.bookus-section.why_choose .text-white span {
    color: #27cbee !important;
    background: none;
    -webkit-text-fill-color: initial;
}

.bookus-section .faq-info .accordion-item {
    background: #014c82;
    border: 1px solid #fff;
}

.bookus-section .faq-info .accordion-item .accordion-button::after {
    background: #27cbee;
    color: #fff;
}

.bookus-section .faq-info .accordion-item .accordion-button:not(.collapsed) {
    color: #ffffff;
}

.bookus-section .faq-info .accordion-item .accordion-button:not(.collapsed)::after {
    background: #27d0f2;
}

.list-section {
    z-index: 8;
}

.reason-section.why_choose_with_us h6 {
    display: flex;
    align-items: center;
}

.reason-section.why_choose_with_us h6 img {
    width: 40px;
    /* float: left; */
    margin-right: 20px;
}

.testimonial_tab_sec nav {
    text-align: center;
}

.testimonial_tab_sec .testimonial_tab {
    justify-content: center;
    background: #014c82;
    display: inline-flex;
    margin-bottom: 40px;
    border-radius: 40px;
    padding: 5px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border: none;
    justify-content: space-between;
    width: 28%;
}

.testimonial_tab_sec .testimonial_tab .nav-link {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border: none;
    border-radius: 40px;
    margin-bottom: 0;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
}


/* .testimonial_tab_sec .testimonial_tab li {
  margin: 0 4px;
} */

.doctor-section button:hover {
    background: #014c82 !important;
    border-color: #014c82 !important;
}

.testimonial_tab_sec .testimonial_tab .nav-link.active,
.testimonial_tab_sec .testimonial_tab .nav-link:hover {
    color: #fff;
    border: none;
    background: #27cbef;
}

.testimonial_content .testimonials_slider .testimonials_video_content {
    background: #fff;
    border-radius: 13px;
    overflow: hidden;
}

.testimonial_content .testimonials_slider .testimonials_video_content .testimonials_video {
    height: 240px;
    overflow: hidden;
}

.testimonial_content .testimonials_slider .testimonials_video_content .testimonials_video iframe {
    height: 240px;
    width: 100%;
}

.testimonial_content .testimonials_slider .testimonials_video_content .text_content {
    padding: 20px;
}

.testimonial_content .testimonials_slider .testimonials_video_content .text_content .des {
    width: auto;
    left: 0;
    top: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.testimonial_content .testimonials_slider .testimonials_video_content .text_content .treatment {
    color: #014c82;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 8px;
}

.testimonial_content .testimonials_slider .testimonials_video_content .text_content .name {
    color: #27cbee;
    font-size: 14px;
    text-align: center;
    display: block;
    font-weight: 400;
}

.our_pathner_sec .pathner_icon {
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    padding: 10px;
}

.doctors-slider .dr_location:hover {
    background: #014c82;
    color: #fff;
}

.m_location_payment .payment_info {
    display: none;
}


/* Banner Bottom Sec */

.dc-advancedsearch {
    float: left;
    width: 60%;
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 20px 0 rgba(165, 165, 165, 0.5);
    box-shadow: 0 0 20px 0 rgba(165, 165, 165, 0.5);
}

.dc-searchform-holder {
    float: left;
    width: 100%;
    z-index: 9;
    margin-top: -38px;
    position: relative;
    top: 0;
    left: 0;
}

.dc-advancedsearch .dc-title {
    padding: 23px 30px;
    border-bottom: 1px solid #eee;
}

.dc-advancedsearch .dc-title h2 {
    font-size: 24px;
    margin: 0;
    line-height: 24px;
    display: inline-block;
    vertical-align: middle;
    font-weight: 700;
    color: #272c6e;
}

.dc-form-advancedsearch {
    float: left;
    width: 100%;
    padding: 30px;
}

.dc-form-advancedsearch fieldset .form-group:first-child {
    width: 60%;
}

.dc-form-advancedsearch fieldset .form-group:nth-child(2) {
    width: 40%;
}

.dc-formbtn {
    top: 5px;
    right: 5px;
    position: absolute;
}

.dc-form-advancedsearch .form-control {
    color: #999;
    outline: none;
    height: 50px !important;
    background: #fff;
    font-size: 14px;
    -webkit-box-shadow: none;
    box-shadow: none;
    line-height: 18px;
    padding: 10px 20px;
    border-radius: 4px;
    display: inline-block;
    vertical-align: middle;
    border: 2px solid #eee;
    text-transform: inherit;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.dc-form-advancedsearch select.form-control {
    height: 50px;
}

.dc-form-advancedsearch fieldset .form-group:first-child {
    width: 59%;
}

.dc-form-advancedsearch fieldset .form-group:nth-child(2) {
    width: 40%;
}

.dc-form-advancedsearch .form-group {
    display: inline-block;
    float: left;
}

.dc-form-advancedsearch fieldset {
    position: relative;
    float: none;
    width: auto;
    margin: -5px;
    padding-right: 60px;
}

.dc-formbtn a {
    width: 50px;
    color: #fff;
    height: 50px;
    display: block;
    font-size: 12px;
    line-height: 50px;
    text-align: center;
    border-radius: 4px;
    background-color: #272c6e;
    transition: 1s;
}

.dc-formbtn a:hover {
    background-color: #3b4189;
    transition: 1s;
}

.dc-formbtn {
    top: 5px;
    right: 5px;
    position: absolute;
}

.dc-select {
    color: #999;
    float: left;
    width: 100%;
    position: relative;
    text-transform: capitalize;
}

.dc-select select {
    z-index: 1;
    width: 100%;
    position: relative;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    padding: 10px 30px 10px 20px;
}

.dc-form-advancedsearch fieldset .form-group {
    margin: 0;
    padding: 5px;
}

.dc-jointeamholder {
    float: left;
    width: 40%;
    padding-left: 10px;
}

.dc-jointeam {
    float: left;
    width: 100%;
    position: relative;
    border-radius: 4px;
    padding: 0 10px 0 20px;
    background: #2e315a;
}

.dc-jointeamimg {
    float: left;
    width: auto;
    margin: -25px 0 0;
}

.dc-jointeamcontent {
    overflow: hidden;
    padding: 30px 0 0px 20px;
}

.dc-jointeamcontent h3 {
    color: #fff;
    font-size: 26px;
    margin: 0 0 14px;
    line-height: 30px;
}

.dc-jointeamcontent h3 span {
    font-size: 16px;
    display: block;
    line-height: inherit;
    font-weight: 400;
}


/*.dc-jointeamcontent .dc-btn{line-height: 32px;}*/

.dc-jointeamnoti {
    top: -12px;
    width: 24px;
    color: #fff;
    right: -12px;
    font-size: 14px;
    line-height: 24px;
    border-radius: 50px;
    text-align: center;
    position: absolute;
    background: var(--secthemecolor);
}

.dc-jointeamnoti i {
    display: block;
    line-height: 24px;
}

.dc-btn {
    min-width: 160px;
    padding: 0 10px;
    position: relative;
    text-align: center;
    border-radius: 4px;
    display: inline-block;
    vertical-align: middle;
    text-transform: capitalize;
    color: #1f224e;
    border: solid 1px #eee;
    background: #eee;
    font-size: 14px;
    margin-top: 10px;
}

.dc-doctordetails-holder {
    float: left;
    width: 100%;
    padding: 30px;
    height: 300px;
    background: #fff;
    overflow: hidden;
    position: relative;
    border: 1px solid #eee;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.dc-slidercounter {
    right: 0;
    bottom: 0;
    font-size: 160px;
    line-height: 128px;
    position: absolute;
    color: rgba(61, 68, 97, 0.06);
}

.dc-doctordetails-holder h3 {
    margin: 0;
    display: block;
    font-size: 26px;
    overflow: hidden;
    line-height: 30px;
    white-space: nowrap;
    font-weight: 900;
    margin: 176px 0 10px;
    text-overflow: ellipsis;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.dc-doctordetails-holder h3 span {
    display: block;
    font-size: 16px;
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    line-height: inherit;
    text-overflow: ellipsis;
    color: #3d4461;
}

.dc-searchholder.banner_bottom_sec .dc-advancedsearch.appointment .dc-jointeam {
    background: #014c82;
    padding: 18px 20px;
}

.dc-searchholder.banner_bottom_sec .dc-advancedsearch.appointment .dc-jointeam figure.dc-jointeamimg {
    width: 360px;
    margin-top: -69.66px;
}

.dc-searchholder.banner_bottom_sec .dc-advancedsearch.appointment .dc-jointeam figure.dc-jointeamimg img {
    width: 100%;
}

.dc-searchholder.banner_bottom_sec .dc-advancedsearch.appointment .dc-jointeam .dc-jointeamcontent {
    padding: 0 0 0 40px;
}

.dc-searchholder.banner_bottom_sec .dc-advancedsearch.appointment .dc-jointeam .dc-btn.dc-btnactive {
    background: #57cbee;
    color: #fff;
    border: 1px solid #014c82;
    padding: 8px 4px;
    border-radius: 25px;
    min-width: 130px;
}

.dc-searchholder.banner_bottom_sec .dc-advancedsearch.appointment .dc-jointeam .dc-btn.dc-btnactive:hover {
    background: #014c82;
    border: 1px solid #fff;
}

section.dc-searchholder.banner_bottom_sec .dc-jointeamholder.appointment_doctor .dc-jointeam {
    background: #57cbee;
}

section.dc-searchholder.banner_bottom_sec .dc-jointeamholder.appointment_doctor .dc-jointeam .dc-jointeamimg {
    margin-top: -32px;
}

section.dc-searchholder.banner_bottom_sec .dc-jointeamholder.appointment_doctor .dc-jointeam .dc-btn.dc-btnactive {
    min-width: 118px;
    background: #014c82;
    border: 1px solid #57cbee !important;
    border: none;
    color: #fff;
    padding: 8px 14px;
    border-radius: 25px;
}

section.dc-searchholder.banner_bottom_sec .dc-jointeamholder.appointment_doctor .dc-jointeam .dc-btn.dc-btnactive:hover {
    background: #57cbee;
    border: 1px solid #fff !important;
}


/* Banner Bottom Sec */


/*****===== Home Page =====*****/


/*****===== Home Page =====*****/
.doctor-fav-list .doctor-info-profile .table-avatar img {
    object-fit: cover;
}
.dependent-wrap .patinet-information img {
    object-fit: cover;
}
/*****===== Home Page =====*****/







/*****===== Login otp Page =====*****/

.content.login_phone_content .login_btn {
    background: #014c82;
}

.content.login_phone_content .login_btn:hover {
    background: #27cbee;
}

.content.login_phone_content .login_btn:before {
    display: none;
}

.login-content-info.otp_logon .login-verify-img {
    background: #27cbee;
}

.login-content-info.otp_logon .login-form-control .otp-info .otp-code a {
    color: #27cbee;
    display: block;
}

.login-content-info.otp_logon .submit_link button {
    background: #014c82 !important;
}

.login-content-info.otp_logon .submit_link button:before {
    display: none;
}

.login-content-info.otp_logon .submit_link button:hover {
    background: #27cbee !important;
}

.login_phone_content .otp-box input {
    width: 60px;
    margin: 14px 2px;
    height: 60px;
}


/*****===== Login otp Page =====*****/

.filter-set-contents ul {
    max-height: 200px;
    overflow-y: scroll;
    /* min-height: 110px; */
}


/* Patient Info */

.patient_info_sec {
    display: flex;
    flex-wrap: wrap;
}

.patient_info_sec .text_info {
    width: 73%;
    position: relative;
}

.patient_info_sec .text_info .edit {
    position: absolute;
    right: 0;
}

.patient_info_sec .patient_photo_sec {
    width: 24%;
    margin-right: 20px;
    border-right: 1px solid #eaeaea;
    padding-right: 20px;
}

.patient_info_sec .patient_photo_sec .patient_photo {
    width: 170px;
    height: 170px;
    margin-bottom: 9px;
    margin: auto;
    display: block;
}

.patient_info_sec .patient_photo_sec .text_content {
    text-align: center;
    margin-top: 14px;
    display: flex;
    align-items: center;
}

.patient_info_sec .patient_photo_sec .text_content i {
    font-size: 30px;
}

.patient_info_sec .patient_photo_sec .text_content .name_text_info {
    margin-left: 8px;
    text-align: left;
}

.patient_info_sec .patient_photo_sec .text_content .family_name {
    font-size: 16px;
}

.patient_info_sec .patient_photo_sec .text_content .des {
    margin: 0;
    font-size: 14px;
}


/* .patient_info_sec .patient_photo_sec .text_content .icon {
  width: 20%;
  display: flex;
  flex-direction: column;
} */

.patient_info_sec .patient_photo_sec .text_content .icon span {
    font-size: 13px;
}

.patient_info_sec .patient_photo_sec .text_content .name_text_info .family_name {
    font-size: 16px;
    margin-bottom: 3px;
    word-break: break-all;
}

.patient_info_sec .patient_photo_sec .text_content .name_text_info .des {
    font-size: 12px;
}


/* Patient Info */

.booking_info_content .top_sec .title_sec a.not_attented {
    background: #e8c600;
}

.booking_info_content .top_sec .title_sec a.not_attented:hover {
    background: #e8c600;
}

.booking_info_content .top_sec .title_sec a.completed {
    background: #219653;
}

.booking_info_content .top_sec .title_sec a.completed:hover {
    background: #219653;
}

.booking_info_content .top_sec .title_sec a.cancel {
    background: #ff0000;
}

.booking_info_content .top_sec .title_sec a.cancel:hover {
    background: #ff0000;
}

.booking_id_sec {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}

.multistep-form .booking_id_sec .date {
    font-size: 14px;
    color: #b2b4b7;
    font-weight: 400;
}

.top_title_sec {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.top_title_sec .reschedule_btn {
    background: #27cbee;
    padding: 5px 10px;
    color: #fff;
}

.top_title_sec .reschedule_btn:hover {
    background: #014c82;
    color: #fff;
}

.booking_info_content .top_sec {
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
}

.booking_info_content .top_sec .title_sec {
    display: flex;
    align-items: center;
}

.booking_info_content .top_sec .title_sec a {
    margin-left: 16px;
    padding: 3px 10px;
    background: #27cbee;
    color: #fff;
}

.booking_info_content .top_sec .title_sec a:hover {
    background: #014c82;
}

.paid_unpaid_sec {
    display: flex;
}

.paid_unpaid_sec .paid_sec {
    text-align: center;
    margin-left: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.paid_unpaid_sec .paid_sec span {
    display: flex;
    font-size: 14px;
    margin-bottom: 0;
    padding: 3px 12px;
    border-radius: 15px;
    position: relative;
    justify-content: center;
    width: auto;
}

.paid_unpaid_sec .paid_sec .paid {
    background: #014c82;
    padding: 5px 12px;
    border-radius: 15px;
    font-size: 14px;
    color: #fff;
    margin-left: 10px;
}

.paid_unpaid_sec .paid_sec .paid:hover {
    background: #27cbee;
}

.paid_sec span.paid_full {
    background: #219653;
    color: #fff;
    border: 1px solid #219653;
}

.paid_sec span.paid_full:before {
    background: #fff;
}

.paid_unpaid_sec .paid_sec span.unpaid_status {
    background: #ffcccc;
    border: 1px solid #ff8484;
    color: #ff0000;
}

.paid_unpaid_sec .paid_sec span:before {
    content: "";
    width: 6px;
    height: 6px;
    position: relative;
    border-radius: 50%;
    top: 0;
    bottom: 0;
    margin: auto;
    margin-right: 6px;
}

.paid_sec span.paid_status {
    background: #dfffcb;
    border: 1px solid #16a904;
    color: #16a904;
}

.paid_unpaid_sec .paid_sec span.paid_status:before {
    background: #5da94a;
}

.paid_unpaid_sec .paid_sec span.unpaid_status:before {
    background: #ff1613;
}

.paid_unpaid_sec .paid_sec span.refunded {
    background: #ffe7c8;
    border: 1px solid #ff8f00;
    color: #ff8f00;
}

.paid_unpaid_sec .paid_sec span.refunded:before {
    background: #ff940b;
}

.accordion-body .booking_info_content.appointment_booking {
    margin-top: 0;
}

.patient_info_sec .patient_photo_sec .text_content .icon svg {
    width: 25px;
}

.patient_info_sec .patient_photo_sec .text_content .icon svg path {
    fill: #014c82;
}

.view {
    font-size: 12px;
    color: #014c82;
    font-weight: 700;
    margin-left: 4px;
}
.reschedule_btn {
    background: #22bbe3 !important;
    color: #fff !important;
    line-height: 18px;
}

/* My Appoinment Page */

.appointment-tabs ul li .nav-link.active {
    background: #014c82 !important;
    border-color: #014c82 !important;
}

.appointment-tabs ul li .nav-link:hover {
    background: #014c82;
    border-color: #014c82;
}



/* My Appoinment Page */

.content .show_info {
    font-size: 15px;
    color: #465D7C;
}

.content .show_info a {
    text-decoration: underline;
    font-weight: 500;
    color: #22bbe3;
    text-transform: capitalize;
}
.content .show_info a:hover {
    color: #014c82 ;
}
.tab-content.appointment-tab-content.doctor_appointment_list .accordion-header .dr_location {
    padding: 8px 8px;
}


/* Dashboard Page */

.dropdown.header-dropdown.slect_droupdown .dropdown-toggle {
    padding: 8px 14px !important;
}

.dropdown.header-dropdown.slect_droupdown {
    margin-left: 10px;
}

.appointment-wrap.dashboard-appointment-wrap .family_container {
    width: 72%;
    flex: 0 0 72%;
}

.appointment-wrap.dashboard-appointment-wrap .date_time {
    display: flex;
}

.appointment-wrap.dashboard-appointment-wrap .date_time .des {
    margin: 0;
    margin-right: 10px;
}

.appointment-wrap.dashboard-appointment-wrap .accordion-header {
    flex-wrap: wrap;
}

.appointment-wrap.dashboard-appointment-wrap .date_time .des i {
    margin-right: 0 !important;
}

.appointment-wrap.dashboard-appointment-wrap {
    padding: 15px;
}

.appointment-wrap.dashboard-appointment-wrap .accordion-item .accordion-header .paid_unpaid_right_sec .paid_unpaid_sec .paid_sec span {
    font-size: 10px;
    padding: 4px 12px;
    letter-spacing: 0.5px;
}

.appointment-wrap.dashboard-appointment-wrap .accordion-header .family_container .right_sec .text_content .bottom_sec .des.doctor {
    font-size: 16px;
}

.appointment-wrap.dashboard-appointment-wrap .accordion-header .family_container .right_sec .text_content .date_time .des {
    font-size: 14px;
    margin-right: 7px;
}

.appointment-wrap.dashboard-appointment-wrap .accordion-header .family_container .right_sec .text_content .badge.dr_location {
    font-size: 12px;
    padding: 2px 6px;
}

.appointment-wrap.dashboard-appointment-wrap .accordion-item .accordion-header .paid_unpaid_right_sec .paid_unpaid_sec .paid_sec .paid {
    padding: 4px 9px;
    font-size: 11px;
}

.appointment-wrap.dashboard-appointment-wrap .accordion-item .accordion-header .paid_unpaid_right_sec .paid_unpaid_sec .paid_sec .paid i {
    margin-right: 2px !important;
}

.dashboard-card-body.d_appoint_transactions .tab-content .dashboard-header {
    position: absolute;
    right: 0;
    top: 6px;
    margin: 0;
    padding: 0;
    border-bottom: none;
}

.dashboard-card-body.d_appoint_transactions .account-detail-table {
    position: relative;
}

.family_container.transaction_history_wrapper.dashboard_th_wrapper .right_sec .name_payment .family_name {
    font-size: 16px;
}

.family_container.transaction_history_wrapper.dashboard_th_wrapper .right_sec .name_payment .family_name {
    font-size: 16px;
    margin-top: 4px;
}

.family_container.transaction_history_wrapper.dashboard_th_wrapper .dr_location {
    font-size: 12px;
    padding: 3px 5px;
}

.family_container.transaction_history_wrapper.dashboard_th_wrapper .right_sec .bottom_sec .des {
    font-size: 14px;
}

.family_container.transaction_history_wrapper.dashboard_th_wrapper .right_sec .appointment_sec .des {
    font-size: 14px;
}

.family_container.transaction_history_wrapper.dashboard_th_wrapper .right_sec .name_payment .family_name {
    font-size: 16px;
    margin-top: 4px;
}

.family_container.transaction_history_wrapper.dashboard_th_wrapper .dr_location {
    font-size: 12px;
    padding: 3px 5px;
}

.family_container.transaction_history_wrapper.dashboard_th_wrapper .right_sec .bottom_sec .des {
    font-size: 14px;
}

.family_container.transaction_history_wrapper.dashboard_th_wrapper .right_sec .appointment_sec .des {
    font-size: 14px;
}

.family_container.transaction_history_wrapper.dashboard_th_wrapper .payment_info {
    text-align: right;
}

.family_container.transaction_history_wrapper.dashboard_th_wrapper .payment_info .status {
    font-size: 12px;
}

.family_container.transaction_history_wrapper.dashboard_th_wrapper .payment_info .paid_sec {
    margin-top: 5px;
}

.family_container.transaction_history_wrapper.dashboard_th_wrapper .payment_info .paid_sec .charge {
    font-size: 12px;
}

.family_container.transaction_history_wrapper.dashboard_th_wrapper .patint_info .appointment_sec {
    display: flex;
    align-items: center;
}

.family_container.transaction_history_wrapper.dashboard_th_wrapper .patint_info .appointment_sec .receipt {
    font-size: 13px !important;
}

.family_container.transaction_history_wrapper.dashboard_th_wrapper .patint_info .appointment_sec .bank_name {
    font-size: 13px;
}

.dashboard-card-body.d_appoint_transactions .dashboard-header .card-view-link a {
    color: #22bbe3;
}

.dashboard-card-body.d_appoint_transactions .dashboard-header .card-view-link a:hover {
    color: #014c82;
}


/* Dashboard Page */

.appointment-wrap {
    padding: 24px 24px 17px 24px;
}

.appointment-wrap .accordion-item .accordion-header {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.appointment-wrap .accordion-item .accordion-body {
    padding: 20px 0 0;
    border-top: 1px solid #eaeaea;
    margin-top: 20px;
}

.appointment-wrap .accordion .accordion-item {
    border: none;
}

.appointment-wrap .accordion-item .accordion-header .family_container {
    border: none;
    box-shadow: none;
    padding: 0;
    width: auto;
    margin: 0;
}
.appointment-wrap .accordion-item .accordion-header .family_container .name_reloard_sec .des.reload_icon {
    display: none;
}
.appointment-wrap .accordion-item .accordion-header .paid_unpaid_right_sec {
    display: flex;
    align-items: center;
}

.family_container .user_photo {
    width: 50px;
    height: 50px;
    background: #ebebeb;
    border-radius: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 16px;
    flex: 0 0 50px;
    overflow: hidden;
}
.appointment-wrap .accordion-item .accordion-header .online_icon {
    position: absolute;
    right: 0;
    top: -12px;
}

.appointment-wrap .accordion-item .accordion-header .online_icon i {
    font-size: 12px;
    color: #bfb5bf;
}

.appointment-wrap .accordion-item .accordion-header .family_container .text_content .name_payment {
    display: flex;
    align-items: center;
    margin-top: 4px;
}

.appointment-wrap .accordion-item .family_container .text_content .bottom_sec .des.doctor {
    font-size: 18px;
    color: #014c82;
    text-transform: uppercase;
}

.appointment-wrap .accordion-item .accordion-header .family_container .text_content .name_payment .family_name {
    font-size: 13px;
    color: #465D7C;
    margin-right: 11px;
}
.appointment-wrap .accordion-item .family_container .text_content .bottom_sec .appointment_date {
    display: flex;
}

.appointment-wrap .accordion-item .accordion-header .family_container .text_content .name_payment .des {
    margin-bottom: 0;
    font-size: 13px;
    margin-right: 10px;
}

.appointment-wrap .accordion-item .accordion-headert .family_container .text_content .name_payment {
    display: flex;
}

.appointment-wrap .accordion-item .accordion-headert .family_container .text_content .family_name {
    color: #010101;
    font-size: 16px;
    margin-right: 7px;
}

.appointment-wrap .accordion-item .accordion-headert .family_container .text_content .des {
    color: #010101;
}

.appointment-wrap .accordion-item .family_container .text_content .bottom_sec {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.appointment-wrap .accordion-item .family_container .text_content .bottom_sec .des {
    margin: 0 10px 0 0;
}

.appointment-wrap .accordion-item .family_container .text_content .bottom_sec .location {
    margin: 0;
    background: #777;
    padding: 2px 6px;
    font-size: 12px;
    color: #fff;
    text-transform: capitalize;
    border-radius: 4px;
    /* margin-left: 14px; */
    display: flex;
    align-items: center;
}

.appointment-wrap .accordion-item .accordion-header .accordion-button {
    width: auto;
    padding: 0;
    background: none;
    box-shadow: none;
}

.appointment-wrap .accordion-item .family_container .text_content .bottom_sec .des i {
    margin-right: 0 !important;
}

.appointment-wrap .accordion-item .accordion-header .paid_unpaid_right_sec .paid_unpaid_sec .paid_sec {
    flex-direction: column;
    margin-right: 30px;
    text-align: right;
    align-items: end;
}

.appointment-wrap .accordion-item .accordion-header .paid_unpaid_right_sec .paid_unpaid_sec .paid_sec span {
    margin-bottom: 10px;
}

span.charge {
    background: #22bbe3;
    padding: 5px 15px !important;
    color: #fff;
}

span.charge:before {
    display: none;
}

span.b_date {
    display: block;
    font-size: 11px;
    text-transform: capitalize;
    font-weight: 400;
    margin-top: 4px;
    color: #979a9f;
    margin-bottom: 10px;
}

.appointment-wrap .accordion-item .booking_info_content .top_sec .title_sec .icon {
    width: 30px;
    margin-left: 10px;
}

.appointment-wrap .accordion-item .booking_info_content .top_sec .title_sec .icon svg {
    width: 30px;
    height: 30px;
    padding: 5px;
    border-radius: 5px;
}

.appointment-wrap .accordion-item .booking_info_content .top_sec .title_sec .icon svg path {
    fill: #012047;
}

.appointment-wrap .accordion-item .booking_info_content .top_sec .title_sec .not_attented {
    margin-left: 10px;
}

.apponment_id_sec {
    background: #ecf7ff;
    padding: 10px;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.apponment_id_sec .apponment_bill .bill {
    font-size: 11px;
    color: #979a9f;
    margin-top: 1px;
}

.apponment_id_sec .apponment {
    color: #014c82;
    font-size: 20px;
}

.apponment_id_sec .btn_sec {
    display: flex;
    align-items: center;
}
.apponment_id_sec .btn_sec .dr_online_app {
    padding: 0;
}

.apponment_id_sec .btn_sec .reschedule_btn {
    background: #22bbe3;
    color: #fff;
    font-size: 13px;
    padding: 6px 10px;
    line-height: 23px;
}

.apponment_id_sec .btn_sec .cancel {
    font-size: 13px;
    background: #f00;
    color: #fff;
    margin-left: 10px;
    padding: 2px 12px;
    line-height: 31px;
}

.accordion-body .booking_info_content.appointment_booking .top_sec {
    margin-bottom: 0;
}

.booking_info_content.appointment_booking .slect_droupdown .dropdown-toggle {
    padding: 0 !important;
    border: none;
}

.booking_info_content.appointment_booking .slect_droupdown .dropdown-toggle:after {
    display: none;
}

.booking_info_content.appointment_booking .paid_unpaid_sec {
    align-items: center;
}

.booking_info_content.appointment_booking .paid_unpaid_sec .dropdown-menu {
    top: 6px !important;
    padding: 8px;
}

.settings-tab .nav-item .nav-link.active {
    background: #014c82;
    color: #FFF;
    border-color: #014c82;
}

.settings-tab .nav-item .nav-link:hover {
    background: #014c82;
    border-color: #014c82;
}

.img-upload .upload-img .change-photo {
    color: #27cbee;
}

.btn.btn-primary-gradient {
    background: #014c82;
}

.btn.btn-primary-gradient:hover {
    background: #27cbee;
}

.btn.btn-primary-gradient::before {
    display: none;
}


/*****===== My profile Page =====*****/

.form-search-btn button {
    border: none !important;
}

.gender_check_sec {
    display: flex;
    align-items: center;
    margin-top: 7px;
}

.gender_check_sec .form-check {
    margin-right: 15px;
}

.gender_check_sec .form-check label {
    color: #012047;
    font-size: 15px;
    margin: 0;
}

.gender_check_sec .form-check input {
    position: relative;
    top: 1px;
}


/*****===== My profile Page =====*****/


/*****===== All member Page =====*****/

.dependent-wrap .blood-info {
    margin-bottom: 0;
    margin-left: 18px;
}

.dependent-wrap .patient-info .top_info_sc {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.dependent-wrap .patient-info .top_info_sc .tag {
    margin-left: 10px;
    font-size: 12px;
    background: #014c82;
    color: #fff;
}

.dependent-wrap .patient-info .top_info_sc .badge.dr_location {
    font-size: 12px;
    padding: 3px 7px;
    margin-left: 10px;
}

.img-upload .upload-img .change-photo {
    color: #27cbee;
}

.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn.show:hover,
.btn:first-child:active,
 :not(.btn-check)+.btn:active {
    background-color: #014c82;
    border-color: #014c82;
    color: #FFF;
}

.btn.btn-primary-gradient.save_btn {
    background: #014c82;
}

.btn.btn-primary-gradient.save_btn:hover {
    background: #27cbee;
}

.btn.btn-dark.cancel_btn {
    color: #27cbee;
    border: 1px solid #27cbee !important;
    background: #fff !important;
}

.btn.btn-dark.cancel_btn:hover {
    color: #fff;
    border: 1px solid #27cbee !important;
    background: #27cbee !important;
}

.dependent-wrap .dependent-status .edit-icon:hover {
    background: #014c82;
    border-color: #014c82;
}

.dependent-wrap .dependent-status .status-toggle .check:checked+.checktoggle {
    background-color: #22bbe3;
    border: 1px solid #22bbe3;
}

.dependent-wrap .patient-info ul li::before {
    color: #22bbe3;
}

.dependent-wrap .patient-info ul li::before {
    top: 56%;
}

.btn.btn-primary-gradient:focus {
    background: #27cbee;
}

.reload_btn {
    margin-left: 5px;
}

.reload_btn i {
    font-size: 16px;
}

.reload_btn i:hover {
    color: #27cbee;
}


/*****===== All member Page =====*****/


/*****===== Favourites Page =====*****/

.book_btn {
    background: #014c82;
    color: #fff;
}

.book_btn:hover {
    background: #27cbee !important;
    border: 1px solid #27cbee !important;
}

.load_more {
    background: #27cbee !important;
    border: 1px solid #27cbee !important;
    color: #fff;
}

.load_more:hover {
    background: #fff !important;
    border: 1px solid #27cbee !important;
    color: #27cbee !important;
}


/*****===== Favourites Page =====*****/


/*****===== Dashboard  Page =====*****/

.appointment-wrap.dashboard-appointment-wrap .accordion-item .accordion-header .paid_unpaid_right_sec .paid_unpaid_sec .paid_sec {
    margin: 0;
}

.card-view-link a {
    color: #0E82FD;
    text-decoration: underline;
    font-weight: 500;
}

.card-view-link a:hover {
    color: #000F28;
}


/* Norecord Found Content */

.eyepower_wrapper .eyepower_sec .norecord_found_content {
    height: 268px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.eyepower_wrapper .eyepower_sec .norecord_found_content i {
    font-size: 44px;
    color: #9d9d9d;
}

.eyepower_wrapper .eyepower_sec .title {
    font-weight: 600;
    margin-top: 20px;
    font-size: 28px;
}

.patient-info .norecord_found_content {
    height: 328px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.patient-info .norecord_found_content i {
    font-size: 44px;
    color: #9d9d9d;
}

.patient-info .norecord_found_content .title {
    font-weight: 600;
    margin-top: 20px;
    font-size: 28px;
}

.favourites_norecord .norecord_found_content {
    height: 170px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.favourites_norecord .norecord_found_content i {
    font-size: 34px;
    color: #9d9d9d;
}

.favourites_norecord .norecord_found_content .title {
    font-weight: 600;
    margin-top: 20px;
    font-size: 20px;
}

.notifications_norecord .norecord_found_content {
    height: 358px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.notifications_norecord .norecord_found_content i {
    font-size: 34px;
    color: #9d9d9d;
}

.notifications_norecord .norecord_found_content .title {
    font-weight: 600;
    margin-top: 20px;
    font-size: 20px;
}

.appointments_norecord .norecord_found_content {
    height: 358px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.appointments_norecord .norecord_found_content i {
    font-size: 34px;
    color: #9d9d9d;
}

.appointments_norecord .norecord_found_content .title {
    font-weight: 600;
    margin-top: 20px;
    font-size: 20px;
}


/* Norecord Found Content */

.dash_status {
    font-size: 12px !important;
    padding: 0px 10px !important;
  }


/*****===== Dashboard  Page =====*****/


/*****===== Appointment Booking Page =====*****/

.multistep-form .doctor_info.doctor_appointment_info.active .booking-header .card {
    border: 1px solid #22bbe3;
}

.multistep-form .doctor_info.doctor_appointment_info.active .booking-header .card {
    background: #f2fcff;
}

.multistep-form .booking-card .card-footer .btn.btn-primary-gradient.appointment_deactive {
    background: #e6e8ee !important;
    color: #fff !important;
}

.multistep-form .booking-card .card-footer .btn.btn-primary-gradient.appointment_deactive:hover {
    background: #e6e8ee !important;
}
.multistep-form .booking-card .card-header.chooseDoctor .click_check {
    width: 24px;
    height: 24px;
    border: 4px solid #d7d7d7;
    border-radius: 50%;
    margin-right: 10px;
    cursor: pointer;
}

.multistep-form .doctor_info.doctor_appointment_info.active .booking-header .card .click_check {
    border: 6px solid #014c82;
    background: #fff;
}


.status {
    display: flex;
    font-size: 14px;
    margin-bottom: 0;
    padding: 3px 12px;
    border-radius: 15px;
    position: relative;
    justify-content: center;
    border: 1px solid #eaeaea;
    margin-left: 10px;
}

.status.unpaid_status {
    background: #ffcccc;
    border: 1px solid #ff8484;
    color: #ff0000;
}
.status {
    display: flex;
    font-size: 14px;
    margin-bottom: 0;
    padding: 3px 12px;
    border-radius: 15px;
    position: relative;
    justify-content: center;
    border: 1px solid #eaeaea;
    margin-left: 10px;
}
.status:before {
    content: "";
    width: 6px;
    height: 6px;
    position: relative;
    border-radius: 50%;
    top: 0;
    bottom: 0;
    margin: auto;
    margin-right: 6px;
}
.status.unpaid_status {
    background: #ffcccc;
    border: 1px solid #ff8484;
    color: #ff0000;
}
.status.unpaid_status:before {
    background: #ff1613;
}
.status.paid_full {
    background: #219653;
    color: #fff;
    border: 1px solid #219653;
}
.status.paid_full:before {
    background: #fff;
}
.paid.make_payment_btn {
    background: #014c82;
    padding: 5px 12px;
    border-radius: 15px;
    font-size: 14px;
    color: #fff;
    margin-left: 10px;
}
.paid_receipt_link {
    background: #014c82;
    padding: 5px 12px;
    border-radius: 15px;
    font-size: 14px;
    color: #fff;
    margin-left: 10px;
}
.paid_receipt_link:hover {
    color: #fff;

}
.appointment-wrap .accordion-item .accordion-header .paid_unpaid_right_sec .btn_right {
    display: flex;
    flex-direction: column;
    align-items: end;
}

.appointment-wrap .accordion-item .accordion-header .paid_unpaid_right_sec .btn_right .reschedule_btn {
    margin-bottom: 7px;
    display: inline-block;
}
/*****===== Appointment Booking Page =====*****/

.consultation_content {
    display: flex;
    margin-bottom: 10px;
    flex-direction: row-reverse;
}

.consultation_content .icon {
    width: 24px;
    padding: 2px 3px;
    border-radius: 4px;
    height: 24px;
    display: flex;
    align-items: center;
    margin-right: 7px;
}

.consultation_content .icon svg {
    width: 100%;
    height: 100%;
}

.consultation_content .icon svg path {
    fill: #b5b5b5;
}


/*****===== Eyepower  Page =====*****/

.eyepower_wrapper .eyepower_sec {
    border: 1px solid #eaeaea;
    border-radius: 10px;
    overflow: hidden;
}

.eyepower_wrapper .eyepower_sec .top_sec {
    background: #ecf7ff;
    display: flex;
    width: 100%;
    padding: 15px;
    align-items: center;
}

.eyepower_wrapper .eyepower_sec .top_sec .patient_details .mrd_no {
    margin-bottom: 0;
    font-size: 14px;
}

.eyepower_wrapper .eyepower_sec .top_sec .patient_details {
    display: flex;
    align-items: center;
}

.eyepower_wrapper .eyepower_sec .top_sec .location_date {
    margin-left: auto;
    text-align: right;
}

.eyepower_wrapper .eyepower_sec .top_sec .location_date .date_sec {
    margin-top: 3px;
    font-size: 14px;
}

.date_sec {
    margin-left: auto;
}

.eyepower_wrapper .eyepower_sec .top_sec .patient_details .patient_photo {
    width: 50px;
    height: 50px;
    margin-right: 16px;
    border-radius: 11px;
    overflow: hidden;
}

.eyepower_wrapper .eyepower_sec .top_sec .patient_details .patient_photo img {
    width: 100%;
    height: 100%;
}

.eyepower_wrapper .eyepower_sec .top_sec .patient_details .name {
    font-size: 18px;
    color: #014c82;
    text-transform: uppercase;
    font-weight: 400;
}

.eyepower_wrapper .eyepower_sec .top_sec .date_sec {
    font-size: 15px;
    color: #465D7C;
}

.eye_power_table {
    padding: 15px;
}

.eye_power_table .table_sec {
    width: 100%;
}

.eye_power_table .table_sec th {
    font-weight: 400;
    font-size: 16px;
    padding: 8px;
}

.eye_power_table .table_sec th.number {
    text-align: center;
}

.eye_power_table .table_sec td {
    padding: 8px;
}

.eye_power_table .table_sec td.number {
    text-align: center;
}

.eyepower_wrapper .eyepower_sec {
    border: 1px solid #eaeaea;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 30px;
}


/*****===== Eyepower  Page =====*****/

.profile-info-widget .booking-doc-img::after {
    display: none;
}

.dashboard-card .dashboard-card-head .card-view-link a {
    color: #22bbe3;
}

.dashboard-card .dashboard-card-head .card-view-link a:hover {
    color: #014c82;
}

.doctor-fav-list .cal-plus-icon:hover {
    background: #22bbe3;
}




/*****===== Transaction History  Page =====*****/

.family_container.transaction_history_wrapper {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    align-items: self-start;
}

.family_container.transaction_history_wrapper .patint_info {
    display: flex;
}

.family_container.transaction_history_wrapper .patint_info .right_sec {
    width: 100%;
}

.family_container.transaction_history_wrapper .patint_info .right_sec .name_payment {
    display: flex;
    align-items: center;
}

.m_location_payment .m_payment_right_sec {
    display: none;
}

.family_container.transaction_history_wrapper .patint_info .right_sec .name_payment .family_name {
    margin-right: 10px;
}

.family_container.transaction_history_wrapper .patint_info .right_sec .appointment_sec .des i {
    margin-right: 3px;
}

.bank_name {
    font-style: italic;
    font-weight: 700;
}

.family_container.transaction_history_wrapper .patint_info .right_sec .name_payment .des {
    margin: 0 8px;
}

.family_container.transaction_history_wrapper .patint_info .bottom_sec {
    display: flex;
    margin: 5px auto 4px;
}

.family_container.transaction_history_wrapper .patint_info .bottom_sec .des {
    margin: 0 6px 0 0;
}

.family_container.transaction_history_wrapper .patint_info .right_sec .appointment_sec .des {
    margin: 0 7px 0 0;
}

.family_container.transaction_history_wrapper .patint_info .right_sec .appointment_sec {
    display: flex;
}

.family_container.transaction_history_wrapper .payment_info .paid_sec {
    display: flex;
    align-items: center;
    margin-top: 12px;
}

.family_container.transaction_history_wrapper .payment_info .paid_sec .charge {
    padding: 3px 14px !important;
    border-radius: 25px;
    margin-left: 10px;
}

.family_container.transaction_history_wrapper .payment_info .paid_sec .bank_name {
    font-style: italic;
    font-weight: 700;
}

.family_container.transaction_history_wrapper .payment_info .status {
    background: #eaeaea;
    padding: 3px 14px !important;
    border-radius: 25px;
    text-align: center;
}

.family_container.transaction_history_wrapper .payment_info .status.success {
    background: #219653;
    color: #fff;
    border: 1px solid #219653;
    text-transform: capitalize;
}

.family_container.transaction_history_wrapper .payment_info .status.failed {
    background: #f00;
    color: #fff;
}

.family_container.transaction_history_wrapper .patint_info .right_sec .appointment_sec .receipt {
    margin-right: 10px;
    font-size: 15px;
    color: #465D7C;
}

.family_container.transaction_history_wrapper .patint_info .right_sec .appointment_sec .receipt:hover {
    color: #22bbe3;
}

.family_container.transaction_history_wrapper .payment_right_sec {
    display: flex;
}

.family_container.transaction_history_wrapper .payment_right_sec .payment_info {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.family_container.transaction_history_wrapper .payment_right_sec .payment_info .paid_sec {
    display: flex;
    align-items: center;
    margin-top: 12px;
    margin-left: auto;
}

.family_container.transaction_history_wrapper .payment_right_sec .slect_droupdown {
    margin-left: 16px;
}

.family_container.transaction_history_wrapper .payment_right_sec .dropdown.header-dropdown.slect_droupdown .dropdown-toggle {
    padding: 0 !important;
    border: none;
}

.family_container.transaction_history_wrapper .payment_right_sec .dropdown.header-dropdown.slect_droupdown .dropdown-toggle:after {
    display: none;
}



/*****===== Transaction History  Page =====*****/

.filter-checks .checkboxs input:checked~.checkmarks {
    background-color: #014c82;
    border-color: #014c82;
}

.location_content span.badge.dr_location {
    padding: 4px 7px;
    color: #fff;
    font-size: 12px;
}

.location_content span.badge.dr_location i {
    color: #fff;
    font-size: 12px;
    margin: 0;
}

.location_content p {
    margin: 0;
    font-size: 13px;
}


/*****===== Search Filter Sec =====*****/

.search_filter {
    margin-bottom: 30px;
}

.search_filter .form-sorts.dropdown {
    margin-bottom: 0;
}


/*****===== Search Filter Sec =====*****/


/*****===== Notifications Table Sec =====*****/

.notifications_table_sec {
    padding-left: 10px;
}

.table.dashboard-table.notifications_table .table-noti-info {
    align-items: self-start;
    flex-wrap: wrap;
}

table.table.dashboard-table.notifications_table .table-noti-message {
    width: 72%;
}

table.table.dashboard-table.notifications_table .table-noti-info .table-noti-message h6 {
    color: #465D7C;
    font-size: 16px;
    margin-bottom: 5px;
}

.table-noti-info .table-noti-message h6 a:hover {
    color: #465D7C !important;
}

.table-noti-info .table-noti-message h6 a:hover span {
    color: #465D7C !important;
}


/* .table-noti-info .table-noti-message h6 span {
  color: #465D7C;
} */
.dashboard-card-body table.table.dashboard-table.notifications_table .table-noti-info .table-noti-message {
    width: 60%;
}
.table.dashboard-table.notifications_table .table-noti-info .table-noti-message a {
    font-size: 15px;
    white-space: break-spaces;
}

.table.dashboard-table.notifications_table .table-noti-info .table-noti-message .bottom_sec .des {
    margin: 0 10px 0 0;
    font-size: 13px;
}

.table.dashboard-table.notifications_table .table-noti-info .table-noti-message .bottom_sec .des i {
    margin-right: 4px;
}
.dashboard-card-body table.table.dashboard-table.notifications_table .table-noti-info .table-noti-message {
    width: 30%;
}

.dashboard-card-body table.table.dashboard-table.notifications_table .table-noti-info {
    width: 94%;
}

.dashboard-card-body table.table.dashboard-table.notifications_table .table-noti-info .table-noti-message {
    width: 93%;
}
/* table.table.dashboard-table.notifications_table .table-noti-info .table-noti-message h6 a {
    width: 64%;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
    overflow: hidden;
} */

.notifications_table_sec .table-responsive {
    overflow-x: hidden;
}


/*****===== Notifications Table Sec =====*****/

.dashboard-card.notifications_sec .dashboard-card-body {
    padding: 13px 10px;
}

.book-appointment-head {
    background: #014c82;
}

.patient-dash-tab .nav-item .nav-link.active,
.patient-dash-tab .nav-item .nav-link:hover {
    background: #014c82;
    border: 1px solid #014c82;
}

ul.speciality_list .filter-checks {
    width: 100%;
}

.filter-set-contents ul li .count {
    float: right;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #E3E6EC;
    font-size: 10px;
}


.jconfirm-box.jconfirm-hilight-glow {
    border-color: #014c82 !important;
}


/*****===== Footer Sec =====*****/

.footer-info.footer_sec .footer-top {
    padding-bottom: 0;
}

.footer-info.footer_sec .footer-top .f_location {
    background: #084276;
    border-radius: 15px 15px 0 0;
    padding: 18px;
}

.footer-info.footer_sec .footer-bottom {
    border-top: none;
}

.footer-info.footer_sec .footer-top .f_location .location_list {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}

.footer-info.footer_sec .footer-top .f_location .location_list p {
    margin: 0;
    color: #fff;
    font-size: 15px;
    margin-right: 11px;
}

.footer-info.footer_sec .footer-top .f_location .location_list a {
    color: #51cbeede;
    font-size: 15px;
    border-right: 1px solid #fff;
    margin-right: 6px;
    padding-right: 6px;
    line-height: 12px;
}

.footer-info.footer_sec .footer-top .f_location .location_list a:hover {
    color: #bfeffdde;
}

.footer-info.footer_sec .footer-top .f_location .location_list a:last-child {
    border-right: none;
}

.footer-info.footer_sec .footer-top .f_location .location_list:last-child {
    margin-bottom: 0;
}


/* Footer Sec */


/* Doctor Searc Sec */

.doctors-search-box form {
    display: flex;
    flex-wrap: wrap;
}

.select2-container .select2-results .select2-results__option--highlighted[aria-selected] {
    background: #27cbee;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border-radius: 15px;
}

span.select2-dropdown.select2-dropdown--above {
    border-radius: 10px;
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 250px;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ffffff;
}

.select2-container--open .select2-dropdown {
    z-index: 9;
}

.doctors-search-box .search_content {
    background: #fff;
    border-radius: 35px;
    padding: 12px;
}

.doctors-search-box .search_content span.select2.select2-container.select2-container--default.select2-container--below {
    width: 90% !important;
}

.doctors-search-box form .location_droupdown span.select2.select2-container.select2-container--default span.selection .select2-selection.select2-selection--single {
    border: none;
}

.doctors-search-box form .location_droupdown {
    display: flex;
    width: 35%;
    align-items: center;
}

.doctors-search-box .search_content .search-input.search-line {
    width: 39%;
}

.doctors-search-box form .location_droupdown i {
    font-size: 18px;
    color: #8894AE;
    margin: 0 8px;
}

.doctors-search-box .form-search-btn i {
    color: #fff !important;
}

.doctors-search-box .search_content span.select2.select2-container.select2-container--default.select2-container--below span.select2-selection.select2-selection--single {
    border: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered span.select2-selection__placeholder {
    color: #465D7C;
}


/* Old Reschedule Info */

.old_reschedule_info {
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 28px;
}

.old_reschedule_info .card-body {
    background: #e8c600a8;
}

.old_reschedule_info .card-body .booking_info_content {
    margin-top: 0;
}

.old_reschedule_info .card-body .booking_info_content .des {
    margin: 0;
    color: #111;
}

.old_reschedule_info .card-body .booking_info_content .id_view {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.old_reschedule_info .card-body .booking_info_content .id_view .view_icon i {
    color: #012047;
}

.old_reschedule_info .card-body .booking_info_content .appointment_location {
    display: flex;
    align-items: center;
}

.old_reschedule_info .card-body .booking_info_content .appointment_location span.badge.dr_location {
    margin-left: 10px;
    padding: 8px 6px;
}

/* Old Reschedule Info */


/* Search Sec */

.search_sec .booking-header .doctors-search-box.doctor_hospital_search .search_content form {
    justify-content: space-between;
}

.search_sec .booking-header .doctors-search-box.doctor_hospital_search .search_content form .search-input {
    width: 71%;
}

.search_sec .booking-header .doctors-search-box.doctor_hospital_search .search_content form .search-input:before {
    display: none;
}

.old_reschedule_info .card-body .booking_info_content .card-view-link a {
    background: #014c82;
    text-decoration: none;
    padding: 7px 14px;
    line-height: 15px;
}

.old_reschedule_info .card-body .booking_info_content .card-view-link a:hover {
    background: #27cbee !important;
}


/* Search Sec */


/* Cashless Css */

.form-check.cashless_check {
    margin-top: 25px;
    background: transparent;
    padding: 10px 0px;
    border-radius: 6px;
    width: 96.7%;
    margin: 23px auto 0;
}

.form-check.cashless_check label.form-check-label {
    font-size: 14px;
    color: #014c82;
}

.form-check.cashless_check input {
    margin: 0 8px 0 0px;
    position: relative;
    top: 5px;
    width: 17px;
    height: 17px;
    border: 1px solid #014c82;
}

.form-check.cashless_check input:checked {
    border-color: #fff;
}

.cashless_modal .modal-dialog {
    max-width: 36%;
}

.cashless_modal .modal-dialog .modal-content .btn-close {
    position: absolute;
    right: -5px;
    background-color: #f00;
    opacity: 1;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    background-image: none;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -10px;
    z-index: 1;
}

.cashless_modal .modal-dialog .modal-content .btn-close i {
    color: #fff;
}

.cashless_modal .modal-dialog .modal-body {
    padding: 0;
}

.cashless_modal .modal-dialog .modal-body .text_content {
    text-align: center;
    margin-top: 0;
    padding: 30px 15px;
}

.cashless_modal .modal-dialog .modal-body .text_content .des {
    text-align: left;
    font-size: 16px;
    line-height: 29px;
    margin-bottom: 5px;
}

.cashless_modal .modal-dialog .modal-body .text_content .select_sec {
    margin-bottom: 10px;
}

.cashless_modal .modal-dialog .modal-body .text_content .select_sec select:focus {
    border: 1px solid #E6E8EE;
}

.cashless_modal .modal-dialog .modal-footer {
    background: linear-gradient(90.08deg, #eef7ff 0.09%, #f3f9ff 70.28%) !important;
}

.cashless_modal .modal-dialog .modal-footer .des {
    width: 100%;
    font-size: 12px;
    line-height: 16px;
}

.cashless_modal .modal-dialog .modal-body .btn_sec {
    display: inline-flex;
    margin-top: 24px;
}

.cashless_modal .modal-dialog .modal-body .btn_sec .confirm {
    padding: 7px 14px;
    color: #fff;
    background-color: #014c82;
    border-radius: 50px;
    transition: all .6s ease;
    font-size: 14px;
    line-height: 16px;
    margin: 0 7px;
    border: none;
}
.cashless_check .bill_type_droupdown_sec {
    margin-top: 0;
}

.cashless_modal .modal-dialog .modal-body .btn_sec .confirm:hover {
    background-color: #2fb5da;
    transition: all .6s ease;
}

.cashless_modal .modal-dialog .modal-body .btn_sec .confirm.cancel {
    background: #eaeaea;
    color: #5c5a5a;
}

.cashless_modal .modal-dialog .modal-body .btn_sec .confirm.cancel:hover {
    background: #014c82;
    color: #fff;
}

.cashless_modal .modal-dialog .modal-body .text_content .form-check label.form-check-label {
    text-align: left;
}

.cashless_modal .modal-dialog .modal-body .text_content .form-check input {
    position: relative;
    top: 2px;
    border-color: #014c82;
}



/* Cashless Css */

.bookingSlotHtml .token-slot .alert {
    padding: 6px 10px;
    font-size: 12px;
    border-radius: 5px;
    background: #e6f6f9;
    border-color: #27cbee;
    color: #0a7187;
}

section.info-section.footer_sub .contact-info .des {
    color: #51cbeede !important;
    margin: 0;
}

section.info-section.footer_sub .contact-info .des {
    color: #fff;
}

section.info-section.footer_sub .contact-info h6 {
    margin-bottom: 12px;
}

.footer-bg {
    opacity: 0.9;
    z-index: -1;
    position: relative;
}

.footer-top {
    background: linear-gradient(90.08deg, #eef7ff 0.09%, #f3f9ff 70.28%) !important;
}

footer.footer_sec ul li {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.footer.inner-footer .footer-top .footer-widget.footer-menu ul li a {
    color: #084276;
}

footer.footer_sec ul li .email_list a {
    display: block;
    margin-bottom: 6px;
}

footer.footer_sec ul li i {
    margin-top: 4px;
    margin-right: 7px !important;
}

footer.footer_sec .social-icon ul li a i {
    margin: 0 !important;
}

footer.footer_sec ul li .address_des {
    margin: 0;
    width: 90%;
}

.footer.inner-footer .footer-top .social-icon ul {
    align-items: start !important;
    margin-top: 20px;
}

.footer.inner-footer .footer-bottom {
    background: #084276;
}

.footer.inner-footer .footer-bottom .copyright-text p {
    color: #ffffff;
}

.footer .footer-bottom .copyright .copyright-text p a {
    color: #2fb5da;
    display: block;
    width: 16px;
    float: right;
    margin-left: 8px;
    position: relative;
    top: -2px;
}

.footer.inner-footer .footer-bottom .policy-menu li a {
    color: #ffffff;
}

.footer.inner-footer .footer-bottom .policy-menu li::after {
    background: #ffffff;
}

.footer.inner-footer .footer-bottom .policy-menu li a:hover,
.footer.inner-footer .footer-bottom .policy-menu li a:focus {
    color: #2fb5da;
}

.footer.inner-footer .footer-top .footer-widget.footer-menu .social-icon ul li a:hover {
    color: #fff;
    padding-left: 0;
    background: #2fb5da;
}

.footer.inner-footer .footer-top .footer-widget.footer-menu ul li a:hover {
    color: #2fb5da;
    padding-left: 0;
}

.footer.inner-footer .footer-bottom .copyright-text {
    margin-bottom: 0;
}

.footer.inner-footer .footer-bottom .copyright-text p {
    color: #ffffff;
    margin: 0;
}


/* Footer Sec */

@media only screen and (max-width: 1800px) {
    table.table.dashboard-table.notifications_table .table-noti-message {
        width: 90%;
    }
    table.table.dashboard-table.notifications_table .table-noti-info .table-noti-message h6 {
        width: 97%;
    }
}

@media only screen and (max-width: 1400px) {
    section.info-section.footer_sub .contact-info h6 {
        font-size: 28px;
    }
    .testimonial_tab_sec .testimonial_tab {
        width: 32%;
    }

    .doctors-search-box .search-box-one .form-row {
        justify-content: normal;
    }
    
    .doctors-search-box .search-box-one .form-row .location_droupdown {
        width: 33%;
    }
    /* Patient Dashboard */
    .appointment-wrap.dashboard-appointment-wrap .family_container {
        width: 80%;
        flex: 0 0 80%;
    }
    .family_container.transaction_history_wrapper.dashboard_th_wrapper .bottom_sec {
        flex-wrap: wrap;
    }
    
    .family_container.transaction_history_wrapper.dashboard_th_wrapper .bottom_sec .des:first-child {
        display: block;
        width: 100%;
        flex: 0 0 100%;
    }
    .family_container.transaction_history_wrapper.dashboard_th_wrapper .patint_info {
        width: 80%;
    }
    .family_container.transaction_history_wrapper.dashboard_th_wrapper .right_sec .name_payment .family_name {
        font-size: 13px;
        margin-top: 4px;
    }
    /* Patient Dashboard */

    /* Patient Booking */
    .card-header.doctor_info .doctor_info_text {
        width: 81%;
    }
    /* .TabBlock.family_slider a {
        width: 35%;
        flex: 0 0 35%;
    } */

    .family_container label .family_name {
        font-size: 14px;
    }
    .family_container label .des {
        font-size: 12px;
    }
    .TabBlock.family_slider .add_member {
        width: 12%;
        flex: 0 0 12%;
    }
    .TabBlock.family_slider nav {
        width: 75%;
        margin: 0 30px;
    }
    /* .TabBlock.family_slider a {
        width: 36%;
        flex: 0 0 36%;
    } */
    .patient_info_sec .patient_photo_sec .text_content .name_text_info .family_name {
        font-size: 14px;
    }
    .patient_info_sec .patient_photo_sec .patient_photo {
        width: 150px;
        height: 150px;
    }
    .patient_info_sec .patient_photo_sec .text_content .icon svg {
        width: 25px;
    }
    .patient_info_sec .patient_photo_sec .text_content .name_text_info .family_name {
        font-size: 13px;
    }
    .patient_info_sec .patient_photo_sec .text_content .name_text_info .des {
        font-size: 11px;
    }
    .booking-widget.multistep-form .location_droupdown {
        width: 30%;
    }
    /* Patient Booking */
    /*****===== Notifications Table Sec =====*****/
    table.table.dashboard-table.notifications_table .table-noti-message {
        width: 78%;
    }
    .dashboard-card-body table.table.dashboard-table.notifications_table .table-noti-info .table-noti-message {
        width: 92%;
    }
    /*****===== Notifications Table Sec =====*****/
    /*****===== Home Page =====*****/
    .doctors-search-box.banner_search .location_droupdown {
        width: 38%;
    }
    .dc-jointeamcontent h3 {
        color: #fff;
        font-size: 18px;
        margin: 0 0 9px;
        line-height: 23px;
    }
    .dc-jointeamcontent {
        overflow: hidden;
        padding: 17px 0 20px 20px;
    }

    .card-header.doctor_info.chooseDoctor .doctor_info_text {
        width: 77%;
    }
    /*****===== Home Page =====*****/

    /*****===== Patient Appointments Page =====*****/
    .appointment-wrap .accordion-item .family_container .text_content .bottom_sec {
        flex-direction: column;
        position: relative;
        align-items: start;
    }
    .appointment-wrap .accordion-item .family_container .text_content .bottom_sec .des.reload_icon {
      display: none;
    }
    .appointment-wrap .accordion-item .family_container .text_content .bottom_sec .name_reloard_sec .des.reload_icon {
        display: block;
        margin: 0;
    }
    .appointment-wrap .accordion-item .family_container .text_content .bottom_sec .name_reloard_sec {
        display: flex;
        align-items: center;
    }
    .appointment-wrap .accordion-item .family_container .text_content .bottom_sec .des.reload_icon {
        display: none;
    }
    /*****===== Patient Appointments Page =====*****/


    .cashless_modal .modal-dialog {
        max-width: 58%;
    }
    .search_sec .booking-header .doctors-search-box.doctor_hospital_search .search_content form .search-input {
        width: 69%;
    }
    /* Footer Sec */
    .footer-info.footer_sec .footer-top .f_location .location_list p {
        font-size: 13px;
    }
    .footer-info.footer_sec .footer-top .f_location .location_list a {
        font-size: 13px;
    }
    /* Footer Sec */
}

@media only screen and (min-width: 2560px) {
    .header .header-nav .main-nav li {
        margin-left: 16px;
    }
}
@media only screen and (max-width: 1200px) {
    .header_sec .logo {
        width: 77px !important;
        margin-right: 12px !important;
    }
    .header_sec .nave_sec .navbar-nav li a {
        font-size: 14px;
    }
    .header_sec .nave_sec .navbar-nav li a.book {
        padding: 5px 15px !important;
    }
    .reason-section.why_choose_with_us h6 {
        font-size: 14px;
    }
    .header .header-nav .main-nav li {
        margin-right: 7px !important;
    }
    /* Home Page */
    .banner-content h1 {
        font-size: 34px;
        margin-bottom: 15px;
    }
    .testimonial_tab_sec .testimonial_tab {
        width: 38%;
    }
    /* Home Page */
    /* Patient Booking */
    .card-header.doctor_info .doctor_info_text {
        width: 74%;
    }
    /* .multistep-form .booking-card h4 {
        font-size: 16px;
    } */
    .card-header.doctor_info .doctor_info_text .info_fees span.badge.bg-orange {
        margin-left: 4px;
    }
    span.doctor_photo {
        margin-right: 9px !important;
    }
    .booking_info_content h6 {
        font-size: 11px !important;
    }
    .booking_info_content p {
        font-size: 11px;
    }
    /* .TabBlock.family_slider .add_member {
        width: 15%;
        flex: 0 0 15%;
    } */
    .TabBlock.family_slider nav {
        width: 70%;
    }
    /* .TabBlock.family_slider a {
        width: 50%;
        flex: 0 0 50%;
    } */

    .TabBlock.family_slider .add_member .family_name {
        font-size: 11px;
        margin-top: 5px;
    }
    .patient_info_sec .patient_photo_sec {
        width: 30%;
        margin-right: 10px;
        border-right: 1px solid #eaeaea;
        padding-right: 10px;
    }
    .patient_info_sec .patient_photo_sec .patient_photo {
        width: 100px;
        height: 100px;
        margin: 0 auto !important;
    }
    .patient_info_sec .patient_photo_sec .text_content i {
        font-size: 25px;
    }
    .patient_info_sec .text_info {
        width: 73%;
    }
    .patient_info_sec .patient_photo_sec .text_content .name_text_info .family_name {
        font-size: 13px;
    }
    .patient_info_sec .patient_photo_sec .text_content .name_text_info .des {
        font-size: 11px;
    }
    .patient_info_sec .text_info {
        width: 67%;
    }
    .patient_info_sec .text_info h6 {
        font-size: 13px !important;
    }
    .patient_info_sec .text_info p {
        font-size: 13px;
    }
    .booking-widget.multistep-form .location_droupdown {
        width: 35%;
    }
    /* Patient Booking */
    .apponment_id_sec .apponment {
        font-size: 14px;
    }
    .appointment-wrap .accordion-item .accordion-header .family_container .right_sec {
        width: 81%;
    }
    .appointment-wrap .accordion-item .accordion-header .paid_unpaid_right_sec .paid_unpaid_sec .paid_sec {
        margin-right: 6px;
    }
    /*****===== Dashboard Doctor Page =====*****/
    .doctor-list-card .card-img {
        width: 230px;
        flex: 0 0 230px;
    }
    /*****===== Dashboard Doctor Page =====*****/
    /*****===== Transaction History Page =====*****/
    .family_container.transaction_history_wrapper .patint_info .right_sec .name_payment .family_name {
        margin-right: 10px;
        font-size: 16px;
    }
    .card-header.doctor_info.chooseDoctor .doctor_info_text {
        width: 68%;
    }
    .apponment_id_sec .btn_sec .reschedule_btn {
        font-size: 13px;
        padding: 5px 10px;
        line-height: 18px;
    }
    /*****===== Transaction History Page =====*****/

    .doctors-search-box  .search-input.search-line {
        width: 31%;
    }
    .doctors-search-box .search-box-one .form-row .location_droupdown {
        width: 35%;
    }
    .doctors-search-box .select2-container .select2-selection--single .select2-selection__rendered {
        padding-right: 17px;
        padding-left: 10px;
    }
    .doctors-search-box .form-search-btn .btn {
        font-size: 14px;
        min-width: 70px;
        padding: 9px 15px;
    }
    .doctors-search-box .form-search-btn .btn {
        font-size: 14px;
        min-width: 70px;
        padding: 9px 9px;
    }
    .doctors-search-box .search-box-one .form-row .location_droupdown {
        width: 41%;
    }

    .family_container.transaction_history_wrapper .patint_info .right_sec .appointment_sec {
        display: flex;
        flex-direction: column;
    }
    .transaction_list_wrapper .family_container.transaction_history_wrapper .patint_info {
        width: 78%;
    }
  
   
    /*****===== Notifications Page =====*****/
    /* table.table.dashboard-table.notifications_table .table-noti-message {
    width: 56%;
  }
  table.table.dashboard-table.notifications_table .table-noti-info .table-noti-message h6 {
    width: 98%;
  } */
    .dashboard-card-body table.table.dashboard-table.notifications_table .table-noti-info .table-noti-message {
        width: 89%;
    }
    /*****===== Notifications Page =====*****/
    /*****===== Home Page =====*****/
    .doctors-search-box.banner_search .location_droupdown {
        width: 33%;
    }
    .dc-searchform-holder {
        margin-top: -8px;
    }
    section.dc-searchholder.banner_bottom_sec .dc-jointeamholder.appointment_doctor .dc-jointeam .dc-jointeamimg {
        margin-top: -32px;
        width: 136px;
    }
    .dc-searchholder.banner_bottom_sec .dc-advancedsearch.appointment .dc-jointeam figure.dc-jointeamimg {
        width: 260px;
        margin-top: -69.66px;
    }
    /*****===== Home Page =====*****/


    /*****===== Patient Appointments Page =====*****/

    .appointment-wrap .accordion-item .accordion-header .family_container {
        width: 70%;
    }
    .appointment-wrap .accordion-item .accordion-header .family_container .right_sec .name_payment .family_name {
        font-size: 11px;
        margin-right: 6px;
    }
    
    .appointment-wrap .accordion-item .accordion-header .family_container .right_sec .name_payment .dr_location {
        padding: 4px 7px;
        margin-left: 9px;
        font-size: 11px;
    }
    .appointment-wrap .accordion-item .accordion-header .family_container .right_sec  .dr_offline_app {
        padding: 0 9px;
        font-size: 14px;
        display: none;
    }
    .tab-content.appointment-tab-content.doctor_appointment_list .accordion-header .dr_location {
        padding: 8px 8px !important;
    }

    .appointment-wrap .accordion-item .accordion-header .family_container .right_sec .name_payment .dr_location i {
        font-size: 10px;
    }
    .appointment-wrap .accordion-item .family_container .text_content .bottom_sec .des {
        margin: 0 4px 0 0;
    }
   
     /*****===== Patient Appointments Page =====*****/

     .appointment-wrap .accordion-item .family_container .text_content .bottom_sec .des {
        margin: 0 4px 0 0;
    }
    .appointment-wrap .accordion-item .family_container .text_content .bottom_sec {
        flex-direction: row;
    }

    .apponment_id_sec .btn_sec .cancel {
        font-size: 13px;
        margin-left: 5px;
        padding: 1px 8px;
        line-height: 29px;
        display: flex;
        align-items: center;
    }
    .paid_unpaid_sec .paid_sec .paid {
        padding: 5px 8px;
        font-size: 11px;
        margin-left: 6px;
    }
    .paid_unpaid_sec .paid_sec span {
        font-size: 11px;
        padding: 3px 12px;
    }
    .paid_unpaid_sec .paid_sec .paid i {
        margin-right: 4px !important;
    }
    .appointment-wrap .accordion-item .accordion-header .family_container .text_content .name_payment span.dr_online_app {
        display: none;
    }



    .search_sec .booking-header .doctors-search-box.doctor_hospital_search .search_content form .search-input {
        width: 55%;
    }


    .multistep-form .booking_id_sec .apponment {
        font-size: 14px;
    }

 
    .form-check.cashless_check label.form-check-label {
        width: 95%;
    }
    section.info-section.footer_sub .contact-info h6 {
        font-size: 22px;
    }
    .footer-info.footer_sec .footer-top .f_location .location_list a {
        font-size: 11px;
    }
    .footer-info.footer_sec .footer-top .f_location .location_list p {
        font-size: 11px;
        margin-right: 7px;
    }
}

@media only screen and (max-width: 990px) {
    .header_sec .logo {
        width: 68px !important;
    }
    .header_sec .navbar .m_book {
        display: block;
    }
    .header_sec .nave_sec,
    .nav_list.collapse.navbar-collapse.collapsing {
        flex-direction: column;
        align-items: end;
        background: none;
        display: block !important;
        background: #013c72;
        position: fixed;
        right: -40%;
        top: 80px;
        bottom: 0;
        width: 40%;
        transition: all 0.4s ease-in 0.2s;
    }
    .header_sec .navbar {
        height: 80px;
    }
    .header_sec .nave_sec .navbar-nav li a {
        font-size: 14px;
        color: #fff;
        line-height: 16px;
        padding: 10px 13px;
        border-bottom: 1px solid #0b5395 !important;
    }
    .header_sec .nave_sec .nav_list .main-nav li {
        border-bottom: none;
    }
    .header_sec .nave_sec .navbar-nav.m_top_menu {
        display: block;
    }
    .nav_list.collapse.navbar-collapse {
        display: block;
    }
    .header_sec .nave_sec .nav_list {
        border-top: none;
        margin-top: 0;
        padding-top: 0;
    }
    .header .header-nav .main-nav ul {
        background-color: #06335d;
    }
    .header .header-nav .main-nav>li .submenu li a {
        font-weight: 400;
    }
    .nav_list.collapse.navbar-collapse {
        display: block;
    }
    .header_sec .nave_sec .nav_list .main-nav li {
        width: 100%;
    }
    .header_sec .nave_sec .nav_list .main-nav li a {
        padding: 10px 10px !important;
        text-align: left;
        width: 100%;
    }
    .header_sec .nave_sec .nav_list .main-nav li.book_li {
        display: none;
    }
    .header_sec .nave_sec .nav_top {
        display: none;
    }
    .navbar-expand-md .navbar-toggler {
        display: block;
        background: #27cbef;
        padding: 0;
        width: 38px;
        height: 38px;
        border: none;
    }
    .navbar-expand-md .navbar-toggler i {
        color: #fff;
    }
    .header_sec .nave_sec .nav_list .main-nav li a.submenu {
        left: 0;
        position: relative;
    }
    .header_sec .nave_sec .nav_list .main-nav li a.submenu i {
        transform: rotate(90deg);
    }
    .header_sec .nave_sec .navbar-nav li.has-submenu .submenu {
        position: absolute;
        left: -78%;
        top: 31.2%;
        height: auto !important;
    }
    .header_sec .nave_sec .nav_list .main-nav li a:active {
        background: none;
    }
    .header_sec .nave_sec .navbar-nav li a:active {
        background: none;
    }
    .navbar.navbar-collapse.collapse.show .nave_sec.header.menu_header {
        right: 0;
        transition: all 0.4s ease-in 0.2s;
    }
    .header_sec .navbar .m_user_photo {
        display: flex;
    }
    .header_sec .nave_sec .navbar-nav li a.active,
    .header_sec .nave_sec .navbar-nav li a:hover {
        color: #3ccde7;
    }
    button.navbar-toggler.collapsed.disable {
        pointer-events: none;
    }
    .header_sec .nave_sec .navbar-nav li .user_photo {
        display: none;
    }
    .profile-det-info span.name {
        width: 73%;
    }
    /* Home Page */
    .banner-section.banner-sec-one.banner_sec .banner-img {
        display: block;
    }
    .banner-section.banner-sec-one.banner_sec .rating-appointment {
        top: 0;
    }
    .banner-section.banner-sec-one.banner_sec .row {
        flex-direction: column-reverse;
    }
    .banner-section.banner-sec-one.banner_sec .banner-img {
        width: 51%;
        margin: 30px auto 0;
    }
    .m_user_menu.show {
        display: block;
    }
    .dc-jointeamcontent h3 span {
        font-size: 11px;
    }
    .dc-jointeamcontent h3 {
        font-size: 16px;
        line-height: 23px;
    }
    section.dc-searchholder.banner_bottom_sec .dc-jointeamholder.appointment_doctor .dc-jointeam .dc-jointeamimg {
        margin-top: -32px;
        width: 114px;
    }
    .dc-searchholder.banner_bottom_sec .dc-advancedsearch.appointment .dc-jointeam figure.dc-jointeamimg {
        width: 220px;
        margin-top: -51.66px;
    }
    /* Home Page */
    /* Home Page Css */
    .banner-section.banner-sec-one .banner-content {
        padding: 20px 0 128px;
    }
    .testimonial_tab_sec .testimonial_tab {
        width: 48%;
    }
    .testimonial_content .testimonials_slider .testimonials_video_content .testimonials_video iframe {
        height: 205px;
    }
    .testimonial_content .testimonials_slider .testimonials_video_content .testimonials_video {
        height: 206px;
    }
    .footer-info.footer_sec .footer-top .f_location .location_list {
        flex-wrap: wrap;
    }
    .doctors-search-box.banner_search .select2-container--default .select2-selection--single .select2-selection__rendered {
        text-align: left;
    }
    /* Home Page Css */
    /* Patient Booking */
    .breadcrumb-bar .breadcrumb-bg .breadcrumb-bg-02 {
        position: absolute;
        top: 0;
        right: 0;
        z-index: -1;
        height: 184px;
    }
    .breadcrumb-bar .breadcrumb-bg .breadcrumb-bg-01 {
        top: 16px;
        height: 168px;
    }
    .breadcrumb-bar .breadcrumb-bg .breadcrumb-bg-02 {
        top: 16px;
        height: 168px;
    }
    /* Patient Booking */
    .profile-sidebar .dashboard-widget {
        display: none;
    }
    /*****===== Dashboard Doctor Page =====*****/
    .doctor_info .doctor-info-detail a {
        font-size: 17px;
    }
    .m_user_menu .dashboard-menu {
        background: #014c82;
        border-radius: 5px;
        padding: 12px;
    }
    .m_user_menu .dashboard-menu li a {
        color: #fff;
    }
    .m_user_menu .dashboard-menu li.active a {
        background: #27cbef;
        color: #fff;
    }
    .m_user_menu .dashboard-menu .top_sec {
        background: #1768a3;
        border-radius: 7px;
        margin-bottom: 8px;
    }
    .m_user_menu .dashboard-menu .top_sec .profile-det-info h3 a i {
        margin-right: 7px;
        float: left;
    }
    .m_user_menu .dashboard-menu .top_sec .profile-det-info .patient-details {
        border-radius: 5px;
        margin-top: 5px;
        margin-left: 24px;
    }
    .m_user_menu .dashboard-menu .top_sec .profile-det-info .patient-details h5 {
        color: #fff;
        font-size: 13px;
    }
    .m_user_menu .dashboard-menu .top_sec .profile-det-info .patient-details a {
        color: #fff;
        font-size: 12px;
        margin-top: 10px;
        display: block;
    }
    .m_user_menu .dashboard-menu .top_sec .profile-det-info h3 a {
        color: #fff;
    }
    .m_user_menu .dashboard-menu .top_sec .profile-det-info h3 a i {
        margin-right: 7px;
    }
    /*****===== Dashboard Doctor Page =====*****/
    /*****===== Notifications Page =====*****/
    table.table.dashboard-table.notifications_table .table-noti-message {
        width: 76%;
    }
    table.table.dashboard-table.notifications_table .table-noti-info .table-noti-message h6 {
        width: 89%;
    }
    /*****===== Notifications Page =====*****/
    .doctors-search-box form .location_droupdown {
        width: 43%;
        align-items: center;
    }
}

@media only screen and (max-width: 767px) {
    .m_none{
        display: none !important;
    }
    .m_bolck {
        display: block !important;
    }
    .header_sec .logo {
        width: 80px !important;
    }
    .header_sec .nave_sec .navbar-nav li a.book {
        padding: 5px 15px !important;
    }
    .reason-section.why_choose_with_us h6 {
        font-size: 14px;
    }
    .header_sec .nave_sec .nav_top {
        display: none;
    }
    .header_sec .nave_sec,
    .nav_list.collapse.navbar-collapse.collapsing {
        right: -60%;
        width: 60%;
    }
    .header_sec .nave_sec .navbar-nav li.has-submenu .submenu {
        position: relative;
        left: 0;
        top: 0;
        height: auto !important;
    }
    .header_sec .nave_sec .nav_list .main-nav li a.submenu i {
        transform: none;
    }
    .m_user_menu.user_menu.show {
        display: none;
    }
    .profile-sidebar .dashboard-widget {
        display: none;
    }
    .testimonial_tab_sec .testimonial_tab {
        width: 76%;
        margin-bottom: 10px;
    }
    .banner-section.banner-sec-one.banner_sec .banner_text_content .sub_title {
        margin-bottom: 10px;
        font-size: 14px;
    }
    .banner-section.banner-sec-one.banner_sec .banner_text_content .banner_title {
        font-size: 22px;
        line-height: 27px;
    }
    .banner-section.banner-sec-one.banner_sec .rating-appointment {
        display: none !important;
    }
    .banner-section.banner_sec .banner_search .search_box .search-input.search-line {
        width: 100%;
        float: none;
        display: block;
        margin: auto;
    }
    .banner-section.banner-sec-one .banner-img .banner-patient {
        left: -40px;
    }
    .banner-section.banner-sec-one .banner-img .banner-appointment {
        right: -25%;
        top: 70%;
    }
    .banner-section.banner-sec-one.banner_sec .banner_text_content {
        margin-top: 10px;
    }
    .banner-section.banner-sec-one .banner-img .banner-appointment.\32 7_logo {
        width: 35%;
        padding: 6px;
        right: -44px;
        top: 80%;
    }
    .banner-section.banner-sec-one .banner-img .banner-patient {
        left: -50px;
        bottom: 70px;
        padding: 4px;
    }
    .banner-section.banner-sec-one .banner-img .banner-patient .avatar.avatar-rounded {
        width: 24px;
        height: 24px;
    }
    .banner-section.banner-sec-one .banner-img .banner-patient {
        left: -70px;
        bottom: 110px;
        padding: 10px;
    }
    .banner-section.banner-sec-one .banner-img .banner-patient p {
        font-size: 10px;
        margin-bottom: 0;
    }
    .banner-section.banner_sec .banner_search .search_box .search-input.search-map-line {
        width: 100%;
        padding: 5px 0 10px;
        margin: auto;
        display: block !important;
    }
    .search-box-one.banner_search .form-search-btn {
        float: none;
    }
    .search-box-one.banner_search {
        padding: 20px 40px !important;
    }
    .banner-section.banner_sec .banner_search .search_box .search-input.search-line {
        width: 100%;
        float: none;
        display: block;
        margin: 0 auto 10px;
    }
    .banner-section.banner-sec-one .search-box-one {
        border-radius: 20px;
        padding: 8px;
        min-width: auto;
        padding: 18px !important;
    }
    .banner-section.banner_sec .banner_search .search_box .search-input.search-map-line a.dropdown-toggle:after {
        float: right;
        position: absolute;
        right: 0;
        top: 20px;
    }
    .doctors-search-box.banner_search form {
        flex-direction: column;
    }
    .doctors-search-box.banner_search form .search-input.search-line {
        width: 100%;
    }
    .doctors-search-box.banner_search form .location_droupdown {
        width: 100%;
    }
    .doctors-search-box.banner_search form .location_droupdown span.select2.select2-container.select2-container--default {
        width: 100% !important;
    }
    .banner-section.banner-sec-one .banner-content {
        padding: 60px 0 128px;
    }
    .search-input i.bficon {
        left: 8px;
    }
    .form-search-btn .btn {
        justify-content: center;
    }
    .search-input.search-line input.form-control {
        padding: 0 36px;
    }
    .doctors-search-box.banner_search {
        width: 100%;
        margin-left: 0;
        border-radius: 24px !important;
    }
    section.dc-searchholder.banner_bottom_sec {
        display: none;
    }
    .testimonial_content .counter-item h6 {
        font-size: 30px;
    }
    .testimonial_content .counter-item p {
        font-size: 13px;
    }
    /* Patient Booking */
    .form-wizard-steps li {
        margin-right: 10px;
        margin-bottom: 20px;
    }
    .booking-wizard .form-wizard-steps {
        display: flex;
        margin-bottom: 0;
    }
    .form-wizard-steps li .profile-step h6 {
        font-size: 13px;
    }
    .doctors-search-box .search-box-one form {
        flex-direction: row;
    }
    .doctors-search-box .search-box-one .form-row {
        flex-direction: column;
    }
    .doctors-search-box .search-box-one form .search-input.search-line {
        width: 100%;
        margin-bottom: 15px;
    }
    .doctors-search-box .search-box-one .form-row .location_droupdown {
        width: 100%;
    }
    .doctors-search-box .search-box-one .form-row  .form-search-btn {
        margin: 8px auto 0;
        width: 70%;
    }
    .doctor-content.content .form-sorts.dropdown {
        width: 100%;
        height: 46px;
        padding: 19px;
    }
    .doctors-search-box .search-input.search-map-line {
        width: 100%;
    }
    .search-input.search-map-line {
        width: 100%;
        margin-bottom: 30px;
    }
    .search_sec .booking-header .doctors-search-box {
        margin-bottom: 12px;
    }
    .doctor-list-card .card-img {
        width: 100%;
        flex: 0 0 100%;
        height: 200px;
    }
    .doctor-list-card .card-img img {
        height: 100%;
        object-fit: cover;
    }
    
    .doctors-search-box .form-search-btn .btn {
        font-size: 13px;
        min-width: 70px;
        padding: 7px 9px;
    }
    .doctors-search-box .search-box-one .form-row .form-search-btn button {
        padding: 8px;
        line-height: 14px;
        font-size: 13px;
    }
    .card-header.doctor_info .doctor_info_text {
        width: 100%;
    }
    .card-header.doctor_info .doctor_info_text .info_fees {
        flex-direction: column;
    }
    .card-header.doctor_info .doctor_info_text .info_fees .price {
        text-align: left;
    }
    .card-header.doctor_info .doctor_info_text .info_fees .price_sec {
        margin-top: 10px;
    }
    
    .TabBlock.family_slider .add_member {
        width: auto;
        flex: 0 0 auto;
        display: flex;
        background: #22bbe3;
        border-radius: 15px;
        padding: 6px 8px;
        align-items: center;
        margin-right: 30px;
        margin-bottom: 10px;
    }
    .TabBlock.family_slider .add_member i {
        font-size: 12px;
        display: block;
        color: #ffffff;
        float: left;
        margin-right: 5px;
    }
 
    .TabBlock.family_slider nav {
        width: 60%;
    }
    .TabBlock.family_slider a {
        width: 46%;
        flex: 0 0 46%;
    }
    .family_container label .family_name {
        font-size: 10px;
    }
    .family_container label .des {
        font-size: 10px;
    }
    .family_container label .family_name {
        font-size: 9px;
    }
    .TabBlock.family_slider {
        align-items: self-end;
        margin-top: 20px;
        flex-direction: column-reverse;
    }
    .family_container .appointment_check [type="radio"]:checked+label, .family_container .appointment_check [type="radio"]:not(:checked)+label {
        padding-left: 20px;
    }
    .family_container .appointment_check [type="radio"]:checked+label:before, .family_container .appointment_check [type="radio"]:not(:checked)+label:before {
        width: 16px;
        height: 16px;
    }

    .family_container .appointment_check [type="radio"]:checked+label:after, .family_container .appointment_check [type="radio"]:not(:checked)+label:after {
        width: 10px;
        height: 10px;
    }
    .multistep-form .booking-card .card-footer .pay_confirm {
        margin-top:0;
        text-align: center;
        display: block;
        /* width: 100%; */
    }
    .multistep-form .booking-card .card-footer .pay_confirm a {
        padding: 6px 10px;
    }
    .multistep-form .booking-card .card-footer .pay_confirm .pay_btn.leter {
        font-size: 12px;
        padding: 7px 9px;
        margin-right: 0;
    }
    .multistep-form .booking-card .card-footer .pay_confirm a {
        padding: 6px 10px;
    }
    
    .multistep-form .booking-card .card-footer .pay_confirm .confirmPayNow i {
        margin-left: 0 !important;
    }
    .booking_id_sec {
        justify-content: center;
        flex-direction: column;
    }
    .booking_id_sec {
        justify-content: center;
        flex-direction: column;
    }
    .top_title_sec {
        flex-direction: column;
    }
    .top_title_sec .reschedule_btn {
        margin-top: 10px;
    }
    .multistep-form .booking_id_sec .date {
        margin-top: 5px;
    }
    .theiaStickySidebar {
        display: none !important;
    }
    /* .profile-sidebar .profile-det-info.m_profile_info {
        display: none;
    } */

    .dashboard-header .header-list-btns li .dash-search-input .form-control {
        width: 100%;
    }
    .dropdown.header-dropdown.slect_droupdown .dropdown-toggle {
        padding: 8px 11px !important;
    }
    .header-dropdown .dropdown-toggle::after {
        right: 16px;
        position: relative;
    }

    .family_container {
        height: 100%;
    }
    .family_container label .family_name {
        font-size: 10px;
    }
    .family_container label .des {
        font-size: 10px;
    }

    .name_payment.m_mrd_location.desk_none {
        display: flex !important;
    }

    /* Dashboard Page */
    .appointment-wrap.dashboard-appointment-wrap .accordion-item .family_container {
        width: 100%;
        flex: 0 0 100%;
    }
    .appointment-wrap.dashboard-appointment-wrap .accordion-item .accordion-header .paid_unpaid_right_sec .paid_unpaid_sec .paid_sec {
        margin: 0;
        width: 100%;
        justify-content: space-between;
    }
    .appointment-wrap .accordion-item .accordion-header .paid_unpaid_right_sec .paid_unpaid_sec {
        width: 100%;
        margin-top: 12px;
    }
    .family_container.transaction_history_wrapper.dashboard_th_wrapper .patint_info {
        width: 100%;
    }
    .family_container.transaction_history_wrapper .patint_info .right_sec .name_payment {
        flex-direction: row;
    }
    .family_container.transaction_history_wrapper .patint_info .right_sec .name_payment .family_name {
        width: 78%;
        flex: 0 0 78%;
    }
    .appointment-wrap.dashboard-appointment-wrap .accordion-item .accordion-header .paid_unpaid_right_sec .paid_unpaid_sec.d_paid_unpaid_sec .unpaid_status, .appointment-wrap.dashboard-appointment-wrap .accordion-item .accordion-header .paid_unpaid_right_sec .paid_unpaid_sec.d_paid_unpaid_sec span.paid_full {
        display: none;
    }

    .appointment-wrap.dashboard-appointment-wrap .accordion-item .accordion-header .paid_unpaid_right_sec .paid_unpaid_sec {
        width: 100%;
        margin-top: 0;
    }
    .appointment-wrap.dashboard-appointment-wrap .accordion-header .family_container .right_sec .text_content .badge.dr_location {
        padding: 5px 8px;
    }

    .appointment-wrap.dashboard-appointment-wrap .accordion-item .accordion-header .paid_unpaid_right_sec .paid_unpaid_sec .paid_sec .paid {
        display: block;
        margin: 0;
    }
    
    .appointment-wrap.dashboard-appointment-wrap .accordion-item .accordion-header .name_payment .paid_unpaid_sec.d_paid_unpaid_sec {
        margin-top: 0;
    }
    .appointment-wrap.dashboard-appointment-wrap .accordion-header .family_container .right_sec .text_content .badge.dr_location {
        padding: 5px 8px;
        margin-right: 8px;
    }


  
    .dashboard-card-body.d_appoint_transactions .appointment_sec .des {
        width: 100%;
    }

    .dashboard-card-body.d_appoint_transactions .appointment_sec .des {
        width: 100%;
    }
    .dashboard-card-body.d_appoint_transactions .appointment_sec .receipt {
        width: 100%;
    }
    
    .dashboard-card-body.d_appoint_transactions .appointment_sec  .bank_name {
        width: 100%;
        margin-top: 9px;
    }
    
    .dashboard-header .header-list-btns li {
        width: 100%;
    }
    .dashboard-header .header-list-btns li .header-dropdown .dropdown-toggle {
        width: 100%;
        display: block;
    }
    .dashboard-header .header-list-btns li .header-dropdown .dropdown-toggle:after {
        right: 0;
        float: right;
        top: 4px;
    }
    .dashboard-header .header-list-btns li .dropdown.header-dropdown .dropdown-menu {
        width: 100%;
    }
    .dashboard-header .header-list-btns li .header-dropdown .dropdown-toggle.show:after {
        top: 10px;
    }
    
    .dashboard-header .header-list-btns li .header-dropdown .dropdown-toggle:after {
        right: 0;
        float: right;
    }
    /* Dashboard Page */


    /* Patient Booking */
    span.doctor_photo {
        margin: auto !important;
    }
    .patient_info_sec .text_info {
        width: 100%;
    }
    .patient_info_sec .patient_photo_sec .patient_photo {
        margin: 0 auto !important;
    }
    .patient_info_sec .patient_photo_sec {
        width: 100%;
        margin-right: 0;
        border-right: none;
        padding-right: 0;
    }
    .patient_info_sec .patient_photo_sec .text_content {
        justify-content: center;
    }
    .TabBlock.family_slider .add_member .family_name {
        color: #fff;
        margin: 0;
    }
    .patient_info_sec .text_info {
        width: 100%;
        margin-top: 20px;
    }
    .TabBlock.family_slider nav {
        width: 88%;
        justify-content: center;
    }
    .booking_info_content .top_sec {
        display: flex;
        /* flex-direction: column; */
        align-items: center;
    }
    .booking_info_content .top_sec .title_sec {
        /* width: 100%; */
        justify-content: start;
    }
    .booking_info_content .top_sec .title_sec a {
        margin-left: auto !important;
    }
    .paid_unpaid_sec {
        margin-top: 10px;
    }
    .paid_unpaid_sec .paid_sec span {
        margin: 0;
        margin-bottom: 0;
    }
    .paid_unpaid_sec .paid_sec .paid {
        margin: 0 0 0 8px;
        display: none;
    }
    .appointment-wrap .accordion-item .accordion-header .paid_unpaid_right_sec .btn_right .make_payment_btn {
        padding: 4px 12px;
        font-size: 12px;
    }
    
    .appointment-wrap .accordion-item .accordion-header .paid_unpaid_right_sec .btn_right .make_payment_btn i {
        margin-right: 0 !important;
    }
    .appointment-wrap .accordion-item .accordion-header .paid_unpaid_right_sec .btn_right .paid_receipt_link {
        padding: 5px 12px;
        font-size: 12px;
        margin-left: 10px;
    }
    .paid_unpaid_sec .paid_sec {
        text-align: center;
        margin-left: 0;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .appointment-wrap .accordion-item .accordion-header {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .appointment-wrap .accordion-item .accordion-header .accordion-button {
        margin-left: auto;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
    }
    .appointment-wrap .accordion-item .accordion-header .family_container .text_content .name_payment .family_name {
        font-size: 12px;
        margin-right: 6px;
    }
    .appointment-wrap .accordion-item .accordion-header .family_container {
        margin: 0;
        width: 100%;
        align-items: start;
    }
    /* .appointment-wrap .accordion-item .accordion-header .paid_unpaid_right_sec .btn_right .paid.make_payment_btn {
        display: none;
    } */
    /* .appointment-wrap .accordion-item .family_container .text_content .bottom_sec {
        justify-content: center;
    } */
    .appointment-wrap .accordion-item .family_container .user_photo {
        justify-content: center;
        margin-right: 20px;
        margin-bottom: 10px;
    }
    .appointment-wrap .accordion-item .accordion-body .paid_unpaid_sec {
        position: relative;
        margin-top: 0;
    }
    /* .appointment-wrap .accordion-item .accordion-body .paid_unpaid_sec .paid_sec {
        width: 100%;
    } */
    /* .appointment-wrap .accordion-item .accordion-body .paid_unpaid_sec .slect_droupdown {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        height: 17px;
    } */
    .appointment-wrap .accordion-item .accordion-header .paid_unpaid_right_sec {
        width: 100%;
        position: relative;
        margin-top: 15px;
    }
    .appointment-wrap .accordion-item .accordion-header .paid_unpaid_right_sec .btn_right .reschedule_btn {
        margin-bottom: 0;
    }
    .appointment-wrap .accordion-item .accordion-header .family_container .right_sec .name_payment .dr_location {
        margin: 0 0px 0 0;
    }
    .appointment-wrap .accordion-item .accordion-header .paid_unpaid_right_sec .paid_unpaid_sec {
        width: 100%;
        /* justify-content: center; */
    }
    .appointment-wrap .accordion-item .accordion-header .paid_unpaid_right_sec .paid_unpaid_sec .paid_sec {
        flex-direction: row;
    }
    .appointment-wrap .accordion-item .accordion-header .family_container .text_content .name_payment .des {
        font-size: 12px;
        margin-right: 6px;
    }
    /* .appointment-wrap .accordion-item .accordion-header .family_container .text_content .name_payment {
        justify-content: space-between;
        flex-direction: column;
    } */

    .appointment-wrap .accordion-item .accordion-header .paid_unpaid_right_sec .btn_right {
        flex-direction: row;
    }
    .apponment_id_sec {
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    .apponment_id_sec .apponment_bill .bill {
        margin-top: 2px;
        text-align: center;
    }
    .apponment_id_sec .btn_sec {
        display: flex;
        margin-top: 10px;
        align-items: center;
    }
    .booking_info_content.appointment_booking .paid_unpaid_sec {
        /* width: 100%; */
        justify-content: space-between;
    }
    .tab_view_link ul.nav.nav-tabs-bottom {
        justify-content: center;
    }
    .appointment-tab-head {
        flex-direction: column;
    }
    .appointment-tabs ul {
        display: flex;
        justify-content: center;
    }
    .appointment-tabs ul li {
        margin: 0 4px 11px;
    }
    .doctors-search-box form {
        flex-direction: column;
    }
    .booking-widget.multistep-form .location_droupdown {
        width: 100%;
    }
    .booking-widget.multistep-form .location_droupdown span.select2.select2-container.select2-container--default {
        width: 100% !important;
    }
    .doctors-search-box .search_content .search-input.search-line {
        width: 100%;
    }
    .search_sec .booking-header .doctors-search-box .search_content {
        border-radius: 15px;
    }

    .card-header.doctor_info.chooseDoctor .doctor_info_text {
        width: 100%;
    }


   
    .status {
        display: none;
    }
    .content .show_info {
        font-size: 14px;
        margin-top: 10px;
        line-height: 20px;
    }
    .doctor-content.content .form-sorts.dropdown .dropdown-toggle {
        display: block;
    }
    
    .doctor-content.content .form-sorts.dropdown .dropdown-toggle:after {
        float: right;
        position: absolute;
        right: 10px;
        top: 21px;
    }

    /*****===== Dashboard Doctor Page =====*****/
    
    .doctor-info-detail .experience {
        margin-top: 0;
    }
    .doctor-list-card .card-img {
        width: 100%;
        flex: 0 0 100%;
    }
    .doctor_info .doctor-info-detail {
        padding-bottom: 6px !important;
        padding-top: 3px !important;
    }
    .eyepower_wrapper .eyepower_sec .top_sec .location_date {
        margin: 12px auto 0;
        text-align: center;
    }
    .eyepower_wrapper .eyepower_sec.latest_eye_power .top_sec .patient_details {
        flex-direction: column;
    }
    /*****===== Dashboard Doctor Page =====*****/
    /*****===== Transaction History Page =====*****/
    .transaction_list_wrapper .header-list-btns li {
        width: 100%;
    }
    .family_container.transaction_history_wrapper .patint_info .right_sec .name_payment .family_name {
        font-size: 14px;
        margin-bottom: 7px;
    }
    .family_container.transaction_history_wrapper .patint_info .bottom_sec {
        flex-direction: column;
    }
    .family_container.transaction_history_wrapper .patint_info .right_sec .appointment_sec {
        flex-direction: column;
    }
    .family_container.transaction_history_wrapper .payment_info {
        display: flex;
        align-items: center;
        margin-top: 0;
    }
    .family_container.transaction_history_wrapper .payment_info .status {
        font-size: 14px;
        display: none;
    }
    .family_container.transaction_history_wrapper .m_location_payment .payment_info span.status {
        display: inline-block;
    }
    .family_container.transaction_history_wrapper .payment_info .paid_sec .charge {
        margin-left: 0;
        margin-top: 10px;
    }
    .family_container.transaction_history_wrapper .patint_info {
        width: 100%;
    }
    .m_location_payment {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    .m_location_payment .m_payment_right_sec {
        display: flex;
        align-items: center;
    }
    .family_container.transaction_history_wrapper .payment_right_sec .slect_droupdown {
        display: none;
    }
    .m_location_payment .m_payment_right_sec .slect_droupdown .dropdown-toggle {
        padding: 0 !important;
        border: none;
    }
    .m_location_payment .m_payment_right_sec .slect_droupdown .dropdown-toggle:after {
        display: none;
    }
    .family_container.transaction_history_wrapper .payment_info .paid_sec {
        margin-top: 0;
    }
    .family_container.transaction_history_wrapper .patint_info .right_sec .name_payment {
        display: flex;
        align-items: start;
        flex-direction: column;
        margin-bottom: 10px;
    }
    .family_container.transaction_history_wrapper .patint_info .right_sec .name_payment .family_name span {
        display: block;
        margin-top: 5px;
    }
    .family_container.transaction_history_wrapper .patint_info .right_sec .appointment_sec .receipt span {
        display: block;
    }
    .m_location_payment .payment_info {
        display: inline-block;
    }
    .consultation_content {
        flex-direction: row;
    }
    .reschedule_btn.m_reschedule_btn {
        background: #22bbe3;
        color: #fff;
        font-size: 11px;
    }
    .name_payment.m_mrd_location .paid_unpaid_sec {
        margin-top: 0;
        margin-left: 8px;
    }

  

    
    .family_container.transaction_history_wrapper {
        height: auto;
        flex-direction: column;
    }
    .transaction_list_wrapper .family_container.transaction_history_wrapper .patint_info {
        width: 100%;
    }
    .family_container.transaction_history_wrapper .payment_info .paid_sec .charge {
        margin-left: 0;
        margin-top: 0;
    }
    .family_container.transaction_history_wrapper .payment_right_sec .payment_info {
        display: flex;
        flex-direction: row;
        align-items: center;
        width: 100%;
    }
    .family_container.transaction_history_wrapper .payment_info .status.success {
        margin: 0 8px 0 0;
    }
    .family_container.transaction_history_wrapper .payment_right_sec {
        margin-top: 8px;
        width: 100%;
        text-align: right;
    }

    .card-header.doctor_info .doctor_info_text .info_fees .consultation_content {
        margin-bottom: 0;
    }
    
    .card-header.doctor_info .doctor_info_text .info_fees .price_sec {
        display: flex;
        margin: 0;
    }
    .card-header.doctor_info .doctor_info_text .info_fees .consultation_content {
        margin-bottom: 0;
    }
    
    .card-header.doctor_info .doctor_info_text .info_fees .price_sec {
        display: flex;
        margin: 0;
    }
    
    .card-body.s2TopDocSection .info_fees h4 {
        font-size: 15px;
    }
    .card-body.s2TopDocSection .card-header.doctor_info .doctor_info_text .top_sec p {
        margin: 0 !important;
        font-size: 11px;
    }
    .card-body.s2TopDocSection .doctor_info_text .top_sec p {
        font-size: 12px;
    }
    .card-header.doctor_info .card-body.s2TopDocSection  .doctor_info_text .right_sec {
        margin-top: 8px;
    }
    .consultation_content .icon {
        margin-right: 3px;
        margin-left: 4px;
    }
    .consultation_content .icon i {
        font-size: 16px;
    }
    .doctor-content.dashbord_booking_content .multistep-form .booking-card > .card-footer {
        padding: 14px  6px;
    }
    /*****===== Transaction History Page =====*****/
    /*****===== Patient Eye Power Page =====*****/
    .eyepower_wrapper .eyepower_sec .top_sec .patient_details .patient_photo {
        width: 40px;
        height: 40px;
    }
    .eyepower_wrapper .eyepower_sec .top_sec .patient_details .name {
        font-size: 16px;
    }
    .eye_power_table .table_sec td {
        padding: 4px;
    }
   
   
    /*****===== Patient Eye Power Page =====*****/
    /*****===== All Member Page =====*****/
    .dependent-wrap {
        justify-content: center;
    }
    .dependent-wrap .patient-info {
        text-align: center;
    }
    .dependent-wrap .patinet-information {
        min-width: auto;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .dependent-wrap .patient-info .top_info_sc {
        flex-direction: column;
    }
    .dependent-wrap .patinet-information img {
        margin-right: 0;
    }
    .dependent-wrap .patinet-information a {
        margin-bottom: 9px;
    }
    .dependent-wrap .patient-info h5 {
        font-size: 16px;
        margin-bottom: 4px;
    }
    .dependent-wrap .patient-info .top_info_sc .badge.dr_location {
        margin: 7px auto 0;
    }
    .dependent-wrap .blood-info {
        margin: auto;
        text-align: center;
    }
    .dependent-wrap.memberItem {
        align-items: start;
        position: relative;
    }
    .dependent-wrap.memberItem .dependent-status {
        position: absolute;
        right: 0;
    }
    /*****===== All member Page =====*****/
    /*****===== All member Page =====*****/
    .eyepower_wrapper .eyepower_sec.latest_eye_power .top_sec {
        flex-direction: column;
    }
    .eyepower_wrapper .eyepower_sec.latest_eye_power .top_sec .patient_details .patient_photo {
        margin-bottom: 10px;
        margin-right: 0;
    }
    .table-noti-info .table-noti-message h6 {
        white-space: normal;
    }
    /*****===== Notifications Page =====*****/

    .booking_info_content.appointment_booking {
        margin-top: 0;
    }
    .booking_info_content.appointment_booking .paid_unpaid_sec {
        margin-top: 0;
    }
    .booking_info_content.appointment_booking .title_sec h6 {
        margin-right: 10px;
    }

    .dashboard-card-body table.table.dashboard-table.notifications_table .table-noti-info .table-noti-message {
        width: 80%;
    }
    table.table.dashboard-table.notifications_table .table-noti-info .table-noti-message h6 {
        width: 45%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .table.dashboard-table.notifications_table .table-noti-info .table-noti-message a {
        white-space: nowrap;
    }
    
    



    .search_sec .booking-header .doctors-search-box.doctor_hospital_search .search_content form .search-input {
        width: 100%;
        margin-bottom: 8px;
    }
    /* table.table.dashboard-table.notifications_table .table-noti-info .table-noti-message h6 {
        width: 50%;
    } */
    .doctors-search-box .search_content {
        border-radius: 25px;
        padding: 12px;
    }
    .doctors-search-box {
        border-radius: 25px !important;
    }
    .doctors-search-box form .location_droupdown {
        width: 100%;
        align-items: center;
    }
    .doctors-search-box form .location_droupdown span.select2.select2-container.select2-container--default {
        width: 100% !important;
    }
    .booking-widget.multistep-form .doctors-search-box {
        border-radius: 18px !important;
    }
    .form-check.cashless_check label.form-check-label {
        width: 92%;
        font-size: 14px;
    }
    .bill_type_droupdown_sec .col-lg-6 {
        margin-bottom: 18px;
    }
    .cashless_modal .modal-dialog {
        max-width: 80%;
        margin: auto;
    }
    .old_reschedule_info .card-body .booking_info_content .appointment_location {
        margin-right: 10px;
    }

    .header-dropdown .dropdown-menu a {
        white-space: normal;
    }

   /*****===== Patient Appointments Page =====*****/
    .dashboard-header .header-list-btns {
        justify-content: center;
        width: 100%;
    }

    .form-sorts.dropdown {
        height: 32px;
        width: 90%;
        margin: auto;
    }
    .appointment-tab-head .filter-head {
        margin: 10px auto;
        width: 100%;
    }
    .form-sorts.dropdown a {
        width: 100%;
    }
    .form-sorts .filter-dropdown-menu {
        min-width: 100%;
    }
    /*****===== Patient Appointments Page =====*****/

    .footer.inner-footer .footer-bottom .copyright {
        flex-direction: column;
    }
    .footer.inner-footer .footer-bottom .copyright-text {
        margin-bottom: 8px;
    }
}

@media only screen and (max-width: 480px) {
    .header_sec .nave_sec,
    .nav_list.collapse.navbar-collapse.collapsing {
        right: -70%;
        width: 70%;
    }
    .header_sec .logo {
        width: 70px !important;
    }
    /* Home Page */
    .banner-section.banner-sec-one.banner_sec .banner_text_content {
        margin-top: 10px;
    }
    .banner-section.banner-sec-one .banner-img .banner-appointment.\32 7_logo {
        width: 36%;
        padding: 6px;
        right: -44px;
        top: 80%;
    }
    .banner-section.banner-sec-one .banner-img .banner-patient {
        left: -80px;
        bottom: 70px;
        padding: 4px;
    }
    .banner-section.banner-sec-one .banner-img .banner-patient .avatar.avatar-rounded {
        width: 24px;
        height: 24px;
    }
    .banner-section.banner-sec-one .banner-img .banner-patient {
        left: -50px;
        bottom: 70px;
        padding: 6px;
    }
    .banner-section.banner-sec-one .banner-img .banner-patient p {
        font-size: 8px;
        margin-bottom: 0;
    }
    .banner-section.banner-sec-one .banner-img .banner-appointment {
        right: -80px;
        top: 70%;
    }
    .banner_sec h1 {
        font-size: 23px;
    }
    .reason-section.why_choose_with_us h6 {
        font-size: 13px;
        flex-direction: column;
        text-align: center;
    }
    .reason-section.why_choose_with_us h6 img {
        width: 40px;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .bookus-section.why_choose .book-item .book-info p {
        font-size: 12px !important;
    }
    .testimonial_tab_sec .testimonial_tab {
        width: 100%;
        margin-bottom: 10px;
    }
    .testimonial_tab_sec .testimonial_tab .nav-link {
        font-size: 16px;
        padding: 4px 10px;
    }
    .testimonial_content .counter-item h6 {
        font-size: 26px;
    }
    .testimonial_content .counter-item p {
        font-size: 12px;
    }
    .testimonial_content {
        padding: 30px 0;
    }
    .testimonial_content .testimonial-counter {
        padding-top: 30px;
    }
    /* Home Page */
    /* Patient Booking */
    .form-wizard-steps li .profile-step h6 {
        font-size: 9px;
    }
    .search_sec {
        padding: 20px 12px 20px;
    }
    .search-input.search-line input.form-control {
        padding: 0 26px;
    }
    .search-input>i.bficon {
        left: 12px;
    }
    .search-input.search-line input.form-control {
        padding: 0 35px;
    }
    .card-header.doctor_info .doctor_info_text .top_sec {
        display: flex;
        align-items: start;
        flex-direction: column;
    }
    .card-header.doctor_info .doctor_info_text .top_sec .right_sec {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-top: 9px;
    }
    .multistep-form .booking-card h4 {
        font-size: 11px;
    }
    .family_container label .des {
        font-size: 10px;
    }
    .card-header.doctor_info .doctor_info_text .info_fees span.badge.bg-orange {
        margin-left: auto;
    }
    .multistep-form .booking-card .card-footer a {
        font-size: 9px;
        padding: 4px 10px;
        /* line-height: 14px; */
    }
    .multistep-form .booking-card .card-footer .pay_confirm {
        display: flex;
        align-items: center;
    }
    .multistep-form .booking-card .card-footer .pay_confirm a {
        padding: 4px 6px;
    }
    .multistep-form .booking-card .card-footer .pay_confirm .pay_btn.leter {
        font-size: 9px;
        padding: 4px 5px;
        margin-left: 5px;
    }
    .multistep-form .booking-card .card-footer .pay_confirm .pay_btn.leter {
        font-size: 9px;
        padding: 4px 6px;
    }
    .multistep-form .booking-card .card-footer .pay_confirm .confirmPayNow i {
        font-size: 8px;
    }
  
    .multistep-form .booking-card .card-footer a i {
        margin-right: 0 !important;
    }
    .TabBlock.family_slider nav {
        width: 84%;
    }
    .TabBlock.family_slider .add_member {
        width: 30%;
        flex: 0 0 30%;
    }
    .TabBlock.family_slider .add_member {
        width: 33%;
        flex: 0 0 30%;
        margin-bottom: 10px;
    }

    .TabBlock.family_slider a {
        width: 70%;
        flex: 0 0 70%;
    }
    .appointment_details .booking_info_content .btn_sec .pay_btn {
        padding: 4px 15px;
    }
    .booking_info_content h6 {
        font-size: 10px !important;
        margin-bottom: 6px;
    }
    .old_reschedule_info .card-body .booking_info_content .appointment_location {
        margin-right: 10px;
        flex-direction: column;
    }
    .old_reschedule_info .card-body .booking_info_content .card-view-link a {
        padding: 7px 14px;
        line-height: 6px;
        font-size: 11px;
    }
    
    /* Patient Booking */
    .account-content .otp-info {
        flex-direction: column;
    }
    .booking-wizard-slots .visits span.visit-rsn {
        min-width: 90px;
    }
    .appointment-wrap {
        padding: 24px 15px 17px 15px;
    }
    .appointment-wrap .accordion-item .accordion-header .family_container .right_sec {
        width: 80%;
    }
    .appointment-wrap .accordion-item .family_container .text_content .bottom_sec .des.doctor {
        font-size: 14px;
    }
    .appointment-wrap .accordion-item .accordion-header .family_container .right_sec .name_payment .dr_location {
        padding: 2px 3px;
        margin-left: 5px;
        font-size: 9px;
    }
    .appointment-wrap .accordion-item .accordion-header .family_container .right_sec .name_payment .dr_location i {
        font-size: 8px;
        margin-right: 4px !important;
    }
    .reload_btn i {
        font-size: 13px;
    }
    .appointment-wrap .accordion-item .family_container .user_photo {
        margin-right: 8px;
        margin-bottom: 4px;
        width: 44px;
        flex: 0 0 44px;
        height: 44px;
    }
    /* .appointment-wrap .accordion-item .accordion-header .family_container .text_content .name_payment {
        flex-direction: column;
    } */
    .appointment-wrap .accordion-item .accordion-header .family_container .text_content .name_payment .des {
        margin: 0 0 0;
        font-size: 9px;
    }
    .appointment-wrap .accordion-item .accordion-header .family_container .text_content .name_payment .family_name {
        font-size: 10px;
        margin: 0 3px 0 0;
    }
    .apponment_id_sec .apponment {
        font-size: 14px;
    }
    .appointment-wrap .accordion-item .family_container .text_content .bottom_sec .des {
        margin: 0 5px 0 0;
        font-size: 11px;
    }
    /*****===== patient-eye-power =====*****/
    .eyepower_wrapper .eyepower_sec .top_sec .patient_details .name {
        font-size: 13px;
    }
    .eyepower_wrapper .eyepower_sec .top_sec .patient_details .patient_photo {
        width: 34px;
        height: 34px;
        border-radius: 7px;
        margin-right: 8px;
    }
    .eyepower_wrapper .eyepower_sec .top_sec .date_sec {
        font-size: 13px;
    }
    .eye_power_table .table_sec th {
        font-size: 14px;
        padding: 8px;
    }
    .eye_power_table .table_sec td {
        padding: 4px;
        font-size: 14px;
    }
    /*****===== patient-eye-power =====*****/


    .dashboard-card-body.d_appoint_transactions .nav.nav-tabs-bottom {
        justify-content: start;
    }

    .dashboard-card-body.d_appoint_transactions .nav.nav-tabs-bottom li a {
        padding: 3px 10px;
        margin-right: 6px;
        font-size: 12px;
        margin-bottom: 9px;
    }
    .appointment-wrap.dashboard-appointment-wrap .date_time {
        flex-direction: column;
    }

    .dashboard-header .header-list-btns {
        flex-direction: column;
    }
    .dropdown.header-dropdown.slect_droupdown {
        margin-left: 0;
    }
    .appointment-tabs ul li .nav-link span {
        margin-left: 8px;
    }
    .tab-content.appointment-tab-content.doctor_appointment_list .badge.dr_location {
        padding: 7px 6px !important;
    }

    /*****===== Patient Appointments =====*****/
    .appointment-tabs ul li .nav-link {
        padding: 4px 5px;
        font-size: 12px;
    }
    .form-sorts.dropdown {
        width: 100%;
    }
    /*****===== Patient Appointments =====*****/

    table.table.dashboard-table.notifications_table .table-noti-message {
        width: 66%;
    }
    /* table.table.dashboard-table.notifications_table .table-noti-info .table-noti-message h6 {
        width: 40%;
    } */
    .form-check.cashless_check label.form-check-label {
        width: 89%;
        font-size: 12px;
    }
    .cashless_modal .modal-dialog .modal-body .text_content .form-check label.form-check-label {
        font-size: 12px;
        line-height: 16px;
    }
   
    .old_reschedule_info .card-body {
        padding: 10px;
    }
    .old_reschedule_info .card-body .booking_info_content .id_view {
        flex-direction: column;
    }
    .old_reschedule_info .card-body .booking_info_content .appointment_location span.badge.dr_location {
        margin-left: 0;
        padding: 6px 8px;
    }

    .doctors-search-box .select2-container .select2-selection--single .select2-selection__rendered {
        padding-right: 27px;
        padding-left: 2px;
    }
    .doctor-section .active-bar::after {
        display: none;
    }
    .doctor-section a.text-indigo {
        display: none;
    }
    .active-bar::after {
        display: none;
    }

    .appointment-tabs ul li {
        margin: 0 3px 8px;
    }
    .paid_unpaid_sec .paid_sec span {
        font-size: 8px;
        padding: 3px 5px;
    }
    .appointment-wrap .accordion-item .accordion-header .paid_unpaid_right_sec .btn_right .make_payment_btn {
        padding: 4px 10px;
        font-size: 10px;
        margin-left: 3px;
        position: relative;
        top: -2px;
    }
    .appointment-wrap .accordion-item .accordion-header .paid_unpaid_right_sec .btn_right .paid_receipt_link {
        padding: 5px 7px;
        font-size: 10px;
        margin-left: 5px;
    }
    .appointment-wrap .accordion-item .accordion-header .paid_unpaid_right_sec .btn_right .reschedule_btn {
        margin-bottom: 0;
        font-size: 10px;
        padding: 3px 10px;
    }
    .appointment-wrap .accordion-item .accordion-header .paid_unpaid_right_sec .btn_right .paid_receipt_link i {
        margin-right: 0 !important;
    }


    .doctor-content.dashbord_booking_content .date {
        width: 100%;
    }
    .booking_info_content.appointment_booking .top_sec {
        flex-direction: column;
        align-items: baseline;
        margin-bottom: 10px;
    }
    .booking_info_content.appointment_booking .top_sec .title_sec {
        width: 100%;
        margin-bottom: 2px;
    }
    .booking_info_content.appointment_booking .top_sec .not_attented {
        padding: 3px 8px;
        font-size: 9px;
    }
}

@media only screen and (max-width: 440px) {
    .banner-section.banner-sec-one .banner-img .banner-patient .avatar.avatar-rounded {
        width: 22px;
        height: 22px;
    }
    .banner-section.banner-sec-one .banner-img .banner-patient {
        padding: 4px;
    }
    .banner-section.banner-sec-one .banner-img .banner-appointment.\32 7_logo {
        width: 30%;
        padding: 6px;
        right: -44px;
    }
}

@media only screen and (max-width: 390px) {
    .banner-section.banner-sec-one.banner_sec .banner_text_content {
        margin-top: 10px;
    }
    .banner-section.banner-sec-one .banner-img .banner-appointment.\32 7_logo {
        width: 35%;
        padding: 6px;
        right: -44px;
        top: 80%;
    }
    .banner-section.banner-sec-one .banner-img .banner-patient {
        left: -50px;
        bottom: 70px;
        padding: 4px;
    }
    .banner-section.banner-sec-one .banner-img .banner-patient .avatar.avatar-rounded {
        width: 20px;
        height: 20px;
    }
    .banner-section.banner-sec-one .banner-img .banner-patient {
        left: -50px;
        bottom: 70px;
        padding: 6px;
    }
    .banner-section.banner-sec-one .banner-img .banner-patient p {
        font-size: 8px;
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 360px) {
    .banner-section.banner-sec-one.banner_sec .banner_text_content {
        margin-top: 10px;
    }
    .banner-section.banner-sec-one .banner-img .banner-appointment.\32 7_logo {
        width: 35%;
        padding: 6px;
        right: -44px;
        top: 80%;
    }
    .banner-section.banner-sec-one .banner-img .banner-patient {
        left: -50px;
        bottom: 70px;
        padding: 4px;
    }
    .banner-section.banner-sec-one .banner-img .banner-patient .avatar.avatar-rounded {
        width: 18px;
        height: 18px;
    }
    .banner-section.banner-sec-one .banner-img .banner-patient {
        left: -50px;
        bottom: 70px;
        padding: 4px;
    }
    .banner-section.banner-sec-one .banner-img .banner-patient p {
        font-size: 8px;
        margin-bottom: 0;
    }
}

.doctor_list_content {
    overflow: auto;
    max-height: 450px;
    position: relative;
}

.time_slot_list_content {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    max-height: 325px;
    position: relative;
}

.ps {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto;
}


/*
 * Scrollbar rail styles
 */

.ps__rail-x {
    display: none;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    height: 15px;
    /* there must be 'bottom' or 'top' for ps__rail-x */
    bottom: 0px;
    /* please don't change 'position' */
    position: absolute;
}

.ps__rail-y {
    display: none;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    width: 15px;
    /* there must be 'right' or 'left' for ps__rail-y */
    right: 0;
    /* please don't change 'position' */
    position: absolute;
}

.ps--active-x>.ps__rail-x,
.ps--active-y>.ps__rail-y {
    display: block;
    background-color: transparent;
}

.ps:hover>.ps__rail-x,
.ps:hover>.ps__rail-y,
.ps--focus>.ps__rail-x,
.ps--focus>.ps__rail-y,
.ps--scrolling-x>.ps__rail-x,
.ps--scrolling-y>.ps__rail-y {
    opacity: 0.6;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
    background-color: #eee;
    opacity: 0.9;
}


/*
 * Scrollbar thumb styles
 */

.ps__thumb-x {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear, height .2s ease-in-out;
    -webkit-transition: background-color .2s linear, height .2s ease-in-out;
    height: 6px;
    /* there must be 'bottom' for ps__thumb-x */
    bottom: 2px;
    /* please don't change 'position' */
    position: absolute;
}

.ps__thumb-y {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear, width .2s ease-in-out;
    -webkit-transition: background-color .2s linear, width .2s ease-in-out;
    width: 6px;
    /* there must be 'right' for ps__thumb-y */
    right: 2px;
    /* please don't change 'position' */
    position: absolute;
}

.ps__rail-x:hover>.ps__thumb-x,
.ps__rail-x:focus>.ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
    background-color: #999;
    height: 11px;
}

.ps__rail-y:hover>.ps__thumb-y,
.ps__rail-y:focus>.ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
    background-color: #999;
    width: 11px;
}


/* MS supports */

@supports (-ms-overflow-style: none) {
    .ps {
        overflow: auto !important;
    }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .ps {
        overflow: auto !important;
    }
}

.datepicker .datepicker-days td.day {
    font-weight: 700 !important;
}

.datepicker .datepicker-days td.disabled {
    color: #ccccccb2 !important;
    font-weight: 500 !important;
}

.noSlotAvailable {
    font-size: 36px;
    min-height: 300px;
    margin: auto auto;
    text-align: center;
}

.bookingSlotHtml {
    min-height: 323px;
}

.fetchDateTimeSlot {
    text-align: center !important;
}

.fetchDateTimeSlot h1 {
    width: 100%;
    color: #22bbe3 !important;
    font-size: 21px !important;
}

.fetchDateTimeSlot .dots {
    position: relative;
    width: 100%;
    -webkit-animation: move-2 3s linear infinite;
    animation: move-2 3s linear infinite;
    -webkit-animation-delay: -400ms;
    animation-delay: -400ms;
}

.fetchDateTimeSlot .dot {
    display: inline-block;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    background: #22bbe3;
    -webkit-animation: move 3s cubic-bezier(0.1, 0.8, 0.9, 0.1) infinite;
    animation: move 3s cubic-bezier(0.1, 0.8, 0.9, 0.1) infinite;
}

.fetchDateTimeSlot .dot:nth-of-type(2) {
    -webkit-animation-delay: -100ms;
    animation-delay: -100ms;
}

.fetchDateTimeSlot .dot:nth-of-type(3) {
    -webkit-animation-delay: -200ms;
    animation-delay: -200ms;
}

.fetchDateTimeSlot .dot:nth-of-type(4) {
    -webkit-animation-delay: -300ms;
    animation-delay: -300ms;
}

.fetchDateTimeSlot .dot:nth-of-type(5) {
    -webkit-animation-delay: -400ms;
    animation-delay: -400ms;
}

@-webkit-keyframes move {
    0% {
        transform: translateX(-10em);
        opacity: 0;
    }
    10%,
    70% {
        opacity: 0.9;
    }
    80%,
    100% {
        transform: translateX(10em);
        opacity: 0;
    }
}

@keyframes move {
    0% {
        transform: translateX(-10em);
        opacity: 0;
    }
    10%,
    70% {
        opacity: 0.9;
    }
    80%,
    100% {
        transform: translateX(10em);
        opacity: 0;
    }
}

@-webkit-keyframes move-2 {
    0% {
        transform: translateX(4em);
    }
    100% {
        transform: translateX(-4em);
    }
}

@keyframes move-2 {
    0% {
        transform: translateX(4em);
    }
    100% {
        transform: translateX(-4em);
    }
}

.select2-selection__clear {
    display: none !important;
}

.dr_offline_app {
    color: #003c72;
    border-radius: 36px;
    padding: 0.35rem 0.85rem;
    line-height: 16px;
    font-weight: 600;
    font-size: 16px;
}

.dr_offline_app i {
    margin-right: 5px !important;
}

.dr_online_app {
    color: #005e0e;
    border-radius: 36px;
    padding: 0.35rem 0.85rem;
    line-height: 16px;
    font-weight: 600;
    font-size: 16px;
}

.dr_online_app i {
    margin-right: 5px !important;
}