﻿/********************************************Boot strap changes***********************************************/
/*p {
    color: #4A4A4A;
}*/

/*.modal-close {
    color: #EDEDED;
    background: rgba(0,172,122,0.8);
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 1;
    cursor: pointer;
    box-shadow: 0 0 100px rgba(0,0,0,0.4);
    -webkit-transition: 0.2s ease-in color;
    -o-transition: 0.2s ease-in color;
    transition: 0.2s ease-in color;
}

.modal-backdrop {
    background: rgb(0, 0, 0);
}

.modal-content {
    border-radius: 0px;
    margin-right: 35px;
}

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .8;
}

.modal-footer {
    padding: 10px 20px 10px;
}

.input-group-addon {
    border-radius: 0px;
}

.panel-body {
    padding: 10px;
    border: 1px solid rgb(236, 231, 231);
}

/********************************************Boot strap changes***********************************************/ */ .nevbar_menu_alignment {
    text-align: center;
    font-size: 18px;
    padding: 8px 8px 0px 0px;
}


.nevbar_image_alignment {
    font-size: 16px;
    margin-top: 29px;
    padding: 0px 0px 0px 23px;
}


.changed_img_clr {
    /*background-image: url('images/Logo-white (2).png');*/
    background-repeat: no-repeat;
}

.menu_padding {
    display: inline;
    padding: 0px 10px 0px 0px;
    display: inline-block !important;
}



.menu_right_padding {
    display: inline;
    border: 1px solid rgba(26, 116, 117, 0.67);
    background-color: #1E7879;
    padding: 2px 6px 2px 4px;
    cursor: pointer;
}

.menu_border {
    border: white;
    /*background-color: #248d8e;*/
    color: white !important;
}

a {
    text-decoration: none !important;
}



    a:hover, a:focus {
        color: #33BC94;
    }




/*.menu_border a {
    color: black !important;
}*/

.text_color {
    color: white;
}

/*.kare4u-home-page-img {
    background-image: url('images/hero-platform.jpg');
}


.animated_cloude {
    background-image: url('images/clouds.png');
    -webkit-animation: mymove 3s;
    -webkit-animation-iteration-count: 3; 
    animation: mymove 8s;
    animation-iteration-count: infinite;
    z-index: 1;
    background-repeat: repeat-x;
    transition: linear;
    animation-timing-function: ease;
    opacity: 0.3;
    animation-direction: alternate;
}


@-webkit-keyframes mymove {
    from {right: 0px;}
    to {left: 300px;}
   
}

@keyframes mymove {
    from {right: 0px;}
    to {right: 300px;}
}*/


video#bgvid {
    position: fixed;
    top: 70%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    /*background: url(polina.jpg) no-repeat;*/
    background-size: cover;
}

.steps_line_margin {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.r_u_doc_border {
    border: 1px solid white;
    background-color: white;
    cursor: pointer;
}

.learn_more_border {
    border: 1px solid #FFFFFF;
    margin-left: 18px;
    padding: 3px 9px 3px 9px;
    border-radius: 9px;
}

    .learn_more_border:hover {
        border: 1px solid #248D8E;
        background-color: #248D8E;
        color: white;
    }


.r_u_doc_content {
    font-size: 14px;
    margin-bottom: 5px;
}

.txt_clr {
    color: #333 !important;
}

    .txt_clr:hover {
        color: #248D8E !important;
    }

.r_u_doc_content:hover {
    color: #248D8E;
}

.search_for_doc {
    border: 1px solid #DEDEDE;
    background-color: white;
    padding: 0px 0px 0px 0px;
}


.dropdown_menu_width {
    width: 100% !important;
    border: none;
    height: 50px;
}

.form_group_border {
    border-right: 1px solid #00AC7A;
}

.search_button_background {
    height: 52px !important;
    width: 107.5%;
    border-radius: 0px !important;
    color: #ffffff !important;
    background-color: #2aa4a5 !important;
    border-color: #248d8e !important;
    margin-top: -1px !important;
    font-size: 18px !important;
    border-width: 1px !important;
}

.second_main_div_background {
    overflow: visible;
    background: linear-gradient(to bottom, #0F6465 0%, #228B8C 29%, #46D7D8 77%);
    color: #fff;
    overflow: visible;
    margin-top: 0px;
}

.search_box_top_border {
    padding: 33px 14px 56px 15px;
}


.main_heading_text_style {
    color: white;
    text-align: center;
    font-size: 50px;
}

.menu_border_xs {
    border: 1px solid #000000;
    background-color: #248D8E;
    margin-top: 62px !important;
    position: fixed;
    z-index: 11;
}

.xs_menu_border {
    border-bottom: 1px solid rgba(195, 192, 192, 0.31);
    /*color: black;*/
    display: block;
    font-weight: bold;
    padding: 3px 0px 8px 0px;
}


.xs_search_display {
    display: block;
    padding: 3px 0px 8px 0px;
}







/*------------media quari-----------*/
@media (min-width: 1200px) {
    .left-sidebar {
        width: 22% !important;
    }

    .right-side-content {
        width: 78% !important;
    }
}

@media (min-width: 992px) and (max-width:1200px) {
    /*Abinash*/


    .md-menu-width {
        width: 62% !important;
    }

    .md-login-width {
        width: 21% !important;
    }



    .responsive-margin {
        margin-top: 67px !important;
    }

    .btn-md {
        margin-bottom: 7px;
        margin-left: 27px;
    }

    .card-rightblock-md-sm-xs {
        margin-left: -43px;
    }

    .pkg-img-md-sm {
        height: 62px;
    }

    .appointment-choose-time-date {
        width: 80% !important;
    }

    .details_time {
        margin-top: 17px;
    }

    .datapicker-allign-time {
        margin-top: -37px !important;
    }

    .view_profile_abl_content_width {
        width: 12% !important;
    }

    .custom-box h3 {
        font-size: 17px !important;
    }
    /*end*/
    /*vaccination*/
    .vaccination-details {
        margin-left: -18px !important;
    }

    .vaccination-info-allign {
        margin-left: -16px !important;
    }

    .vaccination-edit-block {
        margin-left: 19px !important;
    }

    .vaccination-complete-incomplete-block {
        margin-left: 19px !important;
    }
    /*end*/
}
/*end*/


@media (min-width: 993px) and (max-width:1074px) {

    .search_button_background {
        height: 52px !important;
        width: 110.5% !important;
        border-radius: 0px !important;
        color: #ffffff !important;
        background-color: #2aa4a5 !important;
        border-color: #248d8e !important;
        margin-top: -1px !important;
        font-size: 18px !important;
        border-width: 1px !important;
        padding: 0px !important;
    }
}

@media (min-width: 768px) and (max-width:991px) {
    /*dashboard mediaquery (Abinash)*/

    .search_button_background {
        height: 52px !important;
        width: 104% !important;
        border-radius: 0px !important;
        color: #ffffff !important;
        background-color: #2aa4a5 !important;
        border-color: #248d8e !important;
        margin-top: -1px !important;
        font-size: 18px !important;
        border-width: 1px !important;
        padding: 0px !important;
    }

    .responsive-margin {
        margin-top: 67px !important;
    }


    .padding-cal {
        padding: 0px;
    }

    .package-img {
        height: 31px !important;
        margin-top: 19px;
    }

    .pkg-img-md-sm {
        height: 60px;
    }

    .bookApt_button_alignment {
        border-radius: 0px !important;
        width: 100% !important;
        height: 22px !important;
        padding: 0px 0px 0px 0px !important;
    }

    .dashboard-sidebar {
        height: 565px !important;
    }

    .custom-box h3 {
        font-size: 17px !important;
    }
    /*end*/

    /*   dgkare mediaquery  (A)*/
    .dgkare-card {
        margin-bottom: 7px;
    }

    .dgkare-p-allign {
        margin: 0px 0px 10px !important;
    }

    .dgkare-hr-tag {
        margin-top: 4px;
    }

    /*end*/
    /*profile mediaquery(A)*/
    .img-smxs {
        margin-left: 22px;
    }
    /*end*/
    /*vaccination*/
    /*.vaccination-allignment-md {
        margin-left: -36px;
    }*/

    .vaccination-complete-incomplete-block {
        margin-left: 33px;
    }





    /*end*/
    .main_heading_text_style {
        color: white;
        text-align: center;
        font-size: 45px;
    }

    .dropdown_menu_width {
        width: 100% !important;
        border: none;
        height: 50px;
        border-radius: 0px;
    }
    /*.search_button_background {
    height: 50px !important;
    width: 35% !important;
    border-radius: 0px !important;
    background-color: rgba(100, 171, 145, 0.8) !important;
    position:absolute;
}*/
    .upcoming_appointment_button {
        margin-top: 1px !important;
    }

    .veccination_Form_btn {
        margin-top: 0px !important;
        border-radius: 0px !important;
        background-color: rgba(37, 199, 24, 0.73) !important;
        border: 1px solid rgba(37, 199, 24, 0.73) !important;
        width: 100% !important;
        margin-bottom: 0px !important;
    }

    /*.xs-veccination-frm-btn {
        padding: 0px 0px 0px 0px !important;
    }*/

    .cncl_vital_btn {
        border-radius: 0px !important;
        width: 100% !important;
    }

    .sav_vital_btn {
        border-radius: 0px !important;
        width: 100% !important;
    }

    .view_profile_abl_content_width {
        width: 12% !important;
    }

    .VitalsGraphForSelfHight {
        height: 300px !important;
    }

    .vital-form-control {
        margin-top: 3px !important;
    }

    .view-profile-appointment-div {
        padding: 0px 13px 0px 13px !important;
    }

    .patient_list_details {
        cursor: pointer !important;
        width: 154% !important;
        border: 1px solid #DED6D6 !important;
        height: 34px !important;
    }

    .patient_list {
        right: -30px !important;
        width: 75% !important;
        left: -64px !important;
    }
}

@media (max-width:767px) {
    .form_group_border {
        border-right: none !important;
        border-bottom: 1px solid #C7C3C3 !important;
    }


    .xs_width {
        left: 5% !important;
    }

    .responsive-margin {
        margin-top: 67px !important;
    }

    .search_botm_alignmnt {
        float: none !important;
        text-align: center;
    }

    .tab-width {
        width: 43% !important;
    }

    .lab-tab-btn {
        width: 100% !important;
    }

    .bookApt_button_alignment {
        border-radius: 0px !important;
        width: 100% !important;
        height: 22px !important;
        padding: 0px 0px 0px 0px !important;
    }

    .left-sidebar {
        margin-bottom: 5px;
    }

    .padding-xs {
        padding: 0px;
    }


    .modal-close {
        color: #EDEDED;
        background: rgba(0,172,122,0.8);
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        font-size: 20px;
        position: absolute !important;
        left: 84%;
        top: 0;
        z-index: 1;
        cursor: pointer;
        box-shadow: 0 0 100px rgba(0,0,0,0.4);
        -webkit-transition: 0.2s ease-in color;
        -o-transition: 0.2s ease-in color;
        transition: 0.2s ease-in color;
    }


    .custom-text-center {
        text-align: left !important;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    /*.allign-xs {
        text-align: center;
    }*/

    .bookApt_button_alignment {
        border-radius: 0px !important;
        width: 100% !important;
        height: 22px !important;
        padding: 0px 0px 0px 0px !important;
    }

    /*vaccination mediaquery*/
    .xs-ntav-box-padding {
        padding: 0px 9px 0px 31px !important;
    }

    .xs-av-box-padding {
        padding: 0px 6px 0px 18px !important;
    }

    .xs-seltd-box-padding {
        padding: 0px 6px 0px 15px !important;
    }

    .doc_shedule_padding {
        padding: 0px 0px 0px 15px !important;
    }

    .doctor_demo_img {
        width: 69%;
        height: 74px !important;
    }


    .rate_me_margin {
        margin-top: 0px !important;
    }

    .veccination_image {
        width: 61px !important;
        height: 74px !important;
    }

    .vaccination-allignment-md {
        margin-left: 20px !important;
    }

    .btn-xs-allign {
        margin-left: -43px;
    }

    .btn-xs-inc-allign {
        margin-left: -51px !important;
    }
    /*end*/
    /*dgkare mediaquery*/
    .dgkare-card {
        margin-bottom: 7px;
    }

    .dgkare-p-allign {
        margin: 0px 0px 10px !important;
    }

    .footer-outer {
        padding-right: 0px !important;
    }

    .dgkare-cancel {
        font-size: 15px !important;
    }

    .dgkare-save {
        font-size: 15px !important;
    }

    .dgkare-hr-tag {
        margin-top: 4px;
    }

    .dgkare-img {
        height: 41px !important;
    }
    /*end*/
    /*profile mediaquery*/
    .img-smxs {
        margin-left: 22px;
    }
    /*end*/
    .main_heading_text_style {
        color: white;
        text-align: center;
        font-size: 25px;
        padding: 14px;
    }

    .r_u_doc_content {
        padding: 5px 0px 0px 23px;
        font-size: 14px;
        margin-top: 7px;
    }

    .learn_more_border {
        border: 1px solid #898989;
        margin-left: 18px;
        padding: 2px 3px 2px 3px;
        font-size: 14px;
    }

    .dropdown_menu_width {
        width: 100% !important;
        border: none;
        height: 50px;
        border-radius: 0px;
    }

    .search_button_background {
        height: 50px !important;
        width: 100% !important;
        border-radius: 0px !important;
        background-color: #2aa4a5 !important;
    }

    .nevbar_menu_alignment {
        text-align: center;
        font-size: 16px;
    }

    .doctor_detail_margin {
        margin-top: 2px !important;
    }

    .doctor_detail_font_size {
        font-size: 16px;
        color: #248D8E;
        font-weight: bold;
        margin: 0 0 0px;
        padding-top: 2px;
    }

    .doctor_detail_style {
        font-size: 12px;
        color: black;
        margin: 0 0 0px;
        padding-top: 2px;
    }

    .reating_size {
        font-size: 12px !important;
    }


    .body_content_padding {
        padding: 2px 0px 0px 0px !important;
        font-size: 12px !important;
        margin-top: 1px !important;
    }

    .upcoming_appointment_button {
        margin-top: 1px !important;
    }

    .xs-edit_button {
        color: green;
        text-align: right;
        margin-top: 49px !important;
    }

    .veccination_Form_btn {
        margin-top: 0px !important;
        border-radius: 0px !important;
        background-color: rgba(37, 199, 24, 0.73) !important;
        border: 1px solid rgba(37, 199, 24, 0.73) !important;
        width: 100% !important;
        margin-bottom: 0px !important;
    }

    /*.xs-veccination-frm-btn {
        padding: 0px 0px 0px 0px !important;
    }*/

    .cncl_vital_btn {
        border-radius: 0px !important;
        width: 100% !important;
    }

    .sav_vital_btn {
        border-radius: 0px !important;
        width: 100% !important;
    }


    .specilization_border {
        border-bottom: none !important;
    }

    .view_profile_abl_content_width {
        width: 20% !important;
    }

    .view_profile_abl_content {
        padding: 1px 24px 0px 2px !important;
        display: inline;
        font-size: 14px;
        Color: #0A0A0A;
        cursor: pointer;
        margin-bottom: 6px;
        float: left;
        margin-bottom: 7px;
        margin-top: 7px;
    }

    .VitalsGraphForSelfHight {
        height: 300px !important;
    }

    .vital-form-control {
        margin-top: 3px !important;
    }

    .time-xs-font {
        font-size: 10px;
    }

    .xs-view-prof-cnt {
        font-size: 11px !important;
    }

    .heart-margin {
        margin-left: 0px !important;
    }

    .view_profile_image {
        height: 75px !important;
    }

    .view-profile-appointment-div {
        padding: 0px 13px 0px 13px !important;
    }

    .pagination_list_view {
        margin-top: -13px !important;
        border: 1px solid #DACDCD;
        margin-bottom: 0px;
        padding-top: 10px;
        background-color: #DCE4E4;
        position: fixed;
        z-index: 1;
        right: 0.4% !important;
    }

    .patient_list_details {
        cursor: pointer !important;
        width: 127.5% !important;
        border: 1px solid #DED6D6;
        height: 34px !important;
    }

    .patient_list1 {
        left: 38px !important;
        width: 89% !important;
        left: 37px !important;
    }

    .patient_list {
        right: -30px !important;
        width: 87% !important;
        left: -27px !important;
    }

    /*.mobile_input {
        width: 96% !important;
        margin-left: 10px !important;
    }*/

    .doc_border {
        border-style: solid;
        border-width: 0px !important;
        border-color: #E3DEE4;
        height: 36px;
    }
}

@media (min-width: 993px) and (max-width:1051px) {
    .partial_menu_width {
        width: 66% !important;
    }

    .partial_login_width {
        width: 17% !important;
        margin-top: -7px !important;
    }

    .md-menu-width {
        width: 66% !important;
    }

    .md-login-width {
        width: 17% !important;
    }
}

@media (max-width:490px) {
    /*.alignment {
        height: 157px !important;
    }*/

    .mobile_input {
        width: 100% !important;
        margin-left: 15px !important;
    }

    .goForMobile {
        text-align: center !important;
        width: 100% !important;
        margin-top: 10px !important;
    }
}
/*******    Abinash         *******/
.kare4u-custom-dropdown {
    background-color: #FFFFFf;
    height: 50px;
    padding-top: 14px;
    padding-bottom: 10px;
    cursor: pointer;
    border-bottom: 1px solid #C5C5C5;
}


.close-dropdown:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: #333D4C transparent;
}


.open_dropdown:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 50%;
    right: 8px;
    border-width: 0 6px 6px 6px;
    border-style: solid;
    border-color: #333D4C transparent;
}

.list {
    list-style-type: none;
    padding: 0px;
    margin-left: auto;
    background-color: rgb(235, 235, 235);
    margin-right: auto;
    margin-top: 13px;
    cursor: pointer;
    z-index: 1;
}

    .list > li {
        padding: 13px;
        border: 1px solid rgba(255, 255, 255, 0.75);
    }

.kare4u-custom-dropdown .dropdown:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    border-width: 0 6px 6px 6px;
    border-style: solid;
    border-color: rgb(220, 217, 217) transparent;
}


