body {
    /*background-color: #f8f8f8;*/
    background-color: #222222;
}

.create-order-page{
    margin: 70px 0 50px;
}

.create-order-page .create-order-box{
    width: 66.66667%;
    margin: 0 auto;
    /*position: relative;*/
}

.create-order-page .create-order-box .card-body .text-center{
    background: linear-gradient(to right, #3c92cb, #4e4376) !important;
    color: #fff;
    padding: 20px;
}

.create-order-page .create-order-box .card-body .text-center .h4.mb-3{
    margin-top: 0;
}

.create-order-page .create-order-box form{
    padding: 20px;
}

.create-order-page .create-order-box .form-group {
    margin-bottom: 28px;
}

.create-order-page .create-order-box .form-group:nth-child(2) input{
   margin-bottom: 10px;
}

.create-order-page .create-order-box .errors li{
    list-style: none;
    color: red;
    font-size: 12px;
    text-align: left;
    padding-bottom: 5px;
}

/*.create-order-page .create-order-box .errors li:nth-child(1){*/
/*    position: absolute;*/
/*    top: 6.3%;*/
/*    left: 23px;*/
/*}*/

/*.create-order-page .create-order-box .errors li:nth-child(2){*/
/*    position: absolute;*/
/*    top: 9.5%;*/
/*    left: 23px;*/
/*}*/

/*.create-order-page .create-order-box .errors li:nth-child(3){*/
/*    position: absolute;*/
/*    top: 11.6%;*/
/*    left: 23px;;*/
/*}*/

/*.create-order-page .create-order-box .errors li:nth-child(4){*/
/*    position: absolute;*/
/*    top: 11.6%;*/
/*    left: 378px;*/
/*}*/

/*.create-order-page .create-order-box .errors li:nth-child(5){*/
/*    position: absolute;*/
/*    top: 13.7%;*/
/*    left: 378px;*/

/*}*/

/*.create-order-page .create-order-box .errors li:nth-child(6){*/
/*    position: absolute;*/
/*    top: 20.5%;*/
/*    left: 23px;*/
/*}*/

/*.create-order-page .create-order-box .errors li:nth-child(7){*/
/*    position: absolute;*/
/*    top: 23.8%;*/
/*    left: 23px;*/
/*}*/

/*.create-order-page .create-order-box .errors li:nth-child(8){*/
/*    position: absolute;*/
/*    top: 27.1%;*/
/*    left: 23px;*/
/*}*/

/*.create-order-page .create-order-box .errors li:nth-child(9){*/
/*    position: absolute;*/
/*    top: 30.3%;*/
/*    left: 23px;*/
/*}*/

/*.create-order-page .create-order-box .errors li:nth-child(10){*/
/*    position: absolute;*/
/*    top: 33.6%;*/
/*    left: 23px;*/
/*}*/

/*.create-order-page .create-order-box .errors li:nth-child(11){*/
/*    position: absolute;*/
/*    top: 36.8%;*/
/*    left: 23px;*/
/*}*/

/*.create-order-page .create-order-box .errors li:nth-child(12){*/
/*    position: absolute;*/
/*    top: 40.1%;*/
/*    left: 23px;*/
/*}*/

/*.create-order-page .create-order-box .errors li:nth-child(13){*/
/*    position: absolute;*/
/*    top: 43.3%;*/
/*    left: 23px;*/
/*}*/

/*.create-order-page .create-order-box .errors li:nth-child(14){*/
/*    position: absolute;*/
/*    top: 46.4%;*/
/*    left: 23px;*/
/*}*/

/*.create-order-page .create-order-box .errors li:nth-child(15){*/
/*    position: absolute;*/
/*    top: 92.4%;*/
/*    left: 23px;*/
/*}*/

/*.create-order-page .create-order-box .errors li:nth-child(16){*/
/*    position: absolute;*/
/*    top: 97.1%;*/
/*    left: 23px;*/
/*}*/

.navbar-header .navbar-brand{
    width: 250px;
    background: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 70px;
}

.navbar-header .navbar-brand img{
    width: 109px;
    margin: 0 auto;
    padding-top: 0;
}

.sidebar ul li a{
    background-color: #222;
    color: #fff;
}

.sidebar ul li a.active{
    background-color: #3f57a0;
}

.sidebar .nav>li>a:focus, 
.sidebar .nav>li>a:hover{
    background-color: #3f57a0;
}

.create-order-page .create-order-box .mt-2{
    margin-top: 15px !important;
}

.create-order-page .create-order-box .plans {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    /* padding: 85px 50px; */
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* background: #fff; */
    border-radius: 20px;
    /* -webkit-box-shadow: 0px 8px 10px 0px #d8dfeb; */
    /* box-shadow: 0px 8px 10px 0px #d8dfeb; */
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.create-order-page .create-order-box .plans .plan {
    cursor: pointer;
    width: 48.5%;
    position: relative;
}

.create-order-page .create-order-box .plans .plan input[type=radio]{
    position: absolute;
    left: 10px;
    top: 5px;
}

.create-order-page .create-order-box .plans .plan .plan-content img {
    margin-right: 30px;
    height: 72px;
}

.create-order-page .create-order-box .plans .plan .plan-details span {
    margin-bottom: 10px;
    display: block;
    font-size: 20px;
    line-height: 24px;
    color: #252f42;
}

.create-order-page .create-order-box .plans .plan .plan-details p {
    color: #646a79;
    font-size: 14px;
    line-height: 18px;
}

.create-order-page .create-order-box .plans .plan .plan-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #e1e2e7;
    border-radius: 10px;
    -webkit-transition: -webkit-box-shadow 0.4s;
    transition: -webkit-box-shadow 0.4s;
    -o-transition: box-shadow 0.4s;
    transition: box-shadow 0.4s;
    transition: box-shadow 0.4s, -webkit-box-shadow 0.4s;
    position: relative;
}

.create-order-page .create-order-box .stretch-card{
    background: #f8f8f8;
    /*padding: 20px;*/
    padding: 0px;
    box-shadow: 0 0 15px rgb(0 0 0 / 5%);
    border: 1px solid #337ab7;
}

.create-order-page .create-order-box button{
    background: #29323c;
    font-size: 16px;
    /* font-weight: 600; */
    color: #fff;
    margin-right: 15px;
}

.form-group label {
    color: #6c757d!important;
    font-size: 14px;
    font-weight: 500;
}

.form-control{
    border: 1px solid #ced4da !important;
    color: #000 !important;
    padding: 0.94rem 1.94rem;
    font-size: 1.25rem;
    border-radius: 0.3rem;
}

.text-danger {
    color: #e31814 ;
    margin-left: 5px;
    font-size: 18px;
}

/*PROFILE PAGE*/

.profile-page-sec{
    margin-top: 40px;
}

.profile-page-sec .header-title{
    margin-bottom: 1.875rem;
    /*border-bottom: 1px solid #e3e3e3;*/
}

.profile-page-sec .card .card-body {
    padding: 1.5rem 1.875rem;
}

.profile-page-sec .pic-holder .pic {
    width: 250px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
}

.profile-page-sec .pic-holder .upload-file-block, .profile-page-sec .pic-holder .upload-loader {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
/*     background-color: rgba(90, 92, 105, 0.7); */
/*     color: #f8f9fc; */
    font-size: 12px;
    font-weight: 600;
/*     opacity: 0; */
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
    cursor: pointer;
}



.profile-page-sec .pic-holder {
    text-align: center;
    position: relative;
    border-radius: 50%;
    width: 250px;
    height: 250px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.profile-page-sec .card {
    background-color: #fff;
    border-radius: 18px;
    box-shadow: 0 0 15px rgb(0 0 0 / 5%);
    height: auto;
    margin-bottom: 20px;
    border: 1px solid #337ab7;
    /* padding: 20px 0 20px 50px; */
}

.profile-page-sec input[type=file] {
    display: none;
}

.profile-page-sec .pic-holder {
    text-align: center;
    position: relative;
    border-radius: 50%;
    width: 100%;
    height: 250px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0px;
}

.profile-page-sec .profile-detail {
    /*margin-top: 2.5%;*/
    background-color: #fff;
    border-radius: 18px;
    box-shadow: 0 0 15px rgb(0 0 0 / 5%);
    border: 1px solid #337ab7;
    padding: 20px;
}

.profile-page-sec tbody tr td:nth-child(1){
    width: 130px;
}

.create-order-page .create-order-box .errors{
    padding-left: 20px;
    margin-top: 20px;
}

.register-page-box .form-group {
    margin-bottom: 28px;
}

.register-page-box form{
    position: relative;
}

.errors{
    padding-left: 20px;
    margin-top: 20px;
}

.register-page-box .errors li{
    list-style: none;
    color: red;
    font-size: 12px;
}

.register-page-box .errors li:nth-child(1){
    position: absolute;
    top: 101px;
    left: 32px;
}

.register-page-box .errors li:nth-child(2){
    position: absolute;
    top: 166px;;
    left: 32px;
}

.register-page-box .errors li:nth-child(3){
    position: absolute;
    top: 226px;
    left: 32px;
}

.register-page-box .errors li:nth-child(5){
    position: absolute;
    top: 352px;
    left: 32px;
}

.register-page-box .form-group {
    margin-bottom: 27px;
}

.profile-page-sec .create-order-page-second input[type=file]{
    display: block;
}

.profile-page-sec .create-order-page-second .form-control{
    height: 41px;
}

.create-order-page-second{
    background: #f8f8f8;
    /* padding: 20px; */
    padding: 0px;
    box-shadow: 0 0 15px rgb(0 0 0 / 5%);
    border: 1px solid #337ab7;
    margin-bottom: 40px;
}

.create-order-page-second .card-body .text-center {
    background: linear-gradient(to right, #3c92cb, #4e4376) !important;
    color: #fff;
    padding: 20px;
}

.create-order-page-second .card-body .text-center .h4.mb-3 {
    margin-top: 0;
}

.create-order-page-second .body-box:nth-child(1){
    margin-top: 0;
    border: none;
}

.create-order-page-second form{
    padding: 20px;
}

.create-order-page-second .body-box .row{
    padding-left: 35px;
}

.create-order-page-second .body-box{
    border-top: 4px solid #337ab7;
    margin-top: 30px;
}

.create-order-page-second .body-box h3{
    margin-bottom: 30px;
    font-weight: 600;
}

.create-order-page-second .body-box button{
    background: #29323c;
    font-size: 16px;
    margin-top: 15px;
    color: #fff;
    box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75);
}

button.payment-btn{
    background: #337ab7 !important;
    /*background-image: linear-gradient(to right,  #3c92cb, #4e4376) !important;*/
    box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75);
    color: #fff !important;
}
.procceed-btn .payment-btn{
    background: #337ab7 !important;
    /*background-image: linear-gradient(to right,  #3c92cb, #4e4376) !important;*/
    box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75);
    color: #fff !important;
    width: 250px !important;
}

