body { background: #fffefe !important; color: #000 !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important;  }
.mt25 { margin-top: 25px !important; }
.mt-20 { margin-top: -20px !important; }
.mt42 { margin-top: 42px !important; }
.mb25 { margin-bottom: 25px !important; }
.center { text-align: center !important; }
.xmb-2 { margin-bottom: -0.3rem !important; }
.fs-18 { font-size: 18px !important; }
.fr { float:right; !important; }
.lbl, .form-group label { font-size: 1rem !important; font-weight: 600 !important; color: #8829bd !important; }
.text-dark-75 p { color: #929096 !important; }
.text-info { color: #8829bd !important; }
a.text-dark-75.text-hover-primary.font-weight-bolder.font-size-h3 { font-size: 12px !important; }
.flex-grow-1.card-spacer.pb-0 { text-align: center; padding: 0 !important; }
.font-weight-boldest.font-size-h3.pt-2 { font-size: 13px !important; }
.percnt-font { font-weight: bold; color: red; font-size: 21px; }
td.avl { background: #1bc5bd; color: #fff; }
td.nt-avl { background: #f64e60; color: #fff; }
td.bkd { background: #f05e1b; color: #fff; }
h2.ratingout-off { font-weight: bold; color: #8829bd; }
.mobfooter-icons.d-lg-none.flex-lg-column { position: fixed; width: 100%; background: #f7f5f5; position: fixed; bottom: 0; border-radius: 0; z-index: 999; border-radius: 10px; box-shadow: 0 3px 18px -7px rgb(0 0 0 / 32%); }
li.btm-item p { margin-bottom: 0; font-size: 9px; margin-top: 10px; color: #8829bd; }
a.btm-link i { font-size: 23px !important; color: #8829bd; }
label.d-lable { font-size: 15px !important; color: #8829bd !important; font-weight: bold; }
.form-group p { margin-bottom: 0; font-size: 15px; }
.card-label.d-lbl-head { color: #8829bd !important; font-size: 21px !important; font-weight: bold !important; }
.all-detl-btns a { width: 118px; font-size: 10px; }
label.d-lable22 { color: #8829bd; font-weight: 600 !important; /* font-size: 15px; */ }
h1.hv-code { font-weight: bold; }
.full-mob-head { width: 100%; }
.icons-top i { font-size: 26px !important; }

.social a { background: #000; color: #fff; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; width: 30px; display: block; height: 30px; text-align: center; padding: 7px; font-size: 12px; margin: auto; margin-left: 3px; }
.social { display: inline-flex; }
.inner-patctl-inf th, td { font-size: 15px !important; }
.inner-patctl-infsch th, td{ font-size: 15px !important; }
.ctl-pricetbl th, td{ font-size: 13px !important; }
.down-bottom-contents p { font-size: 16px !important; }
span#lkclose { position: absolute; right: 42px; color: red; }
.full-table { padding-top: 100px; }
.all-btns-four-cover { position: fixed; width: 100%; bottom: 0; z-index: 99; background: #fff; padding: 30px 0; box-shadow: 0 3px 18px -7px rgb(0 0 0 / 32%); }
/*div#kt_content { padding-bottom: 150px; }*/
.icons-top { display: none; }
.icons-top2 { display: none; }
.prd-full { padding-top: 36px; }
div#kt_footer { display: none !important; }
.full-mob-head { margin-top: 80px; }
label.checkbox { font-weight: normal !important; color: #000 !important; }
label.radio { font-weight: normal !important; color: #000 !important; }
.grey-bg { background: #f2f2f2 !important; }

@media(max-width: 767.98px) {
    .d-flex.align-items-center.flex-wrap.drgs-wrap { flex-wrap: nowrap !important; }
    .login-bn { display: none !important; }
    .full-mob-head { margin-top: 0px; }
    .prd-full { padding-top: 0px; }
    .satus-full { padding-top: 0px; }
    .icons-top2 { display: block; }
    .icons-top { display: block; }
    .full-table { padding-top: 0px; }
    .icons-top { position: absolute; z-index: 999; }
    p.sml-font { font-size: 12px; color: #000; font-weight: normal; margin-left: 1px; }
    .icons-top2 { position: absolute; right: 16px; z-index: 999; }
    .icons-top a i { color: #f00 !important; }
    .icons-top2 a i { color: #f00 !important; }
    li.btm-item.active { background: #8829bd; border-radius: 10px 10px 0 0; }
    li.btm-item.active p { color: #fff; }
    li.btm-item.active i { color: #fff; }
    a.btm-link p { color: #8829bd; }
    li.btm-item { width: 62px; }
    a.btm-link i { color: #8829bd; }
    label.d-lable { font-size: 13px !important; }
    a.btm-link { display: block !important; padding: 0 !important; padding-top: 10px !important; padding-bottom: 10px !important; }
    div#kt_footer { display: none !important; }
    .flex-grow-1.card-spacer.pb-0 { padding: 0px 22px !important; }
    .all-btns-four-cover { position: fixed; width: 100%; bottom: 0; z-index: 99; background: #fff; padding: 30px 0; box-shadow: 0 3px 18px -7px rgb(0 0 0 / 32%); }
    .icons-top i { font-size: 19px !important; color: #000; }
    span.gn-icon i { font-size: 25px; margin-left: 11px; }
    div#kt_datatable_length { display: none; }
    div#kt_datatable_filter { float: left; }
    .header-mobile-fixed .header-mobile { background: #8829bd; }
}

@media(max-width: 360.98px) {
    .full-detail-cover { padding-bottom: 0px; }
    li.btm-item { width: 59px; }
    li.btm-item p { margin-bottom: 0; font-size: 8px; }
    .form-group p { font-size: 12px; }
    .all-btns-four-cover { padding: 15px 0; }
    .all-detl-btns a { font-size: 8px; width: 100px; }
}

@media(max-width: 320.98px) {
    li.btm-item { width: 52px; }
    a.btm-link i { font-size: 23px; }
    li.btm-item p { font-size: 7px; }
    .full-detail-cover { padding-bottom: 0px; }
}

/*** DOCTOR ***/
/* width */
::-webkit-scrollbar { width: 3px; }
::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey; border-radius: 0px; }
::-webkit-scrollbar-thumb { background: #b81ef0; border-radius: 0px; }
::-webkit-scrollbar-thumb:hover { background: #b81ef0; }

@media(max-width: 767.98px) {
    svg#SvgjsSvg3284 { margin-left: -18px; }
    div#scroll-hor { overflow-x: hidden; }
    .dispaly-status h3 { font-size: 24px; margin-left: -14px; font-weight: bolder; }
    div#kt_footer { display: none !important; }
}
/*** DOCTOR ***/

.service-checkbox { display: none; }
.services-box-item{ display: block; }
.slick-slide:focus{ outline: none;    }
.w-service-box {
 /* width: 270px;
  height: 220px;
  float: left;*/
  margin: 15px;
  padding: 10px 0px;
  margin-bottom: 30px;
  background-color: #fff;
  border: 1px solid #e4f798; display: block;
     /* height: 100%;
    min-height: 171px;*/
}
.w-service-box .tooltip-info:before {
  position: absolute;
  content: "";
  height: 30px;
  width: 30px;
  top: 15px;
  right: 15px;
  display: none;
  border-radius: 100%;
  background-color: #d6ea7d;
}
.w-service-box .tooltip-info:after {
  position: absolute;
  content: "\f00c";
  top: 18px;
  color: #fff;
  right: 22px;
  font-weight: 900;
  display: none;
  display: none;
  font-family: "Font Awesome 5 Free";
}
.w-service-box .service-icon img{ text-align: center; margin: auto; }
.w-service-box .service-text {
  color: #807e7e;
    font-size: 12px;
    font-weight: 500;
    font-family: 'Noto Sans JP', sans-serif;
    text-transform: uppercase; display: block;
}
.w-service-box .option-seclect {
    bottom: -31px;
    left: -2px;
    width: 103%;
    padding: 5px;
    font-size: 16px;
    display: none;
    font-weight: 500;
    position: absolute;
    background-color: #afcc36;
}
.w-service-box .option-seclect span { color: #fff; }
.service-checkbox:checked ~ .w-service-box .tooltip-info:before,
.service-checkbox:checked ~ .w-service-box .tooltip-info:after { display: block; }
.service-checkbox:checked ~ .w-service-box { border: 1px solid #d6ea7d }
.service-checkbox:checked ~ .w-service-box .option-seclect { display: block; }
.pack-box {
        position: relative;
        /* padding: 10px; */
        background-color: #fff;
        margin-bottom: 20px;
        border: 1px solid grey;
        border-radius: 15px;
        transition: all .4s;
    }
    
    .pack-box:hover {
        -webkit-box-shadow: 0px 0px 12px 1px rgba(5, 5, 5, 1);
        -moz-box-shadow: 0px 0px 12px 1px rgba(5, 5, 5, 1);
        box-shadow: 0px 0px 12px 1px rgba(5, 5, 5, 1);
    }
    
    .pack-box-img {
        width: 100%;
    }
    
    .pack-box-img img {
        width: 100% !important;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
    }
    
    .ribbon {
        width: 150px;
        height: 150px;
        overflow: hidden;
        position: absolute;
    }
    
    .ribbon::before,
    .ribbon::after {
        position: absolute;
        z-index: -1;
        content: '';
        display: block;
        border: 5px solid #2980b9;
    }
    
    .ribbon span {
        position: absolute;
        display: block;
        width: 225px;
        padding: 15px 0;
        background-color: #B0CC1F;
        box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
        color: #fff;
        font: 700 18px/1 'Lato', sans-serif;
        text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
        text-transform: uppercase;
        text-align: center;
    }
    /* top left*/
    
        .ribbon-top-left {
    top: -30px;
    left: -18px;
}
    
    .ribbon-top-left::before,
    .ribbon-top-left::after {
        border-top-color: transparent;
        border-left-color: transparent;
    }
    
    .ribbon-top-left::before {
        top: 0;
        right: 0;
    }
    
    .ribbon-top-left::after {
        bottom: 0;
        left: 0;
    }
    
    .ribbon-top-left span {
        right: -25px;
        top: 30px;
        transform: rotate(-45deg);
    }
    
    .pack-box-details {
        position: relative;
        padding: 10px;
    }
    
    .pack-box-head {
        padding: 5px 10px;
        position: relative;
        background-color: #8829BD;
        color: #fff;
        
        display: block;
    }
    
    .pack-box-head h4 {
        font-weight: 600;
        font-size: 22px;
    }
    
    .pack-details {
        padding: 10px 0px;
        position: relative;
        
        display: block;
    }
    
    .pack-details h4 {
        position: relative;
        
        display: block;
        font-weight: 700;
        color: #000;
        font-size: 18px;
    }
    
    .pack-details h4 a {
        position: relative;
        
        display: block;
        font-weight: 700;
        color: #000;
        font-size: 16px;
    }
    
    .pack-details h4 a span {
        color: #e96c2f;
    }
    
    .pack-details h4 a:hover {
        color: #8829BD;
    }
    
    .pack-details h5 {
        position: relative;
        
        display: block;
        font-weight: 700;
        color: #000;
        font-size: 16px;
        margin-top: 10px;
    }
    
    .pack-details h5 span {
        color: #000;
    }
    
    .pack-details h5 span.checked {
        color: #59ff00;
    }
.pack {
    border: 1px solid #eee;
    padding: 20px;
    border-radius: 10px;
    transition: .5s;
    background: #fff;
}
.pack:hover {
    box-shadow: 0px 0px 12px 1px rgb(5 5 5);
    transition: .5s;
}
.inner-full-book-appoint2 img {
    height: 114px;
    margin-bottom: 24px;
}
.inner-full-book-appoint2 h2 {
    color: #b81ef0;
}

/*td.text-center.pt-1.pb-1.font-weight-bold {
    font-size: 13px;
}
td.text-center.pt-1.pb-1.font-weight-bold {
    font-size: 13px;
}*/
th.pl-0.mb-0.font-weight-boldest.text-dark.w-25 {
    text-decoration: underline;
}
.vhd {
    visibility: hidden;
}
.to-hdr-rp h4 {
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    padding: 10px;
}
.to-hdr-rp2 h4 {
    border-bottom: 2px solid #000;
    padding: 5px;
    padding-top: 20px;
    border-top: 2px solid #000;
}
.boxe-rep-name {
    border: 2px solid #000;
    padding: 4px;
}
/*.rep-notes {
    border-top: 2px solid #000;
    padding-top: 8px;
    font-size: 11px;
}*/
.inner-full-bar { border: 1px solid #d3d3d3; padding: 5px; border-radius: 10px; background: #fff; }
/*****************************************invoice********************************************/

.btn-inv-shr{font-size: 10px;}
.iner-invoice {padding: 25px;background: #fff;box-shadow: 0 0 1in -0.25in rgb(0 0 0 / 50%);}
.inner-siderctloff img {height: 135px;}
.invctl-hd {border-bottom: 1px solid #eee;padding-bottom: 10px;margin-bottom: 12px;background: #f9f8f8;}
.saved-rps.text-center {position: absolute;top: 36%;left: 15%;color: #fff;}
.saved-rps.text-center p {font-size: 16px;}
.inner-siderctloff-cnt h1 {margin-bottom: 0;font-size: 55px;font-weight: bold;color: #8829bd;text-align: center;}
.iner-invoices {background: #fff;padding-bottom: 15px;padding-left: 15px;padding-right: 15px;}
.inner-patctl-inf h4 {font-size: 25px;font-weight: bold;color: #8829bd;}
.inner-patctl-inf p {margin-bottom: 7px;color: #000;}
.top-hedr-ctl h3 {font-size: 25px;color: #8829bd;}
.ctl-inv-dr {background: #8829bd;color: #fff;}table.balance {}
.bottom-totals {border-top: 1px solid #eee;padding-top: 14px;}
.fc-content {background: #f64e60;padding: 9px;color: #fff;border-radius: 10px;}

/*****************************************End invoice********************************************/

/*****************************************home vist form**************************************/
.main-hdr-day h2 {
    background: #ffffff;
    padding: 6px;
    color: #000;
    margin-bottom: 20px !important;
    border-radius: 10px;
}
.wht-bg {
    background: #8c52ff;
    padding: 8px;
    border-radius: 10px;
}
.span-time {
    color: #fff !important;
}
.timeline.timeline-5 .timeline-items .timeline-item .timeline-media {
    width: 25px;
    height: 25px;
    z-index: 9;
    background: #8c52ff !important;
}
.scs-line::before {
    background: #8c52ff !important;
}

.span-desc {
    color: #fff !important;
}
.inner-full-book-appoint img {
    height: 300px;
}
.inner-full-book-appoint h2 {
    color: #8829bd;;
    font-weight: bold;
}
/*.wht-bg::before {
    content: '';
    position: absolute;
    height: 15px;
    width: 15px;
    background: #fff;
    transform: rotate(45deg);
    margin-left: -15px;
    top: 35px;
}*/
.timeline.timeline-5 .timeline-items .timeline-item .timeline-desc {
    padding: 0px 0 0 59px;
    margin-bottom: 9px; 
}
li.nav-item.box1 {
    background: #FFDDA8;
    padding: 5px;
}
li.nav-item.box2 {
    background: #B0FFD2;
    padding: 5px;
}
li.nav-item.box3 {
    background: #C0FFA6;
    padding: 5px;
}
li.nav-item.box4 {
    background: #FFA8A8;
    padding: 5px;
}
a.nav-link.dnavs-link:hover {
    border-bottom: none !important;
}
a.nav-link.dnavs-link.active {
    border-bottom: none !important;
}
a.nav-link.dnavs-link:focus {
    border-bottom: none !important;
}

li.nav-item.dnvitem.box1 h3 {
    color: #FF914D !important;
    
}
li.nav-item.dnvitem.box2 h3 {
    color: #5271FF !important;
    
}
li.nav-item.dnvitem.box3 h3 {
    color: #008037 !important;
    
}
li.nav-item.dnvitem.box4 h3 {
    color: #FF1616 !important;
    
}
a.nav-link.dnavs-link.active h3 {
    font-weight: bold;
}
/*li.nav-item.dnvitem {
    border-right: 1px solid #000 !important;
}*/
.dnvitem {
    width: 25%;
}
.bx-red {
    height: 20px;
    width: 20px;
    background: red;
}
.bx-yello {
    height: 20px;
    width: 20px;
    background: yellow;
}
.bx-green {
    height: 20px;
    width: 20px;
    background: green;
}
li.nav-item.dnvitem.text-center a {
    /* margin: 0 auto !important; */
    /* text-align: center; */
    display: block;
}

/**********************************tabs new index********************************/
a.nav-link.dnavs-link.inner-bxsa {
    margin: 0 !important;
    padding: 14px !important;
    border-radius: 0;
}
a.nav-link.dnavs-link.inner-bxsa.active {
    background: red !important;
}
a.nav-link.dnavs-link.inner-bxsa.active h3 {
    color: #fff;
}
a.nav-link.dnavs-link.inner-bxsa {
    background: #eee;
}
/**********************************End tabs new index********************************/

/*****************************tab 3 index ******************************************/

a.nav-link.dnavs-link.dnavs-libk3.inner-bxsa.inner-bxsa3 {
    background: linear-gradient(to bottom, #fbb034 0%, #ffdd00 100%) !important;
    border-bottom: none;
}
a.nav-link.dnavs-link.dnavs-libk3.inner-bxsa.inner-bxsa3.active {
    /* background: #ffff !important; */
    background: linear-gradient(to bottom, #fbb034 0%, #ffdd00 100%) !important;
}

a.nav-link.dnavs-link.dnavs-libk3.inner-bxsa.inner-bxsa3.active::before {
    position: absolute;
    content: '';
    /* height: 40px; */
    /* width: 25%; */
    left: 20px;
    bottom: 0;
    top: 8px;
    right: 20px;
    border-top: 10px;
    background: white;
    border-radius: 10px 10px 0 0;
}
.inner-text3 { color: #000; }
a.nav-link.dnavs-link.dnavs-libk3.inner-bxsa.inner-bxsa3.active h3 {
    color: #fbb033;
    display: block;
    position: relative;
    top: 5px;
}
a.nav-link.dnavs-link.dnavs-libk3.inner-bxsa.inner-bxsa3 { position: relative; }
/*****************************End tab 3 index ******************************************/
.bootom-fixed-stp {
    text-align: center;
    position: fixed;
    bottom: 0;
    padding: 3px;
    background: #e4e6ef;
    width: 96.5%;
    border-top-left-radius: 0.85rem;
    border-top-right-radius: 0.85rem;
    /* width: 100%;*/
    /* box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;*/
    box-shadow: 0 0px 3px 0 rgb(0 0 0 / 41%), 0 1px 8px 0 rgba(0, 0, 0, 0.19) !important;
}

.bootom-fixed {
    text-align: center; position: fixed; bottom: 0; padding: 5px; background: #e4e6ef; width: 100%; box-shadow: 0 0px 3px 0 rgb(0 0 0 / 41%), 0 1px 8px 0 rgba(0, 0, 0, 0.19) !important; z-index: 9;
}

/*****************************Media Query ******************************************/

@media(max-width: 767.98px){
    .d-flex.align-items-center.flex-wrap.drgs-wrap {
    flex-wrap: nowrap !important;
}
.bioch { font-size: 11px !important; }
.barcode-body { padding: 16px !important; }
.flex-grow-1.card-spacer.pb-0 { padding: 0px 22px !important; }
.gclndr { width: 27% !important; }
.saved-rps.text-center { left: 24%; }
.top-hedr-ctl h3 { font-size: 22px; }
.inner-siderctloff-cnt h1 { font-size: 51px; }
.clndr-mob{ padding: 0 !important; }
.timeline.timeline-5 .timeline-items .timeline-item .timeline-media {
    width: 25px;
    height: 25px;
    z-index: 9;
}
img.sml-icn.img-fluid { height: 46px; }
.timeline.timeline-5 .timeline-items .timeline-item .timeline-desc { padding: 0px 0 0 36px; }
.timeline-item { height: 141px; }
.timeline.timeline-5 .timeline-items .timeline-item .timeline-desc::before { left: 11px; top: 27px; }
.timeline-items { height: 88vh; }
.timeline-item { height: 185px; }
.span-time { font-size: 16px; }
.span-desc { font-size: 15px; }
.dnvitem { width: 50%; }
a.nav-link.dnavs-link { padding: 15px !important; }
.mob-nt-fix {
        position: relative !important;
        margin-bottom: 21px;
    }
}
@media(max-width: 540.98px){
    .timeline-item {
        height: 168px;
    }
}
@media(max-width: 414.98px){
    .timeline-item {
        height: 160px;
    }
}
@media(max-width: 412.98px){
    .timeline-item {
        height: 211px;
    }
}
@media(max-width: 393.98px){
    .timeline-item {
        height: 188px;
    }
}
@media(max-width: 375.98px){
    .timeline-item {
        height: 153px;
    }
}
@media(max-width: 360.98px){
    .timeline-item {
        height: 175px;
    }
}

.inner-full-bar { width: 188.97px; height: 113.38px; }
.rgno { font-size: 6px; }
.rgno2 { font-size: 6px !important; }
.new-barc { height: 53px; }
@media print {
     .noprint2 {
         display: none;
    }
     .noprint {
         visibility: hidden;
    }
     .header-mobile-fixed .wrapper {
         padding: 0 !important;
    }
     .inner-full-bar {
         width: auto;
         height: auto;
    }
}

/****************************** START PRINT ******************************/


/*************Tax Generate Css*********/
.inner-sider-top-add h3 {
    color: #f26722;
    font-weight: bold;
}
.inner-sider-top-add h6 {
    color: #1b2655;
    margin-bottom: 3px;
}
.inner-sider-top-add h1 {
    font-size: 31px;
    font-weight: bold;
    margin-top: 7px;
    color: #B81EF0;
}
h6.add-bdr {
    border: none !important;
}
.top-invoice.border-bottom {
    background: #f7f8fa;
    padding: 14px;
    border-bottom: none !important;
}
.top-invoice h2 {
    font-weight: bold;
    font-size: 35px;
}
.inner-sider-top-add h3 {
    font-weight: bold;
    color: #B81EF0;
    font-size: 22px;
}
.inner-sider-top-add h6 {
    color: #1b2655;
    margin-bottom: 3px;
    font-size: 18px;
}
.inner-sider-top-add h4 {
    font-weight: bold;
    color: #B81EF0;
    font-size: 22px;
}
th.font-weight-bold.text-muted.text-uppercase { border-bottom: 2px dashed #000; color: #B81EF0 !important; font-size: 16px; }
h6.add-bdr { border-top: 2px solid #d4d1d1 !important; padding-top: 8px !important; margin-top: 7px; }
.inner-sider-top-add.text-right { text-align: right !important; }
tr.font-weight-bold.rcpt-tr-tax td { font-size: 16px; }
.inner-sider-top-add h5 { font-size: 22px; }
/*************Tax Generate Css*********/
            
/****************************** END PRINT ******************************/
.congrst-img img { height: 180px; }
.rep-notes { border-top: 2px solid #000; padding-top: 8px; font-size: 11px; }
.ftr-txt { font-size: 23px !important; font-weight: 600 !important; color: #fff !important; }
.footer { position: fixed; left: 0; bottom: 0; width: 100%; height: 50px; }
.ft-white { color: #fff !important; }
#kt_content { background-color: #fbf4ff !important; }
.header {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;}
/*.header {box-shadow: -1px 5px #8829bdcc !important;}*/
.card-custom { box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px !important;}

.dataTables_wrapper .dataTable th, .dataTables_wrapper .dataTable td {padding: 0.2rem 1rem !important; font-size: 12px !important;}
.gutter-b { margin-bottom: 60px !important; }
.card.card-custom > .card-body { padding: 1rem 2.25rem !important; }
.gu-b { margin-bottom: 10px !important; }
.table { color: #000 !important; }