.list > li:hover {
    background-color: rgb(220, 217, 217);
}

.kare4ulisthide {
    display: none;
}


.doc_name {
    font-weight: bold;
    font-size: 15px;
}

.doc_allign {
    margin-top: -9px;
}

.doc_list_view-cards {
    padding: 7px 0px 5px 0px;
    margin-bottom: 5px;
    border: 1px solid #D0CECE;
}

.doc_list {
    padding-top: 5px;
    border: 1px solid rgba(211, 211, 211, 0.49);
    padding-bottom: 5px;
    height: 558px;
    overflow: auto;
    box-shadow: -10px -1px 28px -8px lightgray;
    background-color: white;
}

.details_time {
    /*background-color: #2980B9;*/
    padding-top: 5px;
    padding-bottom: 5px;
    color: #32A3A5;
    margin-bottom: 10px;
    font-weight: bold;
}

.details_payment_block {
    padding: 1px;
    margin-bottom: 3px;
    border: 1px solid #D7D7D7;
    padding-top: 4px;
    padding-bottom: 5px;
}

.payment_right_charge_block {
    padding: 1px;
    color: #16A085;
    margin-left: -23px;
    width: 55%;
}

.payment_left_charge_block {
    padding: 0px;
    width: 45%;
}
/*********        ends       *********/








.blur_background_2nd_div {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #071C27;
    filter: blur(10px) brightness(0.75);
    -webkit-filter: blur(10px) brightness(0.75);
    -moz-filter: blur(10px) brightness(0.75);
    -ms-filter: blur(10px) brightness(0.75);
    -o-filter: blur(7px) brightness(0.75);
    overflow: visible;
    margin-top: 34px;
    margin-bottom: -29px;
    z-index: 1;
}

.blur_background_2nd_div_bottom {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #0088CB;
    filter: blur(10px) brightness(0.75);
    -webkit-filter: blur(10px ) brightness(0.75);
    -moz-filter: blur(10px) brightness(0.75);
    -ms-filter: blur(10px) brightness(0.75);
    -o-filter: blur(7px) brightness(0.75);
    overflow: visible;
    margin-top: -15px;
    z-index: 1;
}



/*.hs_service {
    width: 100%;
    float: left;
    margin: 30px auto;
    border-bottom: 2px solid #7f9aa0;
    margin-bottom: 20px;
    padding: 30px 20px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}


.more-content {
    -webkit-transition: all 1s ease-in;
    -moz-transition: all 1s ease-in;
    -o-transition: all 1s ease-in;
    transition: all 1s ease-in;
    padding-left: 15px;
}


.hidden {
    display: none!important;
    visibility: hidden!important;
}

.hs_service a {
    margin: 20px auto;
}*/

.why_k4u_border {
    border-bottom: 2px solid black;
}






.jssorb21 {
    position: absolute;
}

    .jssorb21 div, .jssorb21 div:hover, .jssorb21 .av {
        position: absolute; /* size of bullet elment */
        width: 19px;
        height: 70px;
        text-align: center;
        line-height: 19px;
        color: white;
        font-size: 12px;
        /*background: url('../images/b21.png') no-repeat;*/
        overflow: hidden;
        cursor: pointer;
    }

    .jssorb21 div {
        background-position: -5px -5px;
    }

        .jssorb21 div:hover, .jssorb21 .av:hover {
            background-position: -35px -5px;
        }

    .jssorb21 .av {
        background-position: -65px -5px;
    }

    .jssorb21 .dn, .jssorb21 .dn:hover {
        background-position: -95px -5px;
    }





.jssora21l, .jssora21r {
    display: block;
    position: absolute; /* size of arrow element */
    width: 55px;
    height: 55px;
    cursor: pointer;
    /*background: url('../images/a15.png') no-repeat center center;*/
    overflow: hidden;
}

.jssora21l {
    background-position: -3px -33px;
}

.jssora21r {
    background-position: -63px -33px;
}

.jssora21l:hover {
    background-position: -123px -33px;
}

.jssora21r:hover {
    background-position: -183px -33px;
}

.jssora21l.jssora21ldn {
    background-position: -243px -33px;
}

.jssora21r.jssora21rdn {
    background-position: -303px -33px;
}


/*-search Doc------*/


.search_doc_menu {
    border: 1px solid #E2DFDF;
    background-color: white;
    padding: 0px 0px 0px 16px;
    box-shadow: 6px 0px 7px 0px;
    margin-top: 40px;
    position: fixed;
    z-index: 1;
}