.create-order-page-second .body-box button.payment-btn{
    margin-top: 50px;
}

.sidebar-search{
    display: none !important;
}

.profile-pic-wrapper{
    text-align: center;
}

.profile-pic-wrapper button{
    background: #337ab7 !important;
    box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75);
    color: #fff;
    padding: 6px 15px;
    border: none;
    border-radius: 5px;
    margin: 15px 0 10px;

}

.profile-page-sec .procceed-btn{
   margin: 30px 0 10px;
}

.procceed-btn{
    text-align: center;
}

.procceed-btn button.payment-btn{
    width: 250px;
}

.profile-detail .form-group span{
    color: #ff0000;
}

.preview-page{
    /*width: 76.66667%;*/
    /*width: 90%; */
    margin: 0 auto;
    margin-top: 20px;
}

.preview-page .preview-box{
   /*background: #f8f8f8;*/
   /*padding: 30px 25px 20px;*/
   /*box-shadow: 0 0 15px rgb(0 0 0 / 20%);*/
   margin: 15px 0 50px;
   box-shadow: 0 0 15px rgb(0 0 0 / 5%);
    border: 1px solid #337ab7;
} 

.preview-page .preview-box .form-group{
    display: flex;
    flex-wrap: wrap;
}

.preview-page .preview-box .form-group label{
    width: 51%;
    color: #000 !important;
    font-weight: 700;
    margin-right: 7px;
}

