/* @font-face{font-family:Montserrat !important;src:url(fonts/Montserrat-Sans.otf);font-display:swap}@font-face{font-family:Montserratex;src:url(fonts/Montserrat-Sans-Extrabold.otf);font-display:swap}@font-face{font-family:Montserratmd;src:url(fonts/Montserrat-Sans-Medium.otf);font-display:swap}@font-face{font-family:Montserratlt;src:url(fonts/Montserrat-Sans-Light.otf);font-display:swap}@font-face{font-family:Montserratsm;src:url(fonts/Montserrat-Sans-Semibold.otf);font-display:swap} */
body{font-family: "Montserrat", sans-serif;
font-optical-sizing: auto;
font-style: normal;}
p, h1, h2, h3, h4, h5, h6, a, span{    font-family: 'Montserrat', sans-serif !important;}
.authincation.h-100.login {
    background-image: url(../images/loginbg.png);
    background-color: #fff1f1;
}
[data-typography="Montserrat"]{    font-family: 'Montserrat', sans-serif !important;}
html{    font-family: 'Montserrat', sans-serif !important;}
.header-logo {
    background-color: #fff;
    position: fixed;
    width: 100%;
    z-index: 9;
    padding: 20px 0;    
    box-shadow: 0px 0px 10px 0px #ccc;
}
.login h3 {
    font-size: 44px;
    color: #8D2B21;
    text-transform: uppercase;
    font-weight: 600;
}
.login h4 {
    font-size: 28px;
    color: #8D2B21;
}
.login .btn-primary{font-weight: 300;}
.login p {
    line-height: 1.8;
    color: #000;
    font-size: 20px;
}
.login li img{margin-right: 5px;    width: 20px;
    height: 20px;
}
.login li {
    line-height: 20px;
    color: #000;
    font-size: 18px;
    padding: 8px 0;
}
.auth-form{position: relative;}
.auth-form::before {
    content: url(../images/flower.png);
    float: right;
    transition: .5s;
    position: absolute;
    right: 10px;
    top: 10px;
}
.btn-primary {
    color: #fff;
    background-color: #8D2B21;
    border-color: #8D2B21;
}
.btn-primary:hover {
    color: #8d2b21;
    /* background-color: #ECECEC; */
    background-color: transparent;
    border-color: #8d2b21;
}
.login .auth-form p a {
    font-weight: 600;
}
.login .form-control {    padding: 10px 20px;
    height: 45px;}
.login .auth-form {
        padding: 70px 50px 50px 50px;
        float: left;width: 100%;
    }

    .login .auth-form p.text-center.mb-4 {color: #000;font-size: 16px;margin-bottom: 10px !important;margin: 25px 0;}


    /* signup page css start here */
    .login.signup .auth-form {
        padding: 70px 25px 50px 25px;
    }
    .login.signup .auth-form input[type="checkbox"] {
        margin-right: 5px;
        background-color: #fff !important;
    }
    .login.signup .auth-form label{color: #000;    margin: 10px 0 20px 0;}
     /* signup page css end here */
    input[type="checkbox"]:after{background-color: #fff;border: 1px solid #8D2B21;}
    @media only screen and (min-width:280px) and (max-width:767px){
        div#responseSearch1 { box-shadow: 0px 8px 7px 0px #ccc;}
        #responseSearch1 .searchspecialitydata {padding: 6px 20px !important;}
    .login .container.h-100 .row.justify-content-center.h-100.align-items-center{
        flex-wrap: wrap-reverse;
        display: flex;
    }
    .h-100 {
        height: auto !important;
    }
    body {
        overflow-x: scroll;}
    .login{
        padding: 120px 0 50px 0;
    }
    .login .auth-form {
        padding: 70px 25px 50px 25px;
    }
    .login h3 {
        margin-top: 30px;
        font-size: 25px;}
        .login p {
            font-size: 16px;
        }
        .login li {font-size: 15px;}
    
 /* signup page css start here */
        .login.signup .auth-form label {
            color: #000;
            margin: 10px 0 20px 0;
            font-size: 12px;
        }
  /* signup page css end here */       
        

}
@media only screen and (min-width:768px) and (max-width:1024px){
.offset-sm-0 {
    margin-left: 0 !important;
}
.login h3 {
    font-size: 26px;
}
.login p {
    font-size: 16px;
}
.login li {
    font-size: 15px;
}
.login .auth-form {
    padding: 57px 15px 42px 15px;
}
.login .container.h-100 {
    max-width: 100%;
}
.login .row.justify-content-center.h-100.align-items-center{
    align-items: flex-start !important;
    padding-top: 200px;
}

 /* signup page css start here */
.offset-md-1.col-md-5.offset-sm-0.col-sm-6 {
    max-width: 50% !important;
    flex: 0 0 50% !important;
}
.login.signup h3 {
    margin-top: 50px;
}
 /* signup page css start here */


}

/* dashboard page css start here */
.quixnav {
    background-color: #fff;
}
ul#menu li a img {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    object-fit: contain;
    object-position: left;
}
.quixnav .metismenu li:focus a {
    padding: 17px 15px;}
.quixnav .metismenu li:hover a img {
    filter: brightness(0) invert(1);
}
.quixnav .metismenu li:focus a img {
    filter: brightness(0) invert(1);
}
ul#menu li a{color: #000;    -webkit-transition: .6s ease-in-out;
    transition: .5s ease-in-out;}
    li.active.mm-active a {
        padding-left: 15px;
    }
    
    .menu-toggle .quixnav .metismenu li a:hover{background-color:  #8d2b21 !important;}
    li.active.mm-active a img{ filter: brightness(0) invert(1);}
.quixnav .metismenu li:hover a{background-color: #8D2B21 !important;color: #fff !important;}
.quixnav .metismenu > li:hover > a, .quixnav .metismenu > li:focus > a, .quixnav .metismenu > li.mm-active > a {
    background-color: #8d2b21 !important;
    color: #fff !important ;
    filter: brightness(1);
}
.page-data{
    background-image: url(../images/loginbg.png);
    background-color: #fff1f1;padding-left: 15px;
    position: relative;
}

/* .content-body {
    margin-left: 17.1875rem;
    z-index: 0;
    transition: all .2s ease;
} */

.content-body {
    margin: 0;
    padding-left: 18.12075rem;
    z-index: 0;
    transition: all .2s ease;
}
.page-data::before {
    content: url(../images/flower-big.png);
    float: right;
    transition: .5s;
    position: absolute;
    right: 100px;
    top: 200px;
    z-index: -1;
}
.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 1; /* Stay on top */
    top: 50px;
    left: 0;
    background-color: #111; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}
.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s
}
.sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}
#main {
    transition: margin-left .5s;
    padding: 20px;
}
.visible-xs{display: none ;}