.rate_me_margin {
    margin-top: -23px;
}

#owl-demo .item img {
    display: block;
    width: 100%;
    height: auto;
}

.different_view_bordre {
    border: 1px solid #B9AFAF;
    padding: 4px 0px 4px 6px;
}


    .different_view_bordre > a {
        color: #1E7879;
    }

.search_menu_border {
    border: none !important;
    box-shadow: none !important;
}


.search_doc_body_border {
    margin-top: 10px;
}

.search_doc_under_body_border {
    border: 1px solid #C3C3C3;
    background-color: white;
}

.book_appointment_toggol {
    margin-top: 14px;
}

.book_appointment_toggol_border {
    border: 1px solid #E6E0E0;
    background-color: #ECF3F0;
    margin-top: 10px;
}

.appointment_time_box {
    border: 1px solid #BABAC1;
    background-color: #2980b9;
    color: white !important;
    display: inline;
    padding: 2px 10px 2px 10px;
}

.btn-appointment {
    color: #EDEDED;
    /* background: rgba(0,172,122,0.8); */
    background: rgb(41, 128, 185);
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    position: absolute;
    /* right: 100%; */
    bottom: 0;
    cursor: pointer;
    box-shadow: 0 0 100px rgba(0,0,0,0.4);
    -webkit-transition: 0.2s ease-in color;
    -o-transition: 0.2s ease-in color;
    transition: 0.2s ease-in color;
}



.view_more_button_alignment {
    border-radius: 0px !important;
    width: 100% !important;
    height: 22px !important;
    padding: 0px 0px 0px 0px !important;
}

.bookApt_button_alignment {
    border-radius: 0px !important;
    width: 19%;
    height: 22px !important;
    padding: 0px 0px 0px 0px !important;
    margin-bottom: 3px;
    float: right;
}


.doctor_detail_margin {
    margin-top: 1px;
}

.doctor_detail_font_size {
    font-size: 14px;
}

.doctor_detail_style {
    font-size: 13px;
}




.doctor_profile_menu {
    padding: 4px 0px 6px 0px;
    border-bottom: 1px solid #D8D8D8;
}

.doctor_profile_menu_active {
    padding: 0px 0px 8px 0px;
    border-bottom: 2px solid #16a085;
    color: #16a085 !important;
}

.select_time_heading {
    border: 1px solid #248D8E;
    background-color: #248D8E;
    margin-top: 10px;
}

.active_tab {
    background-color: #1E7879;
    color: white !important;
}


.doctor_demo_img {
    width: 69%;
    height: 98px;
    border: 2px solid #E8E0E0;
    background-color: #FBFBFB;
    margin-top: 1px;
}

.search_border_xs {
    border: 1px solid #AFAFAF;
    background-color: #D8D8D8;
    margin-top: 84px;
}


.model_header_color {
    background-color: #399FD8 !important;
    padding: 6px !important;
    text-align: center;
    color: white !important;
}

#owl-demo .item {
    margin: 3px;
}

    #owl-demo .item img {
        display: block;
        width: 100%;
        height: auto;
    }



.pannel_button_avaible {
    border-style: solid;
    border-width: 1px;
    border-color: #16A085;
    padding: 1px 11px;
    display: inline;
    background-color: #16A085;
    Color: white;
    cursor: pointer;
    margin-left: 2px;
    float: left;
    margin-bottom: 7px;
    margin-top: 7px;
}





/*--------    map view (Abinash)   ------------*/
.appointment_slots {
    background-color: lightgray;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-right: 2px;
    margin-bottom: 10px;
}

.custom_hr {
    margin-left: -15px;
    /*margin-right: -15px;*/
    border: 1px solid lightgray;
}

.appointment-btn {
    height: 35px;
    background-color: #16A085;
    /*margin-bottom: 10px;*/
    padding: 7px;
    color: white;
}


.card {
    /*height: 100%;*/
    position: relative;
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    -o-transition: -o-transform 1s;
    transition: transform 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50%;
}

    .card div {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden;
    }


    .card .back {
        -webkit-transform: rotateY( 180deg );
        -moz-transform: rotateY( 180deg );
        -o-transform: rotateY( 180deg );
        transform: rotateY( 180deg );
    }

    .card.flipped {
        -webkit-transform: rotateY( 180deg );
        -moz-transform: rotateY( 180deg );
        -o-transform: rotateY( 180deg );
        transform: rotateY( 180deg );
    }

.front_show {
    display: block;
}

.front_hide {
    display: none;
}

.back_show {
    display: block;
}

.back_hide {
    display: none;
}
/*.details_slideout_width {
    width:0px;
}*/
.availability_slots {
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: white;
}

.slot_available {
    background-color: #2E75B6;
    cursor: pointer;
    background-color: #248D8E;
    cursor: pointer;
}

.slot_booked {
    background-color: #024F50;
    width: 33px;
}

.slot-allignment {
    margin-bottom: 8px;
    float: left;
    margin-left: 3px;
}

.slot_block {
    padding: 0px;
    padding-top: 10px;
    /*border: 1px solid lightgrey;*/
    margin-top: -6px;
    margin-bottom: 5px;
}

.appointment_for {
    margin-bottom: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid lightgrey;
}

.numberofDoctors {
    font-size: 15px;
    font-weight: bold;
}

.datapicker-allign-time {
    border: 1px solid lightgray;
    padding: 5px;
    margin-bottom: 10px;
    margin-top: -20px;
}



/*profile */

.details_profile_tab {
    background-color: #2E75B6;
    color: white;
    padding: 7px 7px 7px 7px;
}

.details_sub_tab {
    margin-top: 14px;
    padding: 5px;
    font-size: 15px;
    font-weight: bold;
}

.details_profile {
    border-bottom: 2px solid #5CB85C;
    margin-bottom: -2px;
}

.profile-tab:hover {
    text-decoration: none;
}

.tab_style {
    padding: 1px;
    cursor: pointer;
}

.row-style {
    padding: 0px;
    margin-bottom: 5px;
    border-bottom: 1px solid #D0CECE;
}

.profile_tab_scroll {
    padding: 1px 1px 0px 1px;
    overflow: auto;
    height: 400px;
    display: block;
}

.profile_hide {
    display: none;
}

.remove-color {
    border-bottom: 0px;
}
/*end*/

/***************************        login modal      ***************************************************/





/******** Login modal image style ******** */
.consumer-loginModal-Image {
    height: 500px;
    width: 270px;
}
/*removing padding from modal*/
.consumer-loginmodal {
    padding: 0px;
}
/**/
.consumer-login-label {
    margin-top: 30px;
    color: #029167;
}
/**/
.consumer-login-googlediv {
    margin-top: 10px;
    color: #fff;
    margin-right: 36px;
    font-size: 13px;
    background-color: #DE5C4C;
    cursor: pointer;
}
/**/
#consumer-login-faicongoogle {
    background-color: #DC4B39;
}
/**/
#consumer-login-faiconfacebook {
    background-color: #3B5998;
    padding-right: 15px;
}
/**/
.consumer-login-faicon {
    padding: 10px;
    margin-right: 12px;
}
/**/
.consumer-login-facebookdiv {
    margin-top: 10px;
    color: #fff;
    margin-right: 36px;
    font-size: 13px;
    background-color: #4E68A1;
    cursor: pointer;
}
/**/
#consumer-emailpwdiv {
    margin-right: 36px;
    margin-top: 25px;
}

/**/
.consumer-emailpwd-allign {
    margin-left: 10px;
    margin-bottom: 10px;
}
/**/
#consumer-login-btn {
    margin-top: 10px;
}
/**/
#consumer-login-div {
    margin-top: 25px;
    text-decoration: underline;
    color: #1D0DEB;
}
/**/
#consumer-signup-div {
    margin-top: 40px;
    color: #18A087;
    font-size: 16px;
    margin-right: 36px;
    padding: 5px;
    background-color: lightgray;
    cursor: pointer;
}
/**/
#consumer-Logindiv {
    margin-top: 43px;
    margin-bottom: 10px;
    color: #18A087;
    font-size: 15px;
    margin-right: 36px;
    background-color: lightgray;
    padding: 3px;
    margin-left: 10px;
    cursor: pointer;
}
/**/
.consumer-signup-formalignment {
    margin-right: 36px;
    margin-top: 13px;
}
/**/
#consumer-signup-checkbox {
    padding-left: 25px !important;
    display: inline-block;
}
/**/
#consumer-signuplabel {
    margin-top: 45px;
    color: #029167;
}
/**/
.consumer-signup-password-faicon {
    /*padding-left: 16px;
    padding-right: 13px;*/
    font-size: 17px;
    padding-right: 13px;
    padding-left: 14px;
}
/**/
#consumer-signup-user-faicon {
    padding-left: 14px;
    padding-right: 13px;
}
/**/
#consumer-signup-phonefaicon {
    padding-right: 0px;
    padding-left: 16px;
}
/**/
.consumer-text-color {
    color: #00AC7A;
}
/******** Login modal image style ******** */
.consumer-loginModal-Image {
    height: 480px;
    width: 270px;
}
/*removing padding from modal*/
.consumer-loginmodal {
    padding: 0px;
}

.login-btn {
    background-color: #00B699;
    color: white;
    /*padding-top: 7px;
    padding-bottom: 7px;*/
    margin-bottom: 8px;
}

/*--------------        end    ------------------*/




.map-modal {
    color: #EDEDED;
    /*background: rgba(0,172,122,0.8);*/
    background: rgb(41, 128, 185);
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    position: absolute;
    right: 100%;
    top: 0;
    cursor: pointer;
    box-shadow: 0 0 100px rgba(0,0,0,0.4);
    -webkit-transition: 0.2s ease-in color;
    -o-transition: 0.2s ease-in color;
    transition: 0.2s ease-in color;
}



.wrapper-dropdown-logout.active .dropdown {
    opacity: 1;
    pointer-events: auto;
}

.layout_login_button {
    border-bottom: 1px solid #4B86CC;
    border-left: 1px solid #4B86CC;
    border-right: 1px solid #4B86CC;
    background-color: #0EBA8F;
    color: #FFF;
    text-align: center;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 1px;
    margin-top: -28px;
}
/**********       end        ******************/



/**********       end        ******************/


/*UPCOMING APPOINTMENT*/


.upcoming_appointment_cart {
    border: 1px solid #E2DDDD;
    background-color: #FFFFFF;
    margin-top: -2px;
    padding-bottom: 7px;
}

.upcoming_appointment_cart_body {
    border: 1px solid #E2DDDD;
    background-color: white;
    margin-top: 7px;
    /* margin-bottom: 0px; */
    box-shadow: 1px 1px 3px 0px #DCDCDC;
}

.upcoming_appointment_button {
    width: 100%;
    margin-top: 3px;
    padding: 1px 12px;
}

.upcoming_appointment_image {
    width: 90%;
    height: 75px;
}

.nev_tab_border {
    border: 1px solid #ddd !important;
}

.nev_tab_li_border {
    border: 1px solid black;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: white;
    cursor: default;
    background-color: #1E7879 !important;
    border: none !important;
    border-bottom-color: none !important;
}

.body_content_padding {
    padding: 1px 0px 10px 0px;
    font-size: 14px;
    margin-top: 6px;
}

