/*==================================================
//
// File Paths
//
//==================================================*/

/*==================================================
//
// Colors
//
//==================================================*/


/*==================================================
//
// Signin Page - These settings are only used on the signin page if the skin is a (Default skin) OR (a global skin with Role=Unauthenticated Users)
//
//==================================================*/

/*==================================================
//
// Body
//
//==================================================*/

/*==================================================
//
// Message Queue
//
//==================================================*/

/*==================================================
//
// Mobile Nav Bar
//
//==================================================*/


/*==================================================
//
// Top Nav Bar
//
//==================================================*/


/*==================================================
//
// Primary Nav Bar
//
//==================================================*/


/*==================================================
//
// Primary Nav Dropdown Background Color
//
//==================================================*/


/*==================================================
//
// Secondary Nav Bar
//
//==================================================*/

/*==================================================
//
// Error Bar
//
//==================================================*/

/*==================================================
//
// Left Nav Bar
//
//==================================================*/

/*==================================================
//
// Right Nav Bar
//
//==================================================*/

/*==================================================
//
// Left Column
//
//==================================================*/

/*==================================================
//
// Footer
//
//==================================================*/


/*==================================================
//
// Module Container
//
//==================================================*/

/*==================================================
//
// Module Header
//
//==================================================*/

/*==================================================
//
// Module Body
//
//==================================================*/

/*==================================================
//
// Module Buttons
//
//==================================================*/

/*==================================================
//
// Module DataGrid Pagination
//
//==================================================*/


/*==================================================
//
// Module Thumbnail
//
//==================================================*/
/
/*==================================================
//
// Spinner
//
//==================================================*/


/*==================================================
//
// Popup Menus
//
//==================================================*/

/*==================================================
//
// Slider Menu
//
//==================================================*/

/*==================================================
//
// Icons
//
//==================================================*/
/* @import url(~/App_Themes/Theme4-CSS/skins/templates/Custom/Icons/UseSvgOutlineIcons.css) */

/*==================================================
//
// Portal Ribbon (Global Quick Links)
//
//==================================================*/


/*==================================================
//
// Fonts
//
//==================================================*/

/*==================================================
//
// Custom Variables
//
//==================================================*/
/*==================================================
//
//
// Functionality Imports
//
//
//==================================================*/


/*==================================================
//
// Spinner
//
//==================================================*/
.spinner {
	border: 6px solid #004487;
	border-top:6px solid rgba(0,174,239,.8);
}
#busy-div, .busy-div {
    background: ;
}
@media (max-width: 1138px) {
	#busy-div, .busy-div {
		background: ;
	}
}

/*==================================================
//
// Signin Page
//
//==================================================*/
.pre-signin .page-background-image {
	background: url(/App_Themes/Theme4/images/bridge-mobile.jpg) no-repeat center center fixed;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/*==================================================
//
// Body Background
//
//==================================================*/
html,
body,
#fullpageui {
	background-color: #f1f1f1;
	color: ;
	background-image: ;
	background-attachment: fixed;
}
#fullpageui {
	width: 100%;
	overflow: auto;
	height: 550px;
}
.slider-menu2 {
	display: none;
}

.portal-view {
    margin: 0 auto;
	width: ;
}
.pre-signin .page-primary-nav .logo {
	margin: 0 0 0 0;
}
.video-background {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#video-control {
 	position: absolute;
    z-index: 0;
    background-size: 100% 100%;
    top: 0px;
    left: 0px; 
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
}
.hamburger-menu {
    height: 23px;
}
.site-map-title {
	color:  !important;
	font-size:  !important;
}
.left-col-spacer { float: left; width: 323px; height:1px; }
.left-col-spacer.edit-mode { width: 360px; }

@media screen and (max-width: 495px) {
	.content-wrapper {
		padding-top: 10px;
	}
}

/*==================================================
//
// Mobile Nav Bar
//
//==================================================*/
.page-header-container-2-title {
	font-size: 2em;
	color: ;
	margin-top: 0;
	font-weight: bold;
	max-width: 420px;
	text-overflow: hidden;
	overflow: hidden;
	line-height: 1.3em;
}


/*==================================================
//
// Top Nav Bar
//
//==================================================*/
.top-nav-wrapper {
	background: #87212E;
	padding-top: .5em;
	padding-bottom: .5em;
}

.top-nav-right,
.top-nav-right a,
ul.top-nav-right .page-help-link a,
.customize-page-li .customize-page-icon.show-settings {
	color: #FFFFFF;
}
.unreadMessages {
    background: url(/App_Themes/Theme4/images/icon-envelope.png) 0px 0 no-repeat;
}
.unreadMessagesCount {
    background: ;
	color: ;
	border: 1px solid rgba(0,47,94,255);
}
.top-nav-wrapper .customize-page-icon {
    background: url(/App_Themes/Theme4/images/settings-white.png) no-repeat;
}
.page-help-link a {
	margin-left: 0;
}
.top-nav-wrapper .customize-page-li {
	margin-left: 0;
}
a.logout {
    background: url(/App_Themes/Theme4/images/logout-icon.png) no-repeat left center;
	top: 2px;
	position: relative;
}
.top-nav-right .page-last-login {
	padding-top: 3px;
}

.top-nav-wrapper .logo {
	background: ;
}
.top-nav-wrapper .logo .css-imgLogo {
	margin-left: 1.5em;
	margin-top: ;
}

/*==================================================
//
// Primary Nav Bar
//
//==================================================*/
.css-imgLogo {
	background-repeat: no-repeat;
	background-image: url(/Content.aspx?name=USB_Logo_560x135);
	width: 326px;
	height: 57px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.top-nav-wrapper .css-imgLogo {
	width: 100px;
	height: 50px;
}

.page-primary-nav .css-imgLogo {
	width: 326px;
	height: 57px;
}
.page-primary-nav .logo {
	margin-top: 19px;
	margin-left: ;
}

#page-header-container-2 .css-imgLogo {
    width: 177px;
    height: 30px;
}

.page-primary-nav {
	background: #FFFFFF;
	height: ;
	box-sizing: border-box;
	padding-top: .1em;
	padding-bottom: .1em;
}
#page-header-container-2 {
	background: linear-gradient(180deg, #FFFFFF 85%, #f2f2f2 15%);
	padding-top: ;
	padding-bottom: ;
	height: auto;
	height: initial;
	min-height: 4em;
}
#page-header-container-2 .hamburger-menu {
	margin-top: 1.5em !important;
	margin-top: 1em !important;
}
#page-header-container-2 .secure-unread-messages {
    margin-top: 1em;
}

.page-primary-nav .primary-nav {
    max-width: calc(100% - 326px - 50px);
    margin-top: .2em;
}
.page-primary-nav .primary-nav .menu-tree-item1 > a .icon-text {
	/* color: #e8e8e8;
	color: $PrimaryNavItemTextColor; */
	margin-bottom: 2px;
	font-size: 16px;
}
.page-primary-nav .menu-tree-item1 {
    float: left;
    padding: .5em 1em .5em 1em;
}
.page-primary-nav .menu-tree-item1 a {
	padding: 5px 1em;
}

.page-primary-nav .menu-tree-item1 {
	padding-left: ;
	padding-right: ;
}

.hamburger-icon,
.hamburger-icon:after,
.hamburger-icon:before {
	background: ;
}
.page-primary-nav ul.vertical.menu-items li.menu-tree-item1 a,
.page-primary-nav ul.horizontal.menu-items li.menu-tree-item1 a {
	color: #e8e8e8;
    color: #58595B;
}
.page-primary-nav ul.vertical.menu-items li.menu-tree-item1 > a:hover,
.page-primary-nav ul.horizontal.menu-items li.menu-tree-item1 > a:hover {
    color: #0085AF;
}
.page-primary-nav ul.vertical.menu-items li.menu-tree-item2 a,
.page-primary-nav ul.horizontal.menu-items li.menu-tree-item2 a {
    color: #58595B;
}
.menu-items .icon-text {
	color: #58595B;
}
.page-primary-nav ul.vertical.menu-items li.menu-tree-item2 a:hover,
.page-primary-nav ul.horizontal.menu-items li.menu-tree-item2 a:hover {
    color: #0085AF;
}
.page-primary-nav ul.horizontal.menu-items li.menu-tree-item1 > a.current-tab:hover {
	color: #0085AF;
}
.page-primary-nav ul.vertical.menu-items li.menu-tree-item1 > a.current-tab,
.page-primary-nav ul.horizontal.menu-items li.menu-tree-item1 > a.current-tab {
	color: #58595B;
	font-weight: bold;
}
.page-primary-nav .primary-nav .menu-tree-item1 > a.current-tab {
    border-bottom: 5px solid #58595B;
}
.page-primary-nav ul.vertical.menu-items li.menu-tree-item1 .icon-text:hover,
.page-primary-nav ul.horizontal.menu-items li.menu-tree-item1 .icon-text:hover,
.page-primary-nav .primary-nav .menu-item > a .icon-text,
.page-primary-nav .primary-nav .menu-item > a .icon-text:hover {
	color: inherit;
}

/*ul.horizontal ul.menu-items {
	background: $PrimaryNavMenuColor;
}*/
ul.menu-items .hasSubMenu > a .icon-text:after {
	border-right: 2px solid #42A8C4;
	border-bottom: 2px solid #42A8C4;
}

.page-primary-nav .menu-open {
	background: ;
	color: white !important;
	color: white !important;
}

/* fix drop down menu positioning */
.primary-nav ul.horizontal .menu-tree-item1 .menu-items {
    margin-left: 0; 
}

.primary-nav .menu-items.menu-tree-item2 {
     margin-top: 0; 
}

.primary-nav ul.horizontal .menu-tree-item2 .menu-items {
    margin-top: -47px;
}

/*==================================================
//
// Secondary Nav
//
//==================================================*/
.main-content-tabs li,
.main-content-tabs a {
	color: #4d4d4f;
	font-size: 11pt;
}
.main-content-tabs a.current-tab span {
    padding-bottom: 7px;
    background: transparent;
    font-weight: bold;
    border-bottom: 5px solid #DDD;
}
.page-secondary-nav-wrapper {
	background: ;
}
.page-secondary-nav .main-content-tabs a:hover {
	color: ;
}
.page-secondary-nav .main-content-tabs a.current-tab {
	color: ;
}

/*==================================================
//
// Left Nav
//
//==================================================*/
.page-middle-left {
	background: ;
}

@media (max-width: 1138px) {
	.left-col {
		width: 100%;
	}
	#left-sortable .module-single-wrapper {
		float: left;
		width: 300px;
		/* height: 150px; */
		margin-right: 1em;
	}
}
@media (max-width: 800px) {
	#left-sortable .module-single-wrapper {
		float: left;
		margin-right: 1em;
		/* height: 150px; */
	}
}
@media (max-width: 675px) {
	#left-sortable .module-single-wrapper {
		width: 100%;
	}
}

.page-middle-left .hamburger-icon
{
	background: ;
}

