/*
 * Smitty (2015/03/11 - 2015/08/12)
 *  Made extensive changes to conform to CashPro style requirements for 3.8.1
 *
 * Smitty (2016/06/23 - 2017/01/25)
 *  Made 3.10.0 upgrade changes for RDSO 
 *
 * Smitty (2018/03/28 - 2018/07/14)
 *  Made 3.14.1 upgrade changes for RDSO
 *
 * Smitty (2020/05/01 - 2021/01/08)
 *  Made CashPro mandated branding changes
 *
 * Smitty (2021/06/01 - 2021/06/20)
 *  Made changes to the customer portal version only to include the required masthead
 *  branding changes to allow for RDSO to run in a separate tab. When we revert back 
 *  to running in an iframe replace this with layout.css_iframe. Any general style
 *  changes will need to be made to the style sheets for both portals.
 *
 * Smitty (2023/07/31)
 *  Merged stylesheets for each portal back together so that associate portal can also
 *  be displayed in it's own tab.
 *
 * Shalaka & Smitty (2023/06/01 - 2024/??/??)
 *  Made changes to support 3.19 upgrade. This includes adding a masthead and Confirm
 *  dialog to the admin portal as a part of moving the Admin portal to a separate tab,
 *  like what was done earlier for the Customer portal.
 *
 * NOTES:
 *
 * + Use the following escapes in place of the associated character for any #id
 *   selectors to ensure they will be properly recognized in all browsers.
 *
 *       Char  Escape
 *       ----  -------
 *        :    \:
 *        .    \00002e
 *
 * + Use versioning for any images referenced by adding '?v=n' to the end of
 *   the URL reference to force browsers to download the latest images.
 *
 *       background-image: url("../images/rdso-add.svg?v=3");
 *
 *   If an image gets updated add 1 to n whenever the image is modified to
 *   ensure the new image is downloaded.
 *
 * +++++++ IMPORTANT ++++++++ IMPORTANT ++++++++ IMPORTANT ++++++++ IMPORTANT ++++++++
 *
 *   The pages served from the web server have been modified to use the same style
 *   sheets as the main app. Therefore, make sure to copy this file to the
 *   /unavailable/css directory to ensure the latest styles are applied. In addition,
 *   make sure any required font files are also copied there. Finally, image files
 *   are located in /unavailable/images. Make sure any images that are updated are
 *   also copied there if needed.
 */

/* Header Styles */

#Header {
 height: 9.6rem;
 background: url("../images/bac_logo.svg?v=3");
 background-size: 24rem;
 background-repeat: no-repeat;
 background-position: center 1.6rem;
 max-width: 140rem;
 margin: 0 auto;
}
#Header table {
 width: 100%;
}
.HeaderTitle {
 display: block;
 font-family: Connections, HelveticaNeue, Helvetica, Arial, sans-serif;
 font-size: 3.2rem;
 line-height: 3.2rem;
 color: #012169;
 padding-left: 2rem;
 padding-bottom: 0.8rem;
 padding-top: 5.6rem;
}
.HeaderTitle .SubTitleLight {
 padding-left: 0;
 font-size: 2.8rem;
 color: #009cde;
}

/* Header Button Table Styles */

