@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

body {
    font-family: "Inter", sans-serif !important;
}







.profile_none{
    display:none;
}

.left_sidebar {
    float: left;
    min-height: 85vh;
    max-height: 85vh;
    /*overflow-y: scroll;*/
}
.sidemenubar, .closebtn{
    display:none;
}

.sidemenubar{
    display:block;
}

/*Added height 09-06-23*/
.top_header {
    background: #FFFFFF;
    /*height: 107px;*/
}

.logout_profile {
    float: right !important;
    position: absolute;
    color: #fff;
    padding: 0 8px;
    z-index: 99999999;
    width: 50px;
    right: 0px;
    margin: 9px 0px;
}
/*.dashboard-content .top_header{
    position:absolute;
    right:0px;
    top:0px;
    width:80px;
}*/
.bg_color {
    background: #F2F2F2;
}

.popupHeader {
    /*background: linear-gradient(270deg, #334486 2.72%, #697DC7 100%) !important;*/
}

.Icon_bg {
    background: #FFFFFF;
}

.hover_menu {
    background: #F2F2F2;
}

.pro_nme {
    color: #344588;
}

.top_header_schudule {
    color: #697274;
}

.right_border {
    border-right: 1px solid #334486;
}

.top_header_schudule_rght_brd {
    border-right: 1px solid #BACBD4;
}

.hover_menu_icons {
    color: #183858;
}

.profile_icons {
    color: #334486;
}

.footer {
    background-color: #fff;
}

.status li:hover {
    background: #405189;
}

.border-top {
    border-top: 4px solid #3a4b8a;
}

.dashboard-content-header h2 {
    color: #344588;
}

.display_none {
    display: none;
}

.dashboard-content-block {
    margin-top: 0px !important;
}

#btneditdemo {
       margin-top: 0px;
    /* background: #344588; */
    color: #394a8a;
    text-decoration: none;
    font-size: 18px;
    padding: 3px 20px;
    display: inline-block;
    border-radius: 22px;
    font-family: "Inter", sans-serif !important;
    font-weight: normal;
    letter-spacing: 1px;
    /* width: 50px !important; */
    /* height: auto; */
    font-weight: 500;
    color: #AF1F56;
    text-align:right

}

#btnsavedemo {
    margin-top: 0px;
    /* background: #344588; */
    color: #394a8a;
    text-decoration: none;
    font-size: 18px;
    padding: 3px 20px;
    display: inline-block;
    border-radius: 22px;
    font-family: "Inter", sans-serif !important;
    font-weight: normal;
    letter-spacing: 1px;
    /* width: 50px !important; */
    /* height: auto; */
    font-weight: 500;
    color: #AF1F56;
    text-align:right
}


.header_profile_top h4 {
    font-size:16px;
    font-weight:500;
    color:#222
}

.header_profile_inr img {
    position: relative;
    top: -2px;
    margin-right: 6px;
}

/*.header_profile_top h5 {
    font-family: "Inter", sans-serif !important;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 12px;
    color: #697274;
    text-align: center;
    margin-bottom: 3px;
}

.header_profile_top p {
    font-family: "Inter", sans-serif !important;
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    /*line-height: 10px;*/
    margin-bottom: 3px;
    color: #697274;
    text-align: center;
}*/

.nav-tabs > li.active > a, .tabs-inner .nav-tabs > li.active > a:focus, .tabs-inner .nav-tabs > li.active > a:hover {
    background: linear-gradient(270deg, #334486 2.72%, #697DC7 100%);
}

.nav-tabs > li a {
    background: none;
}
.nav>li>a:hover {
     background: none !important;
}

.border-top {
    border-top: 1px solid #BACBD5;
    padding-top: 3px;
}

.p-t-7 {
    padding-top: 7px;
}

.border-right {
    border-right: 1px solid #BACBD5;
}

.border_profile {
    border-right: 1px solid #334486;
}

.p-b-15 {
    padding-bottom: 15px;
}

.dashboard-wrd {
    height: 100%;
}

.p-t-25 {
    padding-top: 25px;
}

#div_View_Appointment {
    /*border: 1px solid #dddddd52;*/
    border-radius: 4px;
    line-height: 35px;
}

