/* Original HOME CSS */
#contentwrap h1 {
    color: #2764AF;
}

#contentwrap h2 {
    color: white;
    font-size: 2em;
}

.column.left {
    margin-top: 260px;
    background: #ededed url(../images/home/bg-mainbox.png) repeat-x 0 0;
}

    .column.left img {
        margin-top: -260px;
    }

#contentwrap .column.left a {
    color: #c60b46;
}

#contentwrap .column.left a:focus-visible {
    outline-offset: 1px;
    outline: 1px solid #000;
}

#contentwrap .column.left #ImageRotate {
    display: none;
}

.column.right {
    padding-top: 0px;
}

    .column.right #walkthrough {
        font-size: 1.75em;
    }

#contentwrap .right p a {
    color: #b2b2b2;
}

.column.right label {
    color: white;
}

.column.right form {
    /* Keeping form alignment intact */
}

    .column.right form label.remember {
        float: left;
    }

    .column.right form button,
    .column.right form input[type="submit"] {
        clear: none;
        float: left;
    }

#havent {
    padding: 1em;
    background: #242424;
    border-top: 1px solid #2b2b2b;
    margin-top: 1em;
}

    #havent h2 {
        font-size: 1.7em;
        padding: 0.5em;
        border: 1px solid #2b2b2b;
    }

        #havent h2 a {
            color: #4e88d0;
        }

/* General Reset for fieldset, form, and inputs to avoid overflow */
#loginForm,
#loginForm fieldset.vertical {
    overflow: hidden !important; /* Force hiding of any scrollbars */
    max-width: 100%; /* Prevent overflowing content */
    width: 100%; /* Ensure the container takes full width */
    box-sizing: border-box; /* Include padding and border in width calculation */
    padding: 0;
    margin: 0;
}

    /* Input field styling to avoid horizontal overflow */
    #loginForm input[type="text"],
    #loginForm input[type="password"] {
        width: 90%; /* Responsive input size */
        max-width: 260px; /* Ensure input doesn�t stretch too far */
        margin: 5px 0; /* Consistent vertical margin */
        padding: 5px; /* Ensure padding inside the input is consistent */
        box-sizing: border-box; /* Include padding in width */
    }

    #loginForm input[type="text"]:focus-visible,
    #loginForm input[type="password"]:focus-visible,
    #loginForm .form-check-input:focus-visible,
    #loginForm button:focus-visible,
    #contentwrap form p.footnote a:focus-visible {
        outline-offset: 1px;
        outline: 1px solid #fff;
    }

    /* Label adjustments to ensure compact spacing */
    #loginForm fieldset.vertical label {
        display: block; /* Keep labels block level for stacking */
        margin: 0; /* Remove browser-added margins */
        padding: 0; /* Remove padding */
        line-height: 1; /* Ensure minimal height */
        margin-bottom: 3px; /* Tighter space between label and input */
    }

    /* Perfect alignment for the Remember Me checkbox */
    #loginForm .remember-container {
        display: flex; /* Align checkbox and label horizontally */
        align-items: center; /* Align them vertically */
        gap: 5px; /* Add spacing between checkbox and label */
        margin-left: 0px; /* Ensure alignment with other inputs */
        margin-top: 10px; /* Add spacing above the container */
        width: 100%; /* Ensure it stretches consistently */
    }

    /* Keep the checkbox aligned properly */
    #loginForm .form-check-input {
        margin: 0; /* Remove default margin */
        padding: 0; /* No padding needed */
        width: auto; /* Keep natural width */
        vertical-align: middle; /* Align with the label text */
    }

    /* Proper alignment for the submit button */
    #loginForm button {
        align-self: flex-start; /* Align button to the left */
        margin-top: 10px; /* Add space above the button */
        margin-left: 0px;
    }

    /* Footnote styling to prevent overflow */
    #loginForm p.footnote {
        text-align: left; /* Align text to the left */
        margin-top: 15px; /* Space above the footnote */
        width: 100%; /* Ensure it doesn�t overflow */
        margin-left: 0px;
    }

    /* Hiding scrollbars in WebKit browsers */
    #loginForm::-webkit-scrollbar,
    #loginForm fieldset.vertical::-webkit-scrollbar {
        display: none; /* Completely hide scrollbars */
    }

/* Hiding scrollbars in Firefox */
#loginForm {
    scrollbar-width: none; /* No scrollbar for Firefox */
}