/* main content. This needs to overwrite #main in common.css*/
#main {
    margin:0;
    padding:0;
}

/* div wrapper around the card. Use this to handle its positioning and size*/
#card-wrapper {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    /*min-width:330px;*/            /* width of "eGlobalPay Solutions" */
    width:500px;
}


/* handles the area behind the eglobalPay logo*/
.card-header {
    background-image: radial-gradient(circle farthest-corner at 25% 60%, rgb(255, 255, 255), rgb(200, 200, 225));
    text-align:center;
    padding-top:10px;
    padding-bottom:10px;
}

/* login button */
#login {
    font-weight:600;
}


#errorMsg {
    font-weight:500;
}


.EGP-logo-with-tagline {
    padding-right:20px;
    width:80%;
}

/* Used for "Forgotten password" and "Back to login page" */
.links {
    font-weight:500;
    font-size:1em;
}