.dashboard-menu .left-menu > li > a:hover {
    background-color: #6DA12C;
    color: #fff;
    width: 95%;
    border-radius: 0px 10px 10px 0 !important;
}

.bg-white .tab-content {
    border: 1px solid #ddd0 !important;
    /*padding-top: 0px;*/
}

.nav-tabs {
    border-bottom: 1px solid #ddd0 !important;
}

.all_set_form select, .all_set_form input[type="text"], .all_set_form input[type="date"], .all_set_form input[type="password"], .all_set_form input[type="number"], .all_set_form input[type="email"] {
    color: #334486;
}



#Dbox1 a {
    background-image: url(~/images/New_icons/nav_icons/module_icon/WalleTree.png);
}

/*===========Thanku Mail================*/
.demographic {
    font-family: "Inter", sans-serif !important;
}

.thanku_mail {
    margin-top: 50px !important;
    width: 58% !important;
    margin: 0 auto;
    padding-bottom: 0px !important;
    border: solid 1px transparent !important;
}

    .thanku_mail .service_icons {
        margin-top: 0px;
    }
/*.demographic {
    padding: 25px;
}*/
.services-heading-sub .heading {
    font-family: "Inter", sans-serif !important;
    font-style: normal;
    font-weight: 700;
    font-size: 27px;
    color: #51AE81;
}

.services-heading-sub .sub_heading {
    font-family: "Inter", sans-serif !important;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    color: #697274;
}

.col-md-icons {
    width: 14.666667%;
}

.p-l-0 {
    padding-left: 0px;
}

.border-top_tnku {
    border-top: 0.5px solid #33448654;
    padding: 7px;
    margin-top: 20px;
}

.thanku_mail .colhead {
    width: unset !important;
}

.text_lft_lbl {
    font-family: "Inter", sans-serif !important;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: #888888;
}

    .text_lft_lbl input {
        font-family: "Inter", sans-serif !important;
        font-style: normal;
        font-weight: 500;
        font-size: 16px !important;
        color: #888888;
    }

#showmsg {
    font-family: "Inter", sans-serif !important;
    font-style: normal;
    font-weight: 500;
    font-size: 16px !important;
    color: #888888;
    padding-top: 30px;
    line-height: 28px;
    padding: unset;
}

#btnmovetodashboard {
    background: #344588;
    border-radius: 20.5px;
    font-family: "Inter", sans-serif !important;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    padding: 8px 25px;
    color: #fff;
    border: navajowhite;
    margin-top: 15px;
    margin-bottom: 15px;
}

#mychkMob {
}
/*===============Thanku Mail End============*/

/*===============Receipt  End============*/
#tblreciptopd tbody tr th {
    background-color: #fff !important;
    color: #697274;
    font-weight: 500;
    font-size: 15px;
    text-align: center;
    border-top: 2px solid #F5F5F5;
    top: -1px;
    position: sticky;
    text-align: center;
}

#tblreciptopd tbody tr td {
    background-color: #fff !important;
    border-top: 2px solid #F5F5F5;
    text-align: center;
}

/*===============Receipt  End============*/


#tblreciptipd tbody tr th {
    background-color: #fff !important;
    color: #697274;
    font-weight: 500;
    font-size: 15px;
    text-align: center;
    border-top: 2px solid #F5F5F5;
    top: -1px;
    position: sticky;
    text-align: center;
}

#tblreciptipd tbody tr td {
    background-color: #fff !important;
    border-top: 2px solid #F5F5F5;
    text-align: center;
}











/*=======scroll bar=========*/
/* width */
/*::-webkit-scrollbar {
    width: 6px;
}*/

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 0px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #F2F2F2;
    border-radius: 0px;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #183858;
    }
/*=======scroll bar legend =========*/

.border_profile img {
    width: 60px;
}

