body, p {
    color: #000 !important;
}

.ShowInHighContrastMode {
    display: block;
}

.HideInHighContrastMode {
    display: none;
}

#mainNavDate, #mainNavTools a {
    color: #000 !important;
}

#homeShortcut .homeHeading > div span {
    background-color: #8bb6da !important;
    border-right: 2px solid #fff;
}

#homeShortcut .homeHeading > div:last-child span {
    border-right: none;
}

#homeShortcut .homeHeading > div.selected span, #homeShortcut .homeHeading > div:hover span {
    background-color: #28567b !important;
}

#homeWhatsNew .homeHeading, #homeDepts .homeHeading {
    color: #000;
    background-color: #fff;
    opacity: 1;
}

/* --------------------------- */
/* for Home 2022.06.09 [Begin] */
/* --------------------------- */
/*#homeWhatsNew .homeContent, #homeWhatsNew .homeContent a, #homeDepts .homeContent, #homeDepts .homeContent a {
    color: #000;
    background-color: #fff;
    opacity: 0.85;
}*/
#homeWhatsNew .homeContent, #homeWhatsNew .homeContent a, #homeDepts .homeContent, #homeDepts .homeContent a {
    color: #262626;
    background-color: #F5FAFD;
    opacity: 1;
}
/* ------------------------- */
/* for Home 2022.06.09 [End] */
/* ------------------------- */


/* --------------------------- */
/* for Home 2022.06.09 [Begin] */
/* --------------------------- */
/*#homeWhatsNew .homeContent a:hover, #homeDepts .homeContent a:hover {
    color: #fff;
    background-color: #000;
    font-weight: bold;
}*/
#homeWhatsNew .homeContent a:hover, #homeDepts .homeContent a:hover {
    color: #FFFFFF;
    background-color: #28567B;
    font-weight: bold;
}
/* --------------------------- */
/* for Home 2022.06.09 [End] */
/* --------------------------- */


.mainMenuSite > div a:link {
    color: #000 !important;
}

.mainMenuSite > div a:hover {
    background-color: #28567b !important;
    color: #fff !important;
}

#contentBreadcrumb span, #contentBreadcrumb span a {
    color: #000 !important;
}

#contentBreadcrumb span.current, #contentHeadingline, #contentTitle {
        color: #28567b !important;
        border-color: #28567b !important;
    }

.sectionPatients #contentBody h3 {
    color: #28567b !important;
}

/*use fo Patients Heading*/
.sectionPatients .PS_Title {
    color: #FFFFFF !important;
    background-color: #28567b !important;	
}

#contentMenu #menuHospitalization:hover {
    color: #EEEEEE !important;
    background-color: #666666 !important;	
}

#contentMenu #menuServices:hover {
    color: #EEEEEE !important;
    background-color: #666666 !important;	
}

#contentMenu .noSubMenu:hover {
    color: #EEEEEE !important;
    background-color: #666666 !important;
}


/* --------------------------- */
/* for hover 2022.06.09 [Begin] */
/* --------------------------- */

/* #contentMenu a.current, #contentMenu a:hover {
    color: #fff !important;
    background-color: #28567b !important;
} */
#contentMenu a.current {
    color: #fff !important;
    background-color: #28567b !important;
}
#contentMenu a:hover {
    color: #EEEEEE !important;
    background-color: #666666 !important;
	opacity: 1 !important;
}

/* --------------------------- */
/* for hover 2022.06.09 [End] */
/* --------------------------- */


#contentMenu ul.subMenu a:hover {
    color: #00124f !important;
    background-color: #aecce6 !important;
}

/*use for Referral and MediaOthers*/
#contentMenu ul.subMenu a.current, #contentMenu ul.subMenu a:hover {
    color: #EEEEEE !important;
    background-color: #666666 !important;
}

.sectionHealthCare #contentMenu a:hover {
    opacity: 1.0;
}

.t1, .t2 a, .t3 a, .t4 a, .t6 a, .t7 a, .t8, .t9 a, .t10 a, .t11 a , .t12 a{
    color: #00124f !important;
    background-color: #8bb6da !important;
}

#services_list .bb a, #services_list .bb a{
    color: #036D9B !important;
}

#services_list .bb a, #services_list .bb a:hover {
    color: #0070c0 !important;
}

