/* ================================================= */
/*               LOGIN PAGE ONLY                     */
/* ================================================= */

/* Hide default Apache logo and text */

.login-ui .logo,
.login-ui .app-name {

    display: none !important;

}

/* ================================================= */
/*              LOGIN PAGE LAYOUT                    */
/* ================================================= */

.login-ui {

    display: flex !important;

    justify-content: center !important;

    align-items: center !important;

    min-height: 100vh !important;

    padding-bottom: 60px !important;

    box-sizing: border-box !important;

    background: #f5f7fa !important;

}

/* ================================================= */
/*                 LOGIN BOX                         */
/* ================================================= */

.login-ui .login-dialog {

    width: 420px !important;

    padding: 40px !important;

    border-radius: 6px !important;

    background: white !important;

    border: 1px solid #d9d9d9 !important;

    box-shadow: 0 2px 10px rgba(0,0,0,0.08) !important;

}

/* ================================================= */
/*                COMPANY LOGO                       */
/* ================================================= */

.login-ui .login-dialog::before {

    content: "";

    display: block;

    width: 100%;

    height: 120px;

    margin: 0 auto 25px auto;

    background-image: url("/images/GO1.png");

    background-repeat: no-repeat;

    background-position: center center;

    background-size: 260px auto;

}

/* ================================================= */
/*             FIX LABEL POSITIONS                   */
/* ================================================= */

.login-ui .fields {

    margin-top: 10px !important;

}

.login-ui .labeled-field label {

    color: #888888 !important;

    font-size: 18px !important;

    left: 15px !important;

}

/* ================================================= */
/*                  INPUT FIELDS                     */
/* ================================================= */

.login-ui input {

    width: 100% !important;

    height: 55px !important;

    padding: 12px 15px !important;

    font-size: 18px !important;

    border-radius: 4px !important;

    border: 1px solid #cccccc !important;

    background: white !important;

    color: black !important;

    box-sizing: border-box !important;

}

/* ================================================= */
/*                  LOGIN BUTTON                     */
/* ================================================= */

.login-ui button {

    width: 100% !important;

    height: 55px !important;

    font-size: 20px !important;

    font-weight: bold !important;

    border-radius: 4px !important;

    background: #3a3a3a !important;

    color: white !important;

    border: none !important;

}

/* ================================================= */
/*                REMOVE EXTRA LINE                  */
/* ================================================= */

.login-ui hr {

    display: none !important;

}

/* ================================================= */
/*              LOGIN PAGE FOOTER ONLY               */
/* ================================================= */

.login-ui::after {

    content: "© GigaOps Technologies | admin@gigaops.org | +91-9063735695";

    position: fixed;

    bottom: 0;

    left: 0;

    width: 100%;

    background: #003366;

    color: white;

    text-align: center;

    padding: 12px 10px;

    font-size: 14px;

    font-weight: bold;

    font-family: Arial, sans-serif;

    box-sizing: border-box;

    z-index: 99999;

}