#Header .Right {
 vertical-align: bottom;
}
.HeaderButton {
 font-size: 1.6rem;
 padding-right: 2rem;
 height: 2rem;
 margin-bottom: 0.8rem;
 display: inline-block;
 float: right;
 position: relative;
}
.HeaderButton a {
 display: inline-block;
 vertical-align: top;
 height: 2rem;
 overflow: hidden;
}
.HeaderButton img {
 width: 1.6rem;
 height: 2rem;
}
#Header .CloseLink,
#HeaderForm\:LogoffLink {
 background-image: url("../images/rdso-close.svg?v=3");
 background-size: 2rem;
 background-repeat: no-repeat;
 background-position: left center;
 padding-left: 2.4rem;
 height: 2rem;
 overflow: hidden;
}
#HeaderForm\:TipsOnLink {
 padding-left: 3.4rem;
 background-image: url("../images/rdso-show.svg?v=3");
 background-repeat: no-repeat;
 background-position: left center;
 background-size: 3rem 2rem;
}
#HeaderForm\:TipsOffLink {
 padding-left: 2.9rem;
 background-image: url("../images/rdso-hide.svg?v=3");
 background-repeat: no-repeat;
 background-size: 2.5rem 2rem;
 background-position: left center;
}
#HeaderForm\:PageHelpLink {
 background-image: url("../images/rdso-help.svg?v=3");
 padding-left: 2.4rem;
 background-position: left center;
 background-repeat: no-repeat;
 background-size: 2rem;
}
.HeaderButton .LoggedInUserBlock {
 position: absolute;
 top: -5.5rem;
 right: 2rem;
 text-align: right;
 font-size: 1.4rem;
 white-space: nowrap;
}
.HeaderButton .User {
 display: flex;
 font-family: Connections, HelveticaNeue, Helvetica, Arial, sans-serif;
 font-size: 1.4rem;
 line-height: 1.4rem;
 color: #646464;
 float: right;
 font-weight: bold;
 background-color: transparent;
 width: 100%;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content: right;
}
.HeaderButton .UserLastLogin {
 font-size: 1.2rem;
 overflow: hidden;
 text-overflow: ellipsis;
 background-color: transparent;
 order: 1;
 width: 60vw;
}
.HeaderButton .UserLastLogin::before {
 content: "Last sign in: ";
}
.HeaderButton .UserName{
 padding-right: 1.6rem;
 background: url("../images/rdso-circle.svg?v=3");
 background-size: 0.8rem;
 background-repeat: no-repeat;
 background-position: right center;
 order: 2;
 background-color: #ffffff;
}
.HeaderButton .UserRoles {
 padding-left: 0.8rem;
 overflow: hidden;
 text-overflow: ellipsis;
 max-width: 25rem;
 order: 3;
 background-color: #ffffff;
}
.HeaderButton .UserRoles:hover {
 max-width: none;
}
.FDICSignageBelow {
 display: flex;
 padding: 1.6rem 2rem;
 font-size: 1.3rem;
 flex-flow: row wrap;
 align-items: end;
 line-height: 1.3rem;
}
.FDICSignage {
 display: inline-flex;
 flex-direction: column;
 align-items: baseline;
}
.FDICSignageImage {
 height: 1.574rem;
}
.FDICSignageLink {
 display: inline-block;
 padding-left: 0.4rem;
 padding-top: 0.6rem;
 color: #0057d1;
}
.FDICSignageLink:hover,
.FDICSignageLink:visited {
 color: #0057d1;
}
.FDICSignageLink:focus {
 color: #0057d1;
 text-decoration: underline;
}
.FDICSignageText {
 padding-top:  0.6rem;
}

/* Sub Header Styles */

#SubHeader {
 border-top: solid 0.3rem #cccccc;
 padding-top: 4.9rem;
}
#SubHeader > table {
 width: 100%;
 max-width: 140rem;
 margin: 0 auto;
 background: linear-gradient(to top, #d5d5d5 0.1rem, transparent 0);
}
#SubHeader .Left {
 padding-left: 1.4rem;
 padding-top: 1.6rem;
}
#SubHeader .Right {
 vertical-align: top;
}
.CustomerResources #SubHeader,
.GeneralError #SubHeader,
.pagenotfound #SubHeader,
.SSOError #SubHeader,
.systemunavailable #SubHeader {
 padding-top: 0;
}

/* Page Styles */