.page-middle-left .menu-tree-item1 > a .icon-text {
	color: #000000;
	color: ;
	font-size: 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.page-middle-left .li-menu-open {
	background:  !important;
}
.page-middle-left .menu-open .icon-text {
	color: white !important;
	color:  !important;
}

.page-middle-left li.menu-tree-item1 > a.current-tab {
	padding-left: .9em;
	padding-right: .9em;
	margin-left: -1.3em;
	margin-right: .9em;
    border-left: 5px solid #004487;
	border-radius: ;
	background: ;
	display: block;
}

.page-middle-left ul.vertical.menu-items li.menu-tree-item1 > a.current-tab > .icon-text {
	color: #004487;
}

/*==================================================
//
// Left Column
//
//==================================================*/
.page-middle-column {
    width: 200px;
	background: #004487;
}

/*==================================================
//
// Left Module Container (Quick Modules)
//
//==================================================*/

@media screen and (min-width: 1139px) {
	.left-col .module-single > h2:first-child .module-title {
		padding-bottom: 0;
	}
}
ul.vertical.menu-items li.menu-tree-item1 .icon-text:hover {
    color: #004487;
}

/*==================================================
//
// Right Nav
//
//==================================================*/
.page-middle-right {
	background: transparent;
	background: ;
}

.page-middle-right ul.vertical.menu-items li.menu-tree-item1 .icon-text:hover {
    color: #004487;
}

.page-middle-right .hamburger-icon
{
	background: #000000;
	background: ;
}

.page-middle-right .menu-tree-item1 > a .icon-text {
	color: #000000;
	color: ;
	font-size: 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.page-middle-right .li-menu-open {
	background: #DDD !important;
	background:  !important;
}
.page-middle-right .menu-open .icon-text {
	color: #000000 !important;
	color:  !important;
}

.page-middle-right li.menu-tree-item1 > a.current-tab {
	padding-left: 0;
	padding-right: .9em;
	margin-left: 0;
	margin-right: .9em;
    border-right: 5px solid #004487;
	border-radius: ;
	background: ;
	display: block;
}
	
.page-middle-right ul.vertical.menu-items li.menu-tree-item1 > a.current-tab > .icon-text {
	color: #004487;
	font-weight: bold;
}

/*==================================================
//
// Module Container
//
//==================================================*/

.main-content:not(.main-content-notabs) .main-sortable {
      background: #f1f1f1;
}
.page-middle-middle .content-wrapper {
	background: #f1f1f1;
}
#main-fixedtop .module_container {
	background: ;
}
@media screen and (max-width: 495px) {
	.main-content {
		padding: 10px 0;
	}
}

/*==================================================
//
// Module Header
//
//==================================================*/


.module-single .module-title {
	color: white;
    color: #87212E; font-weight: bold;
}
.module-single > h2:not(.thumbnail):not(.module_header):first-child, .module-single > h1:first-child {
	background: #004487;
	background: #FFFFFF;
}

.module-single > h2:first-child ul li a {
	color: white;
	color: #87212E; font-weight: bold;
	color: ;
}
/* .module-single > h2:not(.thumbnail):not(.module_header):first-child, .module-single > h1:first-child {
	margin-left: $ModuleHeaderMarginLeft;
	margin-right: $ModuleHeaderMarginRight;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: $ModuleHeaderPaddingTop;
	padding-bottom: $ModuleHeaderPaddingBottom;
} */
/* .module-single > h2 .h2-title-container {
    padding-bottom: 0;
} */
.module-header-edit-icon.circleBorder  {
	border-color: #87212E;
}
.module-header-edit-icon .chevron {
    border-right-color: #87212E;
    border-bottom-color: #87212E;
}
.module-header-edit-icon {
	opacity: ;
}
.module-single > h2:first-child div.collapse-expand:after {
	border-right-color: #87212E;
	border-bottom-color: #87212E;
}
.close-overlay-content .module_header {
    padding-left: 0;
	background: none;
}
.module-single > h2:not(.thumbnail):first-child, .module-single > h1:first-child, .module_header {
	border-top-left-radius: ;
	border-top-right-radius: ;
}
@media screen and (max-width: 375px) {
	.module-single > h2:not(.thumbnail):first-child, .module-single > h1:first-child, .module_header {
		width: 100%;
	}
}

/*==================================================
//
// Module Body
//
//==================================================*/
p.message_queue_content {
    color: #DD7C2D;
	font-weight: bold;
}
.ui-widget-content {
    border: 0;
}
.module-single:not(.ui-dialog) {
	background: #FFFFFF;
}
.module-container .mainmodule, .module-container.mainmodule {
	background: #FFFFFF;
}
.laguna-message-overlay {
    background: ;
}
.circle-around-chevron {
	border: 2px solid #004487;
}
.wizard-back-icon:before {
    content: ' ';
    position: absolute;
    box-sizing: content-box;
    left: 7px;
    top: 4px;
    width: 7px;
    height: 7px;
    border: 3px #004487;
    border-style: none solid solid none;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

.laguna-list-items.taller .mainmodule ul > li > a {
	background: ;
}

li.laguna-radio-button-list-item > input[type="radio"] + label {
     background: ;
	 color: rgba(0,20,40,255);
}
.image-buttons li.laguna-radio-button-list-item > input[type="radio"]:checked + label {
     background: ;
}
li.laguna-radio-button-list-item > input[type="radio"]:not([disabled]) + label:hover {
    background: #DDD;
}
li.laguna-radio-button-list-item > input[type="radio"]:checked + label {
	background: rgba(0,47,94,255);
}
.laguna-list-items.taller .mainmodule ul > li > a:hover {
	background: #DDD;
}
.laguna-field.inline-label.balance-amount {
	color: rgba(0,20,40,255);
}
label .account-nickname,
.laguna-radio-button-list.image-buttons label span {
	color: rgba(0,64,128,255);
}
input.button {
	background: #98002E;
	color: #FFFFFF;
}
input.button:hover {
	background: #98002E;
	color: #FFFFFF;
}
.submit_buttons input[type="submit"]:not(.light):not(.light_button), .submit-button,
.laguna-submit-buttons input.button:not(.light) {
	background: #87212E;
	color: #FFFFFF;
}
.submit_buttons input[type="submit"]:not(.light):not(.light_button):hover, .submit-button:hover,
.laguna-submit-buttons input.button:not(.light):hover {
	background: #98002E;
	color: #FFFFFF;
}
.submit_buttons input.light_button,
input.light_button, input.light.button {
	background: ;
	color:  !important;
}
#modal-help-close {
    background: #f3f3f3;
	background: ;
	color: #767676 !important;
	color:  !important;
}

.submit_buttons input.light_button:hover,
input.light_button:hover, input.light.button:hover {
    background: ;
	color:  !important;
}
span.callout_indicator, div.callout_indicator {
	background-size: 1.2em 1.1em;
	background-size: 1.2em 1.1em;
}

/*==================================================
//
// Module Thumbnail
//
//==================================================*/
.tile-thumbnail-header.thumbnail {
    height: 100%;
    margin: 0 !important;
	padding: 1em .5em 0 .5em !important;
}

.module-single  .thumbnail {
	background: ;
}
.module-single > h2.tile-thumbnail-header.thumbnail .h2-title-container > span {
	left: 0;
}
.module-single .thumbnail .module-title {
	color: #004487;
	font-weight: bold;
}
.slider-menu-head {
     background: ;
}
ul.menu-items.menuSub {
	background: ;
}
.account-summary-tile  .thumbnail .h2-content {
    background: url(content.aspx?theme=Theme4&color1=%2300B2A9&color2=%2398002e&image=thumbnail-account-summary.svg);
	background-repeat: no-repeat;
}
.payment-and-transfer-activity-tile label span,
.payment-and-transfer-activity-tile .thumbnail .h2-content,
.view-activity-tile .thumbnail .h2-content {
    background: url(content.aspx?theme=Theme4&color1=%2300B2A9&color2=%2398002e&image=thumbnail-view-activity.svg);
	background-repeat: no-repeat;
}
.laguna-transfer-activity label span,
.scheduled-transfers-tile .thumbnail .h2-content {
    background: url(content.aspx?theme=Theme4&color2=%2300B2A9&color1=%2398002e&image=thumbnail-view-transfer-activity.svg);
	background-repeat: no-repeat;
}
.laguna-payment-activity label span,
.scheduled-payments-tile .thumbnail .h2-content {
    background: url(content.aspx?theme=Theme4&color2=%2300B2A9&color1=%2398002e&image=thumbnail-view-payment-activity.svg);
	background-repeat: no-repeat;
}
.laguna-left-and-right-arrows label span,
.make-a-transfer-tile .thumbnail .h2-content,
.mobile-thumbnail-maketransfer  .thumbnail .h2-content {
    background: url(content.aspx?theme=Theme4&color2=%2300B2A9&color1=%2398002e&image=thumbnail-make-a-transfer.svg);
	background-repeat: no-repeat;
}
.laguna-one-to-many-transfers label span,
.make-multiple-transfers-tile > .thumbnail > .h2-content {
	background: url(content.aspx?theme=Theme4&color2=%2300B2A9&color1=%2398002e&image=thumbnail-one-to-many-transfers.svg);	
	background-repeat: no-repeat;
}
.laguna-paybills label span,
.make-a-payment-tile .thumbnail .h2-content {
    background: url(content.aspx?theme=Theme4&color2=%2300B2A9&color1=%2398002e&image=thumbnail-make-a-payment.svg);
	background-repeat: no-repeat;
}
.laguna-ebills label span {
    background: url(content.aspx?theme=Theme4&color2=%2300B2A9&color1=%2398002e&image=thumbnail-eBill.svg);
	background-repeat: no-repeat;
}
.quick-links-tile .thumbnail .h2-content {
    background: url(content.aspx?theme=Theme4&color1=%2300B2A9&color2=%2398002e&image=thumbnail-quick-links.svg);
	background-repeat: no-repeat;
}
.laguna-person label span {
    background: url(content.aspx?theme=Theme4&color2=%2300B2A9&color1=%2398002e&image=thumbnail-transfer-to-someone.svg);
	background-repeat: no-repeat;
}
.laguna-deposit-check label span,
.deposit-a-check-tile .thumbnail .h2-content {
    background: url(content.aspx?theme=Theme4&color1=%2300B2A9&color2=%2398002e&image=thumbnail-deposit-a-check.svg);
	background-repeat: no-repeat;
}
.laguna-card-valet label span,
.card-valet-tile > .thumbnail > .h2-content {
	background: url(content.aspx?theme=Theme4&color2=%2398002e&color1=%2300B2A9&image=thumbnail-card-valet.svg);
	background-repeat: no-repeat;
}

.laguna-notifi label span,
.notifi-tile > .thumbnail > .h2-content {
	background: url(content.aspx?theme=Theme4&color2=%2300B2A9&color1=%2398002e&image=thumbnail-notifi.svg);
	background-repeat: no-repeat;
}


/*==================================================
//
// Menu
//
//==================================================*/
.slider-menu-head {
    background: ;
}


/*==================================================
//
// Account Summary
//
//==================================================*/

.wizard-step-content div:nth-of-type(2).laguna-radio-button-list.account-summary {
	margin-top: 2em;
}
div.wizard-step,
.laguna-radio-button-list.account-summary input[type="radio"] + label {
	background: transparent;
}
.laguna-radio-button-list.account-summary li.laguna-radio-button-list-item > input[type="radio"] + label:hover {
	background: ;
}

/* Fix existing portal style bug */
.left-col.edit-mode {
    width: 300px;
}





/*==================================================
//
// Body
//
//==================================================*/
/* @import url(~/App_Themes/Theme4-CSS/skins/templates/UseBackgroundVideo.css) */
/* @import url(~/App_Themes/Theme4-CSS/skins/templates/UseBackgroundNoRepeatAndCover.css) */
/* @import url(~/App_Themes/Theme4-CSS/skins/templates/Custom/PortalView/UsePortalContentMaxWidth.css) */
/* @import url(~/App_Themes/Theme4-CSS/skins/templates/Custom/PortalView/UsePortalViewMaxWidth.css) */
/*********** Body/UseBodyFixes.css */
.left-col.left, .left-col.right { display: none; }

.phone-device body {  background: #ffffff; }





/*==================================================
//
// Fonts
//
//==================================================*/
/* Custom/Fonts/UseFontFixes.css */
@font-face {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: 400;
    src: url(webfonts/fa-regular-400.eot);
    src: url(webfonts/fa-regular-400.eot?%23iefix) format("embedded-opentype"), 
    url(webfonts/fa-regular-400.woff2) format("woff2"), 
    url(webfonts/fa-regular-400.woff) format("woff"), 
    url(webfonts/fa-regular-400.ttf) format("truetype"), 
    url(webfonts/fa-regular-400.svg%23fontawesome) format("svg"); 
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1; 
}

@font-face {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: 400;
    src: url(webfonts/fa-regular-401.eot);
    src: url(webfonts/fa-regular-401.eot?%23iefix) format("embedded-opentype"), 
    url(webfonts/fa-regular-401.woff2) format("woff2"), 
    url(webfonts/fa-regular-401.woff) format("woff"), 
    url(webfonts/fa-regular-401.ttf) format("truetype"), 
    url(webfonts/fa-regular-401.svg%23fontawesome) format("svg"); 
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1; 
}

@font-face {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: 400;
    src: url(webfonts/fa-solid-900.eot);
    src: url(webfonts/fa-solid-900.eot?%23iefix) format("embedded-opentype"), 
    url(webfonts/fa-solid-900.woff2) format("woff2"), 
    url(webfonts/fa-solid-900.woff) format("woff"), 
    url(webfonts/fa-solid-900.ttf) format("truetype"), 
    url(webfonts/fa-solid-900.svg%23fontawesome) format("svg"); 
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
   font-variant: normal;
    text-rendering: auto;
    line-height: 1; 
}


 
    @font-face {
        font-family: 'FontAwesome';
        font-style: normal;
        font-weight: 400;
        src: url(webfonts/fontawesome-webfont.eot);
        src: url(webfonts/fontawesome-webfont?%23iefix) format("embedded-opentype"), 
        url(webfonts/fontawesome-webfont.woff2) format("woff2"), 
        url(webfonts/fontawesome-webfont.woff) format("woff"), 
        url(webfonts/fontawesome-webfont.ttf) format("truetype"), 
        url(webfonts/fontawesome-webfont.svg%23fontawesome) format("svg"); 
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1; 
    }

body {
    font-size: 15px !important;
	-webkit-text-size-adjust: none;	
}
body.ios {
	-webkit-text-size-adjust: none;
}

input, select, textarea,
input[type=text], .module-single input[type="text"], .module-single input[type="password"], input[type="email"],
.RadComboBox .rcbInputCell .rcbInput {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 100%;
}

input.button,
button,
.submit_buttons input[type="submit"],
.submit_buttons input[type="button"],
.submit-button {
    font-size: 100%;
}

a {
    font-size: 100%;
}

.inline-table-list > div > span.smaller, .inline-table > span.smaller, .inline-table-cell.smaller, .left-cell.smaller {
	font-size: smaller;
	font-size: 100%;
}

@media (max-width: 735.9px) {
	.date-column .smaller-date.narrow-screen input[type="text"].input_box.input_date {
		min-width: auto;
		width: 100px !important;
		height: 44px;
		font-size: initial;
	}
}
@media (max-width: 320px) {
	.right-cell {
		text-align: left;
	}
}

.laguna-radio-button-list.account-summary .account-number,
.inline-control.text span.account-number,
.laguna-radio-button-list label .account-number,
.inline-control.text span.account-number,
.laguna-checkbox-list label .account-number {
    font-size: 90%;
}

.laguna-field-control span.amount,
.inline-control.text span.amount,
.laguna-radio-button-list label .amount,
.inline-control.text span.amount,
.laguna-checkbox-list label .amount,
.laguna-radio-button-list label .balance-amount,
.laguna-radio-button-list.simple-list-view .transaction-balance {
    font-size: 110%;
}

.laguna-field-control span.account-nickname,
.inline-control.text span.account-nickname,
.laguna-radio-button-list label .account-nickname,
.inline-control.text span.account-nickname,
.laguna-checkbox-list label .account-nickname {
    font-size: 110%;
}

.module-single .module-title {
    font-size: 17pt;
    min-height: auto;
}

.laguna-radio-button-list.simple-list-view .transaction-date {
    font-size: 100%;
}

.narrow-column {
    font-size: 100%;
}
.narrow-column div.smaller > span {
	font-size: 100%;
}
.narrow-column.spaced > div.smaller {
	font-size: 100%;
}





/*==================================================
//
// PreSignin
//
//==================================================*/
/* PreSignin/UsePreSigninFixes.css */

body.pre-signin {
	background-color: white;
	background-color: #f1f1f1;
	background-color: ;
}
.pre-signin .main-sortable {
	background-color: white;
	background-color: white;
}
.pre-signin .portal-view {
    max-width: none;
	max-width: none;
	background: transparent;
}

/* INJECTED: video-background was added by the skin body footer by only if "Secure Login" or "Sign In" is found in a module title.
/* if the "mobile_help_link" class is not found on page, then page assumed to be desktop, and the video-background is injected. */
.pre-signin .video-background {
   display: block;
}
.pre-signin .page-middle-middle .content-wrapper {
    background: transparent;
}

/*
.pre-signin .page-primary-nav {
	padding-top: 0;
}
*/

/*
.pre-signin .page-primary-nav, .pre-signin #page-header-container-2 {
	background: $PreSigninTopBarBackgroundColor;
	height: $PreSigninTopBarHeight;
	border-bottom: 1px solid #027D88;
}
*/

/* center the pre-signin logo vertically - NOW this is done by UseMobileHeaderFixes
.pre-signin .page-primary-nav .logo,
#page-header-container-2 .logo,
#page-header-container-2 .logo > a {
	position: relative;
	height: 100%;
	margin: 0;
	display: inline-block;
}
*/

@media screen and (min-width: 376px) {
	/* show transparent so video can show in middle section */
	.pre-signin .page-middle-middle {
		background: transparent;
	}
} 
@media screen and (max-width: 800px) and (min-width: 421px) {
	.pre-signin .main-sortable.login-width {
		width: calc(27em);
	}
}

@media screen and (min-width: 801px) {
	.login-width {
		border-radius: 6px;
	}
	.login-width .module-single,
	.login-width .module-single > h2 {
		border-top-right-radius: 6px;
	}
	.pre-signin .main-sortable.login-width {
		width: calc((27em + 27em));
	}

	#page-header-container-2 .css-imgLogo {
		height: calc(57px * .75)  !important;
		width: calc(326px * .75) !important;
		display: inline-block;
		margin-bottom: calc(4em  - 57px);
		margin-top: calc((4em - 1em) - 57px);
	}
}

/*
@media screen and (max-width: 1138px) {
     .page-primary-nav .css-imgLogo {
          display: block;
     }
}
*/

/*
.page-primary-nav-inner,
.page-secondary-nav-inner {
	height: 100%;
}
*/

.fast-balances-drawer.show {
    top: 4em;
}


.fast-balances-drawer {
	top: calc(4em - 70%);
}

@media (max-width: 450px) {
	#welcome-div > div {
		text-align: left;
		margin-left: 0;
		left: 0;
		background-color: white;
	}
	#welcome-div div.welcome-div-message {
		color: black;
		padding: 20px;
	}
}

#signin-image {
	text-align: center;
}

/* Add some padding to privacy policy headings */
.help_pop_up h2 {
    margin: 10px 0;
    padding: 5px;
}


.pre-signin .laguna-back-nav:after {
	display: none;
}

/* PreSignin/UseSigninVerticallyCentered.css */

.pre-signin .module-single {
	border: 0;
}
.login-width > div.module-single-wrapper {
	margin-left: 1px;
}
.pre-signin .simple-listView > li {
	border: 0;
}

@media screen and (max-width: 420px) {
	.pre-signin .login-width {
		width: 100%;
	}
	.pre-signin .page-middle-middle {
		background: white;
	}
}
.pre-signin .main-content-notabs .main-sortable,
.pre-signin .main-content .main-sortable {
    margin-top: 0;
	margin: 0 auto;
}

.pre-signin .page-middle-middle .content-wrapper {
	padding: 0;
}

@media screen and (min-width: 451px) {
	.pre-signin .main-content {
		padding-top: 1em;
	}
}
@media screen and (max-width: 420px) {
	.pre-signin .main-content {
		padding: 0;
	}
}

@media screen and (min-width: 376px) and (min-height: 768px) {
	.pre-signin .main-sortable.login-width {
		position: absolute;
		margin: auto auto;
		left: calc(50% - 27em / 2);
		top: calc(50% - 350px);
	}
}
@media screen and (min-width: 801px) and (min-height: 650px) {
	.pre-signin .main-sortable.login-width {
		position: absolute;
		margin: auto auto;
		left: calc(50% - (27em + 27em) / 2);
		top: calc(50% - 247px);
	}
}
/*
@media screen and (min-width: 1139px) and (min-height: 650px) {
	.pre-signin .main-sortable.login-width {
		position: absolute;
		margin: auto auto;
		left: calc(50% - $SigninModuleTotalWidth / 2);
		top: calc(50% - 220px);
	}
}
*/
.ipad.pre-signin .main-sortable.login-width {
	left: calc(50% - (27em + 27em) / 2);
	top: calc(50% - 300px);
}

/* @import url(~/App_Themes/Theme4-CSS/skins/templates/Custom/PreSignin/UseSigninModuleImage.css) */
/* @import url(~/App_Themes/Theme4-CSS/skins/templates/Custom/PreSignin/UsePreSigninBackgroundImage.css) */
/* PreSignin/UseFastBalancesButtonStyling */
/* INJECTED from HTML Injector Module on Signin page */

/* Fast Balances button was INJECTED from HTML Module on Signin page */
.fast-balances-button-area.show {
    display: block;
}
.fast-balances-button-area {
    text-align: center;
    margin-bottom: 0;
    display: none;
	width: 100%;
}
input.fast-balances-button.button {
	margin: 2px 0 2px 0;
	background: rgba(255,255,255,.7);
	border: 1px solid #ddd;
	color: #444;
}

/* Fix the Fast Balances drawer to show full screen below the mobile header */
.fast-balances-drawer.show {
    height: calc(100% - 4em);
    z-index: 200;
    position: fixed;
}
.fast-balances-drawer {
	border: 0;
}

.fast-balances-content {
    height: calc(100% - 50px);
}

/* Fast Balances Close Button was INJECTED from HTML Module on Signin page */
.fast-balances-close-button-area {
	text-align: center;
	position: absolute;
	bottom: 0;
	width: 100%;
}
.fast-balances-close-button {
    margin: 0 auto;
}


/* @import url(~/App_Themes/Theme4-CSS/skins/templates/Custom/PostSignin/UsePostSigninBackgroundImage.css) */

/*==================================================
//
// Footer (and Portal Ribbon)
//
//==================================================*/
/* Footer/UseFooterFixes.css */

.page-footer {
	padding: 0;
	background: white;
	background: #FFF;
	width: 100%;
	z-index: 1;
}

/* hide the footer if hide-footer-content class is found on portal-view element */
.portal-view.hide-footer-content > .page-footer,
.portal-view.hide-footer-content > .page-footer > .page-footer-container {
	display: none;
}

.portal-view.hide-footer-content > .position-fixed-footer-spacer {
	display: none;
}

/* make the footer fixed at bottom of screen is use-fixed-footer class is found on portal-view element
   also note that the footer spacer has to have some height so footer doesnt cover the scrolling page content */
.portal-view.use-fixed-footer > .page-footer {
	position: fixed;
	bottom: 0;
}

/*.portal-view.use-fixed-footer > .position-fixed-footer-spacer {
	height: calc($FooterContentVerticalHeight * 2 + $FooterContentHeight);	
}
*/

/* if the footer is not fixed, then hide the footer spacer because it is not needed */
.portal-view:not(.use-fixed-footer) > .page-footer {
	position: initial;
}
.portal-view:not(.use-fixed-footer) > .position-fixed-footer-spacer {
	display: none;
}


/* Footer/UseGlobalQuickLinksIconBar.css */

.page-footer {
	border-top: 1px solid #ddd;
}

.portal-view.use-footer-ribbon > .page-footer {
	display: block;
}
.portal-view.use-footer-ribbon > .position-fixed-footer-spacer {
	display: block;
}
/*.portal-view.use-fixed-footer > .position-fixed-footer-spacer {
	height: calc($FooterRibbonVerticalHeight * 2 + $FooterRibbonHeight + $FooterContentVerticalHeight * 2 + $FooterContentHeight);
}*/