.preview-page .preview-box .form-group p{
    text-transform: capitalize;
    width: 47%;
}

.preview-page .step-text{
    /*margin-bottom: 20px;*/
    background: linear-gradient(to right, #3c92cb, #4e4376) !important;
    color: #fff;
    padding: 20px;
}

.preview-page .preview-detail-box{
    padding: 30px 20px;
}

.preview-page .preview-detail-box label{
    
}

.procceed-btn a{
    background: #337ab7 !important;
    /* background-image: linear-gradient(to right, #3c92cb, #4e4376) !important; */
    box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75);
    color: #fff !important;
}

.preview-page .step-text p{
    /*font-weight: 600;*/
}

.dashbord-body .panel-primary>.panel-heading,
.dashbord-body .panel-green .panel-heading,
.dashbord-body .panel-yellow .panel-heading{
    background: linear-gradient(to right,  #3c92cb, #4e4376) !important;
    border-color: #337ab7;
}

.dashbord-body .panel-green,
.dashbord-body .panel-yellow{
    border-color: #337ab7;
}

.dashbord-body .panel-green a,
.dashbord-body .panel-yellow a,
.dashbord-body .panel-green a:hover,
.dashbord-body .panel-yellow a:hover,
.dashbord-body .panel-green a:focus,
.dashbord-body .panel-yellow a:focus{
    color: #337ab7;
}

.dashbord-body .panel-default,
.dashbord-body .panel-default>.panel-heading{
    border-color: #337ab7;
}

.dashbord-body .panel-default>.panel-heading{
    background: linear-gradient(to right,  #3c92cb, #4e4376) !important;
}

.dashbord-body .panel-default>.panel-heading{
    color: #fff;
}

.page-header{
    color: #337ab7;
    border-color: #337ab7;
}

.navbar-inverse {
    background-color: #fff; 
    border-color: transparent;
    box-shadow: 0 0 15px rgb(0 0 0 / 20%);
}

.profile-page-sec h2{
    margin-top: 10px;
}

.preview-img-box img{
    width: 100%;
    margin-bottom: 25px;
    border-radius: 5px;
    border: 1px solid #337ab7;
    padding: 2px;
    height: 300px;
    object-fit: cover;
}


.manager-page{
    margin: 0px 0 70px;
}

.manager-page .manager-page-box{
    background: #f8f8f8;
    padding: 0px;
    box-shadow: 0 0 15px rgb(0 0 0 / 5%);
    border: 1px solid #337ab7;
/*     width: 66.66667%; */
    margin: 0 auto;
}

.manager-page .manager-page-box .text-center{
    background: linear-gradient(to right, #3c92cb, #4e4376) !important;
    color: #fff;
    padding: 20px;
    text-align: left;
}

.manager-page form{
    padding: 20px;
}

.manager-page .manager-page-box .text-center p{
    margin-top: 0;
    margin-bottom: 0;
}

.manager-page .manager-page-box img{
    width: 100%;
}

.manager-page .manager-page-box input,
.manager-page .manager-page-box textarea{
    width: 100%;
}

.manager-page .manager-page-box input#formFileMultiple{
   padding: 11px 20px 30px;
}

.manager-page .manager-page-box .procceed-btn{
    margin-bottom: 30px;
}

.manager-page .manager-page-box img{
    margin-top: 20px;
}


.profile-page-sec .pencil-icon {
    position: absolute;
    padding: 9px 8px;
    width: 34px;
    height: 34px;
    line-height: 17px;
    margin-bottom: 0;
    border-radius: 100%;
    background: #fff;
    border: 1px solid transparent;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    display: none;
}

.manager-page .manager-page-box #imgInp{
    padding-top: 11px;
    padding-bottom: 30px;
}

.profile-page-sec .pic-holder .upload-file-block .text-uppercase{
    display: none;
}

.profile-page-sec .pic-holder .upload-file-block .text-center{
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 2.12);
    background: #fff;
    padding: 9px;
    border-radius: 100%;
}