.upcoming_appointment_print_btn {
    border-radius: 0px !important;
    background-color: rgba(37, 199, 24, 0.73) !important;
    border: 1px solid rgba(37, 199, 24, 0.73) !important;
}

.upcoming_appointment_cancle_btn {
    border-radius: 0px !important;
    background-color: rgba(251, 0, 0, 0.8) !important;
    border: 1px solid rgba(251, 0, 0, 0.8) !important;
}




/*veccination*/


.veccination_box {
    border: 1px solid #E2DDDD;
    background-color: #F4FFED;
}

.veccination_cart {
    border: 1px solid #E2DDDD;
    background-color: white;
    margin-top: 15px;
    margin-bottom: 10px;
    box-shadow: 1px 1px 3px 0px #828683;
}

.veccination_form_cart {
    border: 1px solid #E2DDDD;
    background-color: white;
    /*margin-top: -10px;*/
    margin-bottom: 10px;
    box-shadow: 1px 1px 3px 0px #828683;
}

.veccination_image {
    /*width: 100%;
    height: 119px;*/
    width: 92px;
    height: 106px;
    box-shadow: 0 0 7px 1px #5E2972;
}

.veccination_content_padding {
    padding: 2px 0px 2px 0px;
    font-size: 14px;
    margin-top: 1px;
}

.veccination_complete_btn {
    margin-top: 14px;
    border-radius: 0px !important;
    background-color: rgba(37, 199, 24, 0.73) !important;
    border: 1px solid rgba(37, 199, 24, 0.73) !important;
}

.veccination_form-control {
    width: 100% !important;
    height: 27px !important;
    padding: 0px 11px !important;
    font-size: 14px !important;
    line-height: 1.42857143;
    border: 1px solid #ccc;
    border-radius: 0px !important;
    margin-top: 7px !important;
}

.veccination_Form_btn {
    margin-top: 14px;
    border-radius: 0px !important;
    background-color: rgba(37, 199, 24, 0.73) !important;
    border: 1px solid rgba(37, 199, 24, 0.73) !important;
    width: 50%;
    margin-bottom: 5px;
}


.veccination_xs_date_border {
    border: 2px solid #CCCCCC;
    background-color: #F4FFED;
    margin-top: 12px;
}

.vericaltext {
    width: 1px;
    word-wrap: break-word;
    font-family: monospace;
    margin-bottom: 1px;
    font-size: 13px;
    text-align: center;
    font-weight: bolder;
    text-shadow: 3px 1px 3px #545454;
}

.xs-date-content {
    margin-top: 8px;
    margin-bottom: 7px;
    font-size: 15px;
    font-weight: bolder;
    font-family: monospace;
    text-shadow: 3px 1px 3px #545454;
}

.veccination_view_mor_btn {
    margin-top: -20px;
    border-radius: 0px !important;
    background-color: #33BC94 !important;
    border: 1px solid #33BC94 !important;
    width: 100%;
    padding: 1px 1px !important;
}

.xs-edit_button {
    color: green;
    text-align: right;
    margin-top: 18px;
}

.xs_veccination_content_padding {
    padding: 4px 0px 3px 0px;
    font-size: 14px;
    margin-top: 1px;
}


.xs_veccination_detail_cart {
    border: 1px solid #E2DDDD;
    background-color: white;
    margin-top: -8px;
    margin-bottom: 10px;
    box-shadow: 1px 1px 3px 0px #828683;
}

body {
    /*background-color: #E8E8E8;*/
}

/*----------profile----------*/


.img-md {
    width: 64px;
    height: 64px;
}

.img-border {
    box-shadow: 0 0 0 4px rgba(0,0,0,0.1);
}

.mar-no {
    margin: 0 !important;
}

    .mar-no.h4 {
        font-weight: 600;
    }

    .mar-no.h4 {
        font-size: 16px;
    }

#container .badge {
    font-weight: normal;
    color: #fff;
}

.badge-primary {
    background-color: #5fa2dd;
}

.badge-success {
    background-color: #9cc96b;
}

.badge-info {
    background-color: #4ebcda;
}

.badge-warning {
    background-color: #ebaa4b;
}

.badge-danger {
    background-color: #f76c51;
}