#lab_reports tbody tr th:nth-of-type(3), #diagnostic_reports tbody tr th:nth-of-type(3), #discharge_summary1 tbody tr th:nth-of-type(3), #Prescriotionlist tbody tr th:nth-of-type(2) {
    text-align: left;
}

#lab_reports tbody tr td:nth-of-type(3), #diagnostic_reports tbody tr td:nth-of-type(3), #discharge_summary1 tbody tr td:nth-of-type(3), #Prescriotionlist tbody tr td:nth-of-type(2) {
    text-align: left;
}

.dashboard a {
    background-image: url(../../images/New_icons/nav_icons/dashboard.svg);
    background-repeat: no-repeat;
    background-position: 10px 6px;
    background-size: 19.89px 19.93px;
}

.WalleTree a {
    background-image: url(../../images/New_icons/nav_icons/wall_tree.svg);
    background-repeat: no-repeat;
    background-position: 10px 6px;
    background-size: 19.89px 19.93px;
}

.Report a {
    background-image: url(../../images/New_icons/nav_icons/report.svg);
    background-repeat: no-repeat;
    background-position: 10px 6px;
    background-size: 19.89px 19.93px;
}

.Appointment a {
    background-image: url(../../images/New_icons/nav_icons/appointment.svg);
    background-repeat: no-repeat;
    background-position: 10px 6px;
    background-size: 19.89px 19.93px;
}

.Demographic a {
    background-image: url(../../images/New_icons/nav_icons/profile.svg);
    background-repeat: no-repeat;
    background-position: 10px 6px;
    background-size: 19.89px 19.93px;
}

.Bill a {
    background-image: url(../../images/New_icons/nav_icons/bill.svg);
    background-repeat: no-repeat;
    background-position: 10px 6px;
    background-size: 19.89px 19.93px;
}

.IPDeposit a {
    background-image: url(../../images/New_icons/nav_icons/ip-deposit.png);
    background-repeat: no-repeat;
    background-position: 10px 6px;
    background-size: 19.89px 19.93px;
}

.Receipt a {
    background-image: url(../../images/New_icons/nav_icons/receipt.png);
    background-repeat: no-repeat;
    background-position: 10px 6px;
    background-size: 19.89px 19.93px;
}

.Feedback a {
    background-image: url(../../images/New_icons/nav_icons/feedback.svg);
    background-repeat: no-repeat;
    background-position: 10px 6px;
    background-size: 19.89px 19.93px;
}

.Prescriptionpatient a {
    background-image: url(../../images/New_icons/nav_icons/prescription.svg);
    background-repeat: no-repeat;
    background-position: 10px 6px;
    background-size:19.89px 19.93px;
}

.PatientEducationDocumentsPatient a {
    background-image: url(../../images/New_icons/nav_icons/education-document.svg);
    background-repeat: no-repeat;
    background-position: 10px 6px;
    background-size: 19.89px 19.93px;
}

.PatientExternalDocumentPatient a {
    background-image: url(../../images/New_icons/nav_icons/extarnal-document.svg);
    background-repeat: no-repeat;
    background-position: 10px 6px;
    background-size: 19.89px 19.93px;
}

.OPDHealthpackages a {
    background-image: url(../../images/New_icons/nav_icons/OPD_Health.png);
    background-repeat: no-repeat;
    background-position: 10px 6px;
    background-size: 19.89px 19.93px;
}

.Vital a {
    background-image: url(../../images/New_icons/nav_icons/Vital_And_Tracker.svg);
    background-repeat: no-repeat;
    background-position: 10px 6px;
    background-size: 19.89px 19.93px;
}
.manage-member #mainheader {
    background-image: url(../../images/New_icons/nav_icons/FamilyW.png);
    background-repeat: no-repeat;
    background-position: 10px 6px;
    background-size: 19.89px 19.93px;
}
/*=========================================*/
.dashboard a:hover {
    background-image: url(../../images/New_icons/nav_icons/dashboardB.svg);
    background-repeat: no-repeat;
    background-position: 10px 6px;
    background-size: 19.89px 19.93px;
}
.WalleTree a:hover {
    background-image: url(../../images/New_icons/nav_icons/wall_treeB.png);
    background-repeat: no-repeat;
    background-position: 10px 6px;
   background-size: 19.89px 19.93px;
}