.dashbord-body{
    padding-bottom: 18%;
}

.package-listing-heading .page-header{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

.package-listing-heading .page-header a{
    background: #337ab7 !important;
    box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75);
    color: #fff;
    padding: 6px 15px;
    border: none;
    border-radius: 5px;
    margin: 30px 0 10px;
}

.package-listing-heading .page-header a:hover{
    text-decoration: none;
}

div.dataTables_wrapper div.dataTables_length select{
    width: 85px;
    height: 35px;
}

.edit-delete-box {
    display: flex;
    justify-content: center;
    align-items: center;
}

.edit-delete-box .edit-btn{
    background: #1d7e1d;
    color: #fff;
    padding: 4px 7px;
    border-radius: 4px;
    margin-right: 7px;
}

.edit-delete-box .delete{
    background: #e51e1e;
    color: #fff;
    padding: 4px 7px;
    border-radius: 4px;
}

.preview-page .preview-right-box{
    box-shadow: 0 0 15px rgb(0 0 0 / 5%);
    border: 1px solid #337ab7;
    margin: 15px 0 50px;
}

.preview-page .preview-right-box .card .card-body {
    padding: 30px 20px;
}

.preview-page .preview-right-box h3{
    margin-top: 0;
}

.preview-page .preview-img-box p{
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    text-transform: uppercase;
}

