@font-face {
    font-family: 'Roboto Condensed Bold';
    src:url('../fonts/RobotoCondensed-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}



@font-face {
    font-family: 'Roboto Condensed LightItalic';
    src: url('../fonts/RobotoCondensed-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Bold';
    src:url('../fonts/Roboto-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Black';
    src:url('../fonts/Roboto-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed Light';
    src:url('../fonts/RobotoCondensed-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto LightItalic';
    src: url('../fonts/Roboto-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed Regular';
    src: url('../fonts/RobotoCondensed-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed Italic';
    src: url('../fonts/RobotoCondensed-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed BoldItalic';
    src: url('../fonts/RobotoCondensed-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Light';
    src: url('../fonts/Roboto-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto BlackItalic';
    src: url('../fonts/Roboto-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto BoldItalic';
    src: url('../fonts/Roboto-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto ThinItalic';
    src: url('../fonts/Roboto-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Italic';
    src: url('../fonts/Roboto-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Regular';
    src: url('../fonts/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Thin';
    src: url('../fonts/Roboto-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto MediumItalic';
    src: url('../fonts/Roboto-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Medium';
    src: url('../fonts/Roboto-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* Booking Slot Starts*/
    i{
        padding: 0 8px;
    }
    input[type=submit] {
        display: inline-block!important;
        width: auto!important;
        text-decoration: none;
        color: #fff;
        font-size: 12px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 300;
        text-transform: uppercase;
        padding: 10px 16px;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
        transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
    }

    .booking_overlay{
        width:100%;
        height: 100%;
        top:0;
        left:0;
        position: fixed;
        z-index: 9999998;
        background: rgba(51,51,51,0.5);
        display: none;
    }

    .booking_slot{
        width: 500px;
        position: fixed;
        /*height: 400px;*/
        background: rgba(240,240,240,0.8);
        z-index: 9999999;
        backdrop-filter: blur(3px);
        border-radius: 10px;
        padding: 10px;
        box-sizing: border-box;
        display: none;
        font-size: 13px;
    }

    .booking_slot .close_appoint{
        position: absolute;
        right:-13px;
        top:-13px;
        cursor: pointer;
    }

    .booking_slot .close_appoint .close_buttons{
        background: white;
        padding: 10px 5px;
        border-radius: 100px;
        border: 1px solid rgba(210,210,210,0.5);
        font-size: 20px;
    }

    .booking_slot .close_appoint .close_buttons:hover{
        background: #d13737;
        color: white;
    }

    .booking_fixed .close_appoint{
        position: absolute;
        right:-13px;
        top:-13px;
        cursor: pointer;
    }

    .booking_fixed .close_appoint .close_buttons{
        background: white;
        padding: 10px 5px;
        border-radius: 100px;
        border: 1px solid rgba(210,210,210,0.5);
        font-size: 20px;
    }

    .booking_fixed .close_appoint .close_buttons:hover{
        background: #d13737;
        color: white;
    }

    .booking_fixed{
        width: 500px;
        position: fixed;
        /*height: 400px;*/
        background: rgba(240,240,240,0.8);
        z-index: 9999999;
        backdrop-filter: blur(3px);
        border-radius: 10px;
        padding: 10px;
        box-sizing: border-box;
        display: none;
        font-size: 13px;
    }

    .booking_fixed .spinner_new{
        width: 100%;
        float: left;
        /*position: absolute;*/
        background:rgba(255,255,255,0.6); 
        padding:20px 0px;
        z-index: 99999;
        display: none;
        border-radius: 5px;
    }

    .booking_fixed .spinner_new img{
        margin-left: -20px;
    }

    .booking_fixed .appoint_fixs{
        width: 100%;
        float: left;
        background: white;
        border-radius: 10px;
        padding:10px;
        box-sizing: border-box;
        overflow-y: auto;
        max-height: 550px;
    }

    .booking_fixed .appoint_fixs::-webkit-scrollbar {
        width: 2px;
    }

    .booking_fixed .appoint_fixs::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2); 
        border-radius: 10px;
    }

    .booking_fixed .appoint_fixs::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1); 
    }

    .booking_fixed .appoint_fixs .appoint_image{
        width: 100%;
        float: left;
    }

    .booking_fixed .appoint_fixs .appoint_image .images_a{
        width: 100%;
        float: left;
    }

    .booking_fixed .appoint_fixs .appoint_confirm{
        width: 100%;
        float: left;
       
    }

    .booking_fixed .appoint_fixs .appoint_confirm .appoint_head{
        width: 100%;
        float: left;
        padding-top:5px;
    }

    .booking_fixed .appoint_fixs .appoint_confirm .appoint_head .head{
        text-align: center;
        color: #6eb4d7;
        font-family: "Roboto Bold";
        font-size: 18px;
        letter-spacing: 1px;
    }

    .booking_fixed .appoint_fixs .appoint_confirm .appoint_name{
        width: 100%;
        float: left;
        padding:5px;
    }

    .booking_fixed .appoint_fixs .appoint_confirm .appoint_name .name_a{
        text-align: center;
        color: #000;
        font-family: "Roboto Bold";
        font-size: 15px;
        letter-spacing: 1px;
    }

    .booking_fixed .appoint_fixs .appoint_confirm .appoint_desc{
        width: 100%;
        float: left;
        padding:5px;
    }

    .booking_fixed .appoint_fixs .appoint_confirm .appoint_desc .desc{
        text-align: center;
        font-family: "roboto Regular";
        color: #000;
        font-size: 15px;
    }

    .booking_fixed .appoint_fixs .appoint_confirm .appiont_time{
        width: 100%;
        float: left;
    }

    .booking_fixed .appoint_fixs .appoint_confirm .appiont_time .app_time{
        width: 80%;
        margin:0 auto;
    }

    .booking_fixed .appoint_fixs .appoint_confirm .appiont_time .a_time{
        width: 100%;
        float: left;
        border-bottom: 2px solid rgb(81 63 149 / 60%);
        box-sizing: border-box;
        padding:10px;
        text-align: center; 
        color: #513f95;
        font-family: "Roboto Bold";
        font-size: 14px;
    }

    .booking_fixed .appoint_fixs .appoint_confirm .appiont_time .a_doctor{
        width: 100%;
        float: left;
        box-sizing: border-box;
        padding:10px;
        text-align: center; 
        color: #513f95;
        font-family: "Roboto Bold";
        font-size: 14px;
        border-bottom: 1px solid rgba(220,220,220,0.5);
    }

    .booking_fixed .appoint_fixs .appoint_confirm .ref_number_visit{
        width: 100%;
        float: left;
        padding:5px;
        box-sizing: border-box;
    }

    .booking_fixed .appoint_fixs .appoint_confirm .ref_number_visit .ref_vi_center{
        width: 80%;
        margin:0 auto;
    }

    .booking_fixed .appoint_fixs .appoint_confirm .ref_number_visit .ref_vi_center .ref_vi{ 
        width: 100%;
        float: left;
        border-bottom: 1px solid rgba(220,220,220,0.5);
    }

    .booking_fixed .appoint_fixs .appoint_confirm .ref_number_visit .ref_n{
        width: 50%;
        float: left;
        border-right: 1px solid rgba(220,220,220,0.5);
        box-sizing: border-box;
    }

    .booking_fixed .appoint_fixs .appoint_confirm .ref_number_visit .ref_n .ref_head{
        width: 100%;
        float: left;
        text-align: center;
        font-family: "Roboto Bold";
        color: #513f95;
        text-transform: uppercase;
    }

    .booking_fixed .appoint_fixs .appoint_confirm .ref_number_visit .ref_n .ref_n_sub{
        width: 100%;
        float: left;
        text-align: center;
        font-family: "Roboto Regular";
        color: #513f95;
        text-transform: uppercase;
    }

    .booking_fixed .appoint_fixs .appoint_confirm .ref_number_visit .visit_n{
        width: 50%;
        float: left;
    }

    .booking_fixed .appoint_fixs .appoint_confirm .ref_number_visit .visit_n .vis_head{
        width: 100%;
        float: left;
        text-align: center;
        font-family: "Roboto Bold";
        color: #513f95;
        text-transform: uppercase;
    }

    .booking_fixed .appoint_fixs .appoint_confirm .ref_number_visit .visit_n .vis_mode{
        width: 100%;
        float: left;
        text-align: center;
        font-family: "Roboto Regular";
        color: #513f95;
        text-transform: uppercase;
    }

    .booking_fixed .appoint_fixs .appoint_confirm .queue_slot{
        width: 100%;
        float: left;
        padding:5px;
        box-sizing: border-box;
    }

    .booking_fixed .appoint_fixs .appoint_confirm .queue_slot .a_queue{
        text-align: center;
        font-family: "roboto Regular";
        color: #000;
        font-size: 15px;
    }

    .booking_fixed .appoint_fixs .appoint_confirm .text_s{
        width: 100%;
        float: left;
        margin:10px 0px;
    }

    .booking_fixed .appoint_fixs .appoint_confirm .text_s .text_a{
        width: 80%;
        margin:0 auto;
    }

    .booking_fixed .appoint_fixs .appoint_confirm .text_s p{
        font-family: "roboto Regular";
        color: #000;
        text-align: center;
        font-size: 13px;
    }

    .booking_fixed .appoint_fixs .appoint_confirm .query_clari{
        width: 100%;
        float: left;
        margin-top: 5px;
    }

    .booking_fixed .appoint_fixs .appoint_confirm .query_clari .query_c{
        font-family: "Roboto Bold";
        color: #513f95;
        text-align: center;
        font-size: 13px;
        text-transform: uppercase;
    }

    .booking_fixed .appoint_fixs .appoint_confirm .query_images{
        width: 100%;
        float: left;
        margin-top: 5px;
    } 

    .booking_fixed .appoint_fixs .appoint_confirm .query_images .query_c{
        width: 35%;
        margin:0 auto;
    }

    .booking_fixed .appoint_fixs .appoint_confirm .query_images .query_c .img{
        float: left;
        margin-top: 5px;

    } 

     .booking_fixed .appoint_fixs .appoint_confirm .query_images .query_c .img_name{
        color: #000;
        font-family: "Roboto Bold";
        float: left;
        padding: 3px 10px;
        margin-top: 5px;
    } 

    .booking_fixed .appoint_fixs .appoint_confirm .query_images .query_e{
        width: 60%;
        margin:0 auto;
    }

    .booking_fixed .appoint_fixs .appoint_confirm .query_images .query_e .img{
        float: left;
    } 

     .booking_fixed .appoint_fixs .appoint_confirm .query_images .query_e .img_name{
        color: #000;
        font-family: "Roboto Bold";
        float: left;
        padding: 7px 10px;
    } 

    .booking_slot .booking_sub{
        width: 100%;
        float: left;
    }

    .booking_slot .booking_sub .book_doctor{
        width: 100%;
        float: left;
    }

    

    .booking_slot .booking_sub .book_doctor .doc_img_dets{
        width: 100%;
        float: left;
        padding-bottom: 5px;
        border-bottom: 1px solid rgba(51,51,51,0.1); 
        margin-bottom: 5px;
    }

    .booking_slot .booking_sub .book_doctor .doctor_images{
        width: 20%;
        float: left;
    }

    .booking_slot .booking_sub .book_doctor .doctor_images .images{
        width:100%;
        float: left;
    }

    .booking_slot .booking_sub .book_doctor .doctor_images .images img{
        border-radius: 10px;
        width: 100%;
    }

    .booking_slot .booking_sub .book_doctor .doctor_details{
        width: 80%;
        float: left;
        padding: 3px 0px 3px 10px;
        box-sizing: border-box;
    }

    .booking_slot .booking_sub .book_doctor .doctor_details .doct_r{
        width: 100%;
        float: left;
        background: white;
        padding: 5px;
        box-sizing: border-box;
        border-radius: 5px;
    }

    .booking_slot .booking_sub .book_doctor .doctor_details .doctor_name{
        width: 100%;
        float: left;
    }

    .booking_slot .booking_sub .book_doctor .doctor_details .doctor_name .names{
        padding: 10px;
    }

    .booking_slot .booking_sub .book_doctor .doctor_details .doctor_name:nth-child(1) .names{
        font-family: "Roboto Bold";
        font-size: 20px;
        color: #513f95;
    }

    .booking_slot .booking_sub .book_doctor .doctor_details .doctor_name:nth-child(2) .names{
        font-family: "Roboto Regular";
        font-size: 12px;
        color: #333;
    }

    .booking_slot .booking_sub .book_doctor .doctor_details .doctor_name:nth-child(3) .names{
        font-family: "Roboto Regular";
        font-size: 12px;
        color: #333;
    }

    .booking_slot .booking_sub .book_doctor .location_show{
        width: 100%;
        float: left;
        padding: 18px 10px 2px 11px;
        background: white;
        /*border-bottom: 1px solid rgba(51,51,51,0.1); */
        border-radius: 5px;
        margin-bottom: 10px;
        box-sizing: border-box;
    }

    .booking_slot .booking_sub .book_doctor .location_show .location_head{
        width: 100%;
        float: left;
    }

    .booking_slot .booking_sub .book_doctor .location_show .location_head .head{
        width: 100%;
        float: left;
        font-size: 12px;
        color:#333;
        font-family: "Roboto Bold";
        text-transform: uppercase;
    }

    .booking_slot .booking_sub .book_doctor .location_show .location_head .head .preferred_alert{
        margin-bottom: 12px;
    }

    .booking_slot .booking_sub .book_doctor .location_show .location_head .head .preferred_alert.mode_choosed{
        float: left;
    }

    .booking_slot .booking_sub .book_doctor .location_show .location_head .head .preferred_alert.time_choosed{
        float: right;
    }

    .booking_slot .booking_sub .book_doctor .location_show .location_head .head span{
        font-family: "Roboto Regular";
        color:#513f95;
        padding: 0px 5px;
    }

    .booking_slot .booking_sub .book_doctor .consult_mode{
        width: 100%;
        float: left;        
        /*border-bottom: 1px solid rgba(51,51,51,0.1); */
        border-radius: 5px;
        margin-bottom: 5px;
    }

    .booking_slot .booking_sub .book_doctor  .spinner_new{
        width: 100%;
        float: left;
        /*position: absolute;*/
        background:rgba(255,255,255,0.6); 
        padding:20px 0px;
        z-index: 99999;
        display: none;
        border-radius: 5px;
    }

    .booking_slot .booking_sub .book_doctor  .spinner_new img{
        margin-left: -20px;
    }

    .booking_slot .booking_sub .book_doctor  .spinner_new_slot{
        width: 100%;
        float: left;
        /*position: absolute;*/
        background:rgba(255,255,255,0.6); 
        padding:20px 0px;
        z-index: 99999;
        display: none;
        border-radius: 5px;
    }

    .booking_slot .booking_sub .book_doctor  .spinner_new_slot img{
        margin-left: -20px;
    }

    .booking_slot .booking_sub .book_doctor  .spinner_new_user{
        width: 100%;
        float: left;
        /*position: absolute;*/
        background:rgba(255,255,255,0.6); 
        padding:20px 0px;
        z-index: 99999;
        display: none;
        border-radius: 5px;
    }

    .booking_slot .booking_sub .book_doctor  .spinner_new_user img{
        margin-left: -20px;
    }

    .booking_slot .booking_sub .book_doctor .consult_mode .consult_head{
        width: 100%;
        float: left;
        background: #3bbb55;
        border-radius: 5px 5px 0px 0px;
    }

    .booking_slot .booking_sub .book_doctor .consult_mode .consult_head .head{
        text-align: center;
        font-family: "Roboto Bold";
        color:white;
        text-transform: uppercase;
        font-size: 15px;
        padding: 10px;
    }

    .booking_slot .booking_sub .book_doctor .consult_mode .visit_contain{
        width: 100%;
        float: left;
        background: white;
        padding:10px;
        box-sizing: border-box;
        padding-top: 40px;
    }

    .booking_slot .booking_sub .book_doctor .consult_mode .visit_con{
        width: 100%;
        float: left;

    }

    .booking_slot .booking_sub .book_doctor .consult_mode .visit_con label.error {
        color: #dd4040;
        position: absolute;
        left: 100px;
        top: -30px;
        font-weight: bold;
        width: 100%;
        margin: 2px;
        letter-spacing: 1px;
        font-size: 10px;
        z-index: 3;
        font-family: "Century Gothic_reg";
    }

    .booking_slot .booking_sub .book_doctor .consult_mode .visit_con ul{
        width: 100%;
		float: left;
		/* padding-left: 5%; */
		box-sizing: border-box;
		display: flex;
		justify-content: center;
    }


    .booking_slot .booking_sub .book_doctor .consult_mode .visit_con ul li{
        float: left;
        padding: 10px;
        border-radius: 5px;
        border:1px solid rgba(51,51,51,0.2);
        margin-right: 5px;
        margin-bottom: 5px;
        cursor: pointer;
        font-family: "Roboto Bold";
        position: relative;
        width: 46%;
        box-sizing: border-box;
        text-transform: uppercase;
        text-align: center;
        color: #000;
    }

    .booking_slot .booking_sub .book_doctor .consult_mode .visit_con ul li input{
        width: 100%;
        position: absolute;
        left: 0;
        top: -3px;
        background: red;
        height: 33px;
        opacity: 0;
        cursor: pointer;
    }

    .booking_slot .booking_sub .book_doctor .consult_mode .visit_con ul li:hover{
        border: 1px solid rgb(144 85 151);
        color: white;
        background: rgb(144 85 151);
    }

    .booking_slot .booking_sub .book_doctor .consult_mode .visit_con ul li.select_visit_active{
        border: 1px solid rgb(144 85 151);
        color: white;
        background: rgb(144 85 151);
    }

     .booking_slot .booking_sub .book_doctor .consult_mode .visit_contain  .visit_button{
        width: 100%;
        float: left;        
        padding: 10px 9px 10px 0px;
        box-sizing: border-box;
        margin-top: 10px;
    }

    .booking_slot .booking_sub .book_doctor .consult_mode .visit_contain  .visit_button .buts{
        width: 100%;
        float: left;
    }

    .booking_slot .booking_sub .book_doctor .consult_mode .visit_contain  .visit_button .buts .but_next{
        width: 100%;
        float: left;
    }

   

    .booking_slot .booking_sub .book_doctor .consult_mode .visit_contain  .visit_button .buts .but_next .next_submit{
        width: 100% !important;
        float: left;
        background: #fff;
        font-family: "Roboto Bold";
        text-align: center;
        color:#000;
        padding: 10px;
        border:1px solid #513f95;
        box-sizing: border-box;
        border-radius: 5px;
        cursor: pointer;
    }

    .booking_slot .booking_sub .book_doctor .consult_mode .visit_contain  .visit_button .buts .but_next .next_submit:hover{
        background: #513f95;
        color: white;
    }

    .booking_slot .booking_sub .book_doctor .time_slot_con{
        width: 100%;
        float: left;
        
        /*border-bottom: 1px solid rgba(51,51,51,0.1); */
        border-radius: 5px;
        margin-bottom: 5px;
        display: none;
    }

    .booking_slot .booking_sub .book_doctor .time_slot_con .time_head{
        width: 100%;
        float: left;
        background: #3bbb55;
        border-radius: 5px 5px 0px 0px;
        position: relative;
    }

    .booking_slot .booking_sub .book_doctor .time_slot_con .time_head .head{
        text-align: center;
        font-family: "Roboto Bold";
        color:white;
        text-transform: uppercase;
        font-size: 15px;
        padding: 10px;
    }

    .booking_slot .booking_sub .book_doctor .time_slot_con .time_head .back_button{
        position: absolute;
        color: white;
        top: 0px;
        font-size: 20px;
        padding: 5px;
        /* background: aliceblue; */
        cursor: pointer;
    }

    .booking_slot .booking_sub .book_doctor .time_slot_con .time_slot_choose{
        width: 100%;
        float: left;
        background: white;
        border-radius:0px 0px 5px 5px;
        padding: 5px;
        box-sizing: border-box;
    }

    .booking_slot .booking_sub .book_doctor .time_slot_con .time_slot_choose .date_head{
        width: 100%;
        float: left;
        font-family: "Roboto Regular";
        text-align: center;
        text-transform: uppercase;
        color: #333;
        padding: 5px;
        box-sizing: border-box;
    }

    .booking_slot .booking_sub .book_doctor .time_slot_con .time_slot_choose .date_choose{
        width: 100%;
        float: left;
        margin-bottom: 5px;
    }

    .booking_slot .booking_sub .book_doctor .time_slot_con .time_slot_choose .date_choose label.error {
        color: #dd4040;
        position: absolute;
        left: 0;
        top: 94%;
        font-weight: bold;
        width: 100%;
        margin: 2px;
        letter-spacing: 1px;
        font-size: 12px;
        z-index: 3;
        font-family: "Century Gothic_reg";
    }

    .booking_slot .booking_sub .book_doctor .time_slot_con .time_slot_choose .date_choose .date_c{
        width: 80%;
        margin:0 auto;
        position: relative;
    }

    .booking_slot .booking_sub .book_doctor .time_slot_con .time_slot_choose .date_choose .date_c input{
        width: 100%;
        outline: none;
        border: 1px solid rgba(51,51,51,0.2);
        padding: 10px;
        box-sizing: border-box;
    }

    .booking_slot .booking_sub .book_doctor .time_slot_con .time_slot_choose .schedule_result{
        width: 100%;
        float: left;
    }

    .booking_slot .booking_sub .book_doctor .time_slot_con .time_slot_choose .timing_shown{
        width: 100%;
        float: left;
        padding: 10px;
        box-sizing: border-box;
        position: relative;
    }

    .booking_slot .booking_sub .book_doctor .time_slot_con .time_slot_choose .timing_shown .consult_met{
        position: absolute;
        bottom: 10px;
        right: 25px;
        width: 180px;
    }

    .booking_slot .booking_sub .book_doctor .time_slot_con .time_slot_choose .timing_shown .consult_met .indicative_position{
        width: 100%;
        float: left;
        padding: 2px 5px;
        box-sizing: border-box;
    }

    .booking_slot .booking_sub .book_doctor .time_slot_con .time_slot_choose .timing_shown .consult_met .indicative_position span:nth-child(1){
        font-family: "Roboto Bold";
        font-size: 12px;
        color: #333;
        margin-right: 10px;
        text-transform: uppercase;
        font-weight: bold;
    }

   

    .booking_slot .booking_sub .book_doctor .time_slot_con .time_slot_choose .timing_shown .consult_met .indicative_position span:nth-child(2){
        font-family: "roboto Bold";
        font-size: 15px;
        color: #e4080f;
    }   

    .booking_slot .booking_sub .book_doctor .time_slot_con .time_slot_choose .timing_shown .consult_met .consulting_fees{
        width: 100%;
        float: left; 
        padding: 2px 5px;
        box-sizing: border-box;
        border-bottom: 1px solid rgba(210,210,210,0.3);
    }

    .booking_slot .booking_sub .book_doctor .time_slot_con .time_slot_choose .timing_shown .consult_met .consulting_fees span:nth-child(1){
        font-family: "Roboto Bold";
        font-size: 12px;
        color: #333;
        text-transform: uppercase;
        font-weight: bold;
    }

    .booking_slot .booking_sub .book_doctor .time_slot_con .time_slot_choose .timing_shown .consult_met .consulting_fees span:nth-child(1) i{
        font-size: 15px;
        color: #e4080f;
        padding: 6px;
    }

    .booking_slot .booking_sub .book_doctor .time_slot_con .time_slot_choose .timing_shown .consult_met .consulting_fees span:nth-child(2){
        font-family: "roboto Bold";
        font-size: 15px;
        color: #e4080f;
    } 

    /* Test */

    .booking_slot .booking_sub .book_doctor .time_slot_con .time_slot_choose .timing_shown .consult_mets{
        width:100%;
        float: left
    }

    .booking_slot .booking_sub .book_doctor .time_slot_con .time_slot_choose .timing_shown .consult_mets .indicative_position{
        width: 50%;
        float: left;
        padding: 2px 5px;
        box-sizing: border-box;
    }

    .booking_slot .booking_sub .book_doctor .time_slot_con .time_slot_choose .timing_shown .consult_mets .indicative_position span:nth-child(1){
        font-family: "Roboto Bold";
        font-size: 12px;
        color: #333;
        margin-right: 10px;
        text-transform: uppercase;
        font-weight: bold;
    }

   

    .booking_slot .booking_sub .book_doctor .time_slot_con .time_slot_choose .timing_shown .consult_mets .indicative_position span:nth-child(2){
        font-family: "roboto Bold";
        font-size: 15px;
        color: #e4080f;
    }   

    .booking_slot .booking_sub .book_doctor .time_slot_con .time_slot_choose .timing_shown .consult_mets .consulting_fees{
        width: 50%;
        float: left; 
        padding: 2px 5px;
        box-sizing: border-box;
        //border-bottom: 1px solid rgba(210,210,210,0.3);
    }

    .booking_slot .booking_sub .book_doctor .time_slot_con .time_slot_choose .timing_shown .consult_mets .consulting_fees span:nth-child(1){
        font-family: "Roboto Bold";
        font-size: 12px;
        color: #333;
        text-transform: uppercase;
        font-weight: bold;
    }

    .booking_slot .booking_sub .book_doctor .time_slot_con .time_slot_choose .timing_shown .consult_mets .consulting_fees span:nth-child(1) i{
        font-size: 15px;
        color: #e4080f;
        padding: 6px;
    }

    .booking_slot .booking_sub .book_doctor .time_slot_con .time_slot_choose .timing_shown .consult_mets .consulting_fees span:nth-child(2){
        font-family: "roboto Bold";
        font-size: 15px;
        color: #e4080f;
    } 

    /* Test */  

    .booking_slot .booking_sub .book_doctor .time_slot_con .time_slot_choose .timing_shown .guest_know_con{
        width: 100%;
        float: left;
    }

    .booking_slot .booking_sub .book_doctor .time_slot_con .time_slot_choose .timing_shown .guest_know_con .guest_know_center{
        width: 80%;
        margin:0 auto;
    }

    .timing_shown .guest_know_con .guest_know_center .guest_know{
        width: 100%;
        float: left;
        background: #dde9df;
        padding: 10px;
        box-sizing: border-box;
        border-radius: 10px;
    }

   .timing_shown .guest_know_con .guest_k_head{
        width: 100%;
        float: left;
    }

    .timing_shown .guest_know_con .guest_k_head .head{
        font-family: "Roboto Regular";
        color: #333;
    }

    .timing_shown .guest_know_con .guest_k_head .head span{
        color: #513f95;
        font-weight: bold;
    }

    .timing_shown .guest_know_con .guest_con{
        width: 100%;
        float: left;
    }

    .timing_shown .guest_know_con .guest_con p{
        width: 100%;
        float: left;
        font-family: "Roboto Regular";
        color: #333;
        padding-left: 10px;
        font-size: 13px;
    }

    .booking_slot .booking_sub .book_doctor .time_slot_con .time_slot_choose .timing_shown .time_show_head{
        width: 100%;
        float: left;
        font-family: "Roboto Regular";
        text-align: center;
        text-transform: uppercase;
        color: #333;
        padding: 5px;
        box-sizing: border-box;
        margin-bottom: 15px;
    }

    .booking_slot .booking_sub .book_doctor .time_slot_con .time_slot_choose .timing_shown .time_show_list{
        width: 100%;
        float: left;
    }

    .booking_slot .booking_sub .book_doctor .time_slot_con .time_slot_choose .timing_shown .time_show_list label.error {
        color: #dd4040;
        position: absolute;
        left: 116px;
        top: -20px;
        font-weight: bold;
        width: 100%;
        margin: 2px;
        letter-spacing: 1px;
        font-size: 12px;
        z-index: 3;
        font-family: "Century Gothic_reg";
    }
	
	
	.booking_slot .booking_sub .book_doctor .time_slot_con .time_slot_choose .timing_shown .time_show_list .slot_n{
		 width:100%;
		 float:left;
	 }
	 
	 .booking_slot .booking_sub .book_doctor .time_slot_con .time_slot_choose .timing_shown .time_show_list .slot_n .n_name{
		width: 100%;
		float: left;
		font-family: 'Roboto Bold';
		font-size: 20px;
		color: #513f95;
		padding: 10px;
		box-sizing: border-box;
		text-align: center;
		border-bottom: 1px solid;
		margin-bottom: 10px;
	 }
	 
	 .booking_slot .booking_sub .book_doctor .time_slot_con .time_slot_choose .timing_shown .time_show_list .slot_n_list{
		 width:100%;
		 float:left;
	 }
	 
	 .booking_slot .booking_sub .book_doctor .time_slot_con .time_slot_choose .timing_shown .time_show_list .time_tab{
		 width:100%;
		 float:left;
		 position: relative;
	 }
	 
	 .time_slot_con .time_slot_choose .timing_shown .time_show_list .time_tab{
		 width:100%;
		 float:left;
	 }
	 
	 .time_slot_con .time_slot_choose .timing_shown .time_show_list .time_tab .tab_con{
		 width:100%;
		 float:left;
	 }
	 
	 .time_slot_con .time_slot_choose .timing_shown .time_show_list .time_tab .tab_con .t_list {
		width:100%;
		float:left;
		display: flex;
		justify-content: flex-start;
		gap: 5px;
	 }
	 
	 .time_slot_con .time_slot_choose .timing_shown .time_show_list .time_tab .tab_con .t_list .t_time{
		float: left;
		
		padding: 10px 20px;
		color: black;
		font-family: 'Roboto Bold';
		letter-spacing: 0.5px;
		font-size: 15px;
		border-radius: 5px 5px 0px 0px;
		border: 1px solid rgba(51, 51, 51, 0.2);
		cursor:pointer;
	 }
	 
	 .time_slot_con .time_slot_choose .timing_shown .time_show_list .time_tab .tab_con .t_list .appoint_active{
		 background: #513f95;
		 color: white;
	 }
	 
	 .time_slot_con .time_slot_choose .timing_shown .time_show_list .time_tab .tab_con .t_list .t_time:hover{
		 background: #513f95;
		 color: white;
	 }
	 
	 .time_slot_con .time_slot_choose .timing_shown .time_show_list .time_tab .tab_list{
		width: 100%;
		padding: 10px;
		float: left;
		box-sizing: border-box;
		max-height: 129px;
		overflow-y: auto;
	 }
	 
	  .time_slot_con .time_slot_choose .timing_shown .time_show_list .time_tab .tab_list label.error {
        color: #dd4040;
		position: absolute;
		left: 0 !important;
		top: 100% !important;
		font-weight: bold;
		width: 100%;
		margin: 2px;
		letter-spacing: 1px;
		font-size: 12px;
		z-index: 3;
		text-align: center;
		font-family: "Century Gothic_reg";
    }
	 
	 .time_slot_con .time_slot_choose .timing_shown .time_show_list .time_tab .tab_list .slot_con{
		 width:100%;
		 float:left;
	 }
	 
	.time_slot_con .time_slot_choose .timing_shown .time_show_list .time_tab .tab_list .time_n{
		width: 100%;
		float: left;
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
		gap: 5px;
	}
	
	.time_slot_con .time_slot_choose .timing_shown .time_show_list .time_tab .tab_list .time_n input{
        width: 100%;
        position: absolute;
        left: 0;
        top: -3px;
        background: red;
        height: 33px;
        opacity: 0.1;
        cursor: pointer;
    }
	
	.time_slot_con .time_slot_choose .timing_shown .time_show_list .time_tab .tab_list .time_n .time_s:hover{
        border: 1px solid rgb(144 85 151);
        color: white;
        background: rgb(144 85 151);
    }
	
	.time_slot_con .time_slot_choose .timing_shown .time_show_list .time_tab .tab_list .time_n .time_s.select_time_active {
		border: 1px solid rgb(144 85 151);
		color: white;
		background: rgb(144 85 151);
	}


    .time_slot_con .time_slot_choose .timing_shown .time_show_list .time_tab .tab_list .time_n .time_s{
        float: left;
        padding:10px;
        border-radius: 5px;
        border:1px solid rgba(51,51,51,0.2);
        cursor: pointer;
        font-family: "Roboto Regular";
        position: relative;
        box-sizing: border-box;
        text-align: center;
		width:auto;
		color: #888;
    }
	
	


    .booking_slot .booking_sub .book_doctor .time_slot_con .time_slot_choose .timing_shown .time_show_list ul li{
        float: left;
        padding: 10px;
        border-radius: 5px;
        border:1px solid rgba(51,51,51,0.2);
        margin-right: 5px;
        margin-bottom: 5px;
        cursor: pointer;
        font-family: "Roboto Regular";
        position: relative;
        width: 48.5%;
        box-sizing: border-box;
        text-align: center;
    }

    .booking_slot .booking_sub .book_doctor .time_slot_con .time_slot_choose .timing_shown .time_show_list ul li input{
        width: 100%;
        position: absolute;
        left: 0;
        top: -3px;
        background: red;
        height: 33px;
        opacity: 0.1;
        cursor: pointer;
    }

    .booking_slot .booking_sub .book_doctor .time_slot_con .time_slot_choose .timing_shown .time_show_list ul li:hover{
        border: 1px solid rgb(144 85 151);
        color: white;
        background: rgb(144 85 151);
    }

    .booking_slot .booking_sub .book_doctor .time_slot_con .time_slot_choose .timing_shown .time_show_list ul li.select_time_active{
         border: 1px solid rgb(144 85 151);
        color: white;
        background: rgb(144 85 151);
    }

    .booking_slot .booking_sub .book_doctor .time_slot_con .time_slot_choose .time_button{
        width: 100%;
        float: left;        
        padding: 10px 9px 10px 0px;
        box-sizing: border-box;
        margin-top: 10px;
    }

    .booking_slot .booking_sub .book_doctor .time_slot_con .time_slot_choose .time_button .buts{
        width: 100%;
        float: left;
    }

    .booking_slot .booking_sub .book_doctor .time_slot_con .time_slot_choose .time_button .buts .but_next{
        width: 50%;
        float: left;
        padding: 1px 3px 1px 0px;
        box-sizing: border-box;
    }

   

    .booking_slot .booking_sub .book_doctor .time_slot_con .time_slot_choose .time_button .buts .but_next .next_submit{
        width: 100% !important;
        float: left;
        background: #513f95;
        font-family: "Roboto Bold";
        text-align: center;
        color:white;
        padding: 10px;
        box-sizing: border-box;
        border-radius: 5px;
        cursor: pointer;
        border:none;
        text-transform: uppercase;
    }

    .booking_slot .booking_sub .book_doctor .time_slot_con .time_slot_choose .time_button .buts .but_next .next_submit:hover{
        background: #6048bd;
    }


    .booking_slot .booking_sub .book_doctor .user_info{
        width: 100%;
        float: left;        
        /*border-bottom: 1px solid rgba(51,51,51,0.1); */
        border-radius: 5px;
        margin-bottom: 5px;
        display: none;
    }

    

    .booking_slot .booking_sub .book_doctor .user_info .user_info_head{
        width: 100%;
        float: left;
        background: #3bbb55;
        border-radius: 5px 5px 0px 0px;
        position: relative;
    }

    .booking_slot .booking_sub .book_doctor .user_info .user_info_head .head{
        text-align: center;
        font-family: "Roboto Bold";
        color: white;
        text-transform: uppercase;
        font-size: 15px;
        padding: 10px;
    }

    .booking_slot .booking_sub .book_doctor .user_info .user_info_head .back_button{
        position: absolute;
        color: white;
        top: 0px;
        font-size: 20px;
        padding: 5px;
        /* background: aliceblue; */
        cursor: pointer;
    }

    .booking_slot .booking_sub .book_doctor .user_info .user_info_panel{
        width: 100%;
        float: left;
        background: white;
        border-radius:0px 0px 5px 5px;
        padding: 5px;
        box-sizing: border-box;
        /*overflow-y: auto;
        max-height: 250px;*/
    }

    .booking_slot .booking_sub .book_doctor .user_info .user_info_panel::-webkit-scrollbar {
        width: 6px;
    }

    .booking_slot .booking_sub .book_doctor .user_info .user_info_panel::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2); 
        border-radius: 10px;
    }

    .booking_slot .booking_sub .book_doctor .user_info .user_info_panel::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1); 
    }

    .booking_slot .booking_sub .book_doctor .user_info .user_info_panel .feild_box_panel{
        width: 100%;
        float: left;
    }

    .booking_slot .booking_sub .book_doctor .user_info .user_info_panel .feild_box_panel .feild_set{
        width: 50%;
        float: left;
        padding: 5px;
        box-sizing: border-box;
        position: relative;
        margin-bottom: 5px;
    }


    .user_info .user_info_panel .feild_box_panel .feild_set .field_head{
        width: 100%;
        float: left;
        font-family: "Roboto Regular";
        color: #000;
		padding: 10px 0px;
		box-sizing: border-box;
    }

    .user_info .user_info_panel .feild_box_panel .feild_set .feild_box{
        width: 100%;
        float: left;
    }

    .user_info .user_info_panel .feild_box_panel .feild_set .feild_box .sets{
        width: 100%;
        float: left;
        position: relative;
    } 

    .user_info .user_info_panel .feild_box_panel .feild_set .feild_box .sets label.error {
        color: #dd4040;
        position: absolute;
        left: 0;
        top: 105%;
        font-weight: bold;
        width: 100%;
        margin: 2px;
        letter-spacing: 1px;
        font-size: 11px;
        z-index: 3;
        font-family: "Roboto Regular";
    }

    .user_info .user_info_panel .feild_box_panel .feild_set .feild_box .sets .set_one{
        width: 30%;
        float: left;
        position: relative;
    } 

    .user_info .user_info_panel .feild_box_panel .feild_set .feild_box .sets .set_two{
        width: 70%;
        float: left;
        position: relative;
    }

    .user_info .user_info_panel .feild_box_panel .feild_set .feild_box .sets .age_count {
        position: absolute;
        top: 0;
        right: 0;
        width: 34%;
        font-family: "Roboto Regular";
        font-size: 11px;
    } 

    .user_info .user_info_panel .feild_box_panel .feild_set .feild_box .sets input{
        width: 100%;
        padding: 10px;
        box-sizing: border-box;
        outline: none;
        border:1px solid rgba(51,51,51,0.3);
        font-family: "Roboto Regular";
    }

    .user_info .user_info_panel .feild_box_panel .feild_set .feild_box .sets select{
        width: 100%;
        padding: 8.5px;
        box-sizing: border-box;
        outline: none;
        border:1px solid rgba(51,51,51,0.3);
        font-family: "Roboto Regular";
    } 
	
	.user_info .user_info_panel .feild_box_panel .feild_set .feild_box .sets input[type='checkbox'] {
		width: 10%;
		padding: 5px;
		box-sizing: border-box;
		outline: none;
		border: 1px solid rgba(51, 51, 51, 0.3);
		font-family: "Roboto Regular";
	}
	
	.user_info .user_info_panel .feild_box_panel .feild_set .feild_box .sets span.agree {
		font-size: 11px;
		color: #000;
	}

    .user_info .user_info_panel .feild_box_panel .feild_set .feild_box .sets .ui-datepicker-title select{
        width: 45%;
        margin-right: 5px;
        padding:1px;
    }

    .booking_slot .booking_sub .book_doctor .user_info .user_info_panel .feild_box_panel .feild_set_buttons{
        width: 50%;
        float: left;
        margin-bottom: 5px;
        padding: 5px;
        box-sizing: border-box;
        margin-top: 5px;
        position: relative;
    }
	
	.booking_slot .booking_sub .book_doctor .user_info .user_info_panel .feild_box_panel .feild_set_buttons .field_head{
		width: 100%;
        float: left;
        font-family: "Roboto Regular";
        color: #000;
		padding: 10px 0px;
		box-sizing: border-box;
	}

    .user_info .user_info_panel .feild_box_panel .feild_set_buttons .feild_box{
        width: 100%;
        float: left;
    }

    .user_info .user_info_panel .feild_box_panel .feild_set_buttons .feild_box .sets{
        width: 100%;
        float: left;
    }

    .user_info .user_info_panel .feild_box_panel .feild_set_buttons .feild_box .sets textarea{
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
        outline: none;
        border:1px solid rgba(51,51,51,0.3);
        font-family: "Roboto Regular";
    }

    .user_info .user_info_panel .feild_box_panel .feild_set_buttons  .sets  label.error {
        color: #dd4040;
        position: absolute;
        left: 10px;
        top: 91%;
        font-weight: bold;
        width: 96%;
        margin: 2px;
        letter-spacing: 1px;
        font-size: 11px;
        z-index: 3;
        font-family: "Roboto Regular";
    }

    .user_info .user_info_panel .feild_box_panel .feild_set_button  .sets  label.error {
        color: #dd4040;
        position: absolute;
        left: 10px;
        top: 91%;
        font-weight: bold;
        width: 96%;
        margin: 2px;
        letter-spacing: 1px;
        font-size: 11px;
        z-index: 3;
        font-family: "Roboto Regular";
    }

    .booking_slot .booking_sub .book_doctor .user_info .user_info_panel .feild_box_panel .feild_set_button{
        width: 100%;
        float: left;
        margin-bottom: 5px;
        padding: 5px;
        box-sizing: border-box;
        margin-top: 5px;
        position: relative;
    }

    .user_info .user_info_panel .feild_box_panel .feild_set_button .feild_box{
        width: 100%;
        float: left;
    }

    .user_info .user_info_panel .feild_box_panel .feild_set_button .feild_box .sets{
        width: 100%;
        float: left;
    }

    .user_info .user_info_panel .feild_box_panel .feild_set_button .feild_box .sets .button_s{
        width: 30%;
        margin:0 auto;
        margin-top: 10px;
    }

    .user_info .user_info_panel .feild_box_panel .feild_set_button .feild_box .sets .button_s input{
        background: #513f95;
        font-family: "Roboto Regular";
    }

    .user_info .user_info_panel .feild_box_panel .feild_set_button .feild_box .sets .button_s input:hover{
        background: #6048bd;
    }

    .user_info .user_info_panel .feild_box_panel .feild_set_button .feild_box .sets .button_ss{
        width: 20%;
        margin:0 auto;
        margin-top: 10px;
    }

    .user_info .user_info_panel .feild_box_panel .feild_set_button .feild_box .sets .button_ss input{
        background: #513f95;
        font-family: "Roboto Bold";
    }

    .user_info .user_info_panel .feild_box_panel .feild_set_button .feild_box .sets .button_ss input:hover{
        background: #6048bd;
    }