.Report a:hover {
    background-image: url(../../images/New_icons/nav_icons/reportB.svg);
    background-repeat: no-repeat;
    background-position: 10px 6px;
   background-size: 19.89px 19.93px;
}

.Appointment a:hover {
    background-image: url(../../images/New_icons/nav_icons/appointmentB.png);
    background-repeat: no-repeat;
    background-position: 10px 6px;
   background-size: 19.89px 19.93px;
}

.Demographic a:hover {
    background-image: url(../../images/New_icons/nav_icons/profileB.png);
    background-repeat: no-repeat;
    background-position: 10px 6px;
   background-size: 19.89px 19.93px;
}

.Bill a:hover {
    background-image: url(../../images/New_icons/nav_icons/billB.png);
    background-repeat: no-repeat;
    background-position: 10px 6px;
   background-size: 19.89px 19.93px;
}

.IPDeposit a:hover {
    background-image: url(../../images/New_icons/nav_icons/ip-depositB.png);
    background-repeat: no-repeat;
    background-position: 10px 6px;
   background-size: 19.89px 19.93px;
}

.Receipt a:hover {
    background-image: url(../../images/New_icons/nav_icons/receiptB.png);
    background-repeat: no-repeat;
    background-position: 10px 6px;
   background-size: 19.89px 19.93px;
}

.Feedback a:hover {
    background-image: url(../../images/New_icons/nav_icons/feedbackB.png);
    background-repeat: no-repeat;
    background-position: 10px 6px;
   background-size: 19.89px 19.93px;
}

.Prescriptionpatient a:hover {
    background-image: url(../../images/New_icons/nav_icons/prescriptionB.png);
    background-repeat: no-repeat;
    background-position: 10px 6px;
   background-size: 19.89px 19.93px;
}

.PatientEducationDocumentsPatient a:hover {
    background-image: url(../../images/New_icons/nav_icons/education-documentB.png);
    background-repeat: no-repeat;
    background-position: 10px 6px;
   background-size: 19.89px 19.93px;
}

.PatientExternalDocumentPatient a:hover {
    background-image: url(../../images/New_icons/nav_icons/extarnal-documentB.png);
    background-repeat: no-repeat;
    background-position: 10px 6px;
   background-size: 19.89px 19.93px;
}

.OPDHealthpackages a:hover {
    background-image: url(../../images/New_icons/nav_icons/OPD_HealthB.png);
    background-repeat: no-repeat;
    background-position: 10px 6px;
   background-size: 19.89px 19.93px;
}

.Vital a:hover {
    background-image: url(../../images/New_icons/nav_icons/Vital_And_TrackerB.png);
    background-repeat: no-repeat;
    background-position: 10px 6px;
   background-size: 19.89px 19.93px;
}

.manage-member #mainheader:hover {
    background-image: url(../../images/New_icons/nav_icons/FamilyB.png);
    background-repeat: no-repeat;
    background-position: 10px 6px;
    background-size: 19.89px 19.93px;
}
/*===========Dashboard ============*/
#Dbox1 a, #Dbox2 a, #Dbox3 a, #DboxAnimate a, #Dbox4 a, #Dbox5 a, #Dbox6 a, #Dbox7 a, #Dbox8 a, #Dbox9 a, #Dbox10 a, #Dbox11 a, #Dbox12 a, #Dbox13 a,#Dbox14 a {
    background-repeat: no-repeat;
    /* height: 50px; */
    background-position: top;
    background-size: contain !important;
    padding: 20px 10px;
    display: flex;
    /* width: 45px; */
    /* text-align: center; */
    margin: auto;
    margin-bottom: 0px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
    #Dbox1 a:hover, #Dbox2 a:hover, #Dbox3 a:hover, #DboxAnimate a:hover, #Dbox4 a:hover, #Dbox5 a:hover, #Dbox6 a:hover, #Dbox7 a:hover, #Dbox8 a:hover, #Dbox9 a:hover, #Dbox10 a:hover, #Dbox11 a:hover, #Dbox12 a:hover, #Dbox13 a:hover, #Dbox14 a:hover {
        color: #fff;
        background-repeat: no-repeat;
    }