.panel-2 .panel {
    box-shadow: 0 2px 0 rgba(0,0,0,0.05);
    border-radius: 0;
    border: 0;
    margin-bottom: 24px;
}

    .panel-2 .panel .panel-heading, .panel > :first-child {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

.panel-2 .panel-title {
    font-weight: 300;
    padding: 0 20px 0 20px;
    font-size: 1.416em;
    line-height: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.panel-2 .panel > .panel-heading:after, .panel.panel-colorful > .panel-heading:after {
    content: '';
    display: block;
    position: absolute;
    height: 0;
    left: 20px;
    right: 20px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.panel-2 .panel .panel-footer, .panel > :last-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.panel-2 .panel-body {
    padding: 25px 20px;
    border: 0px solid rgb(236, 231, 231);
}

/*.btn {
    cursor: pointer;
    background-color: transparent;
    color: inherit;
    padding: 6px 12px;
    border-radius: 0;
    border: 1px solid 0;
    font-size: 12px;
    line-height: 1.42857;
    vertical-align: middle;
    -webkit-transition: all .25s;
    transition: all .25s;
}

    .btn-default,
    .btn-default:focus,
    .btn-hover-default:hover,
    .btn-hover-default:active,
    .btn-hover-default.active,
    .btn.btn-active-default:active,
    .btn.btn-active-default.active,
    .dropdown.open > .btn.btn-active-default,
    .btn-group.open .dropdown-toggle.btn.btn-active-default {
        background-color: #fafafa;
        border-color: #cdd6e1;
        color: #515151;
    }

        .btn-default:hover,
        .btn-default:active,
        .btn-default.active,
        .open > .dropdown-toggle.btn-default {
            background-color: #e9e9e9;
            border-color: #cdd6e1;
            color: #515151;
        }

    .btn-primary,
    .btn-primary:focus,
    .btn-hover-primary:hover,
    .btn-hover-primary:active,
    .btn-hover-primary.active,
    .btn.btn-active-primary:active,
    .btn.btn-active-primary.active,
    .dropdown.open > .btn.btn-active-primary,
    .btn-group.open .dropdown-toggle.btn.btn-active-primary {
        background-color: #579ddb;
        border-color: #5fa2dd;
        color: #fff;
    }

        .btn-primary:hover,
        .btn-primary:active,
        .btn-primary.active,
        .open > .dropdown-toggle.btn-primary {
            background-color: #3b8dd5;
            border-color: #4291d7;
            color: #fff;
        }

    .btn-info,
    .btn-info:focus,
    .btn-hover-info:hover,
    .btn-hover-info:active,
    .btn-hover-info.active,
    .btn.btn-active-info:active,
    .btn.btn-active-info.active,
    .dropdown.open > .btn.btn-active-info,
    .btn-group.open .dropdown-toggle.btn.btn-active-info {
        background-color: #46b9d8;
        border-color: #4ebcda;
        color: #fff;
    }

        .btn-info:hover,
        .btn-info:active,
        .btn-info.active,
        .open > .dropdown-toggle.btn-info {
            background-color: #2caed1;
            border-color: #30b1d4;
            color: #fff;
        }

    .btn-success,
    .btn-success:focus,
    .btn-hover-success:hover,
    .btn-hover-success:active,
    .btn-hover-success.active,
    .btn.btn-active-success:active,
    .btn.btn-active-success.active,
    .dropdown.open > .btn.btn-active-success,
    .btn-group.open .dropdown-toggle.btn.btn-active-success {
        background-color: #97c664;
        border-color: #9cc96b;
        color: #fff;
    }

        .btn-success:hover,
        .btn-success:active,
        .btn-success.active,
        .open > .dropdown-toggle.btn-success {
            background-color: #87bd4b;
            border-color: #8bbf51;
            color: #fff;
        }

    .btn-warning,
    .btn-warning:focus,
    .btn-hover-warning:hover,
    .btn-hover-warning:active,
    .btn-hover-warning.active,
    .btn.btn-active-warning:active,
    .btn.btn-active-warning.active,
    .dropdown.open > .btn.btn-active-warning,
    .btn-group.open .dropdown-toggle.btn.btn-active-warning {
        background-color: #eaa642;
        border-color: #ebaa4b;
        color: #fff;
    }

        .btn-warning:hover,
        .btn-warning:active,
        .btn-warning.active,
        .open > .dropdown-toggle.btn-warning {
            background-color: #e79824;
            border-color: #e79b2b;
            color: #fff;
        }

    .btn-danger,
    .btn-danger:focus,
    .btn-hover-danger:hover,
    .btn-hover-danger:active,
    .btn-hover-danger.active,
    .btn.btn-active-danger:active,
    .btn.btn-active-danger.active,
    .dropdown.open > .btn.btn-active-danger,
    .btn-group.open .dropdown-toggle.btn.btn-active-danger {
        background-color: #f76447;
        border-color: #f76c51;
        color: #fff;
    }

        .btn-danger:hover,
        .btn-danger:active,
        .btn-danger.active,
        .open > .dropdown-toggle.btn-danger {
            background-color: #f54928;
            border-color: #f54f2f;
            color: #fff;
        }

    .btn-mint,
    .btn-mint:focus,
    .btn-hover-mint:hover,
    .btn-hover-mint:active,
    .btn-hover-mint.active,
    .btn.btn-active-mint:active,
    .btn.btn-active-mint.active,
    .dropdown.open > .btn.btn-active-mint,
    .btn-group.open .dropdown-toggle.btn.btn-active-mint {
        background-color: #48c5a3;
        border-color: #50c7a7;
        color: #fff;
    }

        .btn-mint:hover,
        .btn-mint:active,
        .btn-mint.active,
        .open > .dropdown-toggle.btn-mint {
            background-color: #39b392;
            border-color: #3bb897;
            color: #fff;
        }

    .btn-purple,
    .btn-purple:focus,
    .btn-hover-purple:hover,
    .btn-hover-purple:active,
    .btn-hover-purple.active,
    .btn.btn-active-purple:active,
    .btn.btn-active-purple.active,
    .dropdown.open > .btn.btn-active-purple,
    .btn-group.open .dropdown-toggle.btn.btn-active-purple {
        background-color: #925e8b;
        border-color: #986291;
        color: #fff;
    }

        .btn-purple:hover,
        .btn-purple:active,
        .btn-purple.active,
        .open > .dropdown-toggle.btn-purple {
            background-color: #7e5178;
            border-color: #82547c;
            color: #fff;
        }

    .btn-pink,
    .btn-pink:focus,
    .btn-hover-pink:hover,
    .btn-hover-pink:active,
    .btn-hover-pink.active,
    .btn.btn-active-pink:active,
    .btn.btn-active-pink.active,
    .dropdown.open > .btn.btn-active-pink,
    .btn-group.open .dropdown-toggle.btn.btn-active-pink {
        background-color: #df74a1;
        border-color: #e17ca7;
        color: #fff;
    }

        .btn-pink:hover,
        .btn-pink:active,
        .btn-pink.active,
        .open > .dropdown-toggle.btn-pink {
            background-color: #d9598f;
            border-color: #da5f93;
            color: #fff;
        }

    .btn-dark,
    .btn-dark:focus,
    .btn-hover-dark:hover,
    .btn-hover-dark:active,
    .btn-hover-dark.active,
    .btn.btn-active-dark:active,
    .btn.btn-active-dark.active,
    .dropdown.open > .btn.btn-active-dark,
    .btn-group.open .dropdown-toggle.btn.btn-active-dark {
        background-color: #363c40;
        border-color: #3b4146;
        color: #fff;
    }

        .btn-dark:hover,
        .btn-dark:active,
        .btn-dark.active,
        .open > .dropdown-toggle.btn-dark {
            background-color: #272b2e;
            border-color: #2b2f33;
            color: #fff;
        }*/

.mar-btm {
    margin-bottom: 15px;
}

.form-control {
    border-radius: 0px;
}

.input-group-addon {
    border: 1px solid #e1e5ea;
    background-color: transparent;
    border-radius: 0;
    min-width: 45px;
}

.panel-footer {
    background-color: #f0f2f4;
    color: #515151;
    border-color: #eaedf0;
    position: relative;
}



/*******************vital***************/



.vital_form_control {
    margin-top: 9px;
    height: 29px !important;
}


.vital_body {
    border: 1px solid #C3C3C3;
    background-color: #E8E8E8;
    margin-top: 10px;
    margin-top: -2px;
}

.vital_selection_btn {
    border-radius: 0px !important;
    background-color: #33BC94 !important;
    border: 1px solid #33BC94 !important;
    width: 100%;
    box-shadow: 1px 2px 3px #483B3B;
    font-size: 15px;
}

.vital_button_margin {
    margin-top: 10px;
    margin-bottom: 5px;
}

.add_vital_btn {
    border-radius: 0px !important;
    /*background-color: #358EE0 !important;
    border: 1px solid #358EE0 !important;*/
}


.vital_form_body {
    border: 1px solid #E2DDDD;
    background-color: white;
    margin-top: 5px;
    margin-bottom: 5px;
    box-shadow: 1px 1px 3px 0px #828683;
}

.cncl_vital_btn {
    border-radius: 0px !important;
    /*background-color: #FB3333 !important;
    border: 1px solid #FB3333 !important;*/
}

.sav_vital_btn {
    border-radius: 0px !important;
    /*background-color: #60D656 !important;
    border: 1px solid #60D656 !important;*/
}
/**************************************************    Dashboard  (Abinash)*************************************/

.custom-box {
    position: relative;
    display: block;
    padding: 20px;
    margin-bottom: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 1px;
    color: #FFF;
    box-shadow: 1px 1px 0 0 #fff,1px 1px 3px 0 rgba(0,0,0,0.2) inset;
}

.palette-alizarin {
    background-color: #e74c3c !important;
}

.custom-box h3 {
    font-size: 23px;
    font-weight: 700;
    margin: 0 0 10px;
    white-space: nowrap;
    padding: 0;
}

.custom-box p {
    font-size: 15px;
}

.custom-box i {
    position: absolute;
    font-size: 90px;
    right: 15px;
    bottom: 0;
    line-height: auto;
    margin: 0;
    padding: 0;
    color: rgba(0,0,0,0.1);
}

.palette-nephritis {
    background-color: #27ae60 !important;
}

.palette-peter-river {
    background-color: #3498db !important;
}

.palette-wet-asphalt {
    background-color: #34495e !important;
}



/* WIDGETS */
.time-widget {
    width: 100%;
    float: left;
    margin: 0px;
    list-style: none;
    text-decoration: none;
    -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
    color: #FFF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 1px;
    padding: 15px 10px;
    margin-bottom: 20px;
    min-height: 120px;
    position: relative;
}

    .time-widget.time-widget-padding-sm,
    .time-widget.time-widget-item-icon {
        padding: 10px 0px 5px;
    }



    .time-widget .time-widget-title,
    .time-widget .time-widget-subtitle,
    .time-widget .time-widget-int,
    .time-widget .time-widget-big-int {
        width: 100%;
        float: left;
        text-align: center;
    }



    .time-widget .time-widget-big-int {
        font-size: 42px;
        line-height: 45px;
        font-weight: 300;
    }





    .time-widget .time-widget-buttons {
        float: left;
        width: 100%;
        text-align: center;
        padding-top: 3px;
        margin-top: 5px;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }

        .time-widget .time-widget-buttons a {
            position: relative;
            display: inline-block;
            line-height: 30px;
            font-size: 21px;
        }

        .time-widget .time-widget-buttons .col {
            width: 100%;
            float: left;
        }

        .time-widget .time-widget-buttons.time-widget-c3 .col {
            width: 33.333333%;
        }


    .time-widget.time-widget-danger .time-widget-buttons a {
        color: #F9FAFC;
        border-color: #FFFFFF;
    }

        .time-widget.time-widget-danger .time-widget-buttons a:hover {
            color: #F9FAFC;
        }

.plugin-clock span {
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation: pulsate 1s ease-out;
    -moz-animation-iteration-count: infinite;
    animation: pulsate 1s ease-out;
    animation-iteration-count: infinite;
    /*opacity: 0.0;*/
    margin-right: 2px;
    -webkit-animation: pulsate 1s ease-out;
}

.x-navigation, .x-navigation ul {
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
    list-style: none;
    display: block;
    z-index: 3;
}

    .x-navigation li > a {
        display: block;
        float: left;
        width: 100%;
        line-height: 19px;
        color: #ffffff;
        font-size: 13px;
        font-weight: 400;
        padding: 15px 10px 15px 15px;
        text-decoration: none;
        border-bottom: 1px solid #2f3c48;
        vertical-align: text-bottom;
    }

.profile {
    width: 100%;
    float: left;
    padding: 15px 10px;
    position: relative;
    background: #2d3945;
}

    .profile .profile-image {
        float: left;
        width: 100%;
        margin: 0px 0px 10px;
        text-align: center;
    }

    .profile .profile-data {
        width: 100%;
        float: left;
        text-align: center;
    }

.x-navigation > li.xn-profile .profile-data-name {
    color: #ffffff;
}

.profile .profile-data .profile-data-title {
    width: 100%;
    float: left;
    font-size: 11px;
    font-weight: 400;
    color: #999;
}

.profile .profile-image img {
    width: 100px;
    border: 3px solid #FFF;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.profile .profile-controls a.profile-control-left {
    left: 15px;
    top: 79px;
    text-align: center;
}

.profile .profile-controls a {
    width: 30px;
    height: 30px;
    font-size: 14px;
    color: #FFF;
    border: 2px solid #FFF;
    line-height: 25px;
    position: absolute;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    padding: 0px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

    .profile .profile-controls a.profile-control-right {
        right: 15px;
        top: 79px;
        text-align: center;
    }

.x-navigation li > a .fa, .x-navigation li > a .glyphicon {
    color: #ffffff;
    text-align: center;
    width: 20px;
    font-size: 14px;
    margin-right: 10px;
    vertical-align: baseline;
    -webkit-transition: color 200ms ease;
    -moz-transition: color 200ms ease;
    -ms-transition: color 200ms ease;
    -o-transition: color 200ms ease;
    transition: color 200ms ease;
}






.dashboard-panel-heading {
    background-color: #00AC7A !important;
    text-transform: uppercase;
    text-align: center;
    color: white !important;
}

.dashboard_panel_headinng {
    background-color: #27AE60;
    height: 37px;
    color: white;
    padding: 7px 10px 12px 11px;
    font-size: 15px;
}

.dashboard_panel_body {
    border: 1px solid #E1EFE7;
    text-align: justify;
    padding: 0px 8px 8px 8px;
    color: #504F4F;
}

.custom_animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.dashboard-card-height {
    height: 121px;
}

.dashboard-sidebar {
    height: 600px;
    background: #364150;
    padding-right: 0px;
    padding-left: 0px;
}

.dashboard-appo-info {
    color: #6B6A6A;
    font-weight: bold;
    /*text-decoration: underline;*/
    margin-bottom: 2px;
    padding-left: 5px;
}

/******************************     End    ******************************/


/*****************************************   DgKare css   (Abinash) ***************************************/



/*---------------    tab   -------------------*/
.tab-widget {
    margin-top: 60px;
}

.tab1-widget {
    height: 39px;
    color: white;
    background-color: #27AE60;
    padding-top: 9px;
    cursor: pointer;
    font-size: 16px;
}

.tab1-widget-padding {
    padding-left: 3px;
}

.tab2-widget-padding {
    padding-right: 3px;
}

.active-tab {
    background-color: #116D38;
    color: white;
}

.tab-widget-content {
    padding-left: 30px;
    padding-right: 30px;
}

/*----------------------*end*---------------*/

.dgkare-hr-tag {
    border: 1px solid #eee;
    margin-bottom: 0px;
    border-top: 1px solid #eee;
    margin-left: -14px;
    margin-right: -19px;
}

.dgkare-p-allign {
    margin-bottom: 0px;
}

.dgkare-date-smxs {
    height: 144px;
    /*background-color: rgb(238, 238, 238);*/
    background-color: rgba(39, 64, 174, 0.81);
    padding: 0px;
    color: white;
    box-shadow: 0px 7px 46px 0px #A09595;
}

.dgkare-card {
    border: 1px solid lightgray;
    padding: 5px;
}

/*dgkare-calender*/
.day-smxs {
    margin-top: 15px;
    margin-bottom: 19px;
}

.day-smxs-block {
    font-size: 26px;
    font-weight: bold;
    border-bottom: 1px solid;
}

.month-smxs-block {
    font-size: 26px;
    font-weight: bold;
}

.month-smxs {
    margin-top: 11px;
}

.year-smxs-block {
    padding: 0px;
    font-size: 25px;
    font-weight: bold;
}

.day-month-smxs {
    padding: 0px;
    height: 144px;
    border-right: 1px solid white;
}

.doc-lgmd {
    padding: 0px;
    text-align: center;
    border-right: 1px solid lightgrey;
}

/******************************     End    ******************************/


/*****************************************   Profile css    ***************************************/
.img-md {
    width: 64px;
    height: 64px;
}

.img-border {
    box-shadow: 0 0 0 4px rgba(0,0,0,0.1);
}

.mar-no {
    margin: 0 !important;
}

    .mar-no.h4 {
        font-weight: 600;
    }

    .mar-no.h4 {
        font-size: 16px;
    }

#container .badge {
    font-weight: normal;
    color: #fff;
}

.badge-primary {
    background-color: #5fa2dd;
}

.badge-success {
    background-color: #9cc96b;
}

.badge-info {
    background-color: #4ebcda;
}

.badge-warning {
    background-color: #ebaa4b;
}

.badge-danger {
    background-color: #f76c51;
}

.panel-2 .panel {
    box-shadow: 0 2px 0 rgba(0,0,0,0.05);
    border-radius: 0;
    border: 0;
    margin-bottom: 24px;
}

    .panel-2 .panel .panel-heading, .panel > :first-child {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

.panel-2 .panel-title {
    font-weight: 300;
    padding: 0 20px 0 20px;
    font-size: 1.416em;
    line-height: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.panel-2 .panel > .panel-heading:after, .panel.panel-colorful > .panel-heading:after {
    content: '';
    display: block;
    position: absolute;
    height: 0;
    left: 20px;
    right: 20px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.panel-2 .panel .panel-footer, .panel > :last-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.panel-2 .panel-body {
    padding: 25px 20px;
    border: 0px solid rgb(236, 231, 231);
}






.btn-default,
.btn-default:focus,
.btn-hover-default:hover,
.btn-hover-default:active,
.btn-hover-default.active,
.btn.btn-active-default:active,
.btn.btn-active-default.active,
.dropdown.open > .btn.btn-active-default,
.btn-group.open .dropdown-toggle.btn.btn-active-default {
    background-color: #fafafa;
    border-color: #cdd6e1;
    color: #515151;
}



    .btn-default:hover,
    .btn-default:active,
    .btn-default.active,
    .open > .dropdown-toggle.btn-default {
        background-color: #e9e9e9;
        border-color: #cdd6e1;
        color: #515151;
    }


    .changed-css > .btn-default:hover,
    .btn-default:active,
    .btn-default.active,
    .open > .dropdown-toggle.btn-default {
        background-color: #248D8E;
        border-color: #cdd6e1;
        color: #F1EBEB;
    }


.btn-primary,
.btn-primary:focus,
.btn-hover-primary:hover,
.btn-hover-primary:active,
.btn-hover-primary.active,
.btn.btn-active-primary:active,
.btn.btn-active-primary.active,
.dropdown.open > .btn.btn-active-primary,
.btn-group.open .dropdown-toggle.btn.btn-active-primary {
    background-color: #579ddb;
    border-color: #5fa2dd;
    color: #fff;
}

    .btn-primary:hover,
    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary {
        background-color: #3b8dd5;
        border-color: #4291d7;
        color: #fff;
    }

.btn-info,
.btn-info:focus,
.btn-hover-info:hover,
.btn-hover-info:active,
.btn-hover-info.active,
.btn.btn-active-info:active,
.btn.btn-active-info.active,
.dropdown.open > .btn.btn-active-info,
.btn-group.open .dropdown-toggle.btn.btn-active-info {
    background-color: #46b9d8;
    border-color: #4ebcda;
    color: #fff;
}

    .btn-info:hover,
    .btn-info:active,
    .btn-info.active,
    .open > .dropdown-toggle.btn-info {
        background-color: #2caed1;
        border-color: #30b1d4;
        color: #fff;
    }

.btn-success,
.btn-success:focus,
.btn-hover-success:hover,
.btn-hover-success:active,
.btn-hover-success.active,
.btn.btn-active-success:active,
.btn.btn-active-success.active,
.dropdown.open > .btn.btn-active-success,
.btn-group.open .dropdown-toggle.btn.btn-active-success {
    background-color: #268D8E;
    border-color: #238586;
    color: #fff;
}

    .btn-success:hover,
    .btn-success:active,
    .btn-success.active,
    .open > .dropdown-toggle.btn-success {
        background-color: #1E7879;
        border-color: #1E7879;
        color: #fff;
    }

.btn-warning,
.btn-warning:focus,
.btn-hover-warning:hover,
.btn-hover-warning:active,
.btn-hover-warning.active,
.btn.btn-active-warning:active,
.btn.btn-active-warning.active,
.dropdown.open > .btn.btn-active-warning,
.btn-group.open .dropdown-toggle.btn.btn-active-warning {
    background-color: #eaa642;
    border-color: #ebaa4b;
    color: #fff;
}

    .btn-warning:hover,
    .btn-warning:active,
    .btn-warning.active,
    .open > .dropdown-toggle.btn-warning {
        background-color: #e79824;
        border-color: #e79b2b;
        color: #fff;
    }

.btn-danger,
.btn-danger:focus,
.btn-hover-danger:hover,
.btn-hover-danger:active,
.btn-hover-danger.active,
.btn.btn-active-danger:active,
.btn.btn-active-danger.active,
.dropdown.open > .btn.btn-active-danger,
.btn-group.open .dropdown-toggle.btn.btn-active-danger {
    background-color: #f76447;
    border-color: #f76c51;
    color: #fff;
}

    .btn-danger:hover,
    .btn-danger:active,
    .btn-danger.active,
    .open > .dropdown-toggle.btn-danger {
        background-color: #f54928;
        border-color: #f54f2f;
        color: #fff;
    }

.btn-mint,
.btn-mint:focus,
.btn-hover-mint:hover,
.btn-hover-mint:active,
.btn-hover-mint.active,
.btn.btn-active-mint:active,
.btn.btn-active-mint.active,
.dropdown.open > .btn.btn-active-mint,
.btn-group.open .dropdown-toggle.btn.btn-active-mint {
    background-color: #48c5a3;
    border-color: #50c7a7;
    color: #fff;
}

    .btn-mint:hover,
    .btn-mint:active,
    .btn-mint.active,
    .open > .dropdown-toggle.btn-mint {
        background-color: #39b392;
        border-color: #3bb897;
        color: #fff;
    }

.btn-purple,
.btn-purple:focus,
.btn-hover-purple:hover,
.btn-hover-purple:active,
.btn-hover-purple.active,
.btn.btn-active-purple:active,
.btn.btn-active-purple.active,
.dropdown.open > .btn.btn-active-purple,
.btn-group.open .dropdown-toggle.btn.btn-active-purple {
    background-color: #925e8b;
    border-color: #986291;
    color: #fff;
}

    .btn-purple:hover,
    .btn-purple:active,
    .btn-purple.active,
    .open > .dropdown-toggle.btn-purple {
        background-color: #7e5178;
        border-color: #82547c;
        color: #fff;
    }

.btn-pink,
.btn-pink:focus,
.btn-hover-pink:hover,
.btn-hover-pink:active,
.btn-hover-pink.active,
.btn.btn-active-pink:active,
.btn.btn-active-pink.active,
.dropdown.open > .btn.btn-active-pink,
.btn-group.open .dropdown-toggle.btn.btn-active-pink {
    background-color: #df74a1;
    border-color: #e17ca7;
    color: #fff;
}

    .btn-pink:hover,
    .btn-pink:active,
    .btn-pink.active,
    .open > .dropdown-toggle.btn-pink {
        background-color: #d9598f;
        border-color: #da5f93;
        color: #fff;
    }

.btn-dark,
.btn-dark:focus,
.btn-hover-dark:hover,
.btn-hover-dark:active,
.btn-hover-dark.active,
.btn.btn-active-dark:active,
.btn.btn-active-dark.active,
.dropdown.open > .btn.btn-active-dark,
.btn-group.open .dropdown-toggle.btn.btn-active-dark {
    background-color: #363c40;
    border-color: #3b4146;
    color: #fff;
}

    .btn-dark:hover,
    .btn-dark:active,
    .btn-dark.active,
    .open > .dropdown-toggle.btn-dark {
        background-color: #272b2e;
        border-color: #2b2f33;
        color: #fff;
    }

.mar-btm {
    margin-bottom: 15px;
}

.form-control {
    border-radius: 0px;
}

.input-group-addon {
    border: 1px solid #e1e5ea;
    background-color: transparent;
    border-radius: 0;
    min-width: 45px;
}

.panel-footer {
    background-color: #f0f2f4;
    color: #515151;
    border-color: #eaedf0;
    position: relative;
}

.profile-edit {
    font-size: 17px !important;
    margin-top: 0px;
    margin-right: 0px;
    color: white;
    background-color: #9CC96B;
    padding: 10px;
}


/* my family (A)*/

.relation-card {
    background-color: #E7EBEE;
    padding: 10px 0px 0px 0px;
}

.update-family-profile {
    margin-top: 2px;
    background-color: #E7EBEE;
    padding-top: 9px;
}

.profile-edit-fa {
    background-color: #48c5a3;
    margin-top: -9px;
    padding: 7px;
    cursor: pointer;
    color: white;
}
/*end*/

/******************************     End    ******************************/
/******************************     End    ******************************/





/*-----------------new menu------------*/


.afterLogin_menu {
}



.menu-card-height {
    height: 69px;
}


.menu-custom-box {
    padding: 2px !important;
    margin-bottom: 3px !important;
    margin-top: 4px;
}

    .menu-custom-box h3 {
        font-size: 15px !important;
        font-weight: 700 !important;
        margin: 7px 2px 7px !important;
        white-space: nowrap !important;
        padding: 0 !important;
    }

    .menu-custom-box i {
        position: absolute;
        font-size: 55px !important;
        right: 12px !important;
        bottom: 0;
        line-height: auto;
        margin: 0;
        padding: 0;
        color: rgba(0,0,0,0.1);
    }


.menu-card-border {
    border: 1px solid white;
    background-color: white;
}


.menu-card-padding {
    padding: 0px 6px 0px 4px !important;
}

.xs_nevbar_menu_alignment {
    text-align: left !important;
    font-size: 16px !important;
    padding: 1px 8px 0px 0px !important;
    margin-bottom: 0px;
}
/*------------------dummy for date in vaccination------------------*/
.dummy1 {
    height: 25px;
    width: 50px;
    position: absolute;
    margin-left: -14px;
    margin-top: 0px;
    padding: 0px 0px 0px 11px;
}

.dummy2 {
    height: 50px;
    width: 50px;
    position: absolute;
    margin-left: -14px;
    margin-top: 23px;
    padding: 12px 0px 0px 11px;
}

.dummy3 {
    height: 73px;
    width: 16px;
    position: absolute;
    margin-left: 36px;
    margin-top: 0px;
    padding: 0px 23px 34px 14px;
}


.veccination_xs_date_border_dummy {
    margin-top: 12px;
}



/***************view profile************/



.view_profile_cart {
    border: 1px solid #E2DDDD;
    background-color: white;
    margin-top: 15px;
    margin-bottom: 10px;
    box-shadow: 1px 1px 3px 0px #828683;
}


.view_profile_image {
    width: 98%;
    height: 92px;
}

.view_profile_content {
    padding: 2px 0px 2px 0px;
    font-size: 16px;
    margin-top: 1px;
}

.view_profile_btn {
    border-radius: 0px !important;
    background-color: rgba(37, 199, 24, 0.73) !important;
    border: 1px solid rgba(37, 199, 24, 0.73) !important;
    padding: 3px 7px 3px 7px !important;
}






.specilization_specing {
    margin-left: 29px;
}

.specilization_icon_border {
    border: 1px solid #ADA8A8;
    background-color: #BDB9B9;
}

.specilization_border {
    border-bottom: 1px solid #AFAEAE;
}

.view_phone_btn {
    border-radius: 0px !important;
    background-color: rgba(44, 202, 155, 0.77) !important;
    border: 1px solid #33BC94 !important;
    padding: 3px 7px 3px 7px !important;
}

.view_id_btn {
    border-radius: 0px !important;
    background-color: rgba(37, 199, 24, 0.73) !important;
    border: 1px solid rgba(37, 199, 24, 0.73) !important;
    padding: 3px 7px 3px 7px !important;
}

.book_for_appointment {
    border: 1px solid #DADADA;
    background-color: rgba(247, 247, 247, 0.77);
    margin-top: 15px;
    text-align: center;
    color: #42A2A2;
}

.view_profile_appointment_cart {
    border: 1px solid #E2DDDD;
    background-color: white;
}

.days_button_avaible {
    border-style: solid;
    border-width: 1px;
    border-color: #16A085;
    padding: 2px 14px;
    display: inline;
    background-color: #16A085;
    Color: white;
    cursor: pointer;
    margin-left: 7px;
    float: left;
    margin-bottom: 6px;
    margin-top: 8px;
}


.book_time_for_appointment {
    border: 1px solid #D2D2D2;
    background-color: #FFFFFF;
    margin-top: 1px;
    color: #248D8E;
    height: 31px;
    font-weight: bold;
}

.book_apt_btn {
    border: 1px solid #248D8E;
    background-color: rgb(18, 139, 140);
    margin-top: 1px;
    text-align: center;
    color: white;
}


.mobile_app_btn {
    border-radius: 0px !important;
    background-color: #1E7879 !important;
    border: 1px solid #176A6B !important;
    width: 100% !important;
    height: 25px !important;
    padding: 1px 0px 0px 0px !important;
}



.view_prfl_day_slot {
    border: 1px solid #E6DEDE;
    background-color: #248D8E;
    margin-top: 0px;
}

.view_prfl_notAvaiable_slot {
    border: 1px solid #E6DEDE;
    background-color: #EA8D78;
    margin-top: 0px;
}


.view_prfl_day_slot_body {
    padding: 1px 12px;
    display: inline;
    Color: white;
    float: left;
}

.view_prfl_day_slot_btn {
    padding: 0px 11px 0px 9px;
    background-color: #34C4C5;
    margin-top: 2px;
    height: 20px;
    margin-right: 3px;
}

.view_prfl_notAvaiable_slot_btn {
    padding: 0px 11px 0px 9px;
    background-color: #F1A999;
    margin-top: 2px;
    height: 20px;
    margin-right: 3px;
}



.view_profile_abl_content {
    padding: 1px 35px 0px 2px;
    display: inline;
    font-size: 14px;
    Color: #0A0A0A;
    cursor: pointer;
    margin-bottom: 6px;
    float: left;
    margin-bottom: 7px;
    margin-top: 7px;
}

.view_profile_abl_border {
    border-right: 1px solid #AFAEAE;
}

.view_profile_abl_content_width {
    width: 10%;
}

.kare4u-nav > li > a {
    color: white;
}

    .kare4u-nav > li > a:hover, .kare4u-nav > li > a:focus {
        text-decoration: none;
        background-color: #1E7879;
        color: white;
    }

.menu_border > li > a {
    color: white;
}

    .menu_border > li > a:hover, .menu_border > li > a:focus {
        text-decoration: none;
        background-color: #1E7879;
        color: white;
    }

.k4uNavDropdown > li > a {
    padding: 8px 8px !important;
}

    .k4uNavDropdown > li > a:hover, .k4uNavDropdown > li > a:focus {
        color: #FFFEFE !important;
        text-decoration: none;
        background-color: #248D8E !important;
        padding: 8px 8px !important;
    }

.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
    border: 1px solid white;
    background-color: white;
    border-radius: 0px;
}

.ellipsis-helper {
    overflow: hidden;
    text-overflow: ellipsis;
    /* width: 80%; */
    white-space: nowrap;
}


.upcoming_appointment_button {
    width: 100%;
    margin-top: 3px;
    padding: 1px 12px;
}
/******************************     End    ******************************/

.kare4u-nav-tabs > li.active > a {
    margin-right: 2px;
    line-height: 1.42857143;
    /* border: 1px solid transparent; */
    border-radius: 4px 4px 0 0;
    border: none !important;
    cursor: pointer;
}

.kare4u-nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    /* border: 1px solid transparent; */
    border-radius: 4px 4px 0 0;
    border: none !important;
    color: #248D8E;
}

    .kare4u-nav-tabs > li > a:hover {
        margin-right: 2px;
        line-height: 1.42857143;
        /* border: 1px solid transparent; */
        border-radius: 4px 4px 0 0;
        border: none !important;
        color: #248D8E;
    }

.kare4u-nav-tabs > li.active {
    border-bottom: 3px solid #0D5454;
    background-color: #1E7879;
}

.kare4u-nav-tabs > li {
    border-bottom: 3px solid #0D5454;
    background-color: #EFEFEF;
}



.kare4u-nav > .nav > a, .nav > a:hover, .nav .open > a:focus {
    background-color: #248D8E;
    border-color: #248D8E;
}


.index_step_icon_size {
    font-size: 40px !important;
    color: #248D8E;
}

.cus-label-primary {
    color: #579ddb;
}



.cus-label-info {
    color: #46b9d8;
}



.cus-label-success {
    color: #97c664;
}



.cus-label-warning {
    color: #eaa642;
}



.cus-label-danger {
    color: #f76447;
}



.cus-label-mint {
    color: #48c5a3;
}



.cus-label-purple {
    color: #925e8b;
}



.cus-label-pink {
    color: #df74a1;
}



.cus-label-dark {
    color: #363c40;
}


.myProfile-dummyHeight {
    height: 150px;
    background-color: white;
    box-shadow: 0 2px 0 rgba(0,0,0,0.05);
}

.kare4u-tabContent {
    padding: 10px;
    background-color: #E4E4E4;
}


.profile-diff-para-heading {
    margin: 0 0 10px;
    color: #268D8E !important;
    font-weight: bold;
}

.active_vital {
    border-radius: 0px !important;
    background-color: #0E5F47 !important;
    border: 1px solid #126D52 !important;
    box-shadow: 1px 2px 3px #483B3B;
}



.VitalsGraphForSelfHight {
    height: 500px;
}


.vital-form-control {
    height: 27px !important;
    padding: 5px 12px !important;
    font-size: 13px !important;
}

.btn-dashboard-menu {
    background-color: #F0AD4E;
    border-color: #F0AD4E;
    color: #fff;
    font-size: 14px;
}

    .btn-dashboard-menu:hover {
        background-color: #CE8A2B;
        border-color: #CE8A2B;
        color: #fff !important;
    }

.btn-logout-menu {
    background-color: #174897;
    border-color: #174897;
    color: white;
    font-size: 14px;
}

    .btn-logout-menu:hover {
        background-color: #0D2C5D;
        border-color: #0D2C5D;
        color: white !important;
    }

.vaccination-btn {
    padding: 1px 4px 0px 6px;
}

/*.vaccination-success-btn {
    background-color: #5CB85C;
}*/

.vaccination-success-btn:hover {
    background-color: #248D8E;
}

.profile-vaccination-edit-fa {
    background-color: #48c5a3;
    /* margin-top: -9px; */
    padding: 7px;
    cursor: pointer;
    color: white;
}

.vaccination-details {
    margin-left: -32px;
}

.vaccination-edit-block {
    padding-right: 0px;
    margin-bottom: 5px;
    /* margin-right: 54px; */
    margin-left: 33px;
}

.vaccination-complete-incomplete-block {
    /*padding-right: 0px;
    margin-left: 33px;*/
    margin-left: 33px;
    padding-right: 0;
}

.vaccination-info-allign {
    margin-left: -31px;
}

.vaccination-hr-tag {
    margin-bottom: 0px;
    margin-top: 1px !important;
    margin-left: -15px !important;
    margin-right: -15px !important;
    border-top: 1px solid gray !important;
}

.vaccination-fa-pencil-xs {
    margin-right: -16px;
    margin-top: -3px;
    margin-bottom: -6px;
}

.profile-dpdn {
    width: 100%;
}

    .profile-dpdn > li {
        padding: 10px;
    }

        .profile-dpdn > li:hover {
            background-color: lightgray;
        }

.heart-margin {
    margin-left: 20px;
}

.view_profile_shr_btn {
    border-radius: 0px !important;
    padding: 0px 3px 0px 3px !important;
}


.view-profile-appointment-div {
    padding: 0px 0px 0px 38px;
}

.profile-select-btn {
    height: 35px;
    background-color: white;
    font-size: 16px;
    text-align: left;
}


.backdrop {
    /*position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999999;

   opacity: 0.6;
    -webkit-transition: opacity 1s linear;
    -moz-transition: opacity 1s linear;
    -o-transition: opacity 1s linear;
    transition: opacity 1s linear;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;*/
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    /*background: url('../images/k4uloader_Animated.gif') no-repeat center center rgba(0,0,0,0.25);*/
    /*url('images/k4uloader_Animated.gif')*/
    opacity: 0.6;
    -webkit-transition: opacity 1s linear;
    -moz-transition: opacity 1s linear;
    -o-transition: opacity 1s linear;
    transition: opacity 1s linear;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

/*.loading-spinner
{
    width: 282px;
    height: 87px;
    border-radius: 0px;
    z-index: 9999999 !important;
    position: relative;
    pointer-events: auto;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    text-align: center;
    box-shadow: 0px 0px 6px rgba(255, 255, 255, 0.5);
    padding-top: 0px;
    -webkit-transition: opacity 1s linear;
    -moz-transition: opacity 1s linear;
    -o-transition: opacity 1s linear;
    transition: opacity 1s linear;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}*/

.loading-text {
    color: #1EBBF6;
    font-size: 15px;
    text-transform: capitalize;
    font-weight: bold;
}

.fa-custom-spin {
    color: white;
    font-size: 32px;
    -webkit-animation: spin 1.7s infinite linear;
    -moz-animation: spin 1.7s infinite linear;
    -o-animation: spin 1.7s infinite linear;
    animation: spin 1.7s infinite linear;
    margin-bottom: 5px;
}




.layout-dashboard-item {
    margin-top: 91px;
    margin-left: 67%;
    z-index: 1;
    position: fixed;
    display: block !important;
}

.hidedashboard {
    display: none;
}

.partial-dashboard-item {
    margin-top: 62px;
    margin-left: 67%;
    z-index: 11;
    position: fixed;
    display: block !important;
}

/*.alignment {
    height: 123px;
}*/
/*Datepicker*/


.ui-widget-header {
    border: 1px solid #aaaaaa;
    background: #248D8E !important;
    color: #1E7879 !important;
    font-weight: bold;
}

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        border: 1px solid #d3d3d3;
        background: #58C0C1 !important;
        font-weight: normal;
        color: #FFFFFF !important;
    }

    .ui-state-hover,
    .ui-widget-content .ui-state-hover,
    .ui-widget-header .ui-state-hover,
    .ui-state-focus,
    .ui-widget-content .ui-state-focus,
    .ui-widget-header .ui-state-focus {
        border: 1px solid #d3d3d3;
        background: #58C0C1 !important;
        font-weight: normal;
        color: #FFFFFF !important;
    }

    .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
        border: 1px solid #136869;
        background: #136869 !important;
        color: #FFFFFF !important;
    }
/*#ui-datepicker-div {
    width: 197px;
    padding-bottom: 2px;
    border: 1px solid #248D8E;
}

.ui-datepicker-header {
    background-color: #248D8E !important;
    padding: 4px;
}

.ui-datepicker-next {
    float: right;
    cursor: pointer;
    background-image: url("images/ui-icons_ffffff_256x240.png");
}

    .ui-datepicker-next :hover {
        background-color: #248D8E !important;
        border: none !important;
        font-size:inherit;
        color: white;
    }

.ui-state-hover {
    border: none !important;
    background: #248D8E !important;
    background-color:#F54928 !important;
    color: white !important;
}

.ui-widget-header {
    border: none !important;
}

.ui-datepicker-prev {
    cursor: pointer;
}

.ui-datepicker-title {
    text-align: center;
    color: #248D8E;
    margin-top: 3px;
}

.ui-datepicker-month {
    cursor: pointer;
}

.ui-datepicker-year {
    cursor: pointer;
}

.ui-datepicker-calendar {
    width: 197px;
    text-align: center;
}

    .ui-datepicker-calendar th {
        text-align: center;
    }

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #248D8E !important;
    background-color: #248D8E !important;
    color: #FFFFFF !important;
}

.ui-datepicker-prev-hover, ui-datepicker-next-hover {
    color: white !important;
}

.ui-state-active {
    border: 1px solid #1E7879 !important;
    background: rgb(238, 238, 238) !important;
    color: #FF0037 !important;
}
.ui-corner-all {
       border-radius: 0px !important;
}*/
/*end*/



/*-----------------Book Appointment---------------*/

.book_appointment_headr {
    border: 1px solid #DADADA;
    background-color: rgba(247, 247, 247, 0.77);
    margin-top: 15px;
    text-align: center;
    color: #42A2A2;
}

.book_appointment_headr_border {
    border: 1px solid #E2DDDD;
    background-color: white;
    margin-top: 2px;
}

.book_appointment_slot {
    border: 1px solid #E6DEDE;
    background-color: #248D8E;
    margin-top: 0px;
}

.book_appointment_slot_body {
    padding: 1px 12px;
    display: inline;
    Color: white;
    float: left;
}

.book_appointment_select_btn {
    padding: 0px 0px 0px 0px;
    width: 18%;
    margin-left: 23px;
    margin-top: 1.5px;
    background-color: #126C6D;
    border: 1px solid #126C6D;
}

.book-apt-doc-border {
    border: 1px solid #DADADA;
    background-color: #F4F4F4;
}

.book_appointment_time {
    margin-top: 1px;
    color: #248D8E;
    font-weight: bold;
}

.book_appointment_redio_btn {
    border: 1px solid #DADADA;
    background-color: rgba(247, 247, 247, 0.77);
}

.book_apt_btn_seltd {
    border: 1px solid #0F6A6B;
    background-color: #0F6A6B;
    color: white;
    padding: 1px 2px 1px 3px;
    font-size: 12px;
}

.doc_shedule_padding {
    padding: 0px;
}


.doctor_detail_margin > a {
    color: black;
}

.veccination_image_alart {
    width: 81%;
    height: 81px;
    box-shadow: 0 0 0px 1px #D8D8D8;
}

.vvvv .tooltip-inner {
    max-width: 400px;
}

.footer-cright {
    padding-top: 22px;
    padding-bottom: 19px;
    color: white;
}

.footer-crightblock {
    background-color: #248D8E;
    padding-left: 0px;
    padding-right: 0px;
}

.footer {
    /*background: linear-gradient(to bottom, #0F6465 0%, #228B8C 29%, #46D7D8 77%);*/
    /*background-color: #038182;*/
    /*background-color: #057A7B;*/
    /*padding-top: 18px;
    padding-bottom: 18px;*/
}

.link-widget {
    color: white;
    font-size: 13px;
    display: block;
    margin-bottom: 3px;
}

    .link-widget:visited, .link-widget:active, .link-widget:hover {
        color: white;
        text-decoration: none;
    }



.views > a {
    color: black;
}


.modal-close-mobile {
    color: #EDEDED;
    background: rgba(0,172,122,0.8);
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    /* position: absolute; */
    /* left: 400px; */
    margin-top: -59px;
    float: right;
    cursor: pointer;
    box-shadow: 0 0 100px rgba(0,0,0,0.4);
    -webkit-transition: 0.2s ease-in color;
    -o-transition: 0.2s ease-in color;
    transition: 0.2s ease-in color;
}



.lab-tab-btn {
    background-color: #248D8E;
    color: white;
    width: 20%;
    padding: 8px;
    font-size: 15px;
}

.tab-width {
    width: 75%;
}

    .tab-width > active {
        background-color: #5EA9AA !important;
    }

.tab-style {
    padding-left: 0;
    padding-right: 5px;
    margin-top: 10px;
    border-bottom: 1px solid #248D8E;
}

popover-content > table, th, td {
    border: 1px solid #DDDDDD;
}
/*******************************        Lab         *******************************/


.padding-cal {
    cursor: pointer;
}





/*---------orderDetail----------*/

.order_dtl_top_border {
    border: 1px solid #D0D0D0;
    margin-top: 10px;
    background-color: white;
}

.table_hade_clr {
    background-color: #346AA2;
    color: white;
}

.payment_option_heading {
    border: 1px solid #346AA2;
    background-color: #346AA2;
}

.payment_option_body {
    border: 1px solid #D0D0D0;
    background-color: white;
}

/*-------my favourite----------*/


.my_fav_border {
    border: 1px solid #D6D6D6;
    background-color: #D9EEF1;
    box-shadow: 1px 1px 3px 0px #B5B5B5;
}


.my_fav_border_header_panding {
    border: 1px solid #631D1D;
    background-color: #631D1D;
}

.my_fav_border_header_procc {
    border: 1px solid #1F671F;
    background-color: #1F671F;
}

.my_sugg_border {
    border: 1px solid #D6D6D6;
    background-color: white;
}

.sugg_border_margin {
    margin-top: 7px;
}

.sugg_header_style {
    font-size: 15px;
    font-weight: bold;
    color: white;
    margin: 2px 0 3px !important;
}

.progress {
    margin-bottom: 0px;
}

.search_botm_alignmnt {
    font-size: 16px;
    font-weight: 600;
    color: white;
    float: right;
    margin-top: 11px;
    font-family: Raleway;
}


.ph > .form-control::-moz-placeholder {
    color: black;
    opacity: 1;
    text-align: center;
}

.ph > .form-control:-ms-input-placeholder {
    color: black;
    text-align: center;
}

.ph > .form-control::-webkit-input-placeholder {
    color: black;
    text-align: center;
}




.pagination_list_view {
    margin-top: 5px;
    border: 1px solid #DACDCD;
    margin-bottom: 0px;
    padding-top: 10px;
    background-color: #DCE4E4;
    position: fixed;
    z-index: 1;
    right: 24.4%;
}


.dropdown_menu_width.form-control::-moz-placeholder {
    color: black !important;
    opacity: 1;
    text-align: center !important;
}

.dropdown_menu_width.form-control:-ms-input-placeholder {
    color: black !important;
    text-align: center !important;
}

.dropdown_menu_width.form-control::-webkit-input-placeholder {
    color: black !important;
    text-align: center !important;
}

.partial_menu_width {
    width: 62%;
}

.partial_login_width {
    width: 21%;
}

.profile_dropdown {
    float: right;
    margin-top: 9px;
}

/*@-moz-document url-prefix() {
    .profile_dropdown;

{
    float: right;
    margin-top: -14px;
}

}*/

.doc_border {
    border-style: solid;
    border-width: 1px;
    border-color: #E3DEE4;
    height: 36px;
}

.patient_list {
    right: -30px;
    width: 83%;
    left: -41px;
}

.patient_list_details {
    cursor: pointer;
    width: 94%;
    border: 1px solid #DED6D6;
    height: 34px;
}

.patient_list1 {
    left: 38px;
    width: 55%;
    left: 19px;
}

.mobile_input {
    width: 60%;
    margin-left: 15px;
}


.caret-for-mozila {
    float: right;
    margin-top: 8px;
}

.selected-active-btn {
    padding: 0px 0px 0px 0px;
    width: 100%;
    margin-left: 23px;
    margin-top: 1.5px;
    background-color: #0FB1B3;
    border: 1px solid #0A8E90;
    font-size: 12px;
    padding: 2px;
}

    .selected-active-btn.disabled, .selected-active-btn.disabled.active, .selected-active-btn.disabled.focus, .selected-active-btn.disabled:active, .selected-active-btn.disabled:focus, .selected-active-btn.disabled:hover, .selected-active-btn[disabled], .selected-active-btn[disabled].active, .selected-active-btn[disabled].focus, .selected-active-btn[disabled]:active, .selected-active-btn[disabled]:focus, .selected-active-btn[disabled]:hover, fieldset[disabled] .selected-active-btn, fieldset[disabled] .selected-active-btn.active, fieldset[disabled] .selected-active-btn.focus, fieldset[disabled] .selected-active-btn:active, fieldset[disabled] .selected-active-btn:focus, fieldset[disabled] .selected-active-btn:hover {
        background-color: #A5A5A5;
        border-color: #989898;
        font-size: 12px;
        padding: 2px;
        color: gray;
    }

    .selected-active-btn:hover, selected-active-btn:focus, .selected-active-btn:active {
        padding: 0px 0px 0px 0px;
        width: 100%;
        margin-left: 23px;
        margin-top: 1.5px;
        background-color: #157879;
        border: 1px solid #11888A !important;
        font-size: 12px;
        padding: 2px;
    }

.selected-hover-btn {
    padding: 0px 0px 0px 0px;
    width: 100%;
    margin-left: 23px;
    margin-top: 1.5px;
    background-color: #157879;
    border: 1px solid #11888A !important;
    font-size: 12px;
    padding: 2px;
}

.goForMobile {
    text-align: center;
}

.kwayy-btn-effect-colortoborder.kwayy-btn-color-skincolor:hover,
.kwayy-btn-effect-bordertocolor.kwayy-btn-color-skincolor,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
.vc_btn.vc_btn_round.vc_btn_skincolor:hover,
.wpb_call_to_action .wpb_button_a .wpb_button.wpb_skincolor:hover,
.kwayy-pf-btn .wpb_button_a .wpb_button:hover,
.kwayy-blogbox-btn .wpb_button_a .wpb_button:hover,
.woocommerce ul.products li.product .add_to_cart_button:hover,
.woocommerce-page ul.products li.product .add_to_cart_button:hover,
.woocommerce-page ul.products li.product .button.product_type_variable:hover,
.woocommerce ul.products li.product .button.product_type_variable:hover {
    box-shadow: 0 0 0 1px #157879 inset;
}

.appt-form-txt:hover > option:hover {
    cursor: pointer;
}
/*Butoon color css*/
.btn-success.active, .btn-success.focus, .btn-success:active, .btn-success:focus, .btn-success:hover, .open > .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #1D7D7D;
    border-color: #1B7777;
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

    .btn-danger.active, .btn-danger.focus, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .open > .dropdown-toggle.btn-danger {
        color: #fff;
        background-color: #c9302c;
        border-color: #ac2925;
    }

    .btn-danger.active, .btn-danger:active, .open > .dropdown-toggle.btn-danger {
        background-image: none;
    }

/*.kwayy-btn-effect-colortoborder.kwayy-btn-color-skincolor:hover, .kwayy-btn-effect-bordertocolor.kwayy-btn-color-skincolor, button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, .vc_btn.vc_btn_round.vc_btn_skincolor:hover, .wpb_call_to_action .wpb_button_a .wpb_button.wpb_skincolor:hover, .kwayy-pf-btn .wpb_button_a .wpb_button:hover, .kwayy-blogbox-btn .wpb_button_a .wpb_button:hover, .woocommerce ul.products li.product .add_to_cart_button:hover, .woocommerce-page ul.products li.product .add_to_cart_button:hover, .woocommerce-page ul.products li.product .button.product_type_variable:hover, .woocommerce ul.products li.product .button.product_type_variable:hover {
        box-shadow: none;
    }*/

@-moz-document url-prefix() {
    .caret-for-mozila {
        margin-top: -9px;
    }
}