.header{box-shadow: none;    background-color: transparent;}
.header .header-content {
    /* border-left: 15px solid #fff1f1; */
    margin-left: 15px;
    background-color: #fff;
}
.quixnav {
    padding-top: 30px;
}
.quixnav .metismenu {
    padding: 0 10px;
}

.quixnav .metismenu a {padding: 17px 0;border-bottom: 1px solid #000;}
.quixnav .metismenu li:hover a{padding: 17px 15px;border-bottom: 1px solid #8D2B21;}
.quixnav .metismenu li:focus a{padding: 17px 15px;border-bottom: 1px solid #8D2B21;}
.quixnav .metismenu li:last-child a{
    border-bottom: none !important;
}
.quixnav .metismenu > li:last-child {
    display: block;}
    .content-body.page-data .login {
        padding-top: 100px;
    }
    .content-body.page-data{min-height: 100vh !important;}
    .header-right .header-profile img.rotare {
        width: 15px;
        height: 11px;
        filter: brightness(0) invert(1);
    }

    .header .navbar .navbar-collapse {
        justify-content: end !important;}
        .nav-header .brand-title {
            margin-left: 0px;
        }
        .brand-title img {
            width: auto;}
            .header .header-content{
                padding-left: 0;
                box-shadow: 0 0 32px 0px #eddede;
            }
            .header-right .header-profile .dropdown-item {
                padding: 15px 10px;    min-height: 50px;
                border-bottom: 1px solid #8D2B21;font-size: 12px;
            }
            .header-right .header-profile .dropdown-item img {
                width: 25px;
                height: 25px;}
            i.fa.fa-times.text-right {
                float: right;
            }
            span.ml-2.text-right {
                float: right;
                margin-top: 3px;
            }
            .header-right .header-profile .dropdown-menu {
                padding: 0px 0;}
                /* .navbar-expand .navbar-nav .dropdown-menu {border-radius: 0;top: 15px;
                } */
                .header-right .header-profile .dropdown-item:last-child {
                    border-bottom: 0;
                }
                .searchdoctordata h4{float: left;width: 100%;}
               
                .header-right .header-profile .dropdown-menu a:hover, .header-right .header-profile .dropdown-menu a:focus, .header-right .header-profile .dropdown-menu a.active{background-color: #8D2B21; color: #fff;}
                .searchdoctordata {
                    padding: 50px;
                    height: auto;
                    display: flex;
                    flex-direction: column;
                }
  
  
                .header-profile span.profilename {
                    background-color: transparent;
                    width: auto;
                    height: auto;
                    padding: 0px;
                    font-size: 18px;
                    line-height: 30px;
                }
                @media screen and (max-width: 767px) {
        .content-body {padding-bottom: 50px;}
        .content-body.page-data .login.innerpage {padding: 0;}
        .page-data{padding-left: 0;}
        .thankyoumsg {margin-top: 20px !important;padding: 40px 20px !important;}
        .header .navbar .navbar-collapse.justify-content-between {
            justify-content: space-between !important;
        }
        .sidenav {padding-top: 15px;}
        .sidenav a {font-size: 18px;}
       .visible-xs{display: block !important;}
       .nav-header .visible-xs {
        display: block !important;
        right: -100%;
        position: relative;
        width: 60px;
        top: -52px;
        float: right;
    }
    .content-body .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }
    
    
    .nav-control.visible-xs {
        float: left;
        right: auto;
    }
       .header .header-content {    margin-left: 0;padding: 0;}
       .nav-header {
        width: 200px;
    }
    .quixnav {
        width: 100%;}
        .content-body.page-data .login {
            padding-top: 50px;
        }
       .nav-header .brand-logo {
        display: block;
        padding-top: 15px;
    }
    .page-data::before {     
        right: 0;
        top: 100px;
    }
    .nav-header .brand-logo {
        display: block;
        padding: 15px 0 0 10px;
    }
    [data-sidebar-style="full"] .header, [data-sidebar-style="overlay"] .header {
        padding-left: 0;
    }
    .nav-header{display: none;}
    .brand-logo{margin-left: 30%;        width: 40% !important;
    }
    .brand-logo.visible-xs img{width: 100%;}
    ul.navbar-nav.header-right{
        right: 0;
        float: right;
        position: absolute;
    }
    .hamburger.is-active .line:nth-child(1), .hamburger.is-active .line:nth-child(3){width: 25px;height: 2px;}
        .hamburger.is-active .line:nth-child(2){display: none;}
        .hamburger.is-active .line:nth-child(3) {
            -webkit-transform: translateY(-12px) rotate(-42deg);
            transform: translateY(-12px) rotate(-42deg);
        }
        .hamburger.is-active .line:nth-child(1) {
            -webkit-transform: translateY(-4px) rotate(42deg);
            transform: translateY(-4px) rotate(42deg);
        }
        .quixnav {transition: all .7s ease; }
    }

    @media screen and (min-width: 768px) and (max-width: 1024px) {
        .content-body.page-data .login {
            padding-top: 30px;
        }
        .header {padding-left: 0 !important;}
        .quixnav {
            width: 215px !important;
        }
        .content-body.page-data {
            margin-left: 0;
            padding-left: 215px;
        }
        .quixnav .metismenu li a {
            padding: 12px 0 12px 10px !important;
            font-size: 13px;
        }
        .page-data::before {
            right: 10px;
            top: 100px;
        }
        .quixnav .metismenu > li:hover > a {
            width: 100% !important;
        }
    
    }
    
/* dashboard page css end here */

.thankyoumsg{margin-top: 100px;padding: 40px;background-color: #fff;}
.thankyoumsg p {font-size: 16px;color: #000;}
@media screen and (min-width: 768px) and (max-width: 1024px) {
    .thankyoumsg {
        margin-top: 20px;}
}

@media (min-width: 768px) and (max-width: 1024px)  {
    .col-sm-12 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .offset-md-1 {
        margin-left: 0 !important;
    }

}

.container-fluid {
    padding-right: 15px !important;
    padding-left: 15px !important;
}
/* Search page css end here */
.breadcrumb a {padding-left: 2px;color: #000;}
.breadcrumb{padding: 0;background-color: transparent;}
.breadcrumb a.active{color: #8D2B21;}
.breadcrumb a.active:hover{color: #8D2B21;}
.breadcrumb ul {
    display: flex;
}
.searchspecialitydata {
    position: relative;
    padding: 50px 20px 20px;
    height: 210px;
    text-align: center;
    background-color: #fff;
    margin: 15px 0;
}
.searchspecialitydata::before {
    content: url(../images/specialitybgvector.png);
    float: right;
    transition: .5s;
    position: absolute;
    right: 10px;
    top: 10px;
}
.searchspecialitydata p {
    margin: 0;
    padding: 10px 0 0;
    color: #000;
}
.searchspecialitydata:hover{background-color: #8D2B21;}
.searchspecialitydata:hover img {
    filter: brightness(0) invert(1);
}
.searchspecialitydata:hover p{color:#fff}
.searchspecialitydata:hover::before{
    filter: brightness(0) invert(1);}
@media  (max-width: 767px)  {
    .searchspecialitydata {
        margin-top: 0;
        padding: 15px;
        height: auto;
        display: inline-flex;
        width: 100%;
    }
    .searchspecialitydata::before {top: 0;    }
}
/* Search speciality page css end here */

/* Search Doctor page css start here */
img.doctorsmall {
    width: 80px;
    height: 80px;border-radius: 50px;
    object-fit: cover;
    object-position: top;
}
.searchdoctordata {
    position: relative;
    padding: 20px 20px;
    height: 220px;
    text-align: center;
    background-color: #fff;
    margin: 15px 0;
}
.searchdoctordata::before {
    content: url(../images/specialitybgvector.png);
    float: right;
    transition: .5s;
    position: absolute;
    right: 10px;
    top: 10px;
}
.searchdoctordata h4 {
    margin-bottom: 0;
    margin-top: 10px;
    /* top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%); */
}
.slotDiv p{top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);}
.searchdoctordata p{color:#000;margin: 0;}
.searchdoctordata:hover{background-color: #8D2B21;}
.searchdoctordata:hover h4{color: #fff;}
.searchdoctordata:hover p{color:#fff}
.searchdoctordata:hover .btn-primary{
    color: #8d2b21;
    background-color: #ECECEC;
    border-color: #8d2b21;
}
.searchdoctordata:hover::before{
    filter: brightness(0) invert(1);}
    .drprofile-detail h1 span {
        float: right;
        font-size: 14px;
        color: #fff;
        display: flex;
    }
    .drprofile-detail p {
        color: #000;
        margin: 0;
        padding: 5px 0;
    }
    .drprofile-detail h6{   color: #000;
        margin: 0;font-weight: 600;
        padding: 5px 0;}
        .drprofile-detail h1 span a#socialMediatags {
            color: #8d2b21;
        }
        .drprofile-detail h1 span a#socialMediatags img{margin-left: 10px;}
        .availabletimings-div h4 {
            font-size: 26px;
            color: #8d2b21;
            margin-top: 20px;
            margin-bottom: 0px;
            font-weight: 700;
        }
        .availabletimings-div p{color: #000;}
        .doctordetailssocial a {
            margin: 0 7px;
            font-size: 20px;
            color: #000;
        }
        .doctordetailssocial a img{filter: brightness(0);}
        .tab-content > .active{opacity: 1;}
        .doctordata-div .nav-tabs>li>a {
            border-radius: 0;
            color: #595858;
            font-weight: 500;
            margin-right: 0;
            padding: 10px 28px;
            font-size: 20px;
            text-align: center;
            float: left;
        }
        .doctordata-div .nav-tabs{margin-bottom: 20px;}
        .doctordata-div .nav-tabs>li>a.active {
            color: #8c372f;
        }
        .doctordata-div .nav-tabs>li>a.active, .nav-tabs>li>a.active, .nav-tabs>li>a.active:focus, .nav-tabs>li>a.active:hover {
            color: #8c372f;
            cursor: default;
            background-color: transparent;
            border: none;
            border-bottom: 1px solid #8c372f;
            font-weight: 500;
            font-family: Sharpsm,sans-serif;
        }
        .tab-content h5 {
            color: #000;
            font-size: 20px;
            margin: 0 0 10px;
        }
        .tab-content p{
            color: #000;
            margin: 0 0 10px;
        }
        .tab-content ul{padding-left: 20px;}
     .tab-content li {
            color: #000;
            margin: 0 0 10px;
            list-style: disc;
        }
        .profilediv{padding: 25px 0 ;
            background-color: #fff;
            margin-right: 0px;}
            .drprofile-detail h1 {font-size: 30px;}
            .header-right .nav-item .nav-link {
                background-color: #8d2b21;
                color: #fff;
                font-size: 18px;
                padding: 13px 10px;
                border-radius: 40px;
                width: 55px;height: 55px;
            }
            .date-slider-prev {
                z-index: 1;
            }             
@media  (max-width: 767px)  {
    .date-slider-prev  svg, .date-slider-next svg {
        width: 16px !important;
        height: 25px;
    }
    .date-slider-wrapper {
        padding: 0 10px 0px !important;
    }
    .date-slider-prev {
       left: 0 !important;
    } 
    .spacing {
        color: #000;
        padding: 30px 30px 0 15px;
    }
    .date-slider-next {
        right: 0 !important;
    }
    .header-right .nav-item .nav-link{margin-right: 15px;text-align: center;width: 45px;height: 45px;line-height: 20px;}
    .header-profile span.profilename{    font-size: 12px;
        line-height: 25px;}
        .header-right .header-profile img.rotare {
            width: 12px;
            height: 8px;
        }
    .drprofile-detail h1{margin-top: 20px;font-size: 20px;}
    .profilediv {
        margin-left: 0;
    }
    .doctordata-div .nav-tabs {
        margin-bottom: 20px;
        overflow: auto;
        display: flex;
        flex-wrap: nowrap;
    }
    .doctordata-div .nav-tabs li {
        list-style: none;
        min-width: fit-content;
    }
    .date-slider-month{top:0 !important}
    /* button.date-slider-day{min-width: 33% !important;width: 33% !important;}
    .days-container {
        column-gap: .33% !important;
        column-count: 3 !important;
      } */
      button.date-slider-day p, button.date-slider-day span {
        margin: 0;
        font-size: 14px !important;
    }
    button.date-slider-day{padding: 10px 3px !important;}
    .searchdoctordata {
        margin-top: 0;
        padding: 15px;
        height: auto;
        display: inline-flex;
        width: 100%;
    }
    .searchdoctordata::before {top: 0;    }
}
a#socialMediatags {
    float: left;
    color: #8d2b21;
    margin: 10px 0 0;
}
a#socialMediatags img {
    float: right;
    margin-left: 10px;
}
.doctordetailssocial{display: none;}
.doctordetailssocial.show {
    display: block !important;
    float: right;
    margin-top: 5px;
}
.shear{float: left;}
.doctordetailssocial.show a {
    margin: 0 3px;
    float: left;
}
.doctordetailssocial.show a i.fa {
    color: #fff;
    padding: 5px 6px;
    background-color: #8d2b21;
    border: 1px solid #8d2b21;
    border-radius: 29px;
}
@media (max-width: 380px) {
    button.date-slider-day p, button.date-slider-day span {
        margin: 0;
        font-size: 11px !important;
    }
    a#socialMediatags {
        font-size: 11px;
    }
}
/* Search Doctor page css end here */

/*  Doctor time page css end here */
.selectdoctortime img {
    width: 100px;
    float: left;
    margin-right: 15px;
}
.selectdoctortime h4{
    font-size: 17px;
    float: left;
    width: 100%;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 7px;
}
.selectdoctortime p {
    float: left;
    width: 100%; font-size: 13px;
    margin-bottom: 0;font-weight: 500;
    color: #232323;
}
.selectdoctortime {
    display: flex;
    margin: 15px 0;
    padding: 25px 10px;
    background-color: #fff;
}
.selectdoctortime h6 {
    margin-top: 5px;
    font-size: 14px;
    color: #232323;
    font-weight: 400;
    float: left;
    width:100%;
}
.justifycenter{ display:flex;
    justify-content:center;
    align-items:center;}
.big-btn{padding: 12px 24px;}
[data-header-position="fixed"] .content-body {
    padding-bottom: 50px;
}
.detailform {
    background-color: #fff;
    padding: 30px;
    float: left;
    /* margin-top: 10px; */
}
.form-control {
    padding: 10px 20px;
    height: 45px;
}
.form-group {margin-top: 0;
    margin-bottom: 1rem;
}
input#checkbox1 {
    margin-right: 5px;
    margin-top: -20px;
    width: 30px;
}
.form-control::placeholder {
    color: #232323;
}
.form-control {
    color: #232323;
}
input#checkbox1:after{display: none;}

.login .detailform h5{font-size: 20px;color: #000;}
.login .detailform input#checkbox1 {
    margin-right: 5px;
    margin-top: -20px;
    width: 20px;
}
.login .detailform {
    width: 90%;}
@media  (max-width: 767px)  {
    .apptdetail .patient-payment span{font-size: 14px !important;}
.selectdoctortime {
    display: grid;}

}
/* Doctor time page css end here */

/* patient registration page css start here */
.patient-registration {margin-right: 15px;}


/* patient registration page css end here */

 /* calender css start here */
 .calendar{width: 100%;
    /* display: inline-flex;
    border: 1px rgb(173, 173, 173) solid; */
}
.calendar input{
    width: 100%;
/* height: 20px;
padding: 4px;  
margin-left: 3px; 
border: none;
width: 135px;
font-size: 16px;
text-align: left; */
}   
.calendar img{
    position: absolute;
    right: 22px;
    z-index: 1;
    top: 12px;
}   
#grid-calendar1-input0{display: block !important;}
#grid-calendar1-input1{display: block !important;}
#grid-calendar1-input2{display: block !important;}
.calendarTable{
    display: none !important;
    margin-top: 0 !important;
    border-collapse: collapse;    
    position: absolute;
    width: 216px;
    height: 250px;
  }

  .calendarTable caption {
    float: left;
    width: 100%;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid black;
    background-color: #fff;
    z-index: 0;
}
.calendarTable img{
margin-right: 10px;
margin-left: 10px;
height: 20px ;
width: auto;  
border: none;  
}   
.picker table tr {
    width: 100%;
    background: #fff;
padding: 4px;;
text-align: center;
}
.calendarTable caption span {
    height: auto;
    font-weight: bold;
    color: #000;
    z-index: 0;
    float: left;
    margin: 0 auto;
    position: relative;
    text-align: center;
    float: left;
    width: 100%;
}

.calendar #up {
    width: 15px;
    height: 12px;
    transform: rotate(90deg);
    z-index: 1;
    float: left;
    left: 0;
    max-width: fit-content;   
}
.calendar #down{
    width: 15px;
    transform: rotate(270deg);
    height: 12px;
float: right;margin-right: 0;    right: 10px;
} 
.picker table, th, td {
    background: #fff;
    padding: 4px;
    text-align: center;
    width: 32px;
}
.calendarTable .selected{
background: white;
}
.calendarTable .n{
background: #fff;
color: rgb(129, 129, 129)
}
.calendarTable tbody{
    float: left;
    width: 100%;
}
.calendarTable tbody tr{    float: left;
    width: 100%;}
.calendarTable .day{
cursor: pointer;
} 
button#signin{color: #fff;}
button#signin:hover{color: #8d2b21;}
button#signin:focus{color: #8d2b21;border: 1px solid #8d2b21;}
.patient-registration-form {
    padding: 50px 30px;
    background-color: #fff;
}
.patient-registration-form h2{color: #8d2b21;}
.patient-registration-form  p{
    font-size: 16px;
    color: #000;
}
.patient-registration-form .form-control {padding: 10px 10px;}
 /* calender css end here */
 /* payment page css start here */
 .patient-payment {
    float: left;
    width: 100%;
}
 .patient-payment p{color: #000;    font-size: 16px;}
 .patient-payment li {
    list-style: none;
    display: flex;
}
 .patient-payment h6{color: #000 !important;width: 50%;margin: 0;padding: 10px 0;}
 .patient-payment span{color: #000 !important;width: 50%;    padding: 10px;font-weight: 500;
    font-size: 16px;float: left;}
 /* .patient-payment h6 {
    float: left;
    font-weight: 500;
    width: 100%;
    padding: 7px 0;
    font-size: 16px;
} */
 button.btn.btn-primary.payment-btn {margin: 15px 15px 0 0;padding: 10px 30px;}
.patient-payment span{float: right;color: #8D2B21 !important;}
.patient-payment.bg-gray.px-3.py-3 {background-color: #8A7C6B;}
.patient-payment.bg-gray.px-3.py-3 p{color: #fff;}
.patient-payment.bg-gray.px-3.py-3 h6{color: #fff !important;    width: 70%;}
.patient-payment.bg-gray.px-3.py-3  span{color: #fff !important;width: 30%;}
span.input-group-addon {
    position: absolute;
    right: 10px;
    top: 9px;
    z-index: 3;
}
.datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active {
    background-color: #003399 \9;
}
.gradient-9, .datepicker.datepicker-dropdown td.day:hover, .datepicker.datepicker-dropdown th.next:hover, .datepicker.datepicker-dropdown th.prev:hover, .datepicker table tr td.selected, .datepicker table tr td.active, .datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover {
    background: #8d2b21 !important;
    background: -moz-linear-gradient(left, #8d2b21 0%, #8d2b21 100%);
    background: -webkit-linear-gradient(left, #8d2b21 0%, #8d2b21 100%);
    background: linear-gradient(to right, #8d2b21 0%, #8d2b21 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8d2b21', endColorstr='#8d2b21',GradientType=1 );
    background: #8d2b21 !important;
    color: #fff !important;
    box-shadow: none !important;
}
.today {
    background: #fff !important;
}
@media screen and (min-width: 280px) and (max-width: 600px) {
    input.otp {
        width: 14% !important;
        margin-right: 5px !important;
    }    
    [data-header-position="fixed"] .content-body {
        padding-top: 7rem;
    }
    .apptdetail .col-md-4.col-sm-12.text-right {
        text-align: left !important;
        margin-top: 15px;
    }
    .sessionDiv .searchspecialitydata{width: 30%;margin: 5px 5px;justify-content: center;}
    .patient-registration {
        margin-right: 15px;
        margin-left: 15px;
    }
    .quixnav{overflow: hidden !important;}
    [data-sidebar-position="fixed"][data-layout="vertical"] .menu-toggle .quixnav{position: fixed !important;}
    .patient-payment h6 a {width: 100%;}
    .breadcrumb ul {display: contents;}
}
/* payment page css end here */
/* thankyou page css start here */

.thankyou2  img{margin: 20px 0;}
.thankyou2 p {
    color: #000;
    font-size: 16px;
    margin: 0;
    padding: 5px 0;
    font-weight: 600;
    line-height: 25px;
}
.thankyou2 button.btn.btn-primary.payment-btn {
    margin: 15px 15px 0 0;
    padding: 10px 50px;
}
/* thankyou page css end here */

/* appointment-details page css start here */
button.btn.btn-primary.reschedule {
    width: 130px;margin-top: 10px;margin-left: 1%;
}
.reschedule.cancel {
    background-color: transparent;
    color: #8D2B21;
}
.cancel:hover {
    color: #fff;
    background-color: #8D2B21;
    border-color: #8d2b21;
}
.selectdoctortime.apptdetail img {
    width: 50px;
    float: left;
    margin-right: 15px;
}
.apptdetail h4{margin-top: 0;}
.apptdetail {padding: 25px;}
.apptdetail .patient-payment {
    padding-top: 20px;
}
.bb-1 {
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}
.apptdetail .patient-payment li {
    list-style: none;
    display: flex;
}
.apptdetail .patient-payment h6{color: #000 !important;width: 50%;margin: 0;padding: 10px 0;}
.apptdetail .patient-payment span{color: #000 !important;width: 50%;    padding: 10px;font-weight: 500;
    font-size: 16px;float: left;}
.mdm-btn{padding: 10px 70px;}
#cancelmodal .modal-content{    background-color: transparent;
    border: 0;    text-align: center;}
#cancelmodal .modal-dialog {max-width: 100%;margin: 10% auto;}
#cancelmodal{    background-color: #ffffff8a;
    /* opacity: 0.6; */
}
#cancelmodal h3 {
    color: #8D2B21;
    font-size: 26px;
}
/* appointment-details page css end here */
/* report page css start here */
.selectdoctortime.apptdetail img.cld-img{width: 17px;right: 10px;}
img.cld-img{width: 17px;}
button.btn.btn-primary.reschedule.mt-0 {
    padding: 10px 40px;
    width: auto;
    color: #fff;
}
button.btn.btn-primary.reschedule.mt-0:focus{color: #8D2B21;}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active{
    background-color: transparent;
    border-color: #8D2B21;color: #8D2B21;
}
.report {
    padding: 20px 0;
}
.report ul li {
    color: #000;
    font-weight: 500;
    font-size: 15px;
    float: left;
    width: 100%;
    margin: 10px 0;
}
.report ul li a {
    width: 100%;
    float: left;
    background-color: #F4F4F4;
    padding: 18px 15px;
    color: #000;
}
.report ul li a img {
    float: right !important;
    width: 20px !important;
    margin-right: 0 !important;
}
.header-search-wrapper {
	float: right;
	position: relative;
}
.search-main {
	display: block;
	line-height: 40px;
	padding: 0 14px;
	cursor: pointer;
	color: #fff;
	background: #d33;
}
.header-search-wrapper .search-form-main {
    background: #fff none repeat scroll 0 0;
    -webkit-box-shadow: 1px 1px 7px rgba(0,0,0,.15);
    box-shadow: 1px 1px 7px rgba(0,0,0,.15);
    border-top: 2px solid #408c40;
    padding: 15px;
    position: absolute;
    right: 0;
    top: 124%;
    width: 300px;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
}
.search-form-main.active-search {
    opacity: 1;
    visibility: visible;
}
.header-search-wrapper .search-form-main {
    border-top-color: #d33;
}
.header-search-wrapper .search-form-main:before {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #408c40;
    content: "";
    position: absolute;
    right: 15px;
    top: -10px;
}
.header-search-wrapper .search-form-main:before {
    border-bottom-color: #d33;
}
.header-search-wrapper .search-form-main .search-field {
    border-radius: 0;
    padding: 4px 10px;
    width: 75%;
    float: left;
}
.header-search-wrapper .search-form-main .search-submit {
    border: medium none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    float: left;
    padding: 10px 0 10px;
    width: 25%;
    height: 36px;
    background: #d33;
}
@media only screen and (min-width:280px) and (max-width:575px){
    div#responseSearch1 {
        overflow: auto;
        max-height: 300px;
    }
    #responseSearch1 .searchspecialitydata {
        position: relative;
        padding: 10px 20px;
        height: auto;
        text-align: left;
        background-color: #fff;
        margin: 0;
    }
    .hidden-xs{display: none;}
    img.search-form {
        width: 20px;
        position: absolute;
        right: 23px;
        top: 14px;
    }
    .btn-primary{min-width: 130px;}
    .search-form-main.clearfix{display: none !important;}
    .search-form-main.clearfix.active-search {
        display: block !important;
        position: absolute;
        width: 100%;
        top: 80px;
        padding: 0 15px 10px;
        background-color: #fff;
        min-height: auto;
        z-index: 9999;
    }
    .search-form-main.clearfix.active-search label {
        width: 100%;
    }
    .search-form-main.clearfix.active-search label input{
        padding: 15px;
        width: 100%;
    }
    a.openBtn {
        display: flex !important;
        justify-content: center;
        flex-direction: column;
    }
    .openBtn .searchicon {
        position: unset;}
        input#search-app {
            min-width: 100% !important;
        }
        
    .brand-logo {
        margin-left: 21%;width: 50% !important;
    }
    .brand-logo.visible-xs img {
        width: auto;
        position: unset;
    }
    
input#calendar1-input0 {
    margin: 0 0 15px 0;
}
input#calendar1-input1 {
    margin: 0 0 15px 0;
}
input#calendar1-input0 img, input#calendar1-input1 img{top: 20px;}
.apptdetail {
    padding: 25px 15px;
}
}

@media (min-width: 576px)  and (max-width:1024px){
    img.drprofile-img.img-fluid {
        height: 200px;}
    .drprofile-detail h1 {
        font-size: 20px;
    }
    .selectdoctortime {
        display: grid
    }    
    .searchspecialitydata {
        padding: 10px 12px;
        margin: 7px 5px;
        float: left;
    }
    .selectdoctortime .col-sm-6 .big-btn{margin-top: 10px;}
    .col-sm-8 {
        flex: 0 0 66.66667% !important;
        max-width: 66.66667% !important;
    }
    .patient-registration {
        margin-right: 15px;
        margin-left: 15px;
    }
    input::placeholder {
        font-size: 12px;
    }
    .patient-registration-form .col-md-10, .patient-registration-form .col-md-6, .patient-registration-form .col-md-3, .patient-registration-form .col-md-4, .patient-registration-form .col-md-12, .patient-registration-form .col-md-2, .patient-registration-form .col-md-2 {
        padding: 0 6px;
    }
    .date-slider-month{top: 0;}
    .doctordata-div .nav-tabs {
        margin-bottom: 20px;
        overflow: auto;
        display: flex;
        flex-wrap: nowrap;
    }
    .doctordata-div .nav-tabs li {
        list-style: none;
        min-width: fit-content;
    }
    .profilediv{margin-left: 0;}
    div#speciality{margin-right: 0 !important;}
    .col-sm-4 {
        flex: 0 0 33.33333% !important;
        max-width: 33.33333% !important;
    }
    .col-sm-6 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
}

/* report page css end here */


/* payment-history page css start here */
.payment-history {
    position: relative;
    padding: 20px 20px;
    background-color: #fff;
    margin: 15px 0;
}
.payment-history h4 {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 5px;    color: #000;
    margin-top: 0;
}
.payment-history p {
    color: #000;
    margin: 0;font-size: 13px;font-weight: 500;
}
.payment-history ul {
    display: flex;
    color: #000;
    justify-content: left;
    margin-top: 5px;
}
.payment-history ul li {
    font-size: 16px;
    font-weight: 500;
    padding-right: 10%;
}
select.text-red {
    color: #8D2B21;
    font-size: 16px;
    margin-right: 0;
    background: transparent;
    border: none;
}
@media only screen and (min-width:280px) and (max-width:575px){
    .payment-history { margin: 8px 0;
    }
}

@media only screen and (min-width:576px) and (max-width:920px){
.payment-history ul li {
    font-size: 14px;
    padding-right: 0;
}
.payment-history ul li:first-child{ padding-right: 10px;}
.payment-history ul{justify-content: space-between;}

}
/* payment-history page css end here */

/* payment-history page css end here */
.searchdoctordata.selectdoctor img {
    width: 90px;
    /* height: 90px; */
    float: left;
    object-fit: cover;
    object-position: top;
    margin-right: 15px;
}
.searchdoctordata.selectdoctor {
    height: auto;
    text-align: left;display: flex;

}
.searchdoctordata.selectdoctor ul {
    display: flex;
    justify-content: space-between;
    color: #000;
    font-size: 14px;
    width: 100%;
}
.searchdoctordata.selectdoctor h4{margin-top: 0;margin-bottom: 5px;}
.searchdoctordata.selectdoctor p{font-weight: 500;}
.contant {
    width: 100%;
}
.searchdoctordata:hover li{color: #fff;}
input#search-app {position: relative;
    width: 100%;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    /* background-color: white;
    background-image: url('/static/web/images/searchicon.png');
    background-position: 10px 10px; 
    background-repeat: no-repeat; */
    padding: 12px 30px 12px 20px;
    min-width: 400px;
  }
  .searchicon{position: absolute;top: 15px;right: 25px;}

  @media only screen and (min-width:576px) and (max-width:920px){
  .searchdoctordata.selectdoctor {
    display: grid;
}
.searchdoctordata.selectdoctor h4 {margin-top: 10px;
    font-size: 17px;}
  }
/* payment-history page css end here */

/* privacy and term page css start here */
.privacy-term h3.text-red {
    font-size: 35px;
    color: #8D2B21;
    font-weight: 500;
}
.privacy-term p {font-size: 14px;color: #000;font-weight: 400;}
.privacy-term li {font-size: 15px;color: #000;font-weight: 300;padding-bottom: 5px;list-style: unset;}
.privacy-term ol, .privacy-term ul {padding-left: 15px;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
/* privacy and term page css end here */

/* contact us page css start here */
h3.text-red {
    font-size: 35px;
    color: #8D2B21;
    font-weight: 500;
}

.contact-form input[type="checkbox"]:checked:after{display: none;}
.patient-registration input[type="checkbox"]:checked:after{display: none;}
.contact-form input#checkbox {
    height: 19px;
    margin-right: 5px;
}
.patient-registration input#checkbox {
    height: 19px;
    margin-right: 5px;
}
label a {
    color: #8d2b21;font-weight: 500;
}
label a:hover {
    color: #8d2b21;
}
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background-color: transparent !important;
}
.iti--separate-dial-code .iti__selected-flag{
    background-color: transparent !important;
}
.iti--separate-dial-code .iti__selected-dial-code {
    color: #000;display: none;
}
.iti__selected-flag {padding: 0 6px 0 20px !important;}
#continue{padding: 10px 50px;}
span.error {
    padding-top: 5px;
}
div#scheduleAppointment {
    float: left;
    width: 100%;
    margin: 10px 0;
}
span#scheduleError {
    float: left;
    width: 100%;
    margin: 20px 0 0 0;
}
img.drprofile-img.img-fluid {
    height: 300px;
    object-fit: cover;
    object-position: top;
}
#doctorsDiv .searchdoctordata h4{min-height: 44px;}
#doctorsDiv .searchdoctordata {
    padding: 20px 20px;
    height: auto;
}
button.date-slider-day {
    padding: 10px;
    margin: 0px !important;
}

@media only screen and (max-width:576px){
    .sessionDiv {
        max-height: 232px;
        width: 100%;
        display: ruby;
        overflow-x: auto !important;
        overflow-y: auto !important;
        margin-bottom: 20px;
        float: left;    justify-content: center;
    }
    div#speciality {
        padding: 0;
        margin: 0 !important;
    }
    div#doctorsDiv {
        padding: 0;
        margin: 0;
    }
    .searchspecialitydata img {
        margin-right: 10px;
    }
    .searchspecialitydata p {
        text-align: left;}    
    .header-right .nav-item .nav-link {
        /* font-size: 18px; */
        padding: 11px 7px;
    }
    .content-body.page-data .login .detailform {
        margin-left: 3%;
        width: 94%;
    }
.contact-form label {
    color: black;
    font-size: 12px;
}
#test3::before{left: 3px;}


}
#responseSearch .searchspecialitydata, #responseSearch1 .searchspecialitydata {
    position: relative;
    padding: 10px 20px;
    height: auto;
    text-align: left;
    background-color: #fff;
    margin: 0;
}
div#responseSearch, div#responseSearch1 {
    position: absolute;
    width: 93%;
    float: left;
    background-color: #fff;
}
div#responseSearch ul, div#responseSearch1 ul  {
    padding: 10px 0;
    overflow: auto;    float: left;
    width: 100%;
}
div#responseSearch, div#responseSearch1 {overflow: auto;
    max-height: 300px;}
#responseSearch h4, #responseSearch1 h4 {
    padding: 15px 15px 0;
    float: left;
    width: 100%;
}
div#responseSearch ul a, div#responseSearch1 ul a{color: #8D2B21;}
#responseSearch .searchspecialitydata:hover, #responseSearch1 .searchspecialitydata:hover{background-color: #8D2B21;}
#responseSearch .searchspecialitydata:hover a, #responseSearch1 .searchspecialitydata:hover a{color: #fff;}
@media only screen and (max-width:340px){
 .contact-form .detailform {padding: 30px 15px;}
    }
.iti.iti--allow-dropdown.iti--separate-dial-code {
        width: 100%;
    }
/* contact us page css end here */

/* feedback page css start here */
.detailform p{color: #000;font-size: 14px;}
.submit{padding: 10px 40px;}
/* feedback page css end here */