/*-----------------------*/
#Dbox1 a span {
    background-image: url(../../images/New_icons/nav_icons/module_icon/WalleTree.png);
}
#Dbox1 a:hover span {
    background-image: url(../../images/New_icons/nav_icons/module_icon/WalleTreeW.png);
}

/* Dbox2 - Report */
#Dbox2 a span {
    background-image: url(../../images/New_icons/nav_icons/module_icon/report-icon.png);
}
#Dbox2 a:hover span {
    background-image: url(../../images/New_icons/nav_icons/module_icon/ReportW.png);
}

/* Dbox3 - Appointment */
#Dbox3 a span {
    background-image: url(../../images/New_icons/nav_icons/module_icon/appointment.png);
}
#Dbox3 a:hover span {
    background-image: url(../../images/New_icons/nav_icons/module_icon/appointmentW.png);
}

/* Dbox4 - Profile */
#Dbox4 a span {
    background-image: url(../../images/New_icons/nav_icons/module_icon/profile.png);
}
#Dbox4 a:hover span {
    background-image: url(../../images/New_icons/nav_icons/module_icon/profileW.png);
}

/* Dbox5 - Bill */
#Dbox5 a span {
    background-image: url(../../images/New_icons/nav_icons/module_icon/bill.png);
}
#Dbox5 a:hover span {
    background-image: url(../../images/New_icons/nav_icons/module_icon/billW.png);
}

/* Dbox6 - IP Deposit */
#Dbox6 a span {
    background-image: url(../../images/New_icons/nav_icons/module_icon/ip_deposite.png);
}
#Dbox6 a:hover span {
    background-image: url(../../images/New_icons/nav_icons/module_icon/ip_depositeW.png);
}

/* Dbox7 - Receipt */
#Dbox7 a span {
    background-image: url(../../images/New_icons/nav_icons/module_icon/receipt.png);
}
#Dbox7 a:hover span {
    background-image: url(../../images/New_icons/nav_icons/module_icon/receiptW.png);
}

/* Dbox8 - Feedback */
#Dbox8 a span {
    background-image: url(../../images/New_icons/nav_icons/module_icon/feedback.png);
}
#Dbox8 a:hover span {
    background-image: url(../../images/New_icons/nav_icons/module_icon/feedbackW.png);
}

/* Dbox9 - Prescription */
#Dbox9 a span {
    background-image: url(../../images/New_icons/nav_icons/module_icon/presception.png);
}
#Dbox9 a:hover span {
    background-image: url(../../images/New_icons/nav_icons/module_icon/presceptionW.png);
}

/* Dbox10 - Patient Education Documents */
#Dbox10 a span {
    background-image: url(../../images/New_icons/nav_icons/module_icon/patient_edu_doc.png);
}
#Dbox10 a:hover span {
    background-image: url(../../images/New_icons/nav_icons/module_icon/patient_edu_docW.png);
}

/* Dbox11 - Patient External Document */
#Dbox11 a span {
    background-image: url(../../images/New_icons/nav_icons/module_icon/patient_ext_doc.png);
}
#Dbox11 a:hover span {
    background-image: url(../../images/New_icons/nav_icons/module_icon/patient_ext_docW.png);
}

/* Dbox12 - OPD Health packages */
#Dbox12 a span {
    background-image: url(../../images/New_icons/nav_icons/module_icon/opd_hlth_pckg.png);
}
#Dbox12 a:hover span {
    background-image: url(../../images/New_icons/nav_icons/module_icon/opd_hlth_pckgW.png);
}

