/* Customize Branding for AIMS SUITE <05062020v01-MD */

/* Files Required */
/* Custom Banner - custom_banner_logo.png
   Twisted Logo - custom_twisted_logo.png
   
   



/* 1. PASSWORD STATION LOGO - (Issue if Height is > 60px) */
/* 2. BACKGROUND COLOR */
/* 3. FORGROUND COLOR */
/* 4. TWISTED PS LOGO */
/* 5. SIGNOUT IMAGE  - (Issue if background-color=white) */
/* 6. FOOTER DEFAULTS */
/* 7. IDENTITY ENFORCER */
/* 8. APRROVER */
/* 9. AIMS CONFIGURATION */



/* 1. PASSWORD STATION LOGO */
/* Upload to same directory. Ideally image is width: 259px height: 60px; If height > 60px, then more customizations will be required*/
  .navbar .navbar-header .brand .logo.PS, .navbar .navbar-header .brand .logo.HD
{
  background-image: url('/branding/asset/img/custom_banner_logo.png');
  width:311px;
  height: 60px;
}

/* 2. HEADER BACKGROUND COLOR */
/* Default is background-color: RGB(4,168,79) */
  .headerdiv.PS .navbar, .headerdiv.HD .navbar
{
  background-color: #ffffff;
}

/* 3. HEADER FORGROUND COLOR */
/* Default is color: white; */
  .headerdiv .subHeader
, .headerdiv .signOutArea
, .headerdiv .homeButtonArea
, .headerdiv .riskArea
, #header .top-header
, #header .top-header span
, #header.top-header
, #header.top-header span
{
  color: #1A2677;
}

/* 4. REPLACE TWISTED LOGO */
/* To remove set background-image:none  */

.headerdiv .PS.twistedLogo, .headerdiv .HD.twistedLogo, .Approver.top-header .twisted-logo, 
.IEClient.top-header .twisted-logo, .WorkflowAdmin.top-header .twisted-logo, 
.headerdiv .AT.twistedLogo, .GE.top-header .twisted-logo, .AIMSConfig.top-header .twisted-logo,
.SSOConfig.top-header .twisted-logo, .top-header .twisted-logo
{
    /*
	background-image: url('/branding/asset/img/custom_twisted_logo.png');
	width: 159px;
    height: 90px;
	
	*/

/* To remove set background-image:none  */
	
   background-image: none; 
}

/* 6.  GLOBAL FOOTER DEFAULTS: If background is white, then update foreground color to something else*/
#pagefooter
{
	background-color: #FFFFFF;	/* FOOTER BACKGROUND COLOR #b9b9b9 */
	color: #000000;				/* FOOTER FOREGROUND COLOR #e9e9e9 */
	margin: 3px 0px; 
    border-top: 1px solid #FFFFFF; /* SET THIS TO SAME VALUE OF backgroun-color if no line is desired */
}

/* 7. User facing pages Client, Approver, Workflow Admin, Identity Analyzer, Account Terminator */

.IEClient.top-header .top-logo, .Approver.top-header .top-logo, .WorkflowAdmin.top-header .top-logo, 
.navbar .navbar-header .brand .AT.logo, .GE.top-header .top-logo, .Main.top-header .top-logo 

 {
    background-image: url("/branding/asset/img/custom_banner_logo.png");
    width: 311px;
    height: 60px;
}

.IEClient.top-header, .Approver.top-header, .WorkflowAdmin.top-header, .AT.headerdiv .navbar,
.GE.top-header ,.Main.top-header
{
    background-color: #FFFFFF;
}


/* 9. CONFIGURATION */


.top-header.Main .top-logo, .AIMSConfig.top-header .top-logo, .top-header.ACConfig .top-logo, .top-header.ATConfig .top-logo, .top-header.CAConfig .top-logo,
.top-header.GEConfig .top-logo, .top-header.GRConfig .top-logo, .top-header.IAConfig .top-logo, .top-header.IEConfig .top-logo,
.top-header.PBConfig .top-logo, .top-header.PSConfig .top-logo, .top-header.ReportsConfig .top-logo, .SSOConfig.top-header .top-logo
 {
    background-image: url('/branding/asset/img/custom_banner_logo1.png');
    width: 311px;
    height: 60px;
}

