/*
.overrides_custom css

Place styles for simple UI customization in this file.

This file is loaded after all other CSS, so selectors here will win in case of conflict with default rules.

Using this file to customize is the method most likely to conserve your customizations even if markup changes in future product releases.

Extensive customizations may be easier to implement by replacing one or more of the standard theme files in your custom theme folder.

However, if future product releases place styles for new markup components into the files you have replaced, your theme will not have these new styles,
and therefore, will not display the new components correctly.

*/

/* change left info pannel size and colour from login page */
#loginPage #copy {
    background-color: transparent;
    min-width: 56vw;
    margin: 0 0 0 22px;
}

/*remove default jasper logo on login page right pannel - white form*/
#loginForm .devices {
    background-image: none;
}

/* change login page background image - left panel*/
#loginPage {
    background: rgba(0, 0, 0, 0) url(images/mc_login_bg.png) no-repeat fixed center center / cover;
    background-color: #EBEEF2;
    background-size: 65vw;
    background-position: -7px;
    background-position-x: 14px;
}

/* change logo - after logged in */
#logo {
    background-image: url(images/saga-logo-R.png);
    margin: 0px 0px 0px 0px;
    height: 39px;
    width: 200px;
    background-position: left;
    background-color: white;
}

/*prepare div - right panel*/
#loginPage #loginForm {
    height: 100vh;
    background-color: white;
    opacity: 75%;
}

/* hide unwanted default jasper contents - left panel */
#loginPage #welcome h1{
    visibility: hidden;
}

/* hide unwanted default jasper contents - left panel */
#loginPage #rotating > .primary, #loginPage #rotating > .secondary{
    visibility: hidden;
}

/* replace saga logo - login page - left panel */
#loginPage #welcome {
    background-image: url(images/saga-logo-R.png);
    background-repeat: no-repeat;
    background-position-x: -18px;
}

#showHideLocaleAndTimezone, #showHideChangePassword{
    color: #055dab!important;
}

/*display saga logo with R superscript - completely*/
#loginPage #welcome, #loginPage .community #welcome{
    height: 11vh;
}

/*align saga logo with mc login bg left margin*/
.info {
    margin: 0 0 0 0 px;
}