@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:100;src:local("Roboto Thin "),local("Roboto-Thin"),url(./fonts/roboto-latin-100-BJNx9A77.woff2) format("woff2"),url(./fonts/roboto-latin-100-B3mHgoOJ.woff) format("woff")}@font-face{font-family:Roboto;font-style:italic;font-display:swap;font-weight:100;src:local("Roboto Thin italic"),local("Roboto-Thinitalic"),url(./fonts/roboto-latin-100italic-DkGpOhj0.woff2) format("woff2"),url(./fonts/roboto-latin-100italic-Bjs4D596.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:300;src:local("Roboto Light "),local("Roboto-Light"),url(./fonts/roboto-latin-300-EvKWBL9d.woff2) format("woff2"),url(./fonts/roboto-latin-300-Cx9SeV6m.woff) format("woff")}@font-face{font-family:Roboto;font-style:italic;font-display:swap;font-weight:300;src:local("Roboto Light italic"),local("Roboto-Lightitalic"),url(./fonts/roboto-latin-300italic-CYatNKLh.woff2) format("woff2"),url(./fonts/roboto-latin-300italic-Uxw9HR3T.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:local("Roboto Regular "),local("Roboto-Regular"),url(./fonts/roboto-latin-400-CEEi-WbQ.woff2) format("woff2"),url(./fonts/roboto-latin-400-CKhRtUFO.woff) format("woff")}@font-face{font-family:Roboto;font-style:italic;font-display:swap;font-weight:400;src:local("Roboto Regular italic"),local("Roboto-Regularitalic"),url(./fonts/roboto-latin-400italic-DRWWNyaf.woff2) format("woff2"),url(./fonts/roboto-latin-400italic-B7WW6HdJ.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:500;src:local("Roboto Medium "),local("Roboto-Medium"),url(./fonts/roboto-latin-500-DRg8azjQ.woff2) format("woff2"),url(./fonts/roboto-latin-500-BU-otfqs.woff) format("woff")}@font-face{font-family:Roboto;font-style:italic;font-display:swap;font-weight:500;src:local("Roboto Medium italic"),local("Roboto-Mediumitalic"),url(./fonts/roboto-latin-500italic-CAWXcheQ.woff2) format("woff2"),url(./fonts/roboto-latin-500italic-DC3lxgcN.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:700;src:local("Roboto Bold "),local("Roboto-Bold"),url(./fonts/roboto-latin-700-CqGedB_1.woff2) format("woff2"),url(./fonts/roboto-latin-700-CCwTn0--.woff) format("woff")}@font-face{font-family:Roboto;font-style:italic;font-display:swap;font-weight:700;src:local("Roboto Bold italic"),local("Roboto-Bolditalic"),url(./fonts/roboto-latin-700italic-C5p_YAqY.woff2) format("woff2"),url(./fonts/roboto-latin-700italic-DXbHVVaQ.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:900;src:local("Roboto Black "),local("Roboto-Black"),url(./fonts/roboto-latin-900-BEowQPyJ.woff2) format("woff2"),url(./fonts/roboto-latin-900-Blac3EU0.woff) format("woff")}@font-face{font-family:Roboto;font-style:italic;font-display:swap;font-weight:900;src:local("Roboto Black italic"),local("Roboto-Blackitalic"),url(./fonts/roboto-latin-900italic-DBp_g5Ww.woff2) format("woff2"),url(./fonts/roboto-latin-900italic-uSnr6All.woff) format("woff")}#dhis2-app-root,#dhis2-portal-root{isolation:isolate}







/* ============================================================
   DHIS2 Custom Login Page — Cleaned + Optimized version
   ============================================================ */

/* Background image full screen */
html, body, #dhis2-app-root {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    min-height: 100vh !important;
    background-image: url("./my-bg.png") !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* Remove DHIS2 internal page padding */
.loginPage, .login-wrapper, #root {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Center login box */
.loginForm {
    margin: 0 auto !important;
}












/* ============================================================
   Logo & Header Customization
   ============================================================ */

/* Hide Cambodia flag */
.flag-wrapper,
.flag-wrapper img {
    display: none !important;
    visibility: hidden !important;
}

/* Remove empty DHIS2 title block */
.titles {
    display: none !important;
}

/* Ensure heading takes full width */
.heading,
.title-container {
    display: flex !important;
    justify-content: flex-start !important;   /* align left */
    align-items: center !important;
    width: 100% !important;
}

/* Logo container → move to left */
.logo-wrapper {
    display: flex !important;
    justify-content: flex-start !important;   /* align logo left */
    align-items: center !important;
    width: 100% !important;
    margin-left: 40px !important;             /* adjust spacing */
}

/* Logo size */
.logo-wrapper img {
    max-height: 150px !important;  /* adjust logo size */
    width: auto !important;
    display: block !important;
}














/* Login container UI improvements */
.loginBox, .card, .login-form-container {
    border-radius: 10px !important;
    backdrop-filter: blur(4px) !important;
}

/* Responsive */
@media (max-width: 768px) {
    img { max-height: 60px !important; }
    .loginBox, .card { width: 90% !important; }
}

/* ============================================================
   FOOTER CLEANUP
   ============================================================ */

/* Remove top border + set transparent blue background */
div.footer {
    background: rgba(13, 71, 161, 0.5) !important;
    border-top: none !important;
    padding: 2px 12px !important;
    min-height: 22px !important;
    display: flex !important;
    align-items: center !important;
}

/* Footer text always white */
div.footer *,
div.footer a {
    color: #ffffff !important;
    text-decoration: none !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* ======================================
   REMOVE "Powered by DHIS2" COMPLETELY
   ====================================== */

.powered-by-wrapper,
.powered-by-wrapper *,
span.powered-by-wrapper,
div.powered-by-wrapper,
[class*="powered-by"] {
    display: none !important;
}

/* ======================================
   REMOVE LEFT FOOTER BLOCK COMPLETELY
   ====================================== */

.footer-left,
.footer-left *,
.footer-left:empty {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
}

/* Remove any accidental empty spans */
div.footer *:empty {
    display: none !important;
}

/* Keep only right side (language selector) visible */
.footer-right {
    background: transparent !important;
}



/* Inject your custom footer text */
div.footer::before {
    content: "© 2025 Cambodia CDC MIS — Support: Mr. PEOV Dom | +855 96 688 7405 | dompeou@gmail.com";
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
}









/* ================================
   Add Title Above Login Box
   ================================ */

/* Create the title container */
.login-title-custom {
    font-size: 28px !important;
    font-weight: 700 !important;
    text-align: center !important;
    color: #0d47a1 !important;        /* dark blue */
    margin-bottom: 20px !important;   /* space above login box */
    line-height: 1.3 !important;
}

/* Inject title before the login box */
.login-container::before {
    content: "Cambodia CDC MIS";
    white-space: pre-line !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    text-align: center !important;
    color: #0d47a1 !important;
    display: block !important;
    margin-bottom: 20px !important;
    margin-top: -90px !important;
}