.a_layout_container {
    padding-left: 278px;
    position: relative;
    /* transition: padding 0.4s ease; */
    width: 100%;
    padding-top: 81px;
    /*padding-right: 380px;*/
}
.a_chat_toggle_btn {
    font-size: 16px;
    color: #fff;
    border-radius: 4px 4px 0 0;
    background-color: #02a8df;
    padding: 7px 12px;
    position: fixed;
    bottom: 15px;
    right: 30px;
    z-index: 90;
    border-radius: 100%;
}
.a_chat_toggle_btn {}
.a_header {
    background-color: #ffffff;
    height: 81px;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    right: 0;
    transition: padding 0.4s ease;
    z-index: 100;
    box-shadow: 0 11px 30px -10px rgba(0, 0, 0, 0.12);
}
.a_header_center {
    width: 100%;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 12px;
    padding-left: 35px;
}
.a_header_right {
    min-width: 380px;
    border-left: 1px solid #f1f1f5;
    padding: 12px 24px;
    height: 100%;
}
.a_alert_top {
    background-image: url('../images/alert-icon.png');
    background-repeat: no-repeat;
    width: 18px;
    height: 25px;
    display: inline-block;
    vertical-align: top;
    background-size: 100% 100%;
}
.a_alert_top.active {
    background-image: url('../images/alert-active-icon.png');
}
.a_alert_top:hover {
    opacity: 0.7;
}
.a_top_profile {
    background-color: #ffffff;
    width: 100%;
    text-align: right;
}
.a_top_profile .dropdown-toggle {
    position: relative;
    color: #25265e;
    padding-right: 85px;
    text-align: right;
    min-height: 43px;
    padding-left: 10px;
    font-size: 14px;
}
.a_top_profile .dropdown-toggle:hover {
    text-decoration: none;
}
.a_top_profile .dropdown-toggle::after {
    top: 11px;
    right: 14px;
    font-family: "Font Awesome 5 Free";
    margin-left: 0;
    vertical-align: top;
    content: "\f078";
    border-style: none;
    font-weight: 900;
    color: #15b4f1;
    position: absolute;
}
.a_top_profile .dropdown-toggle span {}
.a_top_profile .dropdown-toggle span strong {
    color: #15b4f1;
    font-weight: normal;
}
.a_top_profile .a_profile_icon {
    background-color: #15b4f1;
    width: 43px;
    height: 43px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    position: absolute;
    top: 0;
    right: 29px;
}
.a_sidebar {
    background-color: #ffffff;
    height: 100%;
    min-height: 100%;
    width: 278px;
    /* transition: all 0.4s ease; */
    position: fixed;
    z-index: 70;
    border-right: 1px solid #f1f1f5;
    padding-top: 81px;
}
.a_header_left {
    height: 100%;
    background-color: #ffffff;
    border-right: 1px solid #f1f1f5;
    min-width: 278px;
}
.a_header_left .a_left {
    background-color: #0976a0;
    min-width: 80px;
    text-align: center;
    height: 100%;
}
.a_header_left .a_right {
    width: 100%;
    padding: 24px;
}
.a_sidebar_toggle_btn {
    font-size: 24px;
    color: #02a8df;
}
.a_sidebar_toggle_btn:hover {
    opacity: 0.7;
    color: #02a8df;
}
.a_my_profile {
    height: 70px;
    background-color: #ffffff;
    width: 100%;
}
.a_my_profile_dropdown {
    width: 100%;
    height: 100%;
}
.a_my_profile_dropdown .dropdown-toggle {
    position: relative;
    color: #282828;
    height: 100%;
    padding: 10px 10px 10px 24px;
}
.a_my_profile_dropdown .dropdown-toggle:hover {
    text-decoration: none;
}
.a_my_profile_dropdown .dropdown-toggle::after {
    top: 23px;
    right: 31px;
    font-family: "Font Awesome 5 Free";
    margin-left: 0;
    vertical-align: top;
    content: "\f078";
    border-style: none;
    font-weight: 900;
    color: #15b4f1;
    position: absolute;
}
.a_my_profile .a_my_profile_icon {
    background-color: #15b4f1;
    min-width: 80px;
    height: 100%;
    text-align: center;
}
.a_my_profile .a_my_profile_icon img {
    width: 43px;
    height: 43px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.a_sidebar_blue_bar {
    background-color: #15b4f1;
    width: 80px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.a_sidebar_menu {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.a_sidebar_menu li {}
.a_sidebar_menu li a .a_icon {
    background-color: #15b4f1;
    min-width: 80px;
    height: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center!important;
    justify-content: center!important;
}
.a_sidebar_menu li a .a_icon img {}
.a_sidebar_menu li a {
    color: #282828;
    font-size: 13px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    padding: 18px 13px 18px 104px;
    border-right: 2px solid transparent;
    min-height: 55px;
}
.a_sidebar_menu li.active a,
.a_sidebar_menu li a:hover {
    border-right: 2px solid #15b4f1;
    background-color: #e7f7fe;
    text-decoration: none;
}
.a_sidebar_menu li.active a .a_icon,
.a_sidebar_menu li a:hover .a_icon {
    background-color: #1990cc;
}
.a_sidebar_menu li a .badge {
    color: #ffffff;
    background-color: #15b4f1;
    border: 1px solid #d2e2fb;
    border-radius: 30px;
    text-align: center;
}
.a_sidebar_collapsed {}
.a_sidebar_collapsed .a_sidebar {
    width: 80px;
}
.a_sidebar_collapsed .a_sidebar .a_my_profile_dropdown {
    display: none;
}
.a_sidebar_collapsed .a_sidebar_menu li a {
    padding: 10px;
}
.a_sidebar_collapsed .a_sidebar .a_text {
    display: none !important;
}
.a_sidebar_collapsed {}
.a_chat_collapsed .a_chat_block {
    top: 100%;
}
.a_sidebar_collapsed {}
.a_home_link {
    display: inline-block;
    vertical-align: top;
    padding: 5px;
}
.a_home_link:hover {
    opacity: 0.7;
}
.a_search .form-control::placeholder {
    color: #d0d0d4;
}
.a_search .form-control:-ms-input-placeholder {
    color: #d0d0d4;
}
.a_search .form-control::-ms-input-placeholder {
    color: #d0d0d4;
}
.a_search {}
.a_search .form-control:focus {
    color: #555555;
    outline: 0;
    box-shadow: none;
}
.a_search .form-control {
    border-style: none;
    color: #555555;
    font-size: 14px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}
.a_search .input-group-prepend {
    margin-right: 0;
    margin-top: -3px;
}
.a_chat_block {
    background-color: #f5f5f8;
    height: 100%;
    min-height: 100%;
    width: 380px;
    transition: all 0.4s ease;
    position: fixed;
    z-index: 90;
    border-left: 1px solid #f1f1f5;
    top: 0;
    right: 0;
    padding-top: 81px;
    padding-bottom: 60px;
}
.a_chat_profile {
    padding: 18px 20px;
    background-color: #fbfbfc;
    top: 0;
    right: 0;
    left: 0;
    position: absolute;
    width: 100%;
}
.a_chat_profile figure {
    position: relative;
}
.a_chat_profile figure.a_active_dot::before {
    position: absolute;
    right: 0px;
    top: 8px;
    width: 10px;
    height: 10px;
    background-color: #50d47e;
    border: 1px solid #ffffff;
    content: '';
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.a_chat_profile figure img {
    border-radius: 50%;
}
.a_chat_profile .a_chat_profile_text {
    padding-left: 20px;
}
.a_chat_profile h6 {
    font-size: 18px;
    color: #000000;
    margin-bottom: 3px;
}
.a_chat_profile .a_view_profile {
    display: inline-block;
    vertical-align: top;
    color: #24c24e;
    font-size: 16px;
}
.a_chat_profile .a_view_profile:hover {
    opacity: 0.7;
}
.a_chat {
    height: 100%;
    padding-top: 102px;
    position: relative;
    padding-bottom: 30px;
    background-image: url(../images/chat-bg-shad.png);
    background-repeat: repeat;
}
.a_msges {
    padding: 12px;
    overflow: auto;
    max-height: 100%;
}
.a_received_msg {
    min-height: 48px;
    margin-bottom: 10px;
    position: relative;
}
.a_received_msg .a_sender_icon {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 34px;
    height: 34px;
}
.a_received_msg .a_sender_icon img {
    display: block;
    width: 34px;
    height: 34px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}
.a_received_msg .a_text {
    margin-left: 50px;
    background-color: #f7f7f7;
    padding: 12px 15px;
    color: #626262;
    font-size: 14px;
    border-radius: 12px 12px 12px 0;
    -webkit-border-radius: 12px 12px 12px 0;
    -moz-border-radius: 12px 12px 12px 0;
    -ms-border-radius: 12px 12px 12px 0;
    -o-border-radius: 12px 12px 12px 0;
    border: 1px solid #ececed;
    position: relative;
}
.a_received_msg .a_text::before {
    content: '';
    left: -17px;
    bottom: -1px;
    position: absolute;
    background-image: url(../images/text-shab.png);
    background-repeat: no-repeat;
    height: 36px;
    width: 17px;
    background-size: 100% 100%;
}

/* .a_received_msg .a_text::before{
    content: '';
    left: -14px;
    bottom: -2px;
    position: absolute;
    border-top: 28px solid transparent;
    border-right: 14px solid #ececed;
}
.a_received_msg .a_text::after{
    content: '';
    left: -11px;
    bottom: 0;
    position: absolute;
    border-top: 23px solid transparent;
    border-right: 11px solid #f7f7f7;
}
.a_received_msg .a_text span::before{
    content: '';
    left: -9px;
    bottom: 6px;
    position: absolute;
    border-top: 24px solid transparent;
    border-right: 8px solid #ececed;
    z-index: 1;
}
.a_received_msg .a_text span::after{
    content: '';
    left: -8px;
    bottom: 4px;
    position: absolute;
    border-top: 24px solid transparent;
    border-right: 8px solid #f7f7f7;
    z-index: 2;
} */

.a_received_msg .a_text span {
    display: block;
}
.a_received_msg .a_time {
    font-size: 11px;
    color: #b0b0b0;
    min-width: 56px;
    padding-left: 10px;
    text-align: right;
}

/* send msg */

.a_sent_msg {
    min-height: 48px;
    margin-bottom: 10px;
    position: relative;
}
.a_sent_msg .a_my_icon {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 34px;
    height: 34px;
}
.a_sent_msg .a_my_icon img {
    display: block;
    width: 34px;
    height: 34px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}
.a_sent_msg .a_text {
    margin-right: 50px;
    background-color: #15b4f1;
    padding: 12px 15px;
    color: #ffffff;
    font-size: 14px;
    border-radius: 12px 12px 0 12px;
    -webkit-border-radius: 12px 12px 0 12px;
    -moz-border-radius: 12px 12px 0 12px;
    -ms-border-radius: 12px 12px 0 12px;
    -o-border-radius: 12px 12px 0 12px;
    border: 2px solid #1baee8;
    position: relative;
}
.a_sent_msg .a_text::before {
    content: '';
    right: -17px;
    bottom: -2px;
    position: absolute;
    background-image: url(../images/text-blue-shab.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 17px;
    background-size: 100% 100%;
}

/* .a_sent_msg .a_text::before{
    content: '';
    left: -14px;
    bottom: -2px;
    position: absolute;
    border-top: 28px solid transparent;
    border-right: 14px solid #1baee8;
}
.a_sent_msg .a_text::after{
    content: '';
    left: -11px;
    bottom: 0;
    position: absolute;
    border-top: 23px solid transparent;
    border-right: 11px solid #15b4f1;
}
.a_sent_msg .a_text span::before{
    content: '';
    left: -9px;
    bottom: 6px;
    position: absolute;
    border-top: 24px solid transparent;
    border-right: 8px solid #1baee8;
    z-index: 1;
}
.a_sent_msg .a_text span::after{
    content: '';
    left: -8px;
    bottom: 4px;
    position: absolute;
    border-top: 24px solid transparent;
    border-right: 8px solid #15b4f1;
    z-index: 2;
} */

.a_sent_msg .a_text span {
    display: block;
}
.a_sent_msg .a_time {
    font-size: 11px;
    color: #b0b0b0;
    min-width: 56px;
    padding-right: 10px;
    text-align: right;
}
.a_control_box {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 60px;
}
.a_control_box .form-control {
    border-style: none;
    height: 100%;
    border-radius: 0;
    resize: none;
    color: #787993;
    padding-top: 20px;
}
.a_control_box .form-control:focus {
    box-shadow: none;
    color: #787993;
}
.form-control {
    border-radius: 0 !important;
}
.a_control_box .form-control {}
.a_control_box .btn {
    background-color: #fff;
    border-radius: 0;
    border-style: none;
}
.a_control_box .btn:focus {
    outline: none;
    box-shadow: none;
}
.a_make_writing {
    position: absolute;
    bottom: 5px;
    right: 20px;
}
.a_make_writing span {
    color: #787993;
    font-size: 10px;
    display: inline-block;
    vertical-align: top;
    margin-right: 12px;
}
.a_make_writing a {
    display: inline-block;
    vertical-align: top;
}
.a_make_writing a:hover {
    opacity: 0.7;
}
.a_content {
    /* background-color: #fefefe; */
}
.a_content_top {
    border-bottom: 1px solid #f0f0f1;
    padding: 20px;
}
.a_content_top h4 {
    font-size: 22px;
    color: #282828;
    margin-bottom: 0;
}
.a_upcoming_appointment_block {
    padding: 20px 25px;
}
.a_upcoming_top {
    font-size: 16px;
    margin-bottom: 15px;
}
.a_upcoming_top spen {
    color: #25265e;
}
.a_upcoming_top .a_see_all {
    color: #25265e;
    display: inline-block;
    vertical-align: top;
}
.a_upcoming_top .a_see_all:hover {
    opacity: 0.7;
}
.a_appointments {
    padding-right: 50px;
    margin-right: -.5rem;
    margin-left: -.5rem;
}
.a_appointment_box {
    background-color: #ffffff;
    border: 2px solid #e4e4e4;
    border-radius: 0px;
    text-align: center;
    margin-bottom: 15px;
    min-width: 180px;
}
.a_appointment_box .a_inner {
    padding: 10px;
    border-bottom: 1px solid #66d4f8;
    line-height: 18px;
    color: #777777;
}
.a_appointment_box figure {
    position: relative;
    max-width: 127px;
    height: 96px;
    background-image: url(../images/appointent-profile-bg.png);
    background-repeat: no-repeat;
    margin-bottom: 5px;
    background-size: 100% 100%;
    width: 100%;
}
.a_appointment_box figure img {
    border-radius: 50%;
}
.a_appointment_box figure.a_active_dot::before {
    position: absolute;
    right: 25px;
    top: 16px;
    width: 12px;
    height: 12px;
    background-color: #50d47e;
    border: 1px solid #ffffff;
    content: '';
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.a_appointment_box strong {
    color: #000000;
    font-weight: normal;
    display: block;
    font-size: 15px;
}
.a_appointment_box span {
    font-size: 13px;
    font-weight: normal;
    display: block;
}
.a_appointment_box .a_bottom {
    padding: 8px;
}
.a_appointment_box .a_bottom.a_approved {
    color: #24c24e;
}
.a_appointment_box .a_bottom.a_pending {
    color: #f03c3b;
}
.a_appointment_box .a_bottom.a_done {
    color: #02a8df;
}
.a_appointment_box .a_bottom span {
    font-size: 12px;
    margin-left: 5px;
}
.a_check_appointment_calender {
    border: 2px solid #e4e4e4;
    font-size: 14px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    padding: 12px 14px;
}
.a_check_appointment_calender img {
    margin-right: 15px;
}
.a_check_appointment_calender strong {
    font-weight: normal;
    text-transform: uppercase;
    display: block;
    color: #111111;
}
.a_about_top_block {
    padding: 15px 20px 15px 30px;
}
.a_about_profile {}
.a_about_profile figure {
    position: relative;
    min-width: 76px;
}
.a_about_profile figure.a_active_dot::before {
    position: absolute;
    right: 1px;
    top: 10px;
    width: 12px;
    height: 12px;
    background-color: #50d47e;
    border: 2px solid #ffffff;
    content: '';
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.a_about_profile figure img {
    border-radius: 50%;
}
.a_about_profile .a_about_profile_text {
    padding-left: 15px;
}
.a_about_profile h6 {
    font-size: 16px;
    color: #02a8df;
    margin-bottom: 3px;
    text-transform: uppercase;
}
.a_about_profile h5 {
    color: #282828;
    margin-bottom: 0;
    font-size: 20px;
}
.a_about_top_right {
    min-width: 77px;
}
.a_about_top_right a {}
.a_about_top_right a:hover {
    opacity: 0.7;
}
.a_about_list .d-inline-flex,
.a_about_list a {
    white-space: nowrap;
}
.a_about_list a:hover {
    opacity: 0.7;
}
.a_about_list img {
    margin-right: 10px;
}
.a_about_list span {
    font-size: 15px;
    color: #7f7f7f;
    display: inline-block;
    vertical-align: top;
}
.a_chat_link{
    min-width: 30px;
}
.a_fav_doctors_block {
    padding: 20px 25px;
}
.a_fav_doc_box {
    background-color: #ffffff;
    border: 1px solid #f0f0f3;
    border-radius: 0px;
    margin-bottom: 30px;
    padding: 20px 15px;
    min-width: 350px;
}
.a_fav_doc_box figure {
    position: relative;
    min-width: 91px;
}
.a_fav_doc_box figure.a_active_dot::before {
    position: absolute;
    right: 1px;
    top: 10px;
    width: 12px;
    height: 12px;
    background-color: #50d47e;
    border: 2px solid #ffffff;
    content: '';
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.a_fav_doc_box figure img {
    border-radius: 50%;
}
.a_fav_doc_box .a_fav_doc_box_text {
    padding-left: 15px;
    width: 100%;
}
.a_fav_doc_box h6 {
    font-size: 18px;
    color: #282828;
    margin-bottom: 0;
}
.a_fav_doc_box strong {
    color: #00b7f3;
    margin-bottom: 0;
    font-weight: normal;
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
    line-height: 12px;
}
.a_fav_doc_box p {
    color: #858585;
    margin-bottom: 5px;
    font-size: 11px;
    line-height: 12px;
    margin-top: -7px;
}
.a_fav_doc_box .a_share_icon:hover {
    opacity: 0.7;
}
.a_fav_list {}
.a_fav_list a:last-child {
    margin-right: 0;
}
.a_fav_list a {
    margin-right: 20px;
    white-space: nowrap;
}
.a_fav_list a:hover {
    opacity: 0.7;
}
.a_fav_list img {
    margin-right: 6px;
}
.a_fav_list span {
    font-size: 11px;
    color: #7f7f7f;
    display: inline-block;
    vertical-align: top;
}
.a_sd_filters {
    padding: 12px 20px;
    background-color: #ffffff;
    box-shadow: 0 11px 30px -10px rgba(0, 0, 0, 0.12)
}
.a_sd_filters h5 {
    margin-bottom: 0;
    font-size: 20px;
    color: #282828;
    padding-right: 10px;
    white-space: nowrap;
}
.a_s_select {
    background-color: #ffffff;
    position: relative;
}
.a_s_select_chevron::before {
    top: 10px;
    right: 15px;
    font-family: "Font Awesome 5 Free";
    margin-left: 0;
    vertical-align: top;
    content: "\f078";
    border-style: none;
    font-weight: 900;
    color: #15b4f1;
    position: absolute;
    font-size: 16px;
}
.a_s_select .form-control {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: transparent;
    border-style: none;
    font-size: 20px;
    color: #c1c1c1;
    border-radius: 0;
    padding-right: 35px;
    z-index: 2;
    position: relative;
}
.a_search_block {
    padding: 20px 25px;
}
.a_searched_boxes {
    margin-right: -.25rem;
    margin-left: -.25rem;
}
.a_s_box {
    background-color: #ffffff;
    border: 1px solid #f0f0f3;
    border-radius: 0px;
    margin-bottom: 8px;
    padding: 15px;
    min-height: 125px;
    color: #8d8d8d;
    min-width: 130px;
}
.a_s_box:hover {
    background-color: var(--tc, #15b4f1);
    color: #ffffff;
}
.a_s_box:hover i {
    color: #ffffff !important;
}
.a_s_box:hover div:first-child {
    background: rgba(255,255,255,.2) !important;
}
.a_s_box:hover p {
    color: #ffffff !important;
}
.a_s_box img {
    margin-bottom: 15px;
}
.a_s_box p {
    margin-bottom: 0;
    font-size: 16px;
}
.a_inbox_list {}
.a_inbox_list li {}
.a_inbox_list a {
    padding: 15px 10px 15px 55px;
    border-bottom: 1px solid #f0f0f1;
    position: relative;
    width: 100%;
}
.a_inbox_list a:hover {
    background-color: #f7f7f8;
}
.a_inbox_list figure {
    min-width: 42px;
    position: absolute;
    left: 13px;
    top: 13px;
}
.a_inbox_list figure.a_active_dot::before {
    position: absolute;
    right: 0px;
    top: 3px;
    width: 10px;
    height: 10px;
    background-color: #50d47e;
    border: 2px solid #ffffff;
    content: '';
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.a_inbox_list figure img {
    border-radius: 50%;
}
.a_inbox_list .a_text_info {
    width: 100%;
    padding-left: 12px;
}
.a_inbox_list .a_text_info .a_info_title {}
.a_inbox_list .a_text_info .a_info_title strong {
    color: #25265e;
    font-weight: normal;
    font-size: 16px;
    margin-right: 12px;
    white-space: nowrap;
}
.a_inbox_list .a_text_info .a_info_title p {
    color: #7e7f98;
    font-size: 15px;
    margin-bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.a_inbox_list .a_text_info .a_info_title .a_text_date {
    color: #25265e;
    font-weight: normal;
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    padding-left: 10px;
}
.a_inbox_list .a_text_info .a_time_bottom {
    font-size: 13px;
    line-height: 13px;
}
.a_inbox_list .a_text_info .a_time_bottom .a_ago {
    color: #00b7f3;
    margin-right: 10px;
}
.a_inbox_list .a_text_info .a_time_bottom .a_time {
    color: #9e9e9e;
}
.a_notification_list {}
.a_notification_list li {}
.a_notification_list a {
        padding: 15px 40px 15px 55px;
    border-bottom: 1px solid #f0f0f1;
    position: relative;
    width: 100%;
}
.a_notification_list a:hover {
    background-color: #f7f7f8;
}
.a_notification_list figure {
    min-width: 42px;
    position: absolute;
    left: 13px;
    top: 13px;
}
.a_notification_list .a_file {
    min-width: 42px;
    position: absolute;
    left: 13px;
    top: 13px;
}
.a_notification_list figure.a_active_dot::before {
    position: absolute;
    right: 0px;
    top: 3px;
    width: 10px;
    height: 10px;
    background-color: #50d47e;
    border: 2px solid #ffffff;
    content: '';
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.a_notification_list figure img {
    border-radius: 50%;
}
.a_notification_list .a_text_info {
    width: 100%;
    padding-left: 12px;
}
.a_notification_list .a_text_info .a_info_title {}
.a_notification_list .a_text_info .a_info_title strong {
    color: #25265e;
    font-weight: normal;
    font-size: 16px;
    margin-right: 12px;
    white-space: nowrap;
}
.a_notification_list .a_text_info .a_info_title p {
    color: #7e7f98;
    font-size: 15px;
    margin-bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.a_notification_list a .a_dots {
    background-image: url(../images/dots-icon.png);
    background-repeat: no-repeat;
    display: block;
    min-width: 26px;
    height: 6px;
    position: absolute;
    right: 13px;
    top: 30px;
}
.a_notification_list a:hover .a_dots {
    background-image: url(../images/blue-dots-icon.png);
}
.a_notification_list .a_text_info .a_time_bottom {
    font-size: 13px;
    line-height: 13px;
}
.a_notification_list .a_text_info .a_time_bottom .a_ago {
    color: #00b7f3;
    margin-right: 10px;
}
.a_notification_list .a_text_info .a_time_bottom .a_time {
    color: #9e9e9e;
}
/*.a_auth_page {
    background-image: url(../images/login-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    padding: 100px 0;
    min-height: 100%;
}*/

/*.a_auth_page {
    background-image: url(../images/login-bg.png);
    !*background-repeat: no-repeat;*!
    background-size: contain;
    width: 100%;
    !*padding: 100px 0;*!
    min-height: 100vh; !* Ensure it covers the full viewport height *!
    display: flex; !* For centering content *!
    align-items: center;
    justify-content: center;

}*/
.a_auth_page {
    background-image: url(../images/login-bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%; /* Stretch to fit both width and height */
    background-position: center center; /* Center the image */
    width: 100%;
    height: 100vh; /* Full height of the viewport */
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff; /* Fallback color */
}
.a_form_block {
    width: 100%;
    max-width: 385px;
    padding: 0 15px;
    text-align: center;
}
.a_form_block .form-group {
    margin-bottom: 20px;
}
.a_form_block .form-control {
    height: 57px;
    border-radius: 30px;
    border-style: none;
    font-size: 13px;
    text-align: center;
}
.a_big_logo {
    margin-bottom: 50px;
}
.a_input_group {}
.a_input_group .input-group-prepend {
    margin-right: 0;
}
.a_input_group .input-group-text {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    background-color: #ffffff;
    width: 55px;
    padding: 0;
    border-style: none;
}
.a_input_group .form-control {
    height: 57px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    border-style: none;
    font-size: 13px;
    text-align: center;
    padding-right: 55px;
}
.a_input_group {}
.a_tabs {
    border-bottom: 1px solid #efeff1;
}
.a_tabs .nav-link {
    border: 1px solid #e6e6e7;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    background-color: #e6e6e7;
    padding: 10px 45px;
    color: #6c6c6c;
    margin-right: 17px;
    font-size: 16px;
}
.a_tabs .nav-link.active {
    border: 1px solid #02a8df;
    background-color: #02a8df;
    color: #ffffff;
}
.a_tabs .tab-pane {}
.a_tab_content .a_available_pane {
    padding: 40px 0;
}
.a_tab_content .a_about_and_location_pane {
    padding: 40px 30px;
}
.a_tab_content .a_about_info_pane {
    padding: 40px 30px;
}
.a_tab_content .a_medical_history_pane {
    padding: 40px 30px;
}
.a_address_box {
    line-height: 16px;
    margin-bottom: 20px;
}
.a_social_icons {}
.a_social_icons a {
    display: inline-block;
    vertical-align: top;
    margin-right: 6px;
}
.a_social_icons a:hover {
    opacity: 0.7;
}
.a_social_links {}
.a_social_links a {
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #6c6c6f;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    padding: 5px;
}
.a_social_links a:hover {
    background-color: #6c6c6f;
}
.a_shop_actions {}
.a_shop_actions a {
    color: #7f7f7f;
    border-left: 1px solid #f0f0f1;
    padding: 10px;
    min-width: 110px;
    min-height: 60px;
}
.a_shop_actions a .a_icon {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url(../images/sort-icon.png);
}
.a_shop_actions a.a_sort .a_icon {
    background-image: url(../images/sort-icon.png);
    width: 22px;
    height: 21px;
}
.a_shop_actions a.a_sort:hover .a_icon {
    background-image: url(../images/sort-blue-icon.png);
}
.a_shop_actions a.a_filter .a_icon {
    background-image: url(../images/filter-icon.png);
    width: 22px;
    height: 20px;
}
.a_shop_actions a.a_filter:hover .a_icon {
    background-image: url(../images/filter-blue-icon.png);
}
.a_shop_actions a.a_cart .a_icon {
    background-image: url(../images/cart-grey-icon.png);
    width: 26px;
    height: 28px;
}
.a_shop_actions a.a_cart:hover .a_icon {
    background-image: url(../images/cart-blue-icon.png);
}
.a_shop_actions a span {
    font-size: 16px;
}
.a_shop_actions a:hover span {
    color: #00b7f3;
}
.a_shop_section {
    padding: 20px 25px;
}
.a_products_block {
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
}
.a_cart_box {
    padding: 17px;
    border: 1px solid #e8e8e9;
    text-align: center;
    background-color: #f7f7f7;
    min-width: 185px;
}
.a_cart_box .a_top {}
.a_cart_box .a_top .a_off {}
.a_cart_box .a_top .a_fav {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url(../images/fav-grey-icon.png);
    width: 16px;
    height: 14px;
}
.a_cart_box .a_top .a_fav:hover {
    background-image: url(../images/fav-blue-icon.png);
}
.a_cart_box figure {}
.a_cart_box figure {
    min-height: 150px;
}
.a_cart_box .a_name {
    font-size: 14px;
    color: #282828;
    display: block;
    margin-bottom: 5px;
}
.a_cart_box .a_price {
    margin-bottom: 10px;
    display: block;
    font-size: 14px;
    color: #00b7f3;
}
.a_edit_profile_top {
    padding: 10px 20px;
    border-bottom: 1px solid #f0f0f1;
}
.a_edit_profile {
    display: inline-block;
    vertical-align: top;
}
.a_edit_profile figure {
    position: relative;
    min-width: 67px;
}
.a_edit_profile figure::after {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url(../images/edit-profile-icon.png);
    position: absolute;
    right: -11px;
    top: -2px;
    width: 33px;
    height: 33px;
    content: '';
}
.a_edit_profile figure img {
    border-radius: 50%;
}
.a_edit_profile_info {
    margin-left: 25px;
}
.a_edit_profile_info .a_edit_profile_title {
    font-size: 20px;
    color: #000000;
    display: inline-block;
    vertical-align: top;
    font-weight: normal;
}
.a_edit_profile_info .a_time_bottom {
    color: #9e9e9e;
    font-weight: 14px;
}
.a_edit_profile_info .a_time_bottom .a_time {}
.a_edit_profile_info .a_time_bottom strong {
    font-weight: normal;
}
.a_edit_profile_top .a_back_link {}
.a_edit_profile_top .a_back_link:hover {
    opacity: 0.7;
}
.a_appointment_detail_block {
    padding: 20px 25px;
}
.a_time_list {
    text-align: center;
}
.a_time_list li {
    margin: 0 5px 10px 5px;
    display: inline-block;
    vertical-align: top;
}
.a_time_list li a {
    font-size: 16px;
    color: #02a8df;
    background-color: #e5f6fc;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    height: 38px;
    padding: 10px;
    /* width: 70px; */
    width: 90px;
}
.a_time_list li a:hover {
    color: #ffffff;
    background-color: #02a8df;
}
.a_mh_list {}
.a_mh_list li {
    margin-bottom: 15px;
}
.a_mh_list li a {
    background-color: #ffffff;
    border: 1px solid #f0f0f3;
    border-radius: 10px;
    margin-bottom: 10px;
    padding: 10px 20px;
}
.a_mh_list li a:hover {}
.a_mh_list li {}
.a_mh_list li {}
.a_mh_list .a_mh_info {
    width: 100%;
    margin-left: 15px;
}
.a_mh_list .a_mh_info h6 {
    font-size: 18px;
    color: #1c1c1c;
    margin-bottom: 0;
}
.a_mh_list .a_mh_info p {
    font-size: 13px;
    color: #999999;
    margin-bottom: 2px;
}
.a_mh_list .a_mh_info {}
.a_mh_list .a_mh_info .a_bottom {
    font-size: 13px;
    line-height: 13px;
}
.a_mh_list .a_mh_info .a_bottom .a_ago {
    color: #00b7f3;
    margin-right: 10px;
}
.a_mh_list .a_mh_info .a_bottom .a_time {
    color: #9e9e9e;
}

/* medical history table */

.a_mh_top {
    background-color: #ffffff;
    padding: 20px 25px;
}
.a_mh_top {}
.a_mh_top {}
.a_mh_top_info {
    width: 100%;
    margin-left: 15px;
}
.a_mh_top_info h6 {
    font-size: 18px;
    color: #1c1c1c;
    margin-bottom: 2px;
}
.a_mh_top_info .a_bottom {
    font-size: 13px;
    line-height: 13px;
}
.a_mh_top_info .a_bottom .a_ago {
    color: #00b7f3;
    margin-right: 10px;
}
.a_mh_top_info .a_bottom .a_time {
    color: #9e9e9e;
}
.a_mh_top .a_back_link {
}
.a_mh_talbe {}
.a_mh_talbe tbody {}
.a_mh_talbe tbody tr {}
.a_mh_talbe tbody tr td {
    vertical-align: middle;
}
.a_mh_talbe tbody tr td {}
.a_mh_talbe tbody tr td {}
.a_mh_talbe .a_top_box {
    text-align: center;
    min-width: 100px;
}
.a_mh_talbe .a_top_box span {
    font-size: 12px;
    color: #8d8d8d;
    display: block;
}
.a_mh_talbe .a_top_box h4 {
    font-size: 26px;
    color: #323c46;
    border-bottom: 2px solid #02a8df;
    margin-bottom: 0;
    display: inline-block;
    vertical-align: top;
}
.a_mh_talbe .a_top_box p {
    margin-bottom: 0;
    font-size: 15px;
    color: #627485;
}
.a_mh_talbe .a_top_today_box {}
.a_mh_talbe .a_top_today_box .a_today {
    min-width: 125px;
}
.a_mh_talbe .a_top_today_box .a_today .a_time {
    font-size: 12px;
    color: #8d8d8d;
    text-align: center;
}
.a_mh_talbe .a_top_today_box span {
    font-size: 14px;
    color: #627485;
    display: block;
    line-height: 12px;
}
.a_mh_talbe .a_top_today_box h4 {
    font-size: 26px;
    color: #323c46;
    margin-bottom: 0;
    display: inline-block;
    vertical-align: top;
    line-height: 26px;
}
.a_mh_talbe .a_top_today_box p {
    margin-bottom: 0;
    font-size: 15px;
    color: #00b7f3;
    line-height: 16px;
}
.a_mh_talbe .a_top_today_box {}

.a_dial_bg{
    background-image: url(../images/dail-bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    text-align: center;
    width: 303px;
    height: 224px;
    margin: 0 auto;
}
.a_dial{}
.a_dial{}
/* table css end */

.a_promote_block {
    padding: 20px 25px;
}
.a_recommended_box {
    background-image: url(../images/recommended-bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border: 1px solid #f0f0f3;
    border-radius: 10px;
    margin-bottom: 30px;
    padding: 20px 15px;
}
.a_recommended_box figure {
    position: relative;
    min-width: 91px;
}
.a_recommended_box figure.a_active_dot::before {
    position: absolute;
    right: 1px;
    top: 10px;
    width: 12px;
    height: 12px;
    background-color: #50d47e;
    border: 2px solid #ffffff;
    content: '';
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.a_recommended_box figure img {
    border-radius: 50%;
}
.a_recommended_box .a_recommended_box_text {
    padding-left: 15px;
    width: 100%;
}
.a_recommended_box h6 {
    font-size: 18px;
    color: #ffffff;
    margin-bottom: 0;
}
.a_recommended_box strong {
    color: #ffffff;
    margin-bottom: 0;
    font-weight: normal;
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
    line-height: 12px;
}
.a_recommended_box p {
    color: #ffffff;
    margin-bottom: 5px;
    font-size: 11px;
    line-height: 12px;
    margin-top: -7px;
}
.a_recommended_box .a_share_icon:hover {
    opacity: 0.7;
}
.a_recommended_box .a_info_list {}
.a_recommended_box .a_info_list a:last-child {
    margin-right: 0;
}
.a_recommended_box .a_info_list a {
    margin-right: 20px;
    white-space: nowrap;
}
.a_recommended_box .a_info_list a:hover {
    opacity: 0.7;
}
.a_recommended_box .a_info_list img {
    margin-right: 6px;
}
.a_recommended_box .a_info_list span {
    font-size: 11px;
    color: #ffffff;
    display: inline-block;
    vertical-align: top;
}
.a_i_group {}
.a_i_group .form-control {
    border-color: #e6e6e7;
    height: 47px;
    /*border-radius: 5px;*/
    font-size: 18px;
}
.a_i_group .btn {
    color: #ffffff;
    background-color: #02a8df;
    min-width: 110px;
}
.a_i_group {}
.a_box_radio {
    padding-left: 0;
    margin-bottom: 17px;
}
.a_box_radio .custom-control-label {
    padding: 10px 35px;
    border: 1px solid #f8f8f9;
    min-height: 67px;
    background-color: #ffffff;
}
.a_box_radio .custom-control-label::before {
    top: 24px;
    left: auto;
    right: 20px;
    width: 16px;
    height: 16px;
    background-color: #ffffff;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border: 2px solid #c2c0ca;
}
.a_box_radio .custom-control-label::after {
    top: 26px;
    left: auto;
    right: 22px;
    width: 12px;
    height: 12px;
}
.a_box_radio .custom-control-label .a_text {
    font-size: 14px;
    color: #333333;
    margin-left: 18px;
}
.custom-radio .custom-control-input:checked~.custom-control-label::before {
    background-color: #02a8df;
    border: 2px solid #02a8df;
}
.a_box_radio .custom-control-input:checked~.custom-control-label::after {
    background-image: none;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border: 2px solid #ffffff;
}
.a_box_radio .a_icon {}
.a_box_radio.a_e_wallet .a_icon {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url(../images/e-wallet-white-icon.png);
    width: 27px;
    height: 22px;
}
.a_box_radio.a_e_wallet .custom-control-input:checked~.custom-control-label .a_icon {
    background-image: url(../images/e-wallet-blue-icon.png);
}
.a_box_radio.a_credit .a_icon {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url(../images/cradit-white-icon.png);
    width: 27px;
    height: 20px;
}
.a_box_radio.a_credit .custom-control-input:checked~.custom-control-label .a_icon {
    background-image: url(../images/cradit-blue-icon.png);
}
.a_select_box {
    padding: 15px 16px;
    border: 1px solid #f0f0f1;
    background-color: #ffffff;
    margin-bottom: 8px;
    min-width: 300px;
}
.a_select_box select.form-control:not([size]):not([multiple]) {
    height: auto;
}
.a_select_box span {
    font-size: 13px;
    color: #a3a3a3;
    margin-bottom: 5px;
    display: inline-block;
    vertical-align: top;
}
.a_select_box .a_select {
    background-color: #ffffff;
    position: relative;
}
.a_select_box .a_select::before {
    top: 0;
    right: 15px;
    font-family: "Font Awesome 5 Free";
    margin-left: 0;
    vertical-align: top;
    content: "\f078";
    border-style: none;
    font-weight: 900;
    color: #15b4f1;
    position: absolute;
    font-size: 16px;
}
.a_select_box .a_select .form-control {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: transparent;
    border-style: none;
    font-size: 18px;
    color: #585858;
    border-radius: 0;
    padding-right: 35px;
    z-index: 2;
    position: relative;
    padding-left: 16px;
    padding-top: 0;
    padding-bottom: 14px;
    line-height: 20px;
}
.a_select_box .a_select .form-control:focus {
    box-shadow: none;
}
.a_select_box h5 {
    font-size: 18px;
    color: #585858;
    margin-bottom: 0;
}
.a_calender {
    padding: 20px 35px;
    background-color: #f9f9f9;
}
.a_week_list {}
.a_week_list li {
    float: left;
    margin: 0 10px;
}
.a_week_list li h6 {
    color: var(--tc, #02a8df);
    font-size: 18px;
    margin-bottom: 2px;
    text-transform: uppercase;
}
.a_week_list li a {
    color: #6e6e6e;
    font-size: 16px;
    width: 36px;
    height: 36px;
    background-color: transparent;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.a_week_list li.active a,
.a_week_list li a:hover {
    background-color: #02a8df;
    color: #ffffff;
}
.a_book_modal {}
.modal-content {
    background-color: transparent;
    border: 1px solid transparent;
}
.a_book_modal .modal-header {
    border-bottom: 1px solid transparent;
}
.a_book_modal .modal-header figure {}
.a_book_modal .modal-body {
    position: relative;
    border-radius: 12px 12px 0 0;
    -webkit-border-radius: 12px 12px 0 0;
    -moz-border-radius: 12px 12px 0 0;
    -ms-border-radius: 12px 12px 0 0;
    -o-border-radius: 12px 12px 0 0;
    padding: 25px;
    background-color: #ffffff;
}
.a_book_modal .modal-body .a_close {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 26px;
    height: 26px;
    z-index: 2;
    opacity: 1;
    background-color: #fff;
    border-radius: 50%;
    padding: 0;
    font-size: 9px;
    line-height: 10px;
}
.a_book_modal .modal-body h4 {
    font-size: 22px;
    margin-bottom: 15px;
    color: #00b7f3;
}
.a_book_modal .modal-body p {
    font-size: 12px;
    margin-bottom: 0;
    color: #282828;
}
.a_book_modal .modal-body span {
    font-size: 12px;
    margin-bottom: 0;
    color: #808080;
}
.a_book_modal .modal-body .a_code_box {
    border: 2px solid #00b7f3;
    background-color: #ffffff;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    position: relative;
    min-width: 94px;
    text-align: center;
    padding-top: 20px;
}
.a_book_modal .modal-body .a_code_box h1 {
    font-size: 65px;
    margin-bottom: 0;
    color: #00b7f3;
    line-height: 46px;
}
.a_book_modal .modal-body .a_code_box img {
    position: absolute;
    top: -7px;
    right: -7px;
    width: 19px;
    height: 19px;
    box-shadow: 1px 1px 9px 1px rgba(0, 0, 0, 0.2);
    border-radius: 50%;
}
.a_book_modal .modal-body .a_code_box p {
    font-size: 14px;
    margin-bottom: 0;
    line-height: 6px;
    color: #02a8df;
    padding-top: 5px;
}
.a_book_modal .modal-body .a_code_box span {
    font-size: 10px;
    margin-bottom: 6px;
    color: #8d8d8d;
    display: inline-block;
    vertical-align: top;
    line-height: 20px;
}
.a_book_modal .modal-body .a_bottom {
    background-color: #02a8df;
    color: #ffffff;
    border-radius: 0 0 8px 9px;
    -webkit-border-radius: 0 0 8px 9px;
    -moz-border-radius: 0 0 8px 9px;
    -ms-border-radius: 0 0 8px 9px;
    -o-border-radius: 0 0 8px 9px;
    padding: 0px 2px 6px;
}
.a_book_modal .modal-body .a_bottom span {
    font-size: 8px;
    margin-bottom: 0;
    color: #ffffff;
    display: inline-block;
    vertical-align: top;
    line-height: 10px;
    padding-top: 8px;
}
.a_book_modal .modal-body .a_bottom p {
    font-size: 14px;
    margin-bottom: 0;
    text-transform: uppercase;
    color: #ffffff;
    line-height: 18px;
    padding-top: 0;
    margin-top: -7px;
}
.a_book_modal .modal-body {}
.a_book_modal .modal-body {}
.a_book_modal .modal-body {}
.a_book_modal .modal-footer {
    min-height: 122px;
    background-color: #00b7f3;
    position: relative;
    border-radius: 0 0 12px 12px;
    -webkit-border-radius: 0 0 12px 12px;
    -moz-border-radius: 0 0 12px 12px;
    -ms-border-radius: 0 0 12px 12px;
    -o-border-radius: 0 0 12px 12px;
    padding: 25px;
}
.a_book_modal .modal-footer .a_congratulation_icon {
    position: absolute;
    top: -12px;
    left: 24px;
    width: 139px;
    height: 24px;
}
.a_book_modal .modal-footer .a_your_code {
    color: #ffffff;
    border: 1px dotted #ffffff;
    padding: 10px;
    position: relative;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.a_book_modal .modal-footer .a_your_code h4 {
    font-size: 24px;
    margin-bottom: 0;
    line-height: 24px;
}
.a_book_modal .modal-footer .a_your_code span {
    font-size: 14px;
    margin-bottom: 0;
    position: absolute;
    top: -10px;
    left: 50%;
    background-color: #00b7f3;
    width: 96px;
    white-space: nowrap;
    display: inline-block;
    margin-left: -50px;
    vertical-align: top;
    padding: 0 2px;
    text-align: center;
}
.a_book_modal .modal-footer figure {}
.a_book_modal {}
.a_book_modal {}

/*added by noor*/
.input-group.is-invalid, .form-control.is-invalid {
  border: 1px solid #dc3545 !important;
  border-radius: 30px !important;
}
.height-53{
    height: 53px !important;
}

.transparent_bk_blue_button {
    background: transparent;
    color: #00b7f3;
}
.pt-10{
    padding-top: 10px !important;
}
.a_fav_doc_box figure img.w_91_h_91 {
    border-radius: 50%;
    max-width: 91px;
    max-height: 91px;
    width: 91px;
    height: 91px;
}
.a_about_profile figure img.w_91_h_91 {
    border-radius: 50%;
    max-width: 76px;
    max-height: 76px;
    width: 76px;
    height: 76px;
}
.education-block {
    border-left: 3px solid #02a8df;
    padding-left: 10px;
    margin-bottom: 10px;
}
.education-block p {
    margin: 0px;
    color: #7f7f7f;
    font-size: 15px;
}
.hide{
    display: none;
}
.m_auto{
    margin: auto;
}
.active_blue {
    background-color: #02a8df !important;
    color: #ffffff !important;
}
.active_yellow {
    background-color: #FFFF00 !important;
    color: #000000 !important;
}
.active_red {
    background-color: #FF0000 !important;
    color: #ffffff !important;
}
.active_green{
    background-color: #00FF00 !important;
    color: #ffffff !important;
}
.dot_blue {
    height: 15px;
    width: 15px;
    background-color: #02a8df;
    border-radius: 50%;
    display: inline-block;
}
.dot_green{
    height: 15px;
    width: 15px;
    background-color: #00FF00;
    border-radius: 50%;
    display: inline-block;
}
.dot_red {
    height: 15px;
    width: 15px;
    background-color: #FF0000;
    border-radius: 50%;
    display: inline-block;
}
.dot_yellow {
    height: 15px;
    width: 15px;
    background-color: #FFFF00;
    border-radius: 50%;
    display: inline-block;
}
form#appointmentform, form#experienceform, form#educationform, div#appointmentform{
    padding: 30px;
}

form#appointmentform input, form#appointmentform select,
form#experienceform input, form#experienceform select,
form#educationform input, form#educationform select,
div#appointmentform input, div#appointmentform select {
    height: 50px;
    /*border-radius: 25px;*/
    color: #9c9c9c;
    font-size: 15px;
    padding: 10px 25px;
}

form#appointmentform textarea,
form#experienceform textarea,
form#educationform textarea,
div#appointmentform textarea
{
    height: 120px;
    resize: none;
    border-radius: 25px;
    color: #9c9c9c;
    font-size: 15px;
    padding: 10px 25px;
}
form#appointmentform button,
form#experienceform button,
form#educationform button,
div#appointmentform button
{
    background: #02a8df;
    border: none;
    padding: 10px 20px;
    box-shadow: #7299a6 0px 0px 1px;
    border-radius: 0px !important;
}
form#appointmentform button:hover,
form#experienceform button:hover,
form#educationform button:hover,
div#appointmentform button:hover
{
    /*box-shadow: #4d6066 3px 3px 3px;*/
    background-color: #0180a9
}
form#appointmentform h2,
div#appointmentform h2 {
    font-size: 20px;
    background: #e7f7fe;
    padding: 15px;
    text-align: center;
    font-weight: bold;
    color: #959595;
    border-radius: 0px;
    margin-bottom: 20px;
    box-shadow: #b2dae8 0px 0px 0px;
}
.a_appointment_box figure img{
    height: 83px;
    width: 83px;
}
.a_edit_profile figure img{
    width: 67px;
    height: 67px;
}
.a_about_profile figure img{
    width: 76px;
    height: 76px;
}
.p-30{
    padding: 30p;
}
div.alert p{
    margin: 5px;
}
.upload-btn{
    background: #02a8df;
    border: none;
    padding: 5px 8px;
    /*box-shadow: #7299a6 3px 3px 3px;*/
    box-shadow: #7299a6 0px 0px 1px;
    border-radius: 0px !important;
}
.upload-btn:hover {
    background-color: #0180a9 !important;
    border-color: #02a8df !important;
    box-shadow: #4d6066 0px 0px 1px;
}
.f-size-15{
    font-size: 15px;
}
.m-l-8{
    margin-left: 8px;
}

table.hours_table { border-collapse: separate; }
table.hours_table tr th { border: unset; background: #f0f8ff;}
table.hours_table tr td { border: unset; background: #f0f8ff; padding: 10px 10px 0px 10px;}
/*table.hours_table tr td:first-child { border-top-left-radius: 15px; border-bottom-left-radius: 15px;}*/
/*table.hours_table tr td:last-child { border-top-right-radius: 15px; border-bottom-right-radius: 15px;}*/

.bootstrap-tagsinput{
    width: 100%;
    border-radius: 0px !important;
    padding: 5px 16px !important;
}
.bootstrap-tagsinput input{
    height: 38px !important;
}
.btn-group-sm>.btn, .btn-sm{
    border-radius: 0px !important;
}

.bg-light-blue{
    background: #e7f7fe;
}
.borderRightRadius30{
    border-top-right-radius: 30px !important;
    border-bottom-right-radius: 30px !important;
}
.borderLeftRadius30{
    border-top-left-radius: 30px !important;
    border-bottom-left-radius: 30px !important;
}
/* Remove blue focus outline on all inputs */
input:focus,
textarea:focus,
select:focus,
.form-control:focus {
    outline: none !important;
    box-shadow: none !important;
    border-color: #ced4da !important;
}

/* Hide placeholder on focus, restore when blurred and empty */
input:focus::placeholder,
input:focus::-webkit-input-placeholder,
input:focus::-moz-placeholder,
.form-control:focus::placeholder,
.form-control:focus::-webkit-input-placeholder,
.form-control:focus::-moz-placeholder {
    color: transparent !important;
    opacity: 0 !important;
}