.global-quicklinks .ribbon-item > div.text {
	font-family: arial; 
	line-height: 25px;
	color: ;
	font-size: 100%;
	letter-spacing: 0.05em;
} 

.global-quicklinks {
    max-width: 1280px;
    margin: 0 auto;
	background: white;
	padding-top: 2px;
}

.global-quicklinks > ul.simple-listView {
	display: flex;
	align-items: center; /* Align Items Vertically */
	justify-content: space-between; /* Align Items Horizontally (with equal space in between each of them */
}

.global-quicklinks > ul.simple-listView > li {
	/*float: left;*/
	/*border: 1px solid #cccccc;*/
	/*display: inline-block;*/
	/*width: 75px;*/
	text-align: center;
	padding: 0;
	margin-right: .5em;	
	height: 50px;
	position: relative;
	box-sizing: border-box;
	border: 0;
}
.global-quicklinks > ul.simple-listView > li  > a {
	display: block;
    /*top: calc(50% - .5em);*/
	width: 100%;
	box-sizing: border-box;
	position: absolute;
	height: 48px;
}

.global-quicklinks > ul.simple-listView > li  > a:focus {
	background: #CCC;
}

/* Styling this assumes that javascript has moved the global quick links module
 into the .page-footer */
@media (min-width: 1139px) {

}

@media (max-width: 1138px) {
	.page-footer {
		display: block !important;
	}
}

.ribbon-item:before {
    display: block;
    line-height: 22px;
    font-size: 24px;
    margin-top: 4px;
	color: #004487;
}

.global-quicklinks .ribbon-item > div.icon {
    width: 40px;
    height: 30px;
    display: block;
    margin: 0 auto;
    background-size: 40px 40px;
    left: 0;
}


.global-accounts > div.icon {
	background: url(content.aspx?theme=Theme4&color1=%2300B2A9&color2=%2398002e&image=thumbnail-account-summary.svg) center center no-repeat;
}
.global-transfers > div.icon {
	background: url(content.aspx?theme=Theme4&color2=%2300B2A9&color1=%2398002e&image=thumbnail-make-a-transfer.svg) center center no-repeat;
}
.global-ach > div.icon {
	background: url(content.aspx?theme=Theme4&color2=%2300B2A9&color1=%2398002e&image=thumbnail-make-a-payment.svg) center center no-repeat;
	background-size: 35px 40px !important;
}
.global-profile > div.icon {
	background: url(content.aspx?theme=Theme4&color1=%2300B2A9&color2=%2398002e&image=thumbnail-view-activity.svg) center center no-repeat;
	background-size: 40px 30px !important;
}



@media screen and (device-width: 375px) 
and (device-height: 812px)
and (-webkit-device-pixel-ratio: 3) {
	.phone-device.ios .global-quicklinks {
		position: relative;
		bottom: 20px;
	}
	
	.phone-device.ios .global-quicklinks ul {
    border-top: 1px solid #dfdfdf;
	 }
	 
	 .phone-device.ios .page-middle-middle .content-wrapper {
		 padding-bottom:  20px;
	 }

}

/* This gets rid of underline on More links page in footer link*/
div[id="Module-M8SYAC0"] .simple-listView > li {
    border-bottom: none;
}


/* Fix Ribbon alignment issue in tablet landscape mode */
@media only screen and (max-width: 2000px)
{
   body.tablet-device  .page-footer {
      position: fixed;
      bottom: 0;
      width: 100%;
      z-index: 1;
    }

	div.global-quicklinks {
		max-width: inherit;
    }
	  
	a.global-check-deposit.before.ribbon-item:before {	
		margin-left: calc(48% - .5em);
	}
}

/****  Custom/Footer/UseGlobalQuickLinksSvgIcons.css ****/

/* To use this file make sure that you have this import in Adminstration > Skins 
@import url(~/App_Themes/Theme4-CSS/skins/templates/Custom/Footer/UseGlobalQuickLinksSvgIcons.css) 

And that you have these variables:
*/

a.global-accounts.before.ribbon-item:before {
font-family: FontAwesome;
	content: '\f155';
	height: 21px;
    width: 15px;
    margin-left: calc(50% - .5em);
	margin-top: 5px;
}

form[action*="MobileAccountSummary"] a.global-accounts.before.ribbon-item:before,
form[action*="ApplyforaLoan"] a.global-accounts.before.ribbon-item:before,
form[action*="MyOffers"] a.global-accounts.before.ribbon-item:before,
form[action$="Activity.aspx"] a.global-accounts.before.ribbon-item:before,
form[action$="Accounts.aspx"] a.global-accounts.before.ribbon-item:before,
form[action$="StopAPayment.aspx"] a.global-accounts.before.ribbon-item:before {
font-family: FontAwesome;
	content: '\f155';
color: #004487 !important;
}


form[action*="MobileAccountSummary"] a.global-accounts.before.ribbon-item .text,
form[action*="ApplyforaLoan"] a.global-accounts.before.ribbon-item .text,
form[action*="MyOffers"] a.global-accounts.before.ribbon-item .text,
form[action$="Activity.aspx"] a.global-accounts.before.ribbon-item .text,
form[action$="Accounts.aspx"] a.global-accounts.before.ribbon-item .text,
form[action$="StopAPayment.aspx"] a.global-accounts.before.ribbon-item .text {
	Color: #004487;	
}


a.global-transfers.before.ribbon-item:before {  
font-family: FontAwesome;
	content: '\f362';
	height: 22px;
    width: 26px;
    margin-left: calc(50% - .5em);
}

form[action*="Transfer"] a.global-transfers.before.ribbon-item:before,
form[action*="ScheduledTransfers"] a.global-transfers.before.ribbon-item:before,
form[action*="UnlinkedAccounts"] a.global-transfers.before.ribbon-item:before,
form[action*="History"] a.global-transfers.before.ribbon-item:before,
form[action*="b42ac20cf3cd"] a.global-transfers.before.ribbon-item:before {
font-family: FontAwesome;
	content: '\f362';
color: #004487 !important;
}


form[action*="Transfer"] a.global-transfers.before.ribbon-item .text,
form[action*="ScheduledTransfers"] a.global-transfers.before.ribbon-item .text,
form[action*="UnlinkedAccounts"] a.global-transfers.before.ribbon-item .text,
form[action*="History"] a.global-transfers.before.ribbon-item .text,
form[action*="b42ac20cf3cd"] a.global-transfers.before.ribbon-item .text {
	Color: #004487;	
}

a.global-billpay.before.ribbon-item:before {
font-family: FontAwesome;
	content: '\f4c0';
	height: 22px;
    width: 26px;
    margin-left: calc(50% - .5em);
	margin-top: 4px;
}

form[action*="Payments"] a.global-billpay.before.ribbon-item:before,
form[action*="PaymentsRXP"] a.global-billpay.before.ribbon-item:before {
font-family: FontAwesome;
	content: '\f4c0';
color: #004487 !important;
}

form[action*="Payments"] a.global-billpay.before.ribbon-item .text,
form[action*="PaymentsRXP"] a.global-billpay.before.ribbon-item .text {
	Color: #004487;	
}


a.global-billpay.before.ribbon-item .text {
	margin-left: calc(10% - .5em);
	}



a.global-check-deposit.before.ribbon-item:before {
font-family: FontAwesome;
	content: '\f53d';
	height: 26px;
    width: 33px;
    margin-left: calc(42% - .5em);
	margin-top: 0px;
	position: relative;
    top: 5px;
}


form[action*="Deposit"] a.global-check-deposit.before.ribbon-item:before {
font-family: FontAwesome;
	content: '\f53d'; 
   color: #004487 !important;
}
form[action*="Deposit"] a.global-check-deposit.before.ribbon-item .text {
	Color: #004487;
}


a.global-profile.before.ribbon-item:before {
	content: url(content.aspx?theme=Theme4&color1=%23ffffff&color2=%23ffffff&image=svg/profile.svg);
		height: 16px;
		width: 26px;
		margin-left: calc(50% - .5em);
		margin-top: 6px;
	}


a.global-more.before.ribbon-item:before {
	content: url(content.aspx?theme=Theme4&color1=%23ffffff&color2=%23ffffff&image=svg/more.svg);
	height: 16px;
	width: 26px;
	margin-left: calc(50% - .5em);
	margin-top: 6px;
}
	

a.global-more.before.ribbon-item .text {
	margin-top: 4px;
}

a.global-profile.before.ribbon-item .text {
	margin-top: 4px;
}

form[action*="aad3a6"] a.global-profile.before.ribbon-item:before,
form[action*="Profile"] a.global-profile.before.ribbon-item:before,
form[action*="LoginHistory.aspx"] a.global-profile.before.ribbon-item:before,
form[action*="UpdatesfromXceed.aspx"] a.global-profile.before.ribbon-item:before,
form[action*="MobileNicknames"] a.global-profile.before.ribbon-item:before,
form[action*="Change"] a.global-profile.before.ribbon-item:before,
form[action*="ChangePhone"] a.global-profile.before.ribbon-item:before,
form[action*="SubmitSecure"] a.global-profile.before.ribbon-item:before,
form[action*="Alerts"] a.global-profile.before.ribbon-item:before,
form[action*="Forms"] a.global-profile.before.ribbon-item:before,
form[action*="FingerprintAuthentication"] a.global-profile.before.ribbon-item:before,
form[action*="TextBanking"] a.global-profile.before.ribbon-item:before,
form[action*="Message"] a.global-profile.before.ribbon-item:before,
form[action*="ManageFastBalances"] a.global-profile.before.ribbon-item:before,
form[action*="ManageEmail.aspx"] a.global-profile.before.ribbon-item:before {
	content: url(content.aspx?theme=Theme4&color2=%23004487&color1=%23004487&image=svg/profile.svg); 
} 

form[action*="aad3a6"] a.global-profile.before.ribbon-item .text,
form[action*="Profile"] a.global-profile.before.ribbon-item .text,
form[action*="LoginHistory.aspx"] a.global-profile.before.ribbon-item .text,
form[action*="UpdatesfromXceed.aspx"] a.global-profile.before.ribbon-item .text,
form[action*="MobileNicknames"] a.global-profile.before.ribbon-item .text,
form[action*="Change"] a.global-profile.before.ribbon-item .text,
form[action*="ChangePhone"] a.global-profile.before.ribbon-item .text,
form[action*="SubmitSecure"] a.global-profile.before.ribbon-item .text,
form[action*="Alerts"] a.global-profile.before.ribbon-item .text,
form[action*="Forms"] a.global-profile.before.ribbon-item .text,
form[action*="FingerprintAuthentication"] a.global-profile.before.ribbon-item .text,
form[action*="TextBanking"] a.global-profile.before.ribbon-item .text,
form[action*="Message"] a.global-profile.before.ribbon-item .text,
form[action*="ManageFastBalances"] a.global-profile.before.ribbon-item .text,
form[action*="ManageEmail.aspx"] a.global-profile.before.ribbon-item .text {
	Color: #004487;	
}

/*==================================================
//
// Slider Menu
//
//==================================================*/
/* @import url(~/App_Themes/Theme4-CSS/skins/templates/UseWhiteSliderMenuHeaderText.css) */
.slider-menu-head,
.slider-menu-head a {
	color: black;
}
.slider-menu-head a.logout {
    background: url(/App_Themes/Theme4/images/logout-icon-black.png) no-repeat left center;
}
.slider-menu-help a {
    background: url(/App_Themes/Theme4/images/icon-tile-help-black.png) top center no-repeat;
}
.slider-menu-icon-settings {
    background: url(/App_Themes/Theme4/images/settings-black.png) no-repeat;
}
.slider-menu-help {
    margin-top: 23px;
}

/* @import url(~/App_Themes/Theme4-CSS/skins/templates/UseSliderMenuIcons.css) */
/************** SliderMenu/UseSliderMenuWithAccordions.css */

/* Turn off chevrons in slider menu */
.slider-menu.accordions .portalmenutree-submenu-overlay ul.menu-tree-item1 .hasSubMenu > a .icon-text:after,
.slider-menu.accordions ul.use-overlays.menu-tree-item1 .hasSubMenu > a .icon-text:after {
	display: none;
}

/* Allow all nested menu level list items to show at once */
.slider-menu.accordions ul.hide-menu-item,
.slider-menu.accordions li.hide-menu-item {
	display: block;
}

.slider-menu.accordions .vertical-inline ul.menu-tree-item2 .hasSubMenu {
    background: none;
}

.slider-menu.accordions .slider-menu-container {
	height: 100% !important;	/* override the height style added by page template */
	top: 0 !important;
	bottom: 0 !important;
	background-color: #f8f8f8;
	border-left: 0;
	display: flex;
    flex-direction: column;
}

.slider-menu.accordions {
	height: initial !important;
	position: fixed !important;
	top: 0 !important;
	bottom: 0 !important;
}

.slider-menu.accordions .slider-menu-head {
	overflow: hidden;
	padding: .5em;
	border-bottom: 0;
	background-color: ;
	height: 4em;
	height: 4em;
}

.slider-menu.accordions .slider-menu-container .portalmenutree {
	flex: 1;
	padding: 0;
	overflow-x: hidden;
	overflow-y: auto;
}

/* Remove the line separators between menu items */
.slider-menu.accordions .menu-tree-item1 li {
	border-bottom: 0;
}

/* Get rid of indentation in nested items */
.slider-menu.accordions .vertical-inline ul.menu-tree-item2 .menu-item {
	padding-left: 0;
}

.slider-menu.accordions ul.menu-tree-item1 .menu-items .icon-text {
	width: initial;
}

.slider-menu.accordions .menu-items > li > a {
    display: block;
}

.slider-menu.accordions .menu-items > li {
	line-height: initial;
}

.slider-menu.accordions .slider-menu-container .nav-icon {
	margin-left: 14px;
	box-sizing: border-box;
}

.slider-menu.accordions .slider-menu-container .nav-icon,
.slider-menu.accordions .slider-menu-container .icon-text {
	vertical-align: middle;
	top: 0;
}
.slider-menu.accordions .slider-menu-container .icon-text {
	margin-left: 14px;
	color: dimgrey;
}

.slider-menu.accordions li.menu-tree-item1,
.slider-menu.accordions li.menu-tree-item1 li {
    padding-bottom: 0;
    padding-top: 0;
}

.slider-menu.accordions .menu-items > li > a {
	padding-top: 1em;
	padding-bottom: 1em;
	padding-left: 1em;
}


/* color slider menu items that do not have children */
.slider-menu.accordions .menu-items > li.menu-item:not(.hasSubMenu) > a > .icon-text  {
	/*background-color: #aaaaaa;*/
	/*padding-top: 10px;
	padding-bottom: 10px;*/
	margin-bottom: 1px;
}
/* color the text of slider menu items that do not have children */
.slider-menu.accordions .menu-items > li.menu-item:not(.hasSubMenu)  > a > .icon-text {
	color: black;
	padding-left: 0;
	position: relative;
	top: calc(50% - .5em) !important;
	vertical-align: middle;
	/*margin-left: .5em;*/
}

.slider-menu.accordions .close-slider-menu-button {
	background: url(content.aspx?theme=Theme4&color1=%23004487&image=svg/close-modal.svg) no-repeat;;
    float: right;
    margin-left: 1.5em;
	margin-top: 7px;
	width: 33px;
    height: 20px;
	cursor: pointer;
}

.slider-menu.accordions .menu-tree-item2 .nav-icon,
.slider-menu.accordions .menu-tree-item3 .nav-icon {
	display: none;
}

.slider-menu.accordions .menu-items > li.menu-item.menu-tree-item2:not(.hasSubMenu) > a > .icon-text,
.slider-menu.accordions .menu-items > li.menu-item.menu-tree-item3:not(.hasSubMenu) > a > .icon-text {
	padding-left: 5px;
}


/* Dont allow click of items that have children */
.slider-menu.accordions .menu-items > li.menu-item.hasSubMenu  > a {
	/*pointer-events: none;
	cursor: default;*/	
}

/* color slider menu items that HAVE children */
.slider-menu.accordions .menu-items > li.menu-tree-item2.menu-item.hasSubMenu  > a.caret-right  .icon-text,
.slider-menu.accordions .menu-items > li.menu-tree-item2.menu-item.hasSubMenu  > a[portalpage-commandname="MCM/Reports"].caret-left  .icon-text {	
	background: url(content.aspx?theme=Theme4&color1=%23606060&color2=%23606060&image=svg/caret-down.svg) no-repeat right;
	width: calc(57.2vw - 10px);	
	background-size: 14px 14px;	
	font-size: 105%;
	margin-left: 18px;
}


.slider-menu.accordions .menu-items > li.menu-tree-item2.menu-item.hasSubMenu  > a.caret-left  .icon-text,
.slider-menu.accordions .menu-items > li.menu-tree-item2.menu-item.hasSubMenu  > a[portalpage-commandname="MCM/Reports"].caret-right  .icon-text {	
	background: url(content.aspx?theme=Theme4&color1=%23606060&color2=%23606060&image=svg/caret-up.svg) no-repeat right;
	width: calc(57.2vw - 10px);		
	background-size: 14px 14px;	
	font-size: 105%;
	margin-left: 18px;	
}

/* color the text of slider menu items that HAVE children */
.slider-menu.accordions .menu-items > li.menu-item.hasSubMenu  > a > .icon-text {
	color: #004487;
}

.slider-menu.accordions ul.hide-menu-item.hide-accordion-menu {
	display: none;
}