#Form,
#ErrorForm {
 max-width: 140rem;
 margin: 0 auto;
}
.PageTable:not(.TableButton) {
 width: 100%;
 margin-top: 3.2rem;
 padding-right: 2rem;
 padding-left: 2rem;
}
.CustomTab .PageTable,
.NoNavPage .PageTable {
 margin-top: 0;
 padding: 0;
}
.AgedOpenDepositList .PageTable > tbody > tr:nth-child(3) > td,
.AssignDeposit .PageTable > tbody > tr:nth-child(3) > td,
.CustomFieldAdvancedCopy .PageTable > tbody > tr:nth-child(3) > td,
.CustomFieldCopy .PageTable > tbody > tr:nth-child(3) > td,
.CustomFieldSearch .PageTable > tbody > tr:nth-child(3) > td,
.CustomeFieldCopy .PageTable > tbody > tr:nth-child(3) > td,
.CustomerDepositProfileDetails .PageTable > tbody > tr:nth-child(3) > td,
.CustomerPreferences .PageTable > tbody > tr:nth-child(3) > td,
.DefineRemittanceCoupon .PageTable > tbody > tr:nth-child(3) > td,
.DefineRemittanceCouponField .PageTable > tbody > tr:nth-child(3) > td,
.DepositList .PageTable > tbody > tr:nth-child(3) > td,
.DepositListReport .PageTable > tbody > tr:nth-child(2) > td,
.DepositLocationSelect .PageTable > tbody > tr:nth-child(3) > td,
.EditAccountAutopopulate .PageTable > tbody > tr:nth-child(3) > td,
.EditCouponRule .PageTable > tbody > tr:nth-child(3) > td,
.EditCustomField .PageTable > tbody > tr:nth-child(3) > td,
.EditCustomFieldAcctDoc .PageTable > tbody > tr:nth-child(3) > td,
.EditDeposit .PageTable > tbody > tr:nth-child(3) > td,
.EditLocation .PageTable > tbody > tr:nth-child(3) > td,
.EditRule .PageTable > tbody > tr:nth-child(3) > td,
.EditRuleAccount .PageTable > tbody > tr:nth-child(3) > td,
.EditUserReports .PageTable > tbody > tr:nth-child(3) > td,
.LocationSearch .PageTable > tbody > tr:nth-child(3) > td,
.MessageUserSearch .PageTable > tbody > tr:nth-child(3) > td,
.NewAccountAutopopulate .PageTable > tbody > tr:nth-child(3) > td,
.NewCustomField .PageTable > tbody > tr:nth-child(3) > td,
.NewCustomerLocation .PageTable > tbody > tr:nth-child(3) > td,
.NewDeposit .PageTable > tbody > tr:nth-child(3) > td,
.NewLocation .PageTable > tbody > tr:nth-child(3) > td,
.NewRolePermission .PageTable > tbody > tr:nth-child(3) > td,
.NewRule .PageTable > tbody > tr:nth-child(3) > td,
.NewRuleAccount .PageTable > tbody > tr:nth-child(3) > td,
.RemittanceCouponList .PageTable > tbody > tr:nth-child(3) > td,
.RemittanceCouponSelection .PageTable > tbody > tr:nth-child(3) > td,
.RoleSearch .PageTable > tbody > tr:nth-child(3) > td,
.RuleAccountSearch .PageTable > tbody > tr:nth-child(3) > td,
.ShowDepositRemittance .PageTable > tbody > tr:nth-child(3) > td,
.ShowImageQuality .PageTable > tbody > tr:nth-child(3) > td,
.UserAccountExclusion .PageTable > tbody > tr:nth-child(3) > td,
.UserDetails .PageTable > tbody > tr:nth-child(3) > td,
.UserEdit .PageTable > tbody > tr:nth-child(3) > td,
.UserEditLocations .PageTable > tbody > tr:nth-child(3) > td,
.UserEditRoles .PageTable > tbody > tr:nth-child(3) > td,
.UserSearch .PageTable > tbody > tr:nth-child(3) > td,
.ViewDepositDetails .PageTable > tbody > tr:nth-child(3) > td,
.WizardOuter .PageTable > tbody > tr:first-child > td {
 padding: 0;
}
.DepositList .PageTable > tbody > tr:last-child > td {
 padding: 0;
}
.TwoColumnPageTable {
 width: 100%;
 padding-left: 2rem;
}
.TwoColumnPageTable .PageTable {
 margin-bottom: 2.4rem;
}
.TwoColumnPageTable .TDSide {
 vertical-align: top;
 padding-top: 2.4rem;
 width: 17rem;
 background: linear-gradient(to left, #cccccc 0.1rem, transparent 0);
 padding-bottom: 2.4rem;
}
.TwoColumnPageTable .TDPageCtnt {
 vertical-align: top;
}
.CustomerDepositProfileDetails .TwoColumnPageTable .TDPageCtnt {
 position: relative;
}
.TDPageCtnt input.right {
 margin-top: 0;
}
.TDPageCtnt br {
 display: none;
}
.TDPageCtnt .ToolTip br {
 display: inline;
}
.TDSideNavBorder {
 width: 0.4rem;
}
.CustomerResources #Page,
.GeneralError #Page,
.pagenotfound #Page,
.SSOError #Page,
.systemunavailable #Page {
 max-width: 140rem;
 margin: 0 auto;
}
.SSOError #Page {
 padding: 0 2rem;
 margin-top: 3.2rem;
}

/* Footer Styles */