#contentBody, #contentBody p, #contentBody td {
    color: #000;
}

    #contentBody a {
        color: #003f7a;
        text-decoration: underline;
    }

    #contentBody li, #contentBody p, td {
        color: #000 !important;
    }

    #contentBody .btn-info {
        color: #fff !important;
        background-color: #28567b !important;
        border-color: #28567b !important;
    }

        #contentBody .btn-info:hover {
            color: #732888 !important;
            background-color: #F5E1F9 !important;
        }
	.sectionHospital>#contentBody>h3>#contentTitle{
		color: #28567b !important;		
	}

.sectionVisitors #contentBody h4 {
    color: #fff;
    background-color: #28567b;
}

.sectionVisitors #contentBody h3 {
    color: #28567b !important;
}

.sectionHospital #contentBody h4 {
    color: #fff;
    background-color: #28567b;
}

    .sectionHospital #contentBody h4.news_title {
        background-color: #ffffff;
        color: #000;
        padding-bottom: 3px;
        margin-bottom: 0px;
    }

.sectionHealthCare table th, .sectionHealthCare table td {
    border: 1px solid #28567b;
}

.sectionHealthCare #contentBody h3 {
    color: #28567b !important;
}

.sectionHealthCare table th {
    background-color: #28567b;
    color: #fff;
}

.sectionHealthCare .table-striped > tbody > tr:nth-child(2n) > td, .sectionHealthCare .table-striped > tbody > tr:nth-child(2n) > th {
    background-color: #dfeef9;
}

.sectionHealthCare .table-striped > tbody > tr:nth-child(2n+1) > td, .sectionHealthCare .table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: #fff7f8;
}

.sectionHospital .table-striped > tbody > tr:nth-child(2n) > td, .sectionHospital .table-striped > tbody > tr:nth-child(2n) > th {
    background-color: #acd5ec;
}

.sectionHospital .table-striped > tbody > tr:nth-child(2n+1) > td, .sectionHospital .table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: #dfeef9;
}

.sectionVisitors .fnb_title {
    background: url('../Pages/Visitors/Facilities/images/hc/fnb-icon.png') no-repeat center left;
}

.sectionVisitors .csi_title {
    background: url('../Pages/Visitors/Facilities/images/hc/cs-icon.png') no-repeat center left;
}

.sectionVisitors .vm_title {
    background: url('../Pages/Visitors/Facilities/images/hc/vm-icon.png') no-repeat center left;
}

.sectionVisitors .atm_title {
    background: url('../Pages/Visitors/Facilities/images/hc/atm-icon.png') no-repeat center left;
}

.sectionVisitors .babycare_title {
    background: url('../Pages/Visitors/Facilities/images/hc/babycare-icon.png') no-repeat center left;
}

.sectionVisitors .babycare_title {
    background: url('../Pages/Visitors/Facilities/images/hc/babycare-icon.png') no-repeat center left;
}

.sectionVisitors .wifi_title {
    background: url('../Pages/Visitors/Facilities/images/hc/wifi-icon.png') no-repeat center left;
}

ol.governanceOrgChart td, ol.governanceOrgChart th {
    background-color: #acd5ec;
}

ol.governanceOrgChart .light td, ol.governanceOrgChart .light th {
    background-color: #dfeef9;
}

#contentBody .videoWrapper a {
    color: #393939;
    text-decoration: underline;
}

#contentBody .photoWrapper a {
    color: #393939;
    text-decoration: underline;
}

	/*Use for MediaPublications only*/
.sectionHospital .MP_pri_row{
    background-color:#acd5ec !important;
	border-color:#acd5ec !important;
    }

    .sectionHospital .MP_sec_row{
    background-color:#dfeef9 !important;
	border-color:#dfeef9 !important;
    }
	
	/*Use for MediaMass only*/
	.sectionHospital .MM_mv h4 {
    color: #fff;
    background-color: #28567b;
}
.sectionHospital .MM_pri_row{
    background-color:#acd5ec !important;
	border-color:#acd5ec !important;
    }

    .sectionHospital .MM_sec_row{
    background-color:#dfeef9 !important;
	border-color:#dfeef9 !important;
    }

/*Use for Press Releases only*/
.sectionHospital .PR_pri_row{
    background-color:#acd5ec !important;
	border-color:#acd5ec !important;
}

.sectionHospital .PR_sec_row{
    background-color:#dfeef9 !important;
	border-color:#dfeef9 !important;
}