.slider-menu.accordions .slider-menu-logoff {
	width: 100%;			/* since slider menu width is 80% */
	max-width: 480px;		/* since slider menu max-width is 480px */
	text-align: center;
	height: 44px;
	height: 44px;
	box-sizing: border-box;
	background: white;
	z-index: 100;
}
.slider-menu.accordions .slider-menu-logoff a {
	float: none;
    padding: 0;
    margin: 0;
    display: block;
    width: 100%;
    line-height: calc(44px - 4px);
    box-sizing: border-box;
}

.slider-menu.accordions .slider-menu-link-item {
    padding: 0;
	float: none;
	display: block;
	margin: 0;
}
.slider-menu.accordions .slider-menu-link-item > a {
	display: table;
}
.slider-menu.accordions .slider-menu-link-item > a > div {
	display: table-cell;
}

.slider-menu.accordions .slider-menu-link-item > a,
.slider-menu.accordions .slider-menu-customize-modules a {
	padding: 1em 0 1em 1em;
    font-size: 16px;	/* same as .vertical-inline .icon-text  in menu.css #309 */
    width: 100%;
	background: none;
}

.slider-menu.accordions .slider-menu-link-item .icon {
	text-align: center;
    vertical-align: middle;
	left: 0;
	padding-left: 11px;
	box-sizing: border-box;
}

.slider-menu.accordions .slider-menu-link-item .icon:before {
	box-sizing: border-box;
	width: 35px;
	height: 35px;
	display: block;
}

	
.slider-menu.accordions .slider-menu-link-item .icon:not(.slider-menu-icon-settings) {
	width: 35px;
	height: 35px;
}

.slider-menu.accordions .slider-menu-link-item > a {
	position: relative;
}
.slider-menu.accordions .slider-menu-link-item .text {
	display: block;
    vertical-align: middle;
    margin-left: 14px;
	top: calc(50% - .5em);
    position: absolute;
	color: black;
}
.slider-menu .menu-items .icon-text.selected {
    color: black;
}

.slider-menu-locate-atm .icon {
    background: url(/App_Themes/Theme4/images/locateATM.png) center center no-repeat;
}


.slider-menu-help .icon {
	background: url(/App_Themes/Theme4/images/question-mark-idle.png) center center no-repeat;
}
.slider-menu.accordions .slider-menu-icon-settings {
	margin-left: 11px;
}

.slider-menu.accordions .slider-menu-last-login-date {
    /*
	float: left;
    position: absolute;
    top: 2em;
    left: 3em;
	*/
	display: none;
}

.slider-menu.accordions .slider-menu-logo {	
	content: url(/Content.aspx?name=USB_Logo_560x135);
	background-repeat: no-repeat;
	width: 150px;
	height: 38px;
	margin-left: 20px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.slider-menu .nav-icon.before {
	background: none !important;
}

.slider-menu .nav-icon:before {
	width: 29px;
	height: 35px;
	top: calc(50% - 1.2em);
	left: 0;
	display: block;
	position: absolute;
}

.slider-menu .nav-icon.before:before {
	font-size: 24px;
	display: block;
	text-align: center;
}

a.logout {
	background: none;
}


.slider-menu.display-off.accordions { 
	height: auto !important; 
}

.slider-menu.accordions .slider-menu-container {
   background-color: #f8f8f8;
}

/* indent submenu items */
.slider-menu li.menu-tree-item2.menu-item {
    margin-left: 38px;
    margin-top: -.5em;
    padding-top: 0;	
  }
  
/*Remove settings menu from slider menu*/
.slider-menu-settings,
.slider-menu-icon-settings.slider-menu-link-item {
	display: none !important;
}

/*wrapping the slieder menu items which are more in length to adjust on single row*/
.slider-menu.accordions ul.menu-tree-item1 .menu-items .icon-text {
	max-width: 58vw;
}




/******** SliderMenu/UseSliderMenuSvgIcons.css */

/* remove the Theme3 sprite icons */
.dark .nav-icon {
	background: none;
}

.slider-menu.accordions .slider-menu-link-item .icon {
	background: none;
}

/* adjust slider menu icons and text */
.slider-menu .nav-icon {
	display: inline-block;
	text-align: center;
}
.slider-menu .icon-text {
	display: inline-block;
}

.slider-menu.accordions .slider-menu-container .nav-icon:before {
	color: black;
}

.slider-menu .nav-icon:before {
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/* Keep slider menu submenu items from touching right border of container */
.slider-menu.accordions .menu-items > li.menu-item:not(.hasSubMenu) > a > .icon-text {
	font-size: 105%;
}

.slider-menu.accordions .menu-items > li.menu-item.menu-tree-item2:not(.hasSubMenu) > a > .icon-text {
	padding-left: 11px;
}

/* Slider Menu Portal Page Icons */
.slider-menu .nav-icon.icon-home:before {
font-family: FontAwesome;
color:#98002e !important;
font-size:1.7em;
	content: '\f015';
	top: 2px;
    height: 32px;
    width: 32px;
}

.slider-menu .icon-accounts.nav-icon:before {
	font-family: FontAwesome;
color:#98002e !important;
font-size:1.5em;
	content: '\f155';
	top: 4px;
       
}

.slider-menu .nav-icon.icon-payments:before {
   font-family: FontAwesome;
color:#98002e !important;
font-size:1.5em;
	content: '\f4c0';
	top: 2px;
	left: 2px;
}

.slider-menu .nav-icon.icon-billpay:before {
   font-family: FontAwesome;
color:#98002e !important;
font-size:1.5em;
	content: '\f4c0';
	top: 2px;
	left: 2px;
}

.slider-menu .nav-icon.icon-deposits:before {
	 font-family: FontAwesome;
color:#98002e !important;
font-size:1.5em;
	content: '\f53d';
	top: 3px;
}

.slider-menu .nav-icon.icon-transfers:before {
   font-family: FontAwesome;
color:#98002e !important;
font-size:1.5em;
	content: '\f362';
	top: 6px;
}

.slider-menu .icon-cards.nav-icon:before {
     font-family: FontAwesome;
color:#98002e !important;
font-size:1.5em;
	content: '\f09d';
	top: 4px;
	height: 40px;
}

.slider-menu .nav-icon.icon-spending:before {
    content: url(content.aspx?theme=Theme4&color1=%2398002e&color2=%2398002e&image=svg/spending.svg);
	top: -5px;
}

.slider-menu .nav-icon.icon-deposits:before {
	 font-family: FontAwesome;
color:#98002e !important;
font-size:1.5em;
	content: '\f53d';
top: 3px;
}
.slider-menu .nav-icon.icon-wires:before {
	 font-family: FontAwesome;
color:#98002e !important;
font-size:1.5em;
	content: '\f0d6';
	top: 6px;
}

.slider-menu .nav-icon.icon-ach:before {
    content: url(content.aspx?theme=Theme4&color1=%2398002e&color2=%2398002e&image=svg/ach.svg);
    top: -0.1em;
    left: -0.1em;
}

.slider-menu .nav-icon.icon-profile:before {
    font-family: FontAwesome;
color:#98002e !important;
font-size:1.5em;
	content: '\f007';
top: 4px;
    left: -0.1em;
}

.slider-menu .nav-icon.icon-pay-person:before {
	content: url(content.aspx?theme=Theme4&color1=%2398002e&color2=%2398002e&image=svg/pay-person.svg);
}

.slider-menu.accordions .slider-menu-link-item .slider-menu-help-link > .icon:before {
	content: url(content.aspx?theme=Theme4&color1=%2398002e&color2=%2398002e&image=svg/help.svg);
}


.slider-menu.accordions .slider-menu-locate-atm.slider-menu-link-item .icon {	
	background: url(content.aspx?theme=Theme4&color1=%2398002e&color2=%2398002e&image=svg/location.svg);
	left: 10px !important;
}

.slider-menu.accordions .slider-menu-locate-atm.slider-menu-link-item .text {	
	margin-left: 25px;
}


/* Settings should not be shown in the slider menu */
/*.slider-menu.accordions .slider-menu-link-item .slider-menu-icon-settings.icon:before {
	content: url($SvgIcon/settings.svg);
	
} */


/**  Admin Slider Menu Icons **/
/** These icons are defined in the NavigationItemCssClass 
    for each page e.g. icon-service, icon-reports, etc.  */
	.slider-menu .nav-icon.icon-service:before {	
		content: url(content.aspx?theme=Theme4&color1=%2398002e&color2=%2398002e&image=svg/service.svg);
	}
	.slider-menu .nav-icon.icon-operations:before {
		content: url(content.aspx?theme=Theme4&color1=%2398002e&color2=%2398002e&image=svg/operations.svg);
	}
	.slider-menu .nav-icon.icon-marketing:before {
		content: url(content.aspx?theme=Theme4&color1=%2398002e&color2=%2398002e&image=svg/marketing.svg);
		
	}
	.slider-menu .nav-icon.icon-administration:before {
		content: url(content.aspx?theme=Theme4&color1=%2398002e&color2=%2398002e&image=svg/administration.svg);
	}
	.slider-menu .nav-icon.icon-implementation:before {
		content: url(content.aspx?theme=Theme4&color1=%2398002e&color2=%2398002e&image=svg/implementation.svg);
	}
	
	.slider-menu .nav-icon.icon-reports:before {
		content: url(content.aspx?theme=Theme4&color1=%2398002e&color2=%2398002e&image=svg/reports.svg);
		position: relative;
		
	}
	.slider-menu .nav-icon.icon-data-extract:before {
		content: url(content.aspx?theme=Theme4&color1=%2398002e&color2=%2398002e&image=svg/enhanced-data.svg);
		position: relative;
	
	}


.caret-down:after, .caret-up:after, .caret-left:after, .caret-right:after { 	
	float: right; 
	margin-right: 20px; 
	position: relative; 
	top: -2em;
}  

.caret-down:after {
	content: url(content.aspx?theme=Theme4&color1=%2398002e&color2=%2398002e&image=svg/caret-down.svg);
}
.caret-up:after {
	content: url(content.aspx?theme=Theme4&color1=%2398002e&color2=%2398002e&image=svg/caret-up.svg);
}







/*==================================================
//
// Mobile
//
//==================================================*/
/* @import url(~/App_Themes/Theme4-CSS/skins/templates/UseMobileNavBarTitle.css) */
/* @import url(~/App_Themes/Theme4-CSS/skins/templates/UseMobileTitle.css) */

/*==================================================
//
// Mobile Header
//
//==================================================*/
/* MobileHeader/UseMobileHeaderFixes.css */

.pre-signin .page-primary-nav {
	display: none;	/* never use page-primary-nav when showing mobile header, that includes on signin page */
}
@media (max-width: 1138px) {
	#position-fixed-header-spacer {
		height: 4em !important;
	}
}
@media (min-width: 1139px) {
	.pre-signin #page-header-container-2 {
		display: block;
	}
}

#page-header-container-2 .laguna-back-nav {
    padding-top: 17px;
    padding-bottom: 30px;
    margin: 0 0 0 0;
	width: 40px;
    height: 4em;
	margin-right: -1.5em;	/* remove effect of margin-left:1.5em from .logo */
}

.laguna-back-nav:after {
    top: calc(50% - 8px);
    left: calc(50% - 6px);
    width: 12px;
    height: 12px;
	border-color: black;
}

/*  Top nav envelope */
#page-header-container-2 .secure-unread-messages {
	margin: 6px 0 0 25px;
	height: 4em;
	top: 5px;
}


.secure-unread-messages > .unreadMessages {
	top: calc(50% - 17px - .5em);
}

#page-header-container-2 .unreadMessagesCount {
	right: -5px;
	bottom: 8px;
}

.unreadMessagesCount {
    background: white;
	background: white;
    color: black;
	color: black;
    font-size: 11px;
} 

.unreadMessages {
	height: auto;
}

.hamburger-menu {
	cursor: pointer;
}

.hamburger-menu > span {
	color: #004487;
	padding-top: 25px;
	width: 31px;
    font-size: 10px;
    padding-top: 33px;
}


#page-header-container-2 .hamburger-menu {
    margin: 0;
	margin-top: 0 !important;
	height: 4em;
	padding-top: calc(4em / 2 - 15px);
}

.hamburger-menu > span:before {
	content: '';
	display: none;
}

body:not(.pre-signin) #page-header-container-2 {
	border-bottom: 1px solid #cdcdcd;
}

#page-header-container-2 .css-imgLogo {
	background: transparent;
	content: url(Content.aspx?name=USB_Logo_560x135);
	width: 177px;
	height: 30px;
}




.ie11 #page-header-container-2 .css-imgLogo,
.ie-edge #page-header-container-2 .css-imgLogo {
	background: url(Content.aspx?name=USB_Logo_560x135) no-repeat center;
}

#page-header-container-2 .logo {
	margin: 0;
	margin-left: 0;
	padding-top: calc(4em / 2 - 30px / 2);
	box-sizing: border-box;
}

#page-header-container-2.envelope-before-hamburger .secure-unread-messages {
	float: right;
	margin-left: 0;
	margin-right: 1em;
}
#page-header-container-2 .unreadMessages:before {
	float: left;
	margin-left: 0;
	margin-right: 0;
	font-size: 35px;
	color: #004487;
}

@media (max-width: 1138px) {
	.desktop-device:not(.mobile-device) .secure-unread-messages {
		top: 1.12em;  
	}
}
	









/* @import url(~/App_Themes/Theme4-CSS/skins/templates/Custom/MobileHeader/UseMobileHeaderLogoOnLeft.css) */
/* MobileHeader/HideMobileHeaderWithBusyOverlay */

/* Make the page overlay cover the mobile header, so when the envelope is
   being moved before the hamburger icon, the end user does not see */
@media (max-width: 1138px) {
	#busy-div, .busy-div {
		margin-top: 0;
		height: 100%;
	}
}

/************ MobileHeader/UseDottedHamburgerMenu.css */

.hamburger-icon {
    background: transparent;
	border: 4px dashed #004487;
	border-radius: 0;
	width: 32px;
}
.hamburger-icon:after {
    background: transparent;
	border: 4px dashed #004487;
	border-radius: 0;
	box-sizing: border-box;
	width: 32px;
    margin-left: -4px;
	margin-top: -2px;
}
.hamburger-icon:before {
    background: transparent;
	border: 4px dashed #004487;
	border-radius: 0;
	box-sizing: border-box;
	width: 32px;
    margin-left: -4px;
}
.hamburger-menu > span {
    font-size: 12px;
    padding-top: 24px;
}
.slider-menu-last-login-date {
	display: none;
}

.hamburger-menu > span {    
	background: url(content.aspx?theme=Theme4&color1=%23004487&image=svg/dotted-hamburger-menu.svg);
	background-repeat: no-repeat;
	background-size: contain;
	padding-top: 35px;
    width: 33px;
}

.hamburger-icon {    
	display: none;
}

.hamburger-menu > span {
	display: block;
}
#page-header-container-2 .hamburger-menu {
    padding-top: calc(4em / 2 - 15px - .5em);
}


/*==================================================
//
// Top Nav Bar
//
//==================================================*/
/* @import url(~/App_Themes/Theme4-CSS/skins/templates/UseTopNavHamburgerMenu.css) */
/* @import url(~/App_Themes/Theme4-CSS/skins/templates/UseTopNavLogo.css) */
/* @import url(~/App_Themes/Theme4-CSS/skins/templates/UseWhiteTopNavBarText.css) */
/* @import url(~/App_Themes/Theme4-CSS/skins/templates/UseBlackTopNavBarText.css) */
/* @import url(~/App_Themes/Theme4-CSS/skins/templates/UseNoHamburgerMenuText.css) */
/* @import url(~/App_Themes/Theme4-CSS/skins/templates/UseHamburgerMenuOnLeft.css) */
/* @import url(~/App_Themes/Theme4-CSS/skins/templates/UseTopNavOnLeft.css) */
/* @import url(~/App_Themes/Theme4-CSS/skins/templates/UseTopNavLogoOnRight.css) */
/* @import url(~/App_Themes/Theme4-CSS/skins/templates/Custom/TopNav/UseTopNavFixes.css) */
/*************** TopNav/UseTopNavFixesonColor.css */

div.top-nav-right {
    padding-top: 0;
    box-sizing: initial;
}
ul.top-nav-right {
	box-sizing: initial;
	display: inline-block;
}

div.top-nav-right > ul > li {
	display: inline-block;
	vertical-align: bottom;
	line-height: 1.5em;
}

/* hide Envelope unless there are messages envelope */
.unreadMessages.noMessages {
	opacity: 0;
}

/* fix top nav envelope */
.secure-unread-messages {
	margin-right: 1.5em;
	position: relative;
	top: -2px;
}

.unreadMessages {
    background: none;
	top: 0;
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 0;
	width: auto;
	display: inline-block;
    vertical-align: bottom;
}
.unreadMessages:before {
	color: black;
	color: #FFFFFF;
}
.top-nav-right .unreadMessages:before {
	font-size: 150%;
	line-height: 1em;
	display: block;
}

.unreadMessagesCount {
	margin-left: -1.5em;
    top: auto;
    left: auto;
    right: -10px;
    position: absolute;
    bottom: 1px;
}

/* fix top nav help */
.top-nav-right .page-help-link  {
	padding-top: 0;
	padding-bottom: 0;
}
.top-nav-right .page-help-link a {
	background: none;
	padding-left: 0;
}
.top-nav-right .page-help-link a:before {
	padding-left: .5em;
    padding-right: .5em;
    position: relative;
	content: url(content.aspx?theme=Theme4&color1=%23ffffff&color2=%23ffffff&image=svg/help-solid.svg);
	top: 3px;
}

.ie-edge .top-nav-right .page-help-link a:before,
.ie11 .top-nav-right .page-help-link a:before {
 top: 5px;
}