.edit-delete-box .eye-icon{
    background: #3c92cb;
    color: #fff;
    padding: 4px 7px;
    border-radius: 4px;
    margin-right: 7px;
        border: none;
}

.upload-img img{
    width: 100%;
    position: relative;
    border-radius: 5px;
}

.upload-img .row{
    padding-left: 0 !important;
    
}

.upload-img {
    
    box-shadow: 0 0 15px rgb(0 0 0 / 15%);
    padding: 13px 13px 13px 13px;
    /* background: #fff;
    border: 1px solid #337ab7; */

}

.upload-img .close-btn{
    position: absolute;
    top: -9px;
    right: 9px;
}

.upload-img .close-btn button{
    margin-top: 0;
    font-size: 10px;
    box-shadow: none;
    padding: 0px 3px;
    border-radius: 5px;
    background: #e93030;
    border: none;
}


/* STARTMIN.CSS */

.register-page-box .form-group,
.log-page-box .form-group{
    margin-bottom: 28px;
}

.register-page-box,
.log-page-box{
    position: relative;
}

.register-page-box .errors,
.log-page-box .errors{
    padding-left: 20px;
    margin-top: 20px;
}

.register-page-box .errors li,
.log-page-box .errors li{
    list-style: none;
    color: red;
    font-size: 12px;
}

/*.register-page-box .errors li:nth-child(1){*/
/*    position: absolute;*/
/*    top: 102px;*/
/*    left: 18px;*/
/*}*/

/*.log-page-box .errors li:nth-child(1){*/
/*    position: absolute;*/
/*    top: 102px;*/
/*    left: 18px;*/
/*}*/

/*.register-page-box .errors li:nth-child(2){*/
/*    position: absolute;*/
/*    top: 164px;;*/
/*    left: 18px;*/
/*}*/

/*.log-page-box .errors li:nth-child(2){*/
/*    position: absolute;*/
/*    top: 164px;;*/
/*    left: 18px;*/
/*}*/

/*.register-page-box .errors li:nth-child(3){*/
/*    position: absolute;*/
/*    top: 224px;*/
/*    left: 18px;*/
/*}*/

/*.register-page-box .errors li:nth-child(4){*/
/*    position: absolute;*/
/*    top: 285px;*/
/*    left: 18px;*/
/*}*/

/*.register-page-box .errors li:nth-child(5){*/
/*    position: absolute;*/
/*    top: 346px;*/
/*    left: 18px;*/
/*}*/

.register-page-box .form-group {
    margin-bottom: 27px;
}

@media (max-width: 1199px) {
    .offer-banner img{
        height: 200px;
        object-fit: cover;
    }
}

