﻿/* 
© 2023, The Sage Group plc or its licensors. All rights reserved. 

Use this file to customize the appearance of the Sage CRM login screen.
To activate this file, copy it to:
<Sage CRM installation folder>\WWWRoot\Themes\custom

On the login screen, the HTML elements controlled by this CSS are nested as follows:

<body>
 <div id="LogonPageBody">
  <div id="LogonForm">
   <div id="HeaderImage">
   </div>
  </div>
 </div>
</body>

As a result, HeaderImage overrides LogonForm, and LogonForm overrides LogonPageBody.
*/


/* Positions your custom logo image on the login screen.*/
#LeftLogo {
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

/* Sets the background color of the entire login screen. */
#LogonPageBody {
 background-color: #00966b;
}

/* Sets the background color of the login screen area where the login form is located (the middle of the screen). */
#LogonForm {
 background-color: white;
}

/* Sets the background color of the login screen area where the Sage logo is located (the top of the screen). */
#HeaderImages {
  background-color: white;
}