[data-cellid="footer_c3"][data-page="_global_login_Events1"][data-cellid="footer_c3"][data-page="_global_login_Events1"][data-cellid="footer_c3"][data-page="_global_login_Events1"] {
  width: 66.66666667%;
}
[data-cellid="footer_c"][data-page="_global_login_Events1"][data-cellid="footer_c"][data-page="_global_login_Events1"][data-cellid="footer_c"][data-page="_global_login_Events1"] {
  width: 66.66666667%;
}
[data-page="_global_login_Events1"][data-itemid="login_message"] {
  color: #000000;
}


/* =========================================================
   LOGIN PAGE - FINAL MASTER CSS
========================================================= */

/* 1. Body & Vertical Centering */
body.function-login {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    margin: 0;
    /* Note: Background image is handled in the HTML tab via Smarty */
}

/* 2. Dark Gray Outer Box (The Frame) */
body.function-login .r-panel-page {
    background-color: rgba(85, 94, 107, 0.95) !important;
    padding: 50px 40px !important; /* Increased padding for better spacing */
    border-radius: 25px;
    width: 100%;
    max-width: 600px; /* Slightly wider to accommodate larger text/logo */
    margin: auto;
    box-shadow: 0 20px 60px rgba(0,0,0,0.5);
    box-sizing: border-box;
}

/* 3. Logo Styling */
.login-logo-container { 
    text-align: center; 
    padding-bottom: 30px; 
}

.login-logo-container img { 
    max-width: 320px; /* Adjusted for P_Logo visibility */
    height: auto; 
    display: inline-block;
}

/* 4. Global Header Wrapper (Inside Dark Box) */
.login-header-wrapper { 
    text-align: center; 
    margin-bottom: 25px; 
    color: #FFFFFF !important; 
    font-size: 1.2rem;
}

/* 5. White Inner Login Card */
body.function-login .bs-pagepanel.panel {
    background: #F8F9FA !important;
    border: none !important;
    border-radius: 15px !important;
    padding: 45px 35px !important;
    box-shadow: none !important;
    border-top: 6px solid #8ceabb !important; /* Green Accent */
}

/* 6. Title & Language Switcher Layout */
body.function-login .r-panel-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

body.function-login .panel-title h3 {
    color: #49515A !important;
    font-size: 1.7rem !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    margin: 0 !important;
}

/* Language Button Styling */
body.function-login .btn-group .btn-flat {
    background-color: #B1B3B5 !important;
    border-radius: 50px !important;
    color: #fff !important;
    border: none !important;
    padding: 8px 18px !important;
}

/* 7. Hide ASPRunner Native Labels */
body.function-login label.control-label,
body.function-login [data-itemtype="username"] label,
body.function-login [data-itemtype="password"] label {
    display: none !important; 
}

/* 8. Input Boxes (Light Blue Pill Shape) */
body.function-login input.form-control {
    display: block !important;
    width: 100% !important;
    border-radius: 50px !important;
    border: 1px solid #ced4da !important;
    background-color: #e8f0fe !important; /* Light blue tint */
    padding: 18px 20px !important;
    text-align: center !important; 
    font-size: 1.1rem !important;
    color: #333 !important;
    margin-bottom: 15px !important;
    box-sizing: border-box;
}

/* 9. Login Button (Green Gradient) */
body.function-login .btn-primary {
    background: linear-gradient(160deg, #8ceabb 0%, #378f7b 100%) !important; 
    border: none !important;
    border-radius: 50px !important;
    width: 100% !important;
    display: block !important;
    padding: 16px !important;
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    color: #FFFFFF !important;
    margin-top: 15px;
    box-shadow: 0 5px 20px rgba(55, 143, 123, 0.4);
    transition: transform 0.2s ease;
}

body.function-login .btn-primary:hover {
    transform: translateY(-2px);
}

/* 10. Forgot Password Link */
body.function-login [data-itemtype="login_remind"] {
    display: block;
    text-align: right !important; 
    margin-top: 15px;
}

body.function-login [data-itemtype="login_remind"] a {
    color: #F37550 !important; /* Coral */
    font-weight: 700;
    font-size: 1.1rem;
    text-decoration: none !important;
}

/* 11. Footer Styling (100% Bigger Text) */
.custom-login-footer { 
    text-align: center; 
    padding-top: 40px; 
    padding-bottom: 20px;
    width: 100%;
}

.custom-login-footer p, 
.custom-login-footer b {
    color: #ced4da !important; /* Brighter gray for contrast */
    font-size: 2rem !important; /* Massive readable text */
    line-height: 1.5;
    margin: 0;
    display: block; /* Stacks text for better readability if needed */
}

.custom-login-footer b {
    font-weight: 700;
}