/* Dbox13 - Vital Tracker */
#Dbox13 a span {
    background-image: url(../../images/New_icons/nav_icons/module_icon/vital_tracker.png);
}
#Dbox13 a:hover span {
    background-image: url(../../images/New_icons/nav_icons/module_icon/vital_trackerW.png);
}

/* Dbox14 - Family Member */
#Dbox14 a span {
    background-image: url(../../images/New_icons/nav_icons/module_icon/Family.png);
}
#Dbox14 a:hover span {
    background-image: url(../../images/New_icons/nav_icons/module_icon/FamilyW.png);
}
/* highlights current hovered list item and the parent list items when hovering over sub menues */

.dashboard_main li a span {
    display: inline-block;
    width: 60px;
    height: 60px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto 0px;
}

/* Keep anchor block-level and center text */
.dashboard_main li a {
    display: block;
    text-align: center;
    color: inherit;
    text-decoration: none;
    padding: 20px 10px;
}
.dashboard_main li a:hover {
    transform: scale(1.05);
}

/* new side menu css start here */
/*---------------------------------------------
  ✅ Unique Scoped Sidebar Styles (.app-sidebar-nav + .menu-item-* classes)
----------------------------------------------*/

.app-sidebar-nav li {
    background-repeat: no-repeat;
    background-position: 10px 8px;
    background-size: 19px 20px;
    display: block;
    list-style: none;
    transition: background-image 0.3s ease;
    text-align:left;
    margin-bottom: 9px;
}

.app-sidebar-nav li a {
    padding-left: 46px;
    display: block;
    color: #333;
    text-decoration: none;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 35px;
    border-radius: 0 10px 10px 0;
    transition: background 0.3s, color 0.3s;
    white-space: nowrap;      /* Prevent text wrapping */
  overflow: hidden;         /* Hide overflowed text */
  text-overflow: ellipsis;
}

/* Hover + Active Styles */
.app-sidebar-nav li:hover,
.app-sidebar-nav li.active {
     background-color: #04519A !important;
    background-repeat: no-repeat;
    background-position: 10px 8px;
    background-size: 19px 20px;
    width: 95%;
    border-radius: 0px 10px 10px 0;
}

.app-sidebar-nav li:hover a,
.app-sidebar-nav li.active a {
   color: #fff !important;
}

/*---------------------------------------------
  � Unique Icon Class Bindings (menu-item-*)
----------------------------------------------*/
.menu-item-dashboard     { background-image: url('../../images/New_icons/nav_icons/dashboard.svg'); }
.menu-item-WalleTree     { background-image: url('../../images/New_icons/nav_icons/wall_tree.svg'); }
.menu-item-Report        { background-image: url('../../images/New_icons/nav_icons/report.svg'); }
.menu-item-Appointment   { background-image: url('../../images/New_icons/nav_icons/appointment.svg'); }
.menu-item-Demographic   { background-image: url('../../images/New_icons/nav_icons/profile.svg'); }
.menu-item-Bill          { background-image: url('../../images/New_icons/nav_icons/bill.svg'); }
.menu-item-IPDeposit     { background-image: url('../../images/New_icons/nav_icons/ip-deposit.svg'); }
.menu-item-Receipt       { background-image: url('../../images/New_icons/nav_icons/receipt.svg'); }
.menu-item-Feedback      { background-image: url('../../images/New_icons/nav_icons/feedback.svg'); }
.menu-item-Prescriptionpatient { background-image: url('../../images/New_icons/nav_icons/prescription.svg'); }
.menu-item-PatientEducationDocumentsPatient { background-image: url('../../images/New_icons/nav_icons/education-document.svg'); }
.menu-item-PatientExternalDocumentPatient { background-image: url('../../images/New_icons/nav_icons/extarnal-document.svg'); }
.menu-item-OPDHealthpackages { background-image: url('../../images/New_icons/nav_icons/OPD_Health.svg'); }
.menu-item-Vital         { background-image: url('../../images/New_icons/nav_icons/Vital_And_Tracker.svg'); }
.menu-item-manage-member { background-image: url('../../images/New_icons/nav_icons/family.svg'); }