.top-header.Main, .AIMSConfig.top-header, .top-header.ACConfig, .top-header.ATConfig, .top-header.CAConfig, .top-header.GEConfig,
.top-header.GRConfig, .top-header.IAConfig, .top-header.IEConfig, .top-header.PBConfig, .top-header.PSConfig, .top-header.ReportsConfig,
.SSOConfig.top-header

 {
    background-color: #FFFFFF;
}
.top-header.Main .twisted-logo, .AIMSConfig.top-header .twisted-logo, .top-header.ACConfig .twisted-logo, .top-header.ATConfig .twisted-logo, .top-header.CAConfig .twisted-logo,
.top-header.GEConfig .twisted-logo, .top-header.GRConfig .twisted-logo, .top-header.IAConfig .twisted-logo, .top-header.IEConfig .twisted-logo,
.top-header.PBConfig .twisted-logo, .top-header.PSConfig .twisted-logo, .top-header.ReportsConfig .twisted-logo

{
    background-image: url('/branding/asset/img/<customer_logo.png');
    width: 159px;
    height: 90px;
}

.top-header .top-logout-area .signOutImage, #pnlRiskButton .riskImage
{
	height: 43px;
	width: 43px;

/*	background-image: url("/branding/asset/img/sprite.desktop.png"); */
	background-image: url("/branding/asset/img/sprite.desktop-black.svg"), none;
	
	display: inline-block;
	
	margin-left: 9px;
	margin-right: 30px;
}

.homeButtonArea .homeImage{
	
    background-position: -104px -269px !important;
    width: 43px !important;
    height: 43px !important;
}

.signOutImage {
	
    background-position: -3px -269px !important;
    width: 43px !important;
    height: 43px !important;
}

/* Center button splits  */
.button-split-2, .button-split-1, .button-split-3
{
text-align: center;
}

/* Hide disagree button */ 
#btnTextIDisagree
/* #ButtonTextResend */
{
visibility:hidden;
display:none;
}

/*Best practices button Size -  Must update I agree button in RESX to be "continue" */
#btnTextIAgree, #ButtonTextContinue, #ButtonNo, #ButtonYes, #ButtonTextContinue, #ButtonTextCancel,#ButtonTextSignout, #ButtonContinue, #btnTextIDisagree, #ButtonTextResend, #ButtonTextBack, #btnTextYes, #btnTextNo, #btnTextContinue, #btnTextCancel, #btnTextResetPIN
{
width: 120px;
color: #FFFFFF;
background-color: #1A2677;
border-color: #1A2677; 
}


/* Change Default Button Colors & on Hover */
#btnTextIAgree, #ButtonTextContinue, #ButtonNo, #ButtonYes, #ButtonTextContinue, #ButtonTextCancel,#ButtonTextSignout, #ButtonContinue, #btnTextIDisagree, #ButtonTextResend , #ButtonTextBack, #btnTextYes, #BtnTextNo, #btnTextContinue, #btnTextCancel, #btnTextResetPIN
{
color: #FFFFFF;
background-color: #1A2677;
border-color: #1A2677; 
}

#btnTextIAgree:hover, #ButtonTextContinue:hover, #ButtonNo:hover, #ButtonYes:hover, #ButtonTextContinue:hover, #ButtonTextCancel:hover,#ButtonTextSignout:hover, #ButtonContinue:hover, #btnTextIDisagree:hover, #ButtonTextResend:hover, #ButtonTextBack:hover, #btnTextIAgree:hover, #btnTextYes:hover, #btnTextNo:hover, #btnTextContinue:hover, #btnTextCancel:hover, #btnTextResetPIN:hover

{
color: #FFFFFF;
background-color: #1A2677;
border-color: #1A2677;

}

/* Changes the FONT color and size for RESET FORGOTTEN PASSWORD FOR */
.sectionHeader9 span {
    font-size: 20px;
    color: #0057A8;
    font color: #1A2677;
}