#Footer {
 padding: 3.2rem 2rem;
 margin-top: 3.2rem;
 color: #ffffff;
 background-color: #012169;
}
.AuditLogSearch ~ #Footer,
.BankRuleAccountSearch ~ #Footer,
.BankUserDetails ~ #Footer,
.BankUserSearch ~ #Footer,
.CustomFieldAdvancedSearch ~ #Footer,
.CustomFieldSearch ~ #Footer,
.CustomerAccountSearch ~ #Footer,
.CustomerDepositProfileDetails ~ #Footer,
.CustomerDetails ~ #Footer,
.CustomerPreferences ~ #Footer,
.CustomerSearch ~ #Footer,
.CustomTab ~ #Footer,
.DepositConstraintProfileSearch ~ #Footer,
.LocationSearch ~ #Footer,
.MessageList ~ #Footer,
.RoleSearch ~ #Footer,
.RuleAccountSearch ~ #Footer,
.Scanners ~ #Footer,
.SystemTools ~ #Footer,
.UserDetails ~ #Footer,
.UserSearch ~ #Footer,
.VirtualEndorsement ~ #Footer {
 margin-top: 0;
}
.TableFooter {
 width: 100%;
 max-width: 140rem;
 margin: 0 auto;
}
.HelpMapID,
.SecurityPolicy {
 display: none;
}
.VersionGroup{
 color:#ffffff;
}
.Disclosure {
 display: block;
 margin-top: 0;
 width: 100%;
}
.FDIC {
 display: block;
 margin-top: 2.4rem;
}
.Copyright {
 display: block;
 margin-top: 0.8rem;
}
.BACLogo {
 width: 100%;
 height: 6.2rem;
 background-image: url("../images/bac_logo_reverse.svg?v=3");
 background-position: bottom center;
 background-repeat: no-repeat;
 background-size: 30rem;
}
.PrivacyChoices {
 margin-top: 2.4rem;
 max-width: fit-content;
 padding-right: 4rem;
 background-image: url("../images/privacyChoice_white.svg?v=1");
 background-size: auto 1.6rem;
 background-repeat: no-repeat;
 background-position: right center;
 font-size: 1.6rem;
 line-height: 1.6rem;
}
.PrivacyChoicesLink,
.PrivacyChoicesLink:hover,
.PrivacyChoicesLink:active,
.PrivacyChoicesLink:visited {
 color: #ffffff;
}
.CustomTabFrame {
 display: block;
 width: 100%;
 position: relative;
 z-index: 1;
 background-color: #ffffff;
}

/*
 * .PreloadImages* are tied to empty div elements defined at the end of the HoldPolicy
 * parameter (footer text) defined in Global.properties that are used to preload images
 * in the browser cache. Break them into groups to improve performance. Try to limit
 * total background-image string length to 1000 characters. - Smitty (2016/03/14)
 */

.PreloadImages1 {
 height: 0;
 width: 0;
 background-image:
	url("../images/bac_print_logo.jpg?v=3"),
	url("../images/rdso-button-download-hover.svg?v=3"),
	url("../images/rdso-button-error-active.svg?v=3"),
	url("../images/rdso-button-print-active.svg?v=3"),
	url("../images/rdso-message-aware.svg?v=3"),
	url("../images/rdso-message-error.svg?v=3"),
	url("../images/rdso-message-info.svg?v=3");
}
.PreloadDriverImages1 {
 background-image:
	url('../images/BAC-Canon.svg'),
	url('../images/BAC-Digital-Check.svg'),
	url('../images/BAC-Panini.svg'),
	url('../images/BAC-Ricoh.svg');
}
/*
 * Define PreloadImages for static pages
 */

.BankReportsPreloadImages {
 height: 0;
 width: 0;
 background-image:
	url("../images/rdso-button-download-hover.svg?v=3"),
	url("../images/rdso-filter-clear.svg?v=3"),
	url('../images/rdso-sort-ascending.svg?v=3'),
	url('../images/rdso-sort-descending.svg?v=3');
}
.CIFUploadPreloadImages {
 height: 0;
 width: 0;
 background-image:
	url("../images/rdso-button-upload-hover.svg?v=3"),
	url("../images/rdso-button-upload-inactive.svg?v=3"),
	url("../images/rdso-message-aware.svg?v=3"),
	url("../images/rdso-message-error.svg?v=3"),
	url("../images/rdso-message-confirm.svg?v=3");
}