/* fix top nav settings */
.top-nav-wrapper .customize-page-li {
	padding-top: 0;
	margin-right: 0;
}
.top-nav-wrapper .customize-page-icon {
	background: none;
	top: 0;
	margin: 0;
}
.top-nav-right .customize-page-li a:before {
	padding-left: .5em;
    padding-right: .5em;
    position: relative;
	content: url(content.aspx?theme=Theme4&color1=%23ffffff&color2=%23ffffff&image=svg/settings-solid.svg);
	top: 4px;
	
}
  
.customize-page-li .customize-page-icon.show-settings {
    padding-left: .5em;
	display: inline-block;
	width: auto;
}

ul.top-nav-right a#lnkHelp:hover ,
ul.top-nav-right a.logout:hover {
    color: #ffffff !important;
}

/* fix top nav last login */
.top-nav-right .page-last-login {
	margin-left: 1.7em;
	margin-top: 3px;
}

.ie11 .customize-page-li .customize-page-icon.show-settings {
	padding-left: .5em;
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: 50px;
}

.ie11 li.customize-page-li {
	white-space: nowrap;
	margin-top: -0.01em;
}

.ie-edge .top-nav-right .page-last-login {
	margin-top: 3px;
}

.ie11 .top-nav-right .page-last-login {
	margin-top: 5px;
}


/* this is a media query for IE */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.customize-page-li .customize-page-icon.show-settings {
		padding-left: .5em;
		display: inline-block;
		width: 24px;
		height: 24px;
		margin-right: 50px;
	}
	
	li.customize-page-li {
		white-space: nowrap;
	}
}

.ie-edge .top-nav-right .customize-page-li a:before {
	padding-left: .8em;
    padding-right: 1em !important;
    position: relative;
	content: '';
	background: url(content.aspx?theme=Theme4&color1=%23ffffff&color2=%23ffffff&image=svg/settings-solid.svg) no-repeat;
	top: 0;
}

.ie-edge .customize-page-li .customize-page-icon.show-settings {
	display: unset;
	position: relative;
	top: 5px;
}

/* fix top nav user name */
.top-nav-right #profile-username {
	padding-top: 2px;
	display: inline-block;
	margin-left: 1.7em;
}
.top-nav-right #profile-username.sub-menu {
	height: auto;
}


.top-nav-right ul a.logout,
.top-nav-right ul a.logout:hover {
    background: none;
	position: relative;
	top: -4px;
}

.top-nav-right ul a.logout:before {
	padding-left: .5em;
    padding-right: .5em;
    position: relative;
	top: 6px;
	content: url(content.aspx?theme=Theme4&color1=%23ffffff&color2=%23ffffff&image=svg/sign-out.svg);
}
.top-nav-right ul a:hover {
    color: #004487 !important;
}

.top-nav-right .secure-unread-messages button:before {
	content: '' !important;
	background: url(content.aspx?theme=Theme4&color1=%23ffffff&color2=%23ffffff&image=svg/messages-solid.svg);
    background-repeat: no-repeat;
	background-position-x: center;
	
	width: 29px;
	height: 29px;
	
}

#page-header-container-2 .unreadMessages:before {
    content: url(content.aspx?theme=Theme4&color1=%2398002e&color2=%2398002e&image=svg/messages-solid.svg);
    width: 40px;
    height: 40px;
}

.ie-edge .top-nav-right .customize-page-li a:before {
	padding-left: .8em;
    padding-right: .8em;
    position: relative;
	content: '';
	background: url(content.aspx?theme=Theme4&color1=%23ffffff&color2=%23ffffff&image=svg/settings-solid.svg) no-repeat;
	top: 0;
}
/**********************************************************************
MESSAGE CLOSE ICONS
**********************************************************************/
.secure-message-area .message-mark-unread {
	float: right;
	cursor: pointer;
	background: url(content.aspx?theme=Theme4&color1=%2398002e&color2=%2398002e&image=svg/close-icon.png) right center no-repeat;
	background: linear-gradient(transparent, transparent), transparent url(content.aspx?theme=Theme4&color1=%2398002e&color2=%2398002e&image=svg/icon-close.svg) no-repeat;
	height: 17px;
	width: 17px;
	margin-top: 8px;
	border: 0px;
	outline: none;
}


.secure-message-area .message-subject {
	cursor: pointer;
	padding: 0 20px;
	overflow: hidden;
	/* to allow focus rectangle */
	padding-top: 4px;
	padding-bottom: 4px;
	display: inline-block;
	max-width: 183px;
}

/* @import url(~/App_Themes/Theme4-CSS/skins/templates/Custom/TopNav/UseTopNavVerticallyCentered.css) */
/* @import url(~/App_Themes/Theme4-CSS/skins/templates/Custom/TopNav/UseNoTopNavHelpText.css) */
/* @import url(~/App_Themes/Theme4-CSS/skins/templates/Custom/TopNav/UseNoTopNavSettingsText.css) */
.top-nav-right #profile-username {
	display: none;
}

/* @import url(~/App_Themes/Theme4-CSS/skins/templates/Custom/TopNav/UseNoTopNavLastLogin.css) */
/*import url(~/App_Themes/Theme4-CSS/skins/templates/Custom/TopNav/UseNoTopNavSignOutImage.css)*/
/* @import url(~/App_Themes/Theme4-CSS/skins/templates/Custom/TopNav/UseTopNavRightAngled.css) */
/* TopNav/UseTopNavRightFixes.css */

.top-nav-right > ul > li {
	display: inline-block;
}
.ie-edge .top-nav-right .customize-page-li a:before {
	padding-left: .8em;
    padding-right: .8em;
    position: relative;
	content: '';
	background: url(content.aspx?theme=Theme4&color1=%234c4d4f&color2=%234c4d4f&image=svg/settings-solid.svg) no-repeat;
	top: 0;
}

.ie-edge .customize-page-li .customize-page-icon.show-settings {
    
	display: unset;
	position: relative;
	top: 5px;
}
	



/*==================================================
//
// Primary Nav Bar
//
//==================================================*/
/* @import url(~/App_Themes/Theme4-CSS/skins/templates/UseNoPrimaryNavBar.css) */
/* @import url(~/App_Themes/Theme4-CSS/skins/templates/UseNoPrimaryNav.css) */
/* @import url(~/App_Themes/Theme4-CSS/skins/templates/UseNoPrimaryNavLogo.css) */
/* @import url(~/App_Themes/Theme4-CSS/skins/templates/UsePrimaryNavOvalSelection.css) */
/* @import url(~/App_Themes/Theme4-CSS/skins/templates/UsePrimaryNavOvalHover.css) */
/* @import url(~/App_Themes/Theme4-CSS/skins/templates/UsePrimaryNavIcons.css) */
/* @import url(~/App_Themes/Theme4-CSS/skins/templates/UseTitleOnTopOfPrimaryNav.css) */
/* @import url(~/App_Themes/Theme4-CSS/skins/templates/UsePrimaryNavMenuHovering.css) */
/************* PrimaryNav/UsePrimaryNavFixes.css */

.page-primary-nav .primary-nav .menu-item > a .icon-text {
	color: #58595B;
}

.page-primary-nav .primary-nav ul.menu-items li.menu-item > a .icon-text:hover,
.page-primary-nav .primary-nav ul.menu-items li.menu-item > a:hover .icon-text {
    color: #0085AF;
}

.pre-signin .page-primary-nav {
	display: none;	/* never use page-primary-nav when showing mobile header, that includes on signin page */
}
.page-primary-nav .css-imgLogo {
	display: none;		/* turn off logo by default. Gets turned on by using UsePrimaryNavLogo.css feature */
}
.page-primary-nav ul.horizontal.menu-items li.menu-tree-item1[nodelevel='1'] > a.current-tab,
.page-primary-nav .primary-nav .menu-item > a.current-tab .icon-text {
	background-color: ;
	color: #58595B;
}

.page-primary-nav ul.horizontal.menu-items li.menu-tree-item1[nodelevel='1'] > a.current-tab:hover .icon-text,
.page-primary-nav ul.horizontal.menu-items li.menu-tree-item1[nodelevel='1'] > a.current-tab:hover,
.page-primary-nav .primary-nav .menu-item.menu-tree-item1 > a.current-tab .icon-text:hover  {
	color: #0085AF !important;
}

/*
.page-primary-nav ul.horizontal.menu-items li.menu-tree-item1[nodelevel='1'] > a.current-tab .icon-text {
	color: $PrimaryNavSelectedItemTextColor;
}
*/

.page-primary-nav .primary-nav {
	max-width: none;	/* turn off calc(100% - $PrimaryNavLogoWidth - 50px); */
	margin-left: 0;
	margin-right: ;
}
.page-primary-nav .logo {
	margin-left: 1.7em;
	margin-left: ;
	margin-top: 0;
	margin-top: 19px;
	margin-right: 0;		/* turn off 4px 0 4px 1.7em  from template.css */
	margin-bottom: 0;
}

.page-primary-nav .primary-nav li.menu-tree-item1 {
	margin-left: 0;
	margin-right: 0;
}
.page-primary-nav .primary-nav .menu-tree-item1 > a .icon-text {
	margin-bottom: 0;
}
.page-primary-nav .primary-nav .menu-tree-item1 > a.current-tab {
    border-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 0;	/* fix margin-bottom: -5; from template.css */
}
.page-primary-nav .primary-nav li.menu-tree-item1 > a,
.page-primary-nav .primary-nav li.menu-tree-item1 > a.current-tab {
	padding-left: 1.3em;
	padding-right: 1.3em;
}

.page-primary-nav .menu-tree-item1 {
    padding: 0;
    margin: 0;
}

.page-primary-nav .menu-tree-item1 a {
    margin-bottom: 0;
	padding: 0;
}
.page-primary-nav .primary-nav .menu-tree-item1 > a .icon-text {
	margin-bottom: 0;
	padding-top: 5px;
	padding-bottom: 5px;
}

.page-primary-nav .primary-nav .menu-items.menu-tree-item1 > li {
    height: auto;
	margin-left: ;
	min-width: ;
}
.portalmenutree {
	display: block;		/* instead of inline-block which puts a 1px line below the content */
}




/********** PrimaryNav/UsePrimaryNavLogo */

.page-primary-nav .css-imgLogo {
	display: inline-block;
	height:57px;
	width: 326px;
	margin-left: ;
	margin-top: 19px;
}

.page-primary-nav .primary-nav {
	max-width: calc(100% - 326px - 10px);
}

.page-primary-nav .css-imgLogo {
	background: url(url(~/Content.aspx?name=USB_Logo_560x135)) no-repeat center center;
}

.page-primary-nav .primary-nav .menu-tree-item1 > a.current-tab .icon-text {
	border-bottom: 5px solid #58595B;
	padding-bottom: 5px;
	margin-bottom: 5px;
	display: inline-block;
}
.page-primary-nav .primary-nav .menu-tree-item1 > a .icon-text {
	border-bottom: 5px;
	border-color: transparent;
	border-style: solid;
	padding-bottom: 5px;
	margin-bottom: 5px;
	display: inline-block;
}


/* @import url(~/App_Themes/Theme4-CSS/skins/templates/Custom/PrimaryNav/UsePrimaryNavOnLeft.css) */
/* @import url(~/App_Themes/Theme4-CSS/skins/templates/Custom/PrimaryNav/UsePrimaryNavTabs.css) */
/*@import url(~/App_Themes/Theme4-CSS/skins/templates/Custom/PrimaryNav/UsePrimaryNavMenuChevrons.css) */

/*==================================================
//
// Secondary Nav Bar
//
//==================================================*/
/* @import url(~/App_Themes/Theme4-CSS/skins/templates/UseTitleOnTopOfSecondaryNav.css) */
/* @import url(~/App_Themes/Theme4-CSS/skins/templates/UseSecondaryNavOnLeft.css) */
/* @import url(~/App_Themes/Theme4-CSS/skins/templates/UseSecondaryNavOvalHover.css) */
/* @import url(~/App_Themes/Theme4-CSS/skins/templates/UseSecondaryNavOvalSelection.css) */
/* @import url(~/App_Themes/Theme4-CSS/skins/templates/UseSecondaryNavTabs.css) */
/* @import url(~/App_Themes/Theme4-CSS/skins/templates/UseNoSecondaryNavSeparator.css) */
/* @import url(~/App_Themes/Theme4-CSS/skins/templates/UseNoSecondaryNavBar.css) */

/*==================================================
//
// Left Nav Bar
//
//==================================================*/
/* @import url(~/App_Themes/Theme4-CSS/skins/templates/UseLeftNav.css) */
/* @import url(~/App_Themes/Theme4-CSS/skins/templates/UseLeftNavIcons.css) */
/* @import url(~/App_Themes/Theme4-CSS/skins/templates/UseLeftNavHamburgerMenu.css) */

/*==================================================
//
// Right Nav Bar
//
//==================================================*/
/* @import url(~/App_Themes/Theme4-CSS/skins/templates/UseRightNav.css) */
/* @import url(~/App_Themes/Theme4-CSS/skins/templates/UseRightNavIcons.css) */
/* @import url(~/App_Themes/Theme4-CSS/skins/templates/UseRightNavHamburgerMenu.css) */

/*==================================================
//
// Left Column
//
//==================================================*/
/* @import url(~/App_Themes/Theme4-CSS/skins/templates/UseLeftColumn.css) */
/* @import url(~/App_Themes/Theme4-CSS/skins/templates/UseLeftColumnOnRight.css) */

/*==================================================
//
// ModuleContainer
//
//==================================================*/
/* @import url(~/App_Themes/Theme4-CSS/skins/templates/UseTitleOnTopOfModules.css) */
/* ModuleContainer/UseModuleContainerFixes.css */
.skin-edit-column.right {
    width: calc(100% - 320px);
}

.message_queue {
	padding: 0;
}
p.message_queue_content {
	background: white;
	padding: 5px;
	padding: 14px;
	
	border-style: solid;
    border-color: ;
	border-width: 1px 0;
}
/* LoLevy Error icon overrides with new alert.svg icon March 7, 2019  */
.error_title {
    background: url(content.aspx?theme=Theme4&color1=%2398002e&color2=%2398002e&image=svg/alert.svg) no-repeat;
    background-size: 25px 25px;
}

span.icon_error,
span.icon_urgent {	
	background: url(content.aspx?theme=Theme4&color1=%2398002e&color2=%2398002e&image=svg/alert.svg) no-repeat;
	background-size: 25px 25px;
	background-position-y: -2px;
}

span.icon_error {
    padding: 3px 0 6px 30px;
}

span.icon_error_small, div.icon_error_small {
    background: url(content.aspx?theme=Theme4&color1=%2398002e&color2=%2398002e&image=svg/alert.svg) no-repeat 4px 0;
    padding: 3px 0 2px 20px;
}

span.icon_urgent {
    padding: 3px 0 2px 30px;
}

span.icon_error_small, div.icon_error_small {
    background: url(content.aspx?theme=Theme4&color1=%2398002e&color2=%2398002e&image=svg/alert.svg) no-repeat;
    background-size: 20px 20px;
	background-position-x:.25em;
}

@media screen and (max-width: 495px) {
	.main-content {
		padding: 0;
	}
	.module-container .mainmodule, .module-container.mainmodule {
		padding-bottom: 20px;
	}
	.main-content .site-map-title.middle-row-middle {
		margin: 0;
		padding: 20px 20px 20px 20px;
		background: white;
		font-weight: bold;
		font-size: 120%;
		text-transform: none;
	}
	.main-content .site-map-title div:first-child {
		margin: 0;
	}
	.page-middle-middle {
		background: white;
		background: white;
	}
	.page-middle-middle .content-wrapper {
		background: transparent;
	}
	.main-sortable {
		background: transparent;
	}
	.main-content:not(.main-content-notabs) .main-sortable {
		background: transparent;
	}
}

/* Ensure the container uses the full height of the view portal */
.phone-device form[action*="MobileAccountSummary"] .module-container.graphs .module-single > div	{
	height: 98vh !important;
	border: none;
 }
  
 /* Do not show the account Summary header on the Mobile Account Summary page  */
 .phone-device form[action*="MobileAccountSummary"] h2.image {
	display: none;
  }


  
/*Set a minimum width on textboxes so that phone numbers can be typed in  */
 input[size="3"] {
	min-width: 3.1em;
}
input[size="4"] {
	min-width: 3.9em;
}



/*==================================================
//
// Modules
//
//==================================================*/
/* @import url(~/App_Themes/Theme4-CSS/skins/templates/UseModuleBorder.css)  */
/* Modules/UseModuleFixes.css */

.unmanaged-tile .module-single .module-container {
	min-height: 200px;
}

.unmanaged-tile.grouped-account-summary .main-content .site-map-title.middle-row-middle {
	/*display: block;*/
}

.unmanaged-tile.grouped-account-summary .module-single .module-container {
	min-height: 100px;
}

.unmanaged-tile.grouped-account-summary .module-single > h2:not(.thumbnail):not(.module_header):first-child {
	background: #ddd;
	padding: 10px 20px;
}
.unmanaged-tile.grouped-account-summary .wizard-step-title {
	display: none;
}

@media (max-width: 450px) {
	.unmanaged-tile.module-single-wrapper {
		width: 100%
	}
}
@media (min-width: 451px) {
	.unmanaged-tile.module-single-wrapper {
		width: 375px;
	}
	body:not(.signin-page) .unmanaged-tile {
		float: left;
		margin-right: 1em;
	}
}
.unmanaged-tile.grouped-account-summary .module-single {
	margin-bottom: 0;
}
.unmanaged-tile.grouped-account-summary .module-single .module-container {
	padding: 0 10px;
}