/* Hover/Active Icon Replacements */
.menu-item-dashboard:hover, .menu-item-dashboard.active     { background-image: url('../../images/New_icons/nav_icons/dashboardB.svg'); }
.menu-item-WalleTree:hover, .menu-item-WalleTree.active     { background-image: url('../../images/New_icons/nav_icons/wall_treeB.svg'); }
.menu-item-Report:hover, .menu-item-Report.active           { background-image: url('../../images/New_icons/nav_icons/reportB.svg'); }
.menu-item-Appointment:hover, .menu-item-Appointment.active { background-image: url('../../images/New_icons/nav_icons/AppointmentB.svg'); }
.menu-item-Demographic:hover, .menu-item-Demographic.active { background-image: url('../../images/New_icons/nav_icons/profileB.svg'); }
.menu-item-Bill:hover, .menu-item-Bill.active               { background-image: url('../../images/New_icons/nav_icons/billB.svg'); }
.menu-item-IPDeposit:hover, .menu-item-IPDeposit.active     { background-image: url('../../images/New_icons/nav_icons/ip-depositB.svg'); }
.menu-item-Receipt:hover, .menu-item-Receipt.active         { background-image: url('../../images/New_icons/nav_icons/receiptB.svg'); }
.menu-item-Feedback:hover, .menu-item-Feedback.active       { background-image: url('../../images/New_icons/nav_icons/feedbackB.svg'); }
.menu-item-Prescriptionpatient:hover, .menu-item-Prescriptionpatient.active {
    background-image: url('../../images/New_icons/nav_icons/prescriptionB.svg');
}
.menu-item-PatientEducationDocumentsPatient:hover, .menu-item-PatientEducationDocumentsPatient.active {
    background-image: url('../../images/New_icons/nav_icons/education-document.svg');
}
.menu-item-PatientExternalDocumentPatient:hover, .menu-item-PatientExternalDocumentPatient.active {
    background-image: url('../../images/New_icons/nav_icons/extarnal-document.svg');
}
.menu-item-OPDHealthpackages:hover, .menu-item-OPDHealthpackages.active {
    background-image: url('../../images/New_icons/nav_icons/OPD_HealthB.svg');
}
.menu-item-Vital:hover, .menu-item-Vital.active {
    background-image: url('../../images/New_icons/nav_icons/Vital_And_TrackerB.svg');
}
.menu-item-manage-member #mainheader:hover,
.menu-item-manage-member.active #mainheader {
    background-image: url('../../images/New_icons/nav_icons/familyB.svg');
    color: #fff;
    background-repeat: no-repeat;
    background-position: 10px 8px;
    background-size: 19px 20px;
}

.app-sidebar-nav li.active {
    background-color: #6DA12C;
    background-repeat: no-repeat;
    background-position: 10px 8px;
    background-size: 19px 20px;
}

.app-sidebar-nav li.active a {
    color: #fff !important;
}

.menu-item-dashboard {
    background-image: url('../../images/New_icons/nav_icons/dashboard.svg');
}
.menu-item-dashboard.active {
    background-image: url('../../images/New_icons/nav_icons/dashboardB.svg');
}

/* Submenu style */
.app-sidebar-nav .submenu {
    display: none;
    padding-left: 20px;
    background-color: #f2f2f2  !important;
    border-left: 1px solid #999;
    color:#222 !important
}

.familyMemberMenu.active .submenu {
    display: block;
}

.app-sidebar-nav .submenu li a {
    padding: 3px 15px;
    display: block;
    color:#222 !important;
    font-size: 13px;
    transition: background 0.3s;
}

.app-sidebar-nav .submenu li a:hover,
.app-sidebar-nav .submenu li.active a {
    /*background-color: #6DA12C;*/
    color: #fff;
    border-radius: 5px;
}

.View_AppointmentTbl th{
    color: #222;
    background: #E7E7E7;
    font-size: 16px;
    font-weight: 600;
    padding: 1px 10px;
}