@media (max-width: 767px) {

    

    .form_page_bug .col_left{
        display: none;
    }
    
    body.register-page{
       background-image: linear-gradient(to right, #3c92cb, #4e4376) !important;
    }
}

@media (min-width: 768px) {

    .register-page .form_page_bug .col_right .panel-body{
        padding: 15px 50px;
    }
    
    .login-panel.panel{
        box-shadow: none;
        border: none;
    }
    
    .form_page_bug .container {
        display: flex;
        flex-wrap: wrap;
        padding: 0;
        width: 100%;
    }
    
    .form_page_bug .form_iner {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        height: 100%;
        width: 100%;
    }
    body.register-page {
        background-size: cover !important;
        background-position: center;
        background-repeat: no-repeat;
        background: url(../doctor_image/doctor-performing-bg.png);
        min-height: 100%;
        width: 100%;
        /*background-image: linear-gradient(to right, #3c92cb, #4e4376) !important;*/
    }
    
    .form_page_bug .col_left {
        /* width: 67%; */
        width: 72%;
        padding: 40px;
    }
    
    .form_page_bug .col_right {
        /* width: 33%; */
        width: 28%;
        height: 100vh;
        background: #fff;
    }
    
    .main .form_page_bug .login-panel{
        margin: 0;
        border-radius: 0;
    }
    
    .form_page_bug .col_left{
        color: #fff;
    }
    
    .log-page-box .form_page_bug .col_right .panel-heading .panel-title{
            margin-top: 90px;
    }
    
}



.form_page_bug .col_right input[type=submit]{
    /*background-image: linear-gradient(to right, #3c92cb, #4e4376) !important;*/
    background: #3c92cb;
    box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75);
    color: #fff !important;
}

/*.form_page_bug{*/
/*    background-image: linear-gradient(to right, #3c92cb, #4e4376) !important;*/
/*}*/

.form_page_bug .col_right .panel-heading{
    background: none;
    border: none;
}

.form_page_bug .col_right .panel-heading .panel-title{
    text-align: center;
    font-weight: 400;
    margin-top: 15px;
    font-size: 25px;
    font-family: Roboto, sans-serif;
    color: #383838;
}
    
.register-page .form_page_bug .title_icon {
    text-align: center;
    margin-bottom: 20px;
    margin-top: 50px;
}

.register-page .form_page_bug .title_icon .icon {
    height: 70px;
    width: 70px;
    border-radius: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    color: #fff;
    background: #3c92cb;
}

.navbar-toggle{
    background-color: #337ab7 !important;
}

.forgot-in-page .forgot_pass{
    margin-top: 10px;
}

.forgot-in-page .forgot_pass a:hover{
    text-decoration: none;
}

.checkbox.rr-sec{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 0;
    margin-bottom: 20px;
}

.alert.alert-danger{
    margin: 0 15px 15px;
}

/* DOCTOR DETAIL PAGE */



.doctor_detail-page header {
  display: grid;
  max-width: 800px;
  margin: auto;
  background-color: orange;
  padding: 30px;
  font-family: "Helvetica Neue", Arial, sans-serif;
}

.doctor_detail-page h1{
    color: #fff;
}
  
.doctor_detail-page h3 {
    order: 1;
    color: #fff;
}

.doctor_detail-page p {
    order: 2;
    color: #fff;
}