.unmanaged-tile.grouped-account-summary .laguna-field.inline-label.balance-amount {
    border-bottom: 0;
}
.unmanaged-tile.grouped-account-summary .laguna-radio-button-list-item div {
	display: table;
	width: 100%;
}
.unmanaged-tile.grouped-account-summary .laguna-radio-button-list-item div > span {
	display: table-cell;
	vertical-align: bottom;
}
.unmanaged-tile.grouped-account-summary .laguna-radio-button-list-item div > span:nth-of-type(2) {
	text-align: right;
}
.unmanaged-tile.grouped-account-summary .laguna-radio-button-list-item div > span.account-number {
	text-align: left;
}

.unmanaged-tile .laguna-angular-form {
	height: initial;
}
.unmanaged-tile .wizard {
	position: static;
}

.unmanaged-tile .wizard-step {
	position: static;
	height: initial;
}

.unmanaged-tile .wizard-step-content {
	overflow: visible;
	height: initial;
}
.unmanaged-tile .laguna-container {
	display: block;
}

@media screen and (max-width: 495px) {
	.content-wrapper {
		padding-top: 0px;
	}
}

.unmanaged-tile .laguna-radio-button-list .account-summary-header {
    background: #ddd;
    padding: 0;
    border-bottom: 1px solid #E4E4E4;
}

.unmanaged-tile .wizard-header {
    /* height: 2.5em; */
	height: auto;
    display: inline-block;
}
.unmanaged-tile .wizard-back-icon {
    margin-top: 5px;
    margin-left: 6px;
    margin-bottom: 20px;
    /* position: absolute; */
	position: initial;
    padding: 10px !important;
}


/* floating-column has a 1em right-margin, so subtract (1em * 2) from the column width */
div.floating-column {
	width: calc(50% - 1em) !important;
}

/* Take away module-single-wrapper background and depend on module-single background
   This allows module-single to have a border-radius. If module-single-wrapper has a
   background, then the module-single border-radius will not be shown */
.module-single-wrapper.ui-widget-content {
	background: none;
}

.module-header-edit-icon .chevron {
	/* width: .45em;	
	ensure the chevron is sized within the circle regardless of circle size
	height: .45em; */
	/* height: 7px;
	width: 7px; */
}
.module-header-edit-icon .chevron.show {
	/* margin-top: .25em;	 */
	/* ensure the chevron is positioned within the circle regardless of circle size */
	/* margin-left: .25em; */
}
.module-header-edit-icon.circleBorder {
	/* margin-top: 0;	 */
	/* now that chevron is sized and positioned correctly, margin-top is no longer needed */
	margin-left: -.25em !important;
	/* Fixing circle and chevron jumping to the right when chevron is clicked  */
}

/* This is replacement for the UseModuleHeader feature */
.module-single > h2:not(.thumbnail):not(.module_header):first-child, .module-single > h1:first-child {
	margin-left: 0;
	margin-right: 0;
	padding: 0;
	padding: 1em;
	padding-left: ;
	padding-right: ;
	padding-top: .5em;
	padding-bottom: 1em;
	line-height: 1em;	/* ensure that when title wraps, it does not overlap by adding line-height */
}
.module-single > h2:not(.module_header) .h2-title-container {
    padding-bottom: 0;
	width: 100%;
}

.module-single .module-title {
    font-size: 17pt;
    min-height: auto;
}
label .account-nickname,
.laguna-radio-button-list.image-buttons label span {
	color: #004487;
	color: black;
}

.body.desktop-device:not(.tablet-device) .laguna-radio-button-list.account-summary li.laguna-radio-button-list-item > input[type="radio"] + label:hover {
	background: #DDD;
}
.body.mobile-device .mainmodule li:hover {
	background: initial;
}

.module-container.graphs .module-single > div {
	padding-top: 0;
}

.laguna-message-overlay {
    background: initial;
}
.laguna-message-overlay .overlay-text {
    color: black;
}
.laguna-message-overlay .overlay-close-icon {
	background: white;
	height: 40px;
}
.laguna-radio-button-list .account-summary-header {
	background: #ddd;
	padding: 5px;
}

.account-summary-header .balance-header,
.account-summary-header .balance-subheader  {
	display: none;
}
li.laguna-radio-button-list-item > input[type="radio"]:checked + label,
li.laguna-checkbox-list-item > input[type="checkbox"]:checked + label {
    background: white;
	color: black;
}

.wizard-back-icon {
    border: 0;
    vertical-align: middle;
    margin-top: -10px;
    text-decoration: underline;
    font-size: 14px;
}

.wizard-step-title {
	padding-bottom: 10px;
	min-height: auto;
	height: auto;
}
.wizard-header {
	margin: 0 0 10px 0 !important;
}

td.actions-column {
	padding: 0;
}
.actions-column-wrapper > * {
	display: block;
}

.actions-column > input.actions-column-selector,
.last-action-column td:last-of-type > input.actions-column-selector {
    background: white;
	cursor: pointer;
	padding: 0 20px;
	border: 0;
	font-size: 25px;
	color: green;
}
.actions-column > input.actions-column-selector:focus,
.last-action-column td:last-of-type > input.actions-column-selector:focus {
    outline: none;
}
.actions-column-wrapper {
	display: none;
}
td.actions-column {
	position: relative;
}
.actions-column-wrapper.show {
    padding-left: 0;
    padding-right: 0;
    border: 2px solid #ddd;
    background: white;
    display: block;
    position: absolute;
    left: -90px !important;
    top: 0 !important;
}
.actions-column-wrapper > div {
	display: table;
	width: 100%;
}
.actions-column-wrapper > div > * {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	padding: 5px;
	cursor: pointer;
}
.actions-column-wrapper > div > input {
	text-align: center;
}
.actions-column-wrapper > div > label {
	width: 100%;
	padding-left: 10px;
}

td.actions-column.column-padding {
	width: 40px;
	padding: 0 !important;
}

#modal-help .module-single > h1:first-child {
	padding-left: 0;
}

/* change pencil and trash can images to unicode */
.actions-column input[src*="icon_edit"], .actions-column-pencil-icon {
	display: none;
}


@media (max-width: 400px) {
	/* ACH Fixes */
	.ach-batch-details-text > div {
		max-width: initial;
	}
}

/* hide close button on dialogs with hide-close-button class */
.hide-close-button.ui-dialog .ui-dialog-titlebar-close {
	display: none;
}

.controls-fill-width div.floating-column {
	width: 100% !important;
}

.controls-fill-width .selectmenu-wrapper {
	width: calc(100% - 25px) !important;
}
.controls-fill-width select,
.controls-fill-width textarea,
.controls-fill-width input[type=text],
.controls-fill-width .module-single input[type="text"],
.controls-fill-width .module-single input[type="password"],
.controls-fill-width input[type="email"],
.controls-fill-width .RadComboBox .rcbInputCell .rcbInput {
	width: calc(100% - 25px);
	box-sizing: border-box;
}
	
@media (min-width: 1139px) {
	.left-col .selectmenu-wrapper {
		width: calc(100% - 25px) !important;
	}
	.left-col .module-container.mainmodule {
		text-align: center;
	}
}

.account-available-label {
    font-size: 91%;
}

body.phone-device .hide-select-all-for-phone tr:first-of-type > td:first-of-type > span.checkbox {
    display: none;
}

/*============== Fixes due to Mobile Experience review ============================================ */

.global-quicklinks ul {
	padding: 0 4px;
}
.global-quicklinks li {
	border: 0;
}

body.ios .global-quicklinks .text {
	font-size: 75%;
	font-family: "Helvetica Neue", verdana;
}

.wizard-step-title {
     height: 58px;
     line-height: 48px;
}
.wizard-back-icon {
    border: initial;
    margin-top: 0px;
    text-decoration: initial;
    background: #004487;
    color: white;
    width: 80px;
}
.tile-transfers.module-single>h2:not(.thumbnail):not(.module_header):first-child {
    padding-bottom: 0;
}
.tile-transfers .wizard-header:not(.show) {
    display: none;
}
.kilimanjaro-module .kilimanjaro-account input[type="button"].kilimanjaro-back-button,
.wizard-back-icon {
    margin-left: 0;
    height: 44px;
	min-width: 60px;
	
}
.kilimanjaro-account > div:first-of-type > span:first-of-type {
    width: 80px;
}
.kilimanjaro-accounts-module .kilimanjaro-plus-minus-button > span:first-of-type {
    margin-left: 0;
}
.kilimanjaro-accounts-module .transactions-area .kilimanjaro-heading {
    padding: 10px 10px;
}
#busy-div {
    display: block;
}
body.mobile-device .mainmodule li,
body.mobile-device .mainmodule li > a {
    cursor: initial;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background: rgba(0, 0, 0, 0) !important;
}
body.mobile-device .kilimanjaro-module .radio-list>li:not(.h2) > label {
    cursor: initial;
    background: rgba(0, 0, 0, 0) !important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.kilimanjaro-label-value-list>div>span:first-of-type {
        white-space: nowrap;
}
@media (max-width: 399px) {
    .kilimanjaro-label-value-list>div:nth-of-type(3) > span:first-of-type {
        white-space: normal;
    }
}
.unmanaged-tile .laguna-message-overlay .overlay-text {
    overflow: initial;
    height: auto;
    white-space: normal;
}
.unmanaged-tile .wizard-back-icon {
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 0;
    position: absolute;
    padding: 0;
}
body:not(.desktop-device) .make-a-transfer-tile .wizard-header {
	display: none;
}
.unmanaged-tile .wizard-header {
    margin: 0 !important;
}

li.laguna-radio-button-list-item > input[type="radio"] + label, li.laguna-checkbox-list-item > input[type="checkbox"] + label {
    background: white;
}
li.laguna-radio-button-list-item>input[type="radio"]:checked+label, li.laguna-checkbox-list-item>input[type="checkbox"]:checked+label {
    background: #CCC;
    border: 3px solid black;
}
input[type=text] {
    height: 42px;
    box-sizing: border-box;
}
.selectmenu-wrapper {
    height: 42px;
    box-sizing: border-box;
}

/* ===== */

input.button:hover {
    background: #004487;
}

.unmanaged-tile .wizard-back-icon {
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 0;
    position: absolute;
    padding: 0;
}
.unmanaged-tile .wizard-header {
    margin: 0 !important;
}

/* dollar sign image in amount field */
.laguna-field-money.laguna-field-control {
    background-size: .6em 1em;
    background-position: .7em .95em;
}

li.laguna-radio-button-list-item > input[type="radio"] + label, li.laguna-checkbox-list-item > input[type="checkbox"] + label {
    background: white;
}
li.laguna-radio-button-list-item>input[type="radio"]:checked+label, li.laguna-checkbox-list-item>input[type="checkbox"]:checked+label {
    background: #CCC;
    border: 3px solid black;
}

input[type=text] {
    height: 42px;
    box-sizing: border-box;
}
.selectmenu-wrapper {
    height: 42px;
    box-sizing: border-box;
}
.no-items-available {
	text-align: center;
    font-weight: bold;
	padding: 20px;
}
body.mobile-device .make-a-transfer-tile .laguna-left-and-right-arrows label span {
	background: none;
}


/** RDC Module */
input[id$="btnCaptureFront"], input[id*="btnCaptureBack"] {
    width: 175px !important;  
	background: url(content.aspx?theme=Theme4&color1=%2398002e&color2=%2398002e&image=svg/camera-front.svg) no-repeat !important;
	background-position-x: 3.5em !important;     
	height: 6em !important;
	margin:0 auto !important;
    position: relative;
	display: block !important;
}

/* Remote Deposit Endorsement message being added */
div[id=Module-MB2C30Z] .module-container.mainmodule {
	position: relative;
	top: -22px;
}

span[id*="MB2C30Z"] input[id*="_btnCapture"] {
    border: 1px solid #cdcdcd;
    border-radius: 4px;
    background-color: #efefef !important;
}

input[id*="btnCaptureBack"]{
    background: url(content.aspx?theme=Theme4&color1=%2398002e&color2=%2398002e&image=svg/camera-back.svg) no-repeat !important;	
	background-position-x: 3.5em !important;     	   
}
.module-container.mainmodule [id$="ZoneHistory"] [id*="btnViewHistory"] {
   background: #004487 !important;
   color: #ffffff !important;
}

[id*="LC_Zone2"] {
   margin-top: 20px;
}

.module-container.mainmodule [id*="MB2C30Z"][id*="grpEditor_btnCancel"],
#M_layout_content_PCDZ_MB2C30Z_ctl00_ctl00_webInputForm_grpEditor_btnCancel{
    padding: 10px 40px;        
}

[data-moduletitle="Deposit a Check"] [id$="txtAmount"] {
	    width: 81vw !important;
}
	
.rdc_item_header, .rdc_item_info_section {
    color: #4C4D4F; 
}

#imgFrontDiv  div:nth-child(2), 
#imgBackDiv div:nth-child(2), 
span[id*="btnCaptureFront"], 
span[id*="btnCaptureBack"] {
   text-align: center !important;
} 



/* Promotions Criteria Dropdown override */
div[id="Module-MBV96BP"] .selectmenu-wrapper {
	width: 560px !important;
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
    .phone-device .input_box[name*="txtDeviceName"] {
        max-width: 18em;
    }
}

.phone-device input.RegisterFastBalances {
    max-width: 250px;
}

/* Profile Overrides */
.submit_buttons input[type=button][id*="_btnMobileNicknames"]:not([disabled]){
    background: #004487;
}
 
.phone-device form[action*="ManageFastBalances"] #main-sortable .module-single .module-title  {
	 padding-bottom: 0;
}	

.phone-device form[action*="ManageFastBalances"] #main-sortable div.fb_overview {
	font-size: 15px;
	padding: 0 !important;
}	

.phone-device div[data-moduletitle="Change User ID"] .mainmodule ul.list li {
	padding: 0 7px 0 10px;
}	

.phone-device div[data-moduletitle="Change Password"] .mainmodule ul.list li {
	padding: 0 10px 0 10px;
}

.phone-device form[action*="Alerts"] .left_aligned_checkbox input {
	position: relative;
}	

.phone-device span > input[type=radio] + label {
	line-height: 16px;
}
/* Message Center Overrides */
input[name$="$btnChangeQueue"], input[name$=btnAssign] {
	margin-left: 30px !important;
}

[data-moduletitle="Message Detail"] div.message_thread_container {
width: auto;
}

[data-moduletitle="Message Detail"] div.message_right_side_div {
width: auto;
min-width: 645px;
}

[data-moduletitle="Message Detail"] div.message_csr_panel {
width: auto;
min-width: 53vw;
}

div.message_csr_panel_content,
div.thread_info { 
padding: 25px;
}

div.thread_info .submit_buttons {
text-align: center;
}	


@media only screen and (max-width: 1605px) { 

[data-moduletitle="Message Detail"] div.message_csr_panel {
	min-width: 50vw;
}
}

@media only screen and (max-width: 1518px) { 

[data-moduletitle="Message Detail"] div.message_csr_panel {
	min-width: 45vw;
}
}

@media only screen and (max-width: 1400px) { 
[data-moduletitle="Message Detail"] div.message_csr_panel {
	min-width: 40vw;
}
}

@media only screen and (max-width: 1399px) { 

div.message_left_side_div {   
 width: auto;
}
}
@media only screen and (max-width: 1300px) { 

div.message_left_side_div {  
 width: auto;
}
}

@media only screen and (max-width: 1299px) { 

 [data-moduletitle="Message Detail"] div.message_thread_container {
	width: auto;
	max-width: 480px;
 }
}

@media only screen and (max-width: 1231px) { 

 [data-moduletitle="Message Detail"] div.message_thread_container {
	width: auto;
	max-width: 280px;
 }
}

@media only screen and (max-width: 1034px) { 

 [data-moduletitle="Message Detail"] div.message_thread_container {
	width: auto;
	max-width: 230px;
 }
 [data-moduletitle="Message Detail"] div.message_csr_panel {
	min-width: 20vw;
}
}

@media only screen and (max-width: 981px) { 

 [data-moduletitle="Message Detail"] div.message_thread_container {
	width: auto;
	max-width: 100%;
 }
 [data-moduletitle="Message Detail"] div.message_csr_panel {
	width: auto;
	max-width: 100%;
}
}

@media only screen and (max-width: 750px) { 

	[data-moduletitle="Message Detail"] div.message_thread_container {
		width: 100%;
		max-width: 100%;
	}
	
	[data-moduletitle="Message Detail"] div.message_csr_panel {
		width: 100%;
		max-width: 100%;
	}
}

/* Separate the two session timeout paragraphs */
p.sessiontimeout-p2 {
	margin-bottom: 25px !important;
}


/* Fix for long-touch on nav links on iPads */
.slider-menu-container .portalmenutree a,
.global-quicklinks ul li a {
    -webkit-user-select: none !important;
    -webkit-touch-callout: none !important;
}

/* @import url(~/App_Themes/Theme4-CSS/skins/templates/Custom/Modules/UseButtonFixes.css) */
.chkHeading .checkbox input[type=checkbox] + label {
	background: url(/images/plus.gif) no-repeat;
	background-size: 18px 20px;
    background-position-y: -4px;
	cursor: pointer;
}

.chkHeading .checkbox input[type=checkbox]:checked + label {
	background: url(/images/minus.gif) no-repeat;
	background-size: 18px 20px;
    background-position-y: -4px;
	cursor: pointer;
}

/* @import url(~/App_Themes/Theme4-CSS/skins/templates/Custom/Modules/UseSubmitButtonsOnRight.css) */
/* @import url(~/App_Themes/Theme4-CSS/skins/templates/Custom/Modules/UseSubmitButtonsInCenter.css) */
/************** Modules/UseKilimanjaroModuleStyling.css */

div.kilimanjaro-module {
	background: white;
}