/*Use for Donation pages*/
.sectionSupportUs .Donation_topRow{
background-color:#28567b !important;
color:#FFFFFF !important;
}
.sectionSupportUs .Donation_1stRow{
background-color:#dfeef9 !important;
}
.sectionSupportUs .Donation_2ndRow{
background-color:#acd5ec !important;
}
.donationform{
	display:none !important;	
	text-decoration: none !important;
}
.donationform_hc{
	display:inline !important;
}

/*Use for Newsletter pages*/
#div_newletters .nl_btn a,#div_newletters .nl_btn_en a{
color:white !important;
}
.stories_container h4{
color:#393939 !important;
}

/*Use for Other publications and report pages*/
#div_Others .nl_btn a:hover,#div_newletters .nl_btn_en a:hover{
color:white !important;
}
#div_Others .nl_btn:hover,#div_newletters .nl_btn_en:hover{
background-color:#0072A3 !important;
color:white !important;
}

#div_Others .nl_btn:hover > a,#div_newletters .nl_btn_en:hover > a{
background-color:#0072A3 !important;
color:white !important;
}

/*Use for Other publications and report pages*/
#div_Others .nl_btn,#div_newletters .nl_btn_en{
background-color:#EDF0F2 !important;
color:#393939 !important;
}
#div_Others .nl_btn a,#div_newletters .nl_btn_en a{
color:#393939 !important;
}

.stories tr td{
border-color:#28567B !important;
}

.headerWithDivider{
color:	#28567B;
}

#a_Email{
color:	#003F7A !important;
}

/*Use for MediaNewsletter page, refer to photo gallery*/
.nl_btn {
    background-color: #EDF0F2;
    color: #393939;
}

    .nl_btn a {
        background-color: #EDF0F2;
        color: #393939;
    }

    .nl_btn:hover {
        background-color: #0072A3;
        color: #FFFFFF;
    }

        .nl_btn:hover > a {
            background-color: #0072A3;
            color: #FFFFFF;
        }


/* --------------------------- */
/* for Home 2022.06.09 [Begin] */
/* --------------------------- */
#homeWhatsNew .homeHeading, #homeDepts .homeHeading {
    color: #28567B;
    background-color: #DFEEF9;
}
#homeWhatsNew .homeContent, #homeDepts .homeContent {
    color: #262626;
    background-color: #F5FAFD;
}
/* ------------------------- */
/* for Home 2022.06.09 [End] */
/* ------------------------- */

/* ------------------------------- */
/* for SOPC NewAppointment [begin] */
/* ------------------------------- */

.SOPC_Title {
    color: #28567B;
}

.SOPC_highlight {
    color: #28567B;
}

/* ----------------------------- */
/* for SOPC NewAppointment [end] */
/* ----------------------------- */


/* ------------------------------------- */
/* for SOPC AttendingAppointment [begin] */
/* ------------------------------------- */

.SOPC_AA_Title {
    color: #28567B;
}

.SOPC_AA_highlight {
    color: #28567B;
}

.SOPC_AA_hr_AA_1 {
    color: #28567B;
}

.SOPC_AA_hr_AA_2 {
    color: #28567B;
}

.SOPC_AA_hr_AA_3 {
    color: #28567B;
}

.SOPC_AA_Red_caption div {
    color: white;
    background-color: #28567B;
}

/* ----------------------------------- */
/* for SOPC AttendingAppointment [end] */
/* ----------------------------------- */

/* ---------------------------- */
/* for DiseaseInfo  [begin] */
/* ---------------------------- */


/*change button color and after hover*/

.dinfobtn {
    background-color: white;
    color: #28567B;
    font-weight: bold;
}

    .dinfobtn:hover {
        background-color: #28567B;
        color: white;
    }


/*change conditions by category link color*/
.container_diseases_link a {
    color: #28567B;
}

/*change conditions A-Z link color*/
.search_result_link a {
    color: #28567B;
}

    .search_result_link a:hover {
        background-color: #28567B;
        color: white !important;
    }

/*change conditions diseases link color*/
.container_diseases_link {
    padding-left: 30px;
    transition: background-color 0.3s, color 0.3s;
    font-size: 30px;
}

    .container_diseases_link a:hover {
        background-color: #28567B;
        color: white !important;
    }

    .container_diseases_link a {
        display: block;
        width: 100%;
        text-align: left;
    }

/*create a little triangle under the button*/
@media only screen and (min-width: 991px) {
    .btn[aria-expanded="true"]::after {
        content: '';
        position: absolute;
        right: calc( 50% - 25px);
        margin-top: 70px;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 20px solid #000;
        border-color: #28567B transparent transparent transparent;
    }
}