.doctor_detail-page{
    background: linear-gradient(to right, #3c92cb, #4e4376) !important;
    padding: 20px;
}

.doctor_detail-page img{
    width: 100%;
    border: 1px solid #fff;
    padding: 4px;
    border-radius: 4px;
    height: 250px;
    object-fit: cover;
}

.doctor-detail-box {
    border: none;
    margin-bottom: 60px;
}

.doctor-detail-box .panel-primary .panel-heading, 
.doctor-detail-box .panel-green .panel-heading, 
.doctor-detail-box .panel-yellow .panel-heading{
    background: linear-gradient(to right, #3c92cb, #4e4376) !important;
    border-color: #337ab7;
}

.doctor-detail-box .panel-primary,
.doctor-detail-box .panel-green, 
.doctor-detail-box .panel-yellow {
    border-color: #337ab7;
}

.doctor-detail-box .panel-green a, 
.doctor-detail-box .panel-yellow a, 
.doctor-detail-box .panel-green a:hover, 
.doctor-detail-box .panel-yellow a:hover, 
.doctor-detail-box .panel-green a:focus, 
.doctor-detail-box .panel-yellow a:focus{
    color: #337ab7;
}

.refer-link-header .page-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.refer-link-header .page-header img{
    width: 35px;
    height: 35px;
    margin-right: 7px;
}

.refer-link-header .page-header a{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.refer-link-header .page-header a span{
    font-size: 12px;
    background: #3f57a0;
    color: #fff;
    padding: 7px;
}

.refer-link-header .page-header a{
    text-decoration: none;
}

.coupn-dr .form-group input[type=radio]{
   margin: 4px 7px 0 0;
}

.coupn-dr .form-group#email select,
.access-page .form-group select{
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    border-radius: 4px;
    width: 100%;
    text-transform: capitalize;
}

#manageform select{
   border: 1px solid #ced4da !important;
    color: #a699a6 !important;
    padding: 0.94rem 1.2rem;
    font-size: 1.25rem;
    border-radius: 0.3rem;
    width: 100%;
    text-transform: capitalize;
}

.register-page .main_use_form .col_left h1{
    font-size: 48px;
    font-weight: 700;
}

.register-page .main_use_form .col_left p{
    font-size: 18px;
}

.access-page .access-menu-section ul{
    padding-left: 20px;
}

.access-page .access-menu-section li{
    list-style: none;
}

.access-page .access-menu-section li.name_list{
    margin-bottom: 15px;
}

.select-optopn-box{
    box-shadow: 0 0 15px rgb(0 0 0 / 20%);
}

.dots-icon{
    position: relative;
}

.dots-icon .select-optopn-box{
    box-shadow: 0 0 15px rgb(0 0 0 / 20%);
    box-shadow: 0 0 15px rgb(0 0 0 / 20%);
    padding: 10px 25px 3px 25px;
    border-radius: 5px;
    position: absolute;
    top: 44px;
    right: 15px;
    background: #fff;
    z-index: 999;
    display: none;
}

.dots-icon .select-optopn-box ul{
    padding-left: 0;
}

.dots-icon .select-optopn-box ul li{
    list-style: none;
    margin-bottom: 5px;
}

.dots-icon .select-optopn-box ul li a{
    color: #111;
}

.dots-icon .select-optopn-box ul li a:hover{
   text-decoration: none;
}

.date_picker_form {
   padding: 20px;
}

.date_picker_form input.btn-default{
    width: 60%;
}

.offer-banner{
    position: relative;
    padding-bottom: 20px;
}

.offer-banner .banner_text{
    position: absolute;
    top: 26%;
    left: 16%;
    color: #fff;
}

.offer-banner .banner_text span{
    font-size: 16px;
}

.offer-banner .banner_text h3{
    font-size: 30px;
    margin-top: 5px;
    margin-bottom: 15px;
    font-weight: 800;
}

.offer-banner .banner_text p{
    margin: 0;
    font-size: 20px;
}

.sidebar ul li.link-banner-sec{
    position: relative;
}

.sidebar ul li.link-banner-sec .close-btn{
   position: absolute;
   top: 0;
   right: 0;
}

.sidebar ul li.link-banner-sec .close-btn button{
    border: none;
    background: #2F4678;
    color: #fff;
    border-radius: 0 0 0 20px;
    padding: 3px 5px 5px 9px;
}

/* Model */
.custom-modal,
.custom-modal-bottom {
    position: fixed;
    overflow: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgb(0 0 0 / 60%);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 30px;
}
.custom-modal-dialog {
    max-width: 620px;
    width: 100%;
    border-radius: 0px;
    position: relative;
}
.custom-modal-content {
    background: #ffffff;
    padding: 30px 30px;
    border-radius: 10px;
}
.close-modal,
.close-modal-bottom {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 30px;
    height: 30px;
    background: #f56142;
    opacity: 1;
    color: #ffffff;
    border-radius: 100%;
    border: 2px solid #ffffff;
    z-index: 9;
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 8%);
    padding: 0;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
}
.custom-modal,
.custom-modal-bottom {
    opacity: 0;
    visibility: hidden;
}
body.modal-open .custom-modal {
    opacity: 1;
    visibility: visible;
}
.custom-modal .custom-modal-dialog{
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
body.modal-open .custom-modal .custom-modal-dialog {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.custom-modal, body .custom-modal, body.modal-open .custom-modal .custom-modal-dialog, body .custom-modal .custom-modal-dialog{
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
@media (max-width: 575.98px) {}


#custom-modal-bottom{
    z-index: 999;
}

#custom-modal-bottom .custom-modal-inner .procceed-btn,
#custom-modal .custom-modal-inner .procceed-btn{
    margin-top: 20px;
}