div.kilimanjaro-module .module-container {
	padding: 0;
	padding: 0;
}
body.mobile-device div.kilimanjaro-module .radio-list > li > input[type="radio"]:hover {
	background: white;
}
div.kilimanjaro-module ul.radio-list {
	width: 100%;
}

div.kilimanjaro-module .radio-list > li:not(.kilimanjaro-heading) {
	padding: 0 1em;
}
.kilimanjaro-heading,
.radio-list > li.kilimanjaro-heading {
	min-height: auto;
	padding: 10px 1em;
}

.kilimanjaro-heading.h1,
.radio-list > li.kilimanjaro-heading.h1 {
	font-size: 130%;
	background: #DDD;
	color: #004487;
	background: #DDD;
	color: #004487;
	
}

.kilimanjaro-heading.h2,
.radio-list > li.kilimanjaro-heading.h2 {
	font-size: 110%;
	background: #e8e8e8;	
	color: black;
	background: rgba(153,180,207,255);
	color: 180,white,black);
}
.kilimanjaro-heading.h2.bold > label > div > span {
	font-weight: bold;
}
.radio-list > li.kilimanjaro-heading > input[type="radio"] + label  {
	padding: 0;
	border-bottom: 0;
}
.radio-list > li.kilimanjaro-heading.h1 > input[type="radio"] + label {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 110%;
}

.kilimanjaro-detail {
	margin: 10px;
	padding: 3px 7px 7px 7px;
	border: 1px solid #e8e8e8;
	background: white;
	margin-bottom: 1em;
}
.kilimanjaro-close-x {
	text-align: right;
	font-size: 150%;
	font-weight: bold;
	width: 44px;
	position: relative;
    right: -10px;
    top: -10px;
    padding: 5px 10px;
	cursor: pointer;
}
.kilimanjaro-account > div:first-of-type > span {
	display: table-cell;
}
.kilimanjaro-account > div:first-of-type > span:first-of-type {
	white-space: normal;
	width: 100px;
}
.kilimanjaro-account > div:first-of-type {
	display: table;
	width: 100%;
}
.kilimanjaro-detail.kilimanjaro-account .masked-account-number {
	padding-left: 5px;
	color: #888;
}
.kilimanjaro-detail.kilimanjaro-account > div:nth-of-type(2) {
	padding-top: 1em;
}
.kilimanjaro-detail.kilimanjaro-account > div:nth-of-type(2),
.kilimanjaro-detail.kilimanjaro-account > div:nth-of-type(3) {
	text-align: right;
}
.account-nickname-edit {
	padding-right: .5em;
}

.kilimanjaro-label-value-list {
}
.kilimanjaro-label-value-list > div > span {
	display:table-cell;
}
.kilimanjaro-label-value-list > div > span:first-of-type {
	font-weight: bold;
	white-space: nowrap;
}
@media (max-width: 320px) {
	.kilimanjaro-label-value-list > div > span:first-of-type {
		white-space: normal;
	}
}

.kilimanjaro-label-value-list > div > span:last-of-type {
	text-align: right;
	width: 100%;
}
.radio-list > li > input[type="radio"] + label.last-in-group {
	border-bottom: 0;
}
.kilimanjaro-module .money {
	font-size: 1.2em;
}
.kilimanjaro-module .money.balance {
	font-size: 1.5em;
	font-weight: bold;
}
.kilimanjaro-module .money.transaction:not(.debit) {
	font-weight: bold;
}
.kilimanjaro-module .money.transaction.debit {
	color: rgba(178,0,0,255);
}
.kilimanjaro-module .laguna-submit-buttons span {
    margin: 1px;
}
.kilimanjaro-module input[type="button"].kilimanjaro-detail-button {
	background: white;
	background: #004487;
	color: #FFFFFF;
	margin-top: 4px;
	border: 1px solid #DDD;
	cursor: pointer;
}
.kilimanjaro-module input[type="button"].kilimanjaro-cancel-button {
	background: #ddd;
	color: black;
	margin-top: .5em;
	border: 1px solid #DDD;
	cursor: pointer;
}
.kilimanjaro-module input[type="button"].kilimanjaro-back-button {
    margin-top: 0;
    padding: 0;
    height: 44px;
    min-width: 85px;
	cursor: pointer;
}

.kilimanjaro-submit-buttons {
    display: flex;
    -webkit-flex-direction: row;
}

.account-item {
    width: 100%;
}

.account-nickname {
	font-weight: bold;
	font-size: 1.1em;
	text-transform: uppercase;
}

.account-item > div {
	display: table;
	line-height: 1.7em;
	width: 100%;
}

.account-item > div.lighter {
	color: #888;
}

.account-item > div > span {
	display: table-cell;
}
.account-item > div > span {
    text-align: right;
	white-space: nowrap;
}
.account-item > div > span:first-of-type {
    text-align: left;
	white-space: initial;
	padding-right: 1em;
}

.transaction-item > div > span {
	display: table-cell;
	white-space: nowrap;
}
.transaction-item > div.withdate > span:nth-of-type(2) {
	white-space: normal;
	padding-right: 1em;
	width: 100%;
	padding-left: 1em;
	box-sizing: border-box;
}
.transaction-item > div:not(.withdate) > span:nth-of-type(1) {
	width: 100%;
	padding-right: 1em;
	box-sizing: border-box;
}
.transaction-item > div > span:last-of-type {
    text-align: right;
	min-width: 80px;
}
.transaction-inquiry {
	padding-top: 5px;
}

.transaction-inquiry .inquire-text {
	text-decoration: underline;
	color: blue;
}

.transaction-view-check .view-check-icon {
	height: 35px;
	width: 40px;
	display: inline-block;
	background: url(content.aspx?theme=Theme4&color1=%2300B2A9&color2=%2398002e&image=svg/check.svg);
	background-repeat: no-repeat;
	margin-top: 5px;
}
.transaction-view-check .view-check-text {
	padding-left: 5px;
	top: -10px;
    position: relative;
	display: none;
}

.kilimanjaro-module .transactions-area .laguna-submit-buttons input[value="Get More"].button {	
	margin-left: 0.2vw;
}

.phone-device .kilimanjaro-module .transactions-area .laguna-submit-buttons input[value="Get More"].button {	
	margin-left: 0;
	border-radius: 0 !important;
}

.kilimanjaro-module .get-more.button {
	color: #ffffff;
}
.kilimanjaro-accounts-search-area {
	padding: 1em;
}
.kilimanjaro-accounts-search-area .kilimanjaro-accounts-search-description > p,
.kilimanjaro-accounts-search-area .kilimanjaro-accounts-search-checknumber > p,
.kilimanjaro-accounts-search-area .kilimanjaro-accounts-search-amounts > p  {
	display: table;
	width: 100%;
}
.kilimanjaro-accounts-search-area .kilimanjaro-accounts-search-description > p > label,
.kilimanjaro-accounts-search-area .kilimanjaro-accounts-search-checknumber > p > label,
.kilimanjaro-accounts-search-area .kilimanjaro-accounts-search-amounts > p > label:first-of-type  {
	width: 120px;
	display: table-cell;
	vertical-align: middle;
}
.kilimanjaro-accounts-search-area .kilimanjaro-accounts-search-description > p > input,
.kilimanjaro-accounts-search-area .kilimanjaro-accounts-search-checknumber > p > input {
	width: 100%;
	display: table-cell;
	box-sizing: border-box;
}
.kilimanjaro-accounts-search-area .kilimanjaro-accounts-search-amounts > p > input {
	width: 100%;
	display: table-cell;
	box-sizing: border-box;
	height: 44px;
	border: 1px solid #d2d2d2;
	padding: 8px;
	margin-bottom: 8px;
	margin-top: 4px;
}
.kilimanjaro-accounts-search-area .kilimanjaro-accounts-search-amounts > p > label:last-of-type  {
	display: table-cell;
	padding: 0 .5em;
	vertical-align: middle;
}

.kilimanjaro-accounts-search-area .laguna-submit-buttons .button {
  max-width: 45vw;
}
.kilimanjaro-accounts-no-transactions-found {
	text-align: center;
}

.kilimanjaro-module-ribbon {
	width: 100%;
	height: 50px;
	background: red;
	position: absolute;
	bottom: 0;
	left: 0;
}

.kilimanjaro-plus-minus-button {
	float: right;
	cursor: pointer;
	margin-top: -3px;
}
.kilimanjaro-plus-minus-button > span:first-of-type {
	background: url(/images/plus.gif) no-repeat;
	background-size: 15px;
	width: 15px;
	height: 20px;
	margin-left: 1em;
	display: inline-block;
}
.kilimanjaro-plus-minus-button > span.open:first-of-type {
	background: url(/images/minus.gif) no-repeat;
	background-size: 15px;
	width: 15px;
	height: 20px;
	margin-left: 1em;
	display: inline-block;
}
.kilimanjaro-module .radio-list > li {
	cursor: pointer;
}

/*
.kilimanjaro-module:not(.unmanaged-tile) .module-container {
	padding: 1em;
}
*/

.accounts-edit-nickname .laguna-submit-buttons input.button {
	margin: 3px;
}
.accounts-edit-nickname .laguna-submit-buttons input.button:last-of-type {
	margin-right: 0;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
display: none !important;
}

/*============== Fixes due to Mobile Experience review ============================================ */


/* @import url(~/App_Themes/Theme4-CSS/skins/templates/Custom/Modules/UseFixedKilimanjaroAccountDetailsHeader.css) */

/*==================================================
//
// ModuleHeader
//
//==================================================*/

.module-single > h2:not(.thumbnail):not(.module_header):first-child, .module-single > h1:first-child {
	margin-left: 0;
	margin-right: 0;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: .5em;
}
.module-single > h2:not(.module_header) .h2-title-container {
    padding-bottom: .3em;
	width: 100%;
}
/* .ui-widget-content:not(.ui-dialog):not(.ui-selectmenu-menu-dropdown) {
	background: transparent;
} */
.laguna-message-overlay .overlay-close-icon {
	margin: 1em 1.7em;
}

/* ModuleHeader/UseNoModuleHeaderCollapseChevron.css */

.module-single > h2:first-child div.collapse-expand {
	display: none;
}

/* @import url(~/App_Themes/Theme4-CSS/skins/templates/Custom/ModuleHeader/UseUppercaseModuleHeaderTitle.css) */
.module-single > h2:first-child, .module-single > h1:first-child, .overlay-header, .module_header {
	border-bottom: 0;
}


/*==================================================
//
// PopupMenu
//
//==================================================*/
/*********** PopupMenu/UsePopupMenuFixes.css */

.page-primary-nav .primary-nav .menu-tree-item1 .menu-items .menu-item > a .icon-text {
	color: #58595B;
}

.primary-nav ul.horizontal .menu-tree-item2 .menu-items {
	margin: 0;	/* fix margin-top: -47px from ColorTemplate.css */
}

.page-primary-nav .primary-nav .menu-item > a .icon-text:hover {
    color: inherit;
}

.page-primary-nav .primary-nav .menu-tree-item1 ul.menu-items .menu-item > a {
	color: #58595B;
}

.page-primary-nav .primary-nav .menu-tree-item1 ul.menu-items .menu-item > a.menu-open,
.page-primary-nav .primary-nav .menu-tree-item1 ul.menu-items .menu-item > a.menu-open .icon-text {
	color: #58595B;
}

.page-primary-nav .primary-nav .menu-tree-item1 ul.menu-items .menu-item > a.menu-open:hover,
.page-primary-nav .primary-nav .menu-tree-item1 ul.menu-items .menu-item > a.menu-open .icon-text:hover {
	color: #0085AF;
}

.page-primary-nav .primary-nav .menu-tree-item1 ul.menu-items .menu-item > a:hover .icon-text,
.page-primary-nav .primary-nav .menu-tree-item1 ul.menu-items .menu-item > a .icon-text:hover {
	color: #0085AF;
}

ul.menu-items .hasSubMenu > a .icon-text:after {
     border-right: 2px solid #58595B;
     border-bottom:2px solid #58595B;
	 float: right;
}
ul.menu-items .hasSubMenu > a.menu-open .icon-text:after {
     border-right: 2px solid #58595B;
     border-bottom:2px solid #58595B;
}
ul.menu-items .hasSubMenu > a:hover .icon-text:after {
     border-right: 2px solid #0085AF;
     border-bottom:2px solid #0085AF;
}
ul.menu-items .hasSubMenu > a.menu-open:hover .icon-text:after {
     border-right: 2px solid #0085AF;
     border-bottom:2px solid #0085AF;
}


.page-primary-nav .menu-tree-item2 > .menu-open,
.page-primary-nav .menu-tree-item2 > .menu-open + ul,
.page-primary-nav .menu-tree-item3 > .menu-open,
.page-primary-nav .menu-tree-item3 > .menu-open + ul {
	display: inline-block !important;	/* fix margin-top: -47px from ColorTemplate.css */
}
.page-primary-nav .menu-tree-item2 > .menu-open,
.page-primary-nav .menu-tree-item3 > .menu-open {
	width: 100%;
	box-sizing: border-box;
}

.primary-nav ul.menu-items.menu-tree-item2 .menu-item {
    line-height: normal;
    height: auto;
}
.page-primary-nav li.menu-tree-item2 > a,
.page-primary-nav li.menu-tree-item3 > a{
	padding: 0 20px;
	border-color: #E8E8E8;
	border-width: 0 0 0 0;
	border-style: solid;
}

/*
.page-primary-nav li.menu-tree-item2:last-of-type > a,
.page-primary-nav li.menu-tree-item3:last-of-type > a {
	border-bottom-width: 0;
}
*/

.page-primary-nav .menu-tree-item1 .menu-items .icon-text {
	padding: 20px 0;
	border-style: solid;
	border-width: 0 0 1px 0;
	border-color: #E8E8E8;
}
.page-primary-nav ul.menu-tree-item1 .menu-items > li:last-of-type .icon-text {
	border-bottom-width: 0;
}

ul.horizontal .menu-tree-item1 .menu-items {
	width: 300px;
}

ul.horizontal .menu-tree-item2 .menu-items.alignToScreen  {
	left: -300px;
}
ul.menu-tree-item2.alignToScreen {
	margin-left: 0 !important;
	right: 0;
}

ul.menu-tree-item1 .menu-items .icon-text {
    width: 100%;
	font-size: ;
}


ul.menu-tree-item2 .hasSubMenu > a .icon-text:after {
	/*margin-left: calc($PopupMenuWidth - 35px);*/
	margin: 5px 5px 0 0;
}

ul.horizontal .menu-tree-item2 .menu-items {
    left: 300px;
}

.primary-nav .menu-items.menu-tree-item2 {
	margin-top: .1em;
}

.page-primary-nav ul.horizontal.menu-items li.menu-tree-item2 a:hover {
	background: #004487;
}



/*==================================================
//
// Spinners
//
//==================================================*/
/* Spinners/UseSpinnerStar.css */

.spinner {
    background: url(content.aspx?theme=Theme4&color2=%2398002e&color1=%2300B2A9&image/spinner-star.svg) no-repeat 0 0;
    border : 0;
    border-top: 0;
    animation: rotation 6s infinite linear;
    -webkit-animation: rotation 6s infinite linear;
    height: 70px !important;
    width: 70px !important;
}



/*==================================================
//
// CustomizeDialog
//
//==================================================*/
/* CustomDialog/UseCustomDialogFixes.css */

/* Fix: Settings visibility of tiles buttons */
#customize-page .module-single p {
	clear: initial;
	width: 100%;
	display: block;
	float: left;
	margin: 4px 0 0 0;
}
.customize-page-icons-area {
	padding: 0;
}
input[type=checkbox].save-preferences-checkbox + label {
	width: 100%;
	box-sizing: border-box;
}
/* Fix: Show border around each skin icon in case the there is no icon to view */
.apply-skin {
    border: 1px dashed #e6e6e6;
	width: 100%;
}

/*
#customize-page .apply-skin {
	height: calc(100px - 15px); 
}
*/

.skin-icon {
	width: 105px;
}

#customize-page .apply-skin {
    height: calc(100px - 30px); 
}
#customize-page .apply-skin-text {
    font-size: smaller;
    line-height: 1em;
    display: block;
}
.skin-icon > div > div {
    margin-bottom: 6px;
}


#customize-page {
	height: auto !important;
}

.customize-page-icons-area {
	height: calc(500px - 200px);
	overflow: auto;
}



/*==================================================
//
// TouchPoints
//
//==================================================*/
/*************** TouchPoints/UseTouchPointFixes.css */
/* This must be used with the ServerRolesToClientModule so that the roles get injected into the body class */

/* fix radio button spacing */
span > input[type=radio] + label {
	padding-left: 36px;
	background-position-x: -22px;
	line-height: 44px;
	cursor: pointer;
}
td > input[type=radio] + label {
	padding-left: 36px;
	background-position-x: -22px;
	line-height: 44px;
	cursor: pointer;
}
span > input[type=radio]:checked + label {
	background-position-x: -22px;
}
td > input[type=radio]:checked + label {
	background-position-x: -22px;
}
.vertical_radio_group td {
	/*padding: 10px 0; */
}
.vertical_radio_group td > label {
	cursor: pointer;
}

/* button */
button:not(.unreadMessages):not(.ui-dialog-titlebar-close):not(.actions-column-selector) input[type=button],
input[type=submit], .circle-around-chevron,
.submit_buttons input[type="submit"], .submit_buttons input[type="button"], .submit-button {
	height: 44px;
	/*border-radius: 4px;*/
}
.ui-dialog .ui-dialog-titlebar-close {
	min-width: auto;
    width: 44px;
    background-position-x: center;
    line-height: 44px;
    right: 1em;
}

/************ TouchPoints/UsePaginationFixes.css */