/*button after expand*/
.dinfobtn[aria-expanded="true"] {
    background-color: #28567B;
    color: #fff;
    font-size: 18px;
}



/* ---------------------------- */
/* for DiseaseInfo  [end] */
/* ---------------------------- */

/* ---------------------------- */
/* for HKBMB  [begin] */
/* ---------------------------- */

.hkbmb_h4 {
    background-color: #117478;
    text-align: center;
    color: #ffffff !important
}

.hkbmb_pri_row {
    background-color: #f2f2f2;
}

.hkbmb_sec_row {
    background-color: #fff;
}

.hkbmb_pri_row, .hkbmb_sec_row {
    text-align: left;
    margin-left: 0px;
    margin-right: 0px;
    border: 1px;
    border-color: #E5E4E3;
    border-style: solid;
}

.hkbmb_info_col, .hkbmb_loc_col {
    border-left: 1px;
    border-color: #E5E4E3;
    border-left-style: solid;
}

/* ---------------------------- */
/* for HKBMB  [end] */
/* ---------------------------- */

/* ---------------------------- */
/* for DoctorList  [begin] */
/* ---------------------------- */
.doctor_name {
    color: #393939;
}

#doctor_list {
    width: 100%;
    margin: 0;
}

    #doctor_list > .service {
        width: 100%;
        margin-bottom: 10px;
        color: #FFFFFF;
        /*font-family: "RobotoCondensed";*/
        font-weight: bold;
        border-radius: 5px;
        padding-inline-start: 20px;
    }

        #doctor_list > .service > .service-header {
            display: block;
            width: 100%;
            padding: 3px 30px;
            color: #28567b;
            /*font-family: "RobotoCondensed";*/
            text-decoration: none;
            background: #fff url('images/icons/icon01.png') no-repeat center left;
            padding-inline-start: 20px;
        }


            #doctor_list > .service > .service-header:hover {
                color: #036D9B;
                font-weight: bold;
                background: #fff url('images/icons/icon01.png') no-repeat center left 5px;
            }

        #doctor_list > .service > .service-content {
            display: none;
            padding: 10px 20px;
            background-color: rgba(255, 255, 255, 0.1);
            border-top: 1px solid rgba(255, 255, 255, 0.3);
        }

        #doctor_list > .service > .service-header.expanded {
            background: #f398b9 url('images/bs_icons/chevron-up.svg') no-repeat center right 20px; /* Change icon when expanded */
        }

        #doctor_list > .service > .service-content {
            color: #393939; /* Text color for the content */
        }

        #doctor_list > .service > .service-content {
            color: #393939; /* Text color for the content */
        }

            #doctor_list > .service > .service-content .image-list {
                list-style-type: none; /* Remove bullet points */
                padding: 0; /* Remove padding */
                margin: 10px 0; /* Add some margin for spacing */
                display: flex; /* Use flexbox for horizontal layout */
                flex-wrap: wrap; /* Allow items to wrap to the next line */
                justify-content: flex-start; /* Align items to the start */
            }

                #doctor_list > .service > .service-content .image-list li {
                    margin-right: 30px; /* Space between images */
                    margin-bottom: 10px; /* Space below images for wrapping */
                    text-align: center; /* Center the text under each image */
                    max-width: 120px; /* Limit the max width of each list item */
                }

                    #doctor_list > .service > .service-content .image-list li:last-child {
                        margin-right: 0; /* Remove margin from the last image */
                    }

                #doctor_list > .service > .service-content .image-list img {
                    max-width: 100px; /* Set a max width for images */
                    height: auto; /* Maintain aspect ratio */
                    border-radius: 5px; /* Optional: add rounded corners */
                }

                #doctor_list > .service > .service-content .image-list .image-name {
                    margin-top: 5px; /* Space between image and name */
                    color: #393939; /* Text color for the names */
                    /*font-family: "RobotoCondensed;";*/ /* Font family for names */
                    max-width: 100%; /* Ensures the name does not exceed the image width */
                    white-space: normal; /* Allow text to wrap */
                    word-wrap: break-word; /* Break long words to fit the container */
                    font-size: 0.9em; /* Slightly smaller font size */
                    font-weight: normal;
                }

/* ---------------------------- */
/* for DoctorList  [end] */
/* ---------------------------- */