.table_pagination a,
.table_pagination span {
	color: black;
	color: black;
    width: 44px;
    height: 44px;
	line-height: 44px;
    display: inline-block;
    text-align: center;
	margin: 0 0 1px 0;
	padding: 0;
	border: 1px solid #93abd0;
}
.table_pagination a:link {
	background: #E8E8E8;
	margin: 0 0 1px 0;
	padding: 0;
	border: 1px solid #93abd0;
}
.table_pagination a:visited {
    background: #C3D9F2;
	background: #E8E8E8;
	margin: 0 0 1px 0;
	padding: 0;
	border: 1px solid #93abd0;
}
.table_pagination span {
	background: #008f6f;	/* green */
	background: #004487;
	color: white;
}

.table_pagination span:first-child {
	background: #C3D9F2;
	background: #E8E8E8;
	color: #2B7B9F;
}

.table_data td {
    padding: 12px 10px;
    border: none;
    word-wrap: break-word;
}

.table_pagination {
	word-spacing: 0;
}

@media (max-width: 800px) {
	.table_pagination {
		text-align: left;
	}
}
@media (max-width: 450px) {
	.table-for-mobile table.table_data {
		table-layout: fixed !important;
		width: 100% !important;
	}
}


/*==================================================
//
// EditMode
//
//==================================================*/
/* EditMode/UseEditModeFixes.css */

/* INJECTED by using the "Empty For Edit Mode" module template defined in Fiserv.PS.Internal.ModuleTemplates */
.edit-mode-module-title {
	padding-left: 20px;
	font-weight: bold;
}

form.EditMode .RadDockingZone {
	table-layout: fixed !important;
	width: 100% !important;
}

form.EditMode table {
	table-layout: fixed !important;
	width: 100% !important;
}
.EditMode .RadDockableObjectTitle {
	white-space: initial !important;
	word-wrap: break-word;
}

.EditMode .RadDockableObjectCommandButton {
	padding-right: .5em;
	vertical-align: middle;
	width: 20px;
}

.EditMode .portal-view {
	max-width: none;
}

.EditMode .RadDockableObjectTitle {
    /*width: initial;*/
	vertical-align: middle;
	padding-right: 30px;
}


.EditMode .fast-balances-drawer {
	display: none;
}




/*==================================================
//
// Custom
//
//==================================================*/
/* Overrides/UseProductOverrides */

/* Make it so you can emulate a user even if in mobile */
body.mobile-device #M_layout_content_PCDZ_M5QH8YG_ctl00_resultsGrid tr td:nth-child(2),
body.mobile-device #M_layout_content_PCDZ_M5QH8YG_ctl00_resultsGrid tr td:nth-child(3),
body.mobile-device #M_layout_content_PCDZ_M5QH8YG_ctl00_resultsGrid tr td:nth-child(4) {
 display: none;
}

.phone-device table[id*="DownloadOptions"] {
    display: none;
}

/* hide borders on the More page */
[id*=M8SYAC0] .simple-listView > li{
    border-bottom: none;
}

/* Test for IE11 dropdown */
/* @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  select::-ms-expand {
    display: none;
    }

   .ui-selectmenu-icon {
    -moz-appearance:none;
    -webkit-appearance:none;
    text-indent:0.01px;
    text-overflow:''; 
    background: url(content.aspx?theme=Theme4&color2=DarkGrey&color1=%234c4d4f&image=svg/ie-caret-down.svg);
                background-position: right center;
                background-repeat: no-repeat;
                background-size: 20px;
				background-position-x: 20px;
    width:100%; border-radius:0;
    color:#666; border-radius:4px;
    width:200px;
   padding:10px 5px;
  }
} */


/* custom/overrides/usecustomoverrides.css */
/* Put any styling overrides in this file, rather than updating the original Custom .css files */

/* Make the close icon almost black instead of $Color */
.slider-menu.accordions .close-slider-menu-button {
	background: url(content.aspx?theme=Theme4&color1=%234c4d4f&image=svg/close-modal.svg) no-repeat;;
}

/* color the text of slider menu items that HAVE children same as body font*/
.slider-menu.accordions .menu-items > li.menu-item.hasSubMenu  > a > .icon-text {
	color: ;
}



.module-single .module-title {
    text-transform: capitalize;
}

.pre-signin .portal-view
#page-header-container-2 .css-imgLogo {
	background-image: url(Content.aspx?name=USB_Logo_560x135);
}

.top-nav-wrapper .css-imgLogo {
    display: none;
}

.page-primary-nav .css-imgLogo {
     display: block; 
}

ul.menu-items.menuSub {
    background: #FFFFFF;
}
label .account-nickname,
.laguna-radio-button-list.image-buttons label span {
	color: #87212E;
}

#modal-help .module-single > h1:first-child {
    padding-left: 1em;
	color: white;
}

.ui-dialog .ui-dialog-titlebar-close {
    margin-top: 15px;
    margin-right: 14px;
}

.top-nav-right .modal_page_help_link > span {
	display: block;
        float: right;
}

.top-nav-right .customize-page-icon > span {
	display: block;
        float: right;
}

.top-nav-right .page-last-login {
	display: block;
}

.equal-housing-icon {
    width: 320px;
    height: 26px;
    background: url(/Content.aspx?name=EqualHousingLender_memberFDIC) no-repeat center center;
    background-size: cover;
}
.fed-insured-icon{
    background-color: #87212E;
    background-blend-mode: hard-light;
}

.hamburger-icon {
    display: block;
}

.hamburger-menu > span {
   display: none; 
}

/* ------------------------------------------ SignIn Page ------------------------------------------ */

.login-width .module-single > h2 {
	display: none;
}

@media screen and (max-height: 700px) {
	.LoginModule {
		margin-top: unset;
	}
}

.pre-signin .simple-listView > li {
	border: 0;
}

@media screen and (max-width: 420px) {
	.pre-signin .login-width {
		width: 100%;
	}
	.pre-signin .page-middle-middle {
		background: white;
	}
}

@media screen and (min-width: 451px) {
	.pre-signin .main-content {
		padding-top: 1em;
	}
}

@media screen and (max-width: 495px) {

	.module-container .mainmodule, .module-container.mainmodule {
		padding-bottom: 5px;
	}
}
.slider-menu.accordions .slider-menu-logo {
    width: 217px;
    margin-left: 3px;
	}
input[type=text]{
	box-sizing: inherit;
	height: 40px;
}

input.button:hover {
    background: #98002E;
}
.module-single > h2:not(.thumbnail):not(.module_header):first-child
{
background: linear-gradient(180deg, #FFFFFF 88%, #87212E 12%);

}
 .top-nav-right ul a:hover:before, a.page-help-link:hover:before, a.customize-page-li:hover:before, a.customize-page-icon span:hover:before
 {
 color: #FFFFFF;
 }
.top-nav-right ul a:hover, a.page-help-link:hover, a.customize-page-li:hover, a.customize-page-icon span:hover
 {
 color: #FFFFFF;
 }

  .top-nav-right .page-help-link:hover{
 border-bottom: 3px solid #FFFFFF;
 }
.top-nav-right .customize-page-li:hover
{
border-bottom: 3px solid #FFFFFF;

}

.emphasize_box {
    background: #FFFFFF;
	}
	
.CommandButton
	{background: #00B2A9;
	}
li#M_SkinColorSchemeTab {
    display: none;
}
input#M_layout_content_PCDZ_MFUZWNF_ctl00_ctl00_webInputForm_grpMethods_btnCancelOob {
    background: #00B2A9;
    color: #FFFFFF !important;
}

 #page-header-container-2 .unreadMessages:before {
    color: #87212E;
}

.unreadMessages:before {
    transform: scale(0.9,0.9);
	
	}

@media screen and (max-width: 495px){
.module-single > h2.tile-thumbnail-header.thumbnail .h2-title-container > span {
    line-height: 1em;
}
}

@media (max-width: 340px)
{
.css-imgLogo {
    background: transparent;
    content: url(Content.aspx?name=USBLogoBlackNew) !important;
    width: 209px !important;
    height: 35px !important;
}
}
	@media only screen and (max-width: 768px) {
	#page-header-container-2 .css-imgLogo {
    background: transparent;
    content: url(Content.aspx?name=USBLogoBlackNew);
    width: 209px;
    height: 35px;
}
}
.message_queue_content > span.icon_information::before {
    font:  20px FontAwesome;
    }

.message_queue_content > span.icon_error::before{
   font:  20px FontAwesome;
}

.module-header-edit-icon .chevron.show {
    margin-top: 6px;
    margin-left: 5px;
}
.module-header-edit-icon {
    height: 24px;
    width: 24px;
}
li#M_SkinLayoutTab {
    display: none;
}
.top-nav-right > ul > li {
    float:left;
}

a:focus, li:focus, button:focus, textarea:focus, input:focus, select:focus, input.orcc_image_checkbox:focus + img {
    outline: none;
    outline-offset: unset;
}

.customize-page-icon:before {
    background: none;
	}
	
a[class*='menu-tree-item-anchor']:focus {
    background-color: #FFFFFE;
    
}
.page-primary-nav ul.horizontal.menu-items li.menu-tree-item2 a:hover {
    background: #FFFFFE;
}
.unreadMessages:focus {
    outline: none;
}

.image-buttons li.laguna-radio-button-list-item > input[type="radio"]:checked + label, .image-buttons li.laguna-checkbox-list-item > input[type="checkbox"]:checked + label {
    border: none;
}

/* for Account summary font fixed */
.phone-device .laguna-field.inline-label.balance-amount .laguna-field-label-container {
	font-size: 1.0em;
}

/* Overrides for laguna message overlay  */
.laguna-message-overlay {
    background: rgba(0,0,0,.19);
}

.laguna-message-overlay div.overlay-text div {
	color: #4c4d4f;
}

desktop-device .laguna-message-overlay .overlay-close-icon {
	height: 40px;
	top: -18px;
    right: -7px;
}



.phone-device .laguna-message-overlay .overlay-close-icon {
	top: -20px;
	right: -15px;
}/* Overrides for laguna message overlay  */
.laguna-message-overlay {
    background: rgba(0,0,0,.19);
}

.laguna-message-overlay div.overlay-text div {
	color: #4c4d4f;
}

desktop-device .laguna-message-overlay .overlay-close-icon {
	height: 40px;
	top: -18px;
    right: -7px;
}

.phone-device .laguna-message-overlay .overlay-close-icon {
	top: -20px;
	right: -15px;
}

/* Date textboxes are not wide enough for Date  */
input.input_date {
    width: 5.9em;
}


/* Date Pickers fixes */
.ui-datepicker-header a {
    height: 3.5em;
	cursor: pointer;
}

body.mobile-device #Module-MLSNBI8 .columns_main table.ModuleDefault {
	width: 105%;
}	

td.FieldLabel {
    line-height: 0.5em;
}

.ui-datepicker-calendar {
	-webkit-box-shadow: 0 3px 7px rgba(0,0,0,0.12), 0 5px 8px rgba(0,0,0,0.14);
    -mox-box-shadow: 0 3px 7px rgba(0,0,0,0.12), 0 5px 8px rgba(0,0,0,0.14);
    box-shadow: 0 3px 7px rgba(0,0,0,0.12), 0 5px 8px rgba(0,0,0,0.14);
	border-radius: 0 0 5px 8px;
}
	
.ui-datepicker-month {
	margin-right: 3px;
}

.ui-datepicker-calendar td.weekend-or-holiday a {
    color: rgba(0,47,94,255);
}
	
.ui-datepicker-trigger {
	cursor: pointer;
}	
#ui-datepicker-div {
	border-radius: 5px;
}

.ui-datepicker-header {
	background: #004487;
	border-radius: 5px 5px 0 0;
	height: 3em;
}
body.tablet-device .ui-datepicker-header,
body.mobile-device .ui-datepicker-header {
	height: 3.5em;
}

body.mobile-device .ui-datepicker-month option,
body.mobile-device .ui-datepicker-year option {
	font-size: 15px;
    -webkit-font-size-delta: initial;
}

.ui-datepicker-calendar td a {
    border: none;
}


.ui-datepicker-header a.ui-state-hover {
	background: #98002e;
}

.top-nav-right ul a.logout, .top-nav-right ul a.logout:hover {
       top: -9px;
	}

#modal-help .module-single > h1:first-child {
    color: black;
padding-left: 0;
}
.slider-menu.accordions .menu-items > li.menu-item.menu-tree-item2:not(.hasSubMenu) > a > .icon-text {color: dimgrey !important;} 

.slider-menu.accordions .menu-items > li.menu-item > a > .icon-text {color: black !important; }



a.icon_help.modal_help_link {
    background: url(/Content.aspx?name=HelpGraphic) left no-repeat !important;
    background-size: cover !important;
}
a.logout {
    color: white;
}
.slider-menu.accordions .slider-menu-logoff {
    background: #87212E;
}
.slider-menu.accordions .slider-menu-logo {
    content: url(/Content.aspx?name=USBLogoBlack);
}
.slider-menu.accordions .slider-menu-head {
      background: #f8f8f8;
	}
.slider-menu.accordions .slider-menu-container .portalmenutree {
    background: #f8f8f8;
	}

.laguna-radio-button-list.simple-list-view div.laguna-field-control-container ul.laguna-field-control li.laguna-radio-button-list-item > input[type="radio"]:checked + label {
 background: none;
}

ul[id$="_lvStopPayments"] > li 
{
	border : none;
       line-height : 1em;
       border: 1px solid black !important;
       margin-top: 4px;
}


ul[id$="_lvStopPayments"] > li > div 
{
	    	margin: 8px;
                
}

.hamburger-icon {
    border: 4px dashed #87212E;
margin-left: -5px;
	}
	.hamburger-icon:after {
    border: 4px dashed #87212E;
}
.hamburger-icon:before {
    border: 4px dashed #87212E;
}
.slider-menu .nav-icon.icon-contactus:before {
    content: url(content.aspx?theme=Theme4&color1=%2398002e&color2=%2398002e&image=svg/envelope-filled.svg);
}
input[type=radio]:focus + label, input[type=checkbox]:focus + label {
    outline: none;
	outline-offset: unset;
}
/*for ticket CS02039027 */

input[id$="_btnMobileNicknames"] {
  background: #00B2A9 !important;
}
.unreadMessages.noMessages {
    opacity: 0.3;
}
ul[id$="MT32LB4_ctl00_lstLinks"] li
{
 width :100% !important;
}

.laguna-field-control:focus {
    box-shadow: none;
    border: 1px solid darkgrey;
}

.notifi-tile > .thumbnail > .h2-content {
    background-size: 52.84px 50.56px !important;
}

.slider-menu.accordions .slider-menu-link-item .slider-menu-help-link > .icon:before {
    color: #87212E;
}
.slider-menu.accordions .slider-menu-link-item.slider-menu-locate-atm .icon:before {
  color: #87212E;
}
.module-single .thumbnail .module-title {
    color: #87212E;
}
.laguna-radio-button-list input[type="radio"]:focus + label {
    box-shadow: none;
    border-bottom: 1px solid #E4E4E4;
box-shadow: none;
}
.laguna-radio-button-list.card-valet li.laguna-radio-button-list-item > input[type="radio"]:checked + label {
    border: none;
    border-bottom: 1px solid #E4E4E4;
box-shadow: none;
}

.laguna-radio-button-list.card-valet li.laguna-radio-button-list-item > input[type="radio"]:hover + label {
    background: white;
	    border: none;
    border-bottom: 1px solid #E4E4E4;
box-shadow: none;
}
input[id*="MBO2IVS"] {
                        max-width: 82vw;
}

.slider-menu.accordions .menu-items > li.menu-item:not(.hasSubMenu) > a > .icon-text {
    font-size: 100%;
}
.vertical-inline .icon-text {
    font-size: 15px;
}

span.icon_information {
     padding: 0px 18px;
  }

.pre-signin .portal-view #page-header-container-2 .css-imgLogo {
    background: url(Content.aspx?name=USB_Logo_560x135) no-repeat !important;
    background-size: cover !important;
}
@media screen and (min-width:801px){
#page-header-container-2 .css-imgLogo {
    width: 229px !important;
    height: 46px !important;
}
}

#page-header-container-2.envelope-before-hamburger .secure-unread-messages {
    float: left;
}
@media only screen and (max-width: 768px)
{
.pre-signin .portal-view #page-header-container-2 .css-imgLogo
{
background:none !important;
}

}
@media screen and (min-width:0\0) and (min-resolution: +72dpi){
 .customize-page-li .show-settings.customize-page-icon{

width:auto !important;
height : auto !important;
 margin-right: 0px !important;
}

 .top-nav-right {
    max-width: 600px;
}
}


.wizard-back-icon{
text-indent: 0;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: none;
}

body.mobile-device .global-quicklinks .text {
    font-size: 75%;
    font-family: "Helvetica Neue", verdana;
}

.message_queue {
    line-height: 1.7em;
}

iframe[id*="_ctl00_FiservEddFrame"] {
    height: 260em !important;
}

.notifi-tile button.wizard-back-icon {
    width: 75px;
}
@media screen and (max-width: 700px){
.notifi-tile button.wizard-back-icon {
        width: 45px;
    min-width: 45px;
}
}


.notifi-tile .wizard-step-title
{
margin-left:1em;
font-size:17px;
}
@media screen and (max-width: 360px){
.notifi-tile button.wizard-back-icon {
    width: 42px;
    min-width: 42px;
}
}
/*CS04441088 - Start */
div.p .left_aligned_checkbox {
     display: inline-block!important;
}/*CS04441088 - End*/
/*ARCHQA-177- Start*/
.wizard-back-icon:before { border-style: none !important; }
/*ARCHQA-177- End*/