/* ======================== 23.2.2.1 Upgrade ========================== */
/* ======================== See also at the end ========================= */
@import url(/SDCCU/fontawesome/531/css/all.min.css);
/* ======================== 23.2.2.1 Upgrade ========================== */

/* ========================== 21.2.1 Upgrade ========================== */
/* ======================== See also at the end ========================= */
@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 900;
  src: url(/SDCCU/fontawesome/531/webfonts/fa-solid-900.woff2)format('woff2');
}

@font-face {
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  src: url(/SDCCU/fontawesome/531/webfonts/fa-regular-400.woff2)format('woff2');
}
/* ========================== 21.2.1 Upgrade ========================== */

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

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

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

/*==================================================
//
// If you are Missing any of these Variables in Your skin, add them
//
//==================================================*/


/*==================================================
//
// 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
//
//==================================================*/


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

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


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

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

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

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

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

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

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

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

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


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


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

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

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



/*==================================================
//
// Custom
//
//==================================================*/

/*==================================================
//
//
// Functionality Imports
//
//
//==================================================*/


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

/*==================================================
//
// Signin Page
//
//==================================================*/
.pre-signin .page-background-image {
	background:  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: #e6e6e6;
	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: #027d88;
	padding-top: 0;
	padding-bottom: ;
}

.top-nav-right,
.top-nav-right a,
ul.top-nav-right .page-help-link a,
.customize-page-li .customize-page-icon.show-settings {
	color: ;
}
.unreadMessages {
    background: url(/SDCCU/App_Themes/Theme4/images/icon-envelope.png) 0px 0 no-repeat;
}
.unreadMessagesCount {
    background: ;
	color: ;
	border: 1px solid rgba(1,87,95,255);
}
.top-nav-wrapper .customize-page-icon {
    background: url(/SDCCU/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(/SDCCU/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: 1em;
}

/*==================================================
//
// Primary Nav Bar
//
//==================================================*/
.css-imgLogo {
	background-repeat: no-repeat;
	background-image: url(images/sdccu-logo.png);
	width: 270px;
	height: 40px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.top-nav-wrapper .css-imgLogo {
	width: 270px;
	height: 40px;
}

.page-primary-nav .css-imgLogo {
	width: 270px;
	height: 40px;
}
.page-primary-nav .logo {
	margin-top: ;
	margin-left: ;
}

#page-header-container-2 .css-imgLogo {
    width: 155px;
    height: 24px; margin-top: 4px;
}

.page-primary-nav {
	background: #FEFEFE;
	height: ;
	box-sizing: border-box;
	padding-top: 0;
	padding-bottom: 0;
}
#page-header-container-2 {
	background: white;
	padding-top: ;
	padding-bottom: ;
	height: auto;
	height: initial;
	min-height: 55px;
}
#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% - 270px - 50px);
    margin-top: 0;
}
.page-primary-nav .primary-nav .menu-tree-item1 > a .icon-text {
	/* color: #e8e8e8;
	color: $PrimaryNavItemTextColor; */
	margin-bottom: 2px;
	font-size: 14px;
}
.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: ;
}
.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: #000000;
}
.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: white;
}
.menu-items .icon-text {
	color: white;
}
.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: #E3E3E3;
}
.page-primary-nav ul.horizontal.menu-items li.menu-tree-item1 > a.current-tab:hover {
	color: ;
}
.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: #000000;
	font-weight: bold;
}
.page-primary-nav .primary-nav .menu-tree-item1 > a.current-tab {
    border-bottom: 0px solid #027d88;
}
.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:  !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: ;
	font-size: 13px;
}
.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: #F0F0F0;
}
.page-secondary-nav .main-content-tabs a:hover {
	color: #027d88;
}
.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 #027d88;
	border-radius: ;
	background: ;
	display: block;
}

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

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

/*==================================================
//
// 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: #027d88;
}

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

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

.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 #027d88;
	border-radius: ;
	background: ;
	display: block;
}
	
.page-middle-right ul.vertical.menu-items li.menu-tree-item1 > a.current-tab > .icon-text {
	color: #027d88;
	font-weight: bold;
}

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

.main-content:not(.main-content-notabs) .main-sortable {
      background: ;
}
.page-middle-middle .content-wrapper {
	background: ;
}
#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: #009999;
}
.module-single > h2:not(.thumbnail):not(.module_header):first-child, .module-single > h1:first-child {
	background: #027d88;
	background: #FAFAFA;
}

.module-single > h2:first-child ul li a {
	color: white;
	color: #009999;
	color: black;
}
/* .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: #027d88;
}
.module-header-edit-icon .chevron {
    border-right-color: #027d88;
    border-bottom-color: #027d88;
}
.module-header-edit-icon {
	opacity: ;
}
.module-single > h2:first-child div.collapse-expand:after {
	border-right-color: #027d88; display:none;
	border-bottom-color: #027d88; display:none;
}
.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: 1px;border:1px solid #F0F0F0;
}
.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 #027d88;
}
.wizard-back-icon:before {
    content: ' ';
    position: absolute;
    box-sizing: content-box;
    left: 7px;
    top: 4px;
    width: 7px;
    height: 7px;
    border: 3px #027d88;
    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,37,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(1,87,95,255);
}
.laguna-list-items.taller .mainmodule ul > li > a:hover {
	background: #DDD;
}
.laguna-field.inline-label.balance-amount {
	color: rgba(0,37,40,255);
}
label .account-nickname,
.laguna-radio-button-list.image-buttons label span {
	color: rgba(1,118,129,255);
}
input.button {
	background: #027d88;
	color: ;
}
input.button:hover {
	background: ;
	color: ;
}
.submit_buttons input[type="submit"]:not(.light):not(.light_button), .submit-button,
.laguna-submit-buttons input.button:not(.light) {
	background: #027d88;
	color: ;
}
.submit_buttons input[type="submit"]:not(.light):not(.light_button):hover, .submit-button:hover,
.laguna-submit-buttons input.button:not(.light):hover {
	background: ;
	color: ;
}
.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: #027d88;
	font-weight: bold;
}
.slider-menu-head {
     background: ;
}
ul.menu-items.menuSub {
	background: #027d88;
}
.account-summary-tile  .thumbnail .h2-content {
    background: url(content.aspx?theme=Theme4&color1=%23000000&color2=%23027d88&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=%23000000&color2=%23027d88&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=%23000000&color1=%23027d88&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=%23000000&color1=%23027d88&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=%23000000&color1=%23027d88&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=%23000000&color1=%23027d88&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=%23000000&color1=%23027d88&image=thumbnail-make-a-payment.svg);
	background-repeat: no-repeat;
}
.laguna-ebills label span {
    background: url(content.aspx?theme=Theme4&color2=%23000000&color1=%23027d88&image=thumbnail-eBill.svg);
	background-repeat: no-repeat;
}
.quick-links-tile .thumbnail .h2-content {
    background: url(content.aspx?theme=Theme4&color1=%23000000&color2=%23027d88&image=thumbnail-quick-links.svg);
	background-repeat: no-repeat;
}
.laguna-person label span {
    background: url(content.aspx?theme=Theme4&color2=%23000000&color1=%23027d88&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=%23000000&color2=%23027d88&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&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=%23000000&color1=%23027d88&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;
}




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


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


/*==================================================
//
// Body Background
//
//==================================================*/
html,
body,
#fullpageui {
	background-color: #FFFFFF;
	background-color: #e6e6e6;
	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: #000000;
	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: transparent !important;
	background: #027d88 !important;
	padding-top: 0;
	padding-bottom: ;
}

.top-nav-right,
.top-nav-right a,
ul.top-nav-right .page-help-link a,
.customize-page-li .customize-page-icon.show-settings {
	color: ;
}
.unreadMessages {
    background: url(/SDCCU/App_Themes/Theme4/images/icon-envelope.png) 0px 0 no-repeat;
}
.unreadMessagesCount {
    background: #027d88;
    background: ;
	color: white;
	color: ;
	border: 1px solid rgba(1,87,95,255);
}
.top-nav-wrapper .customize-page-icon {
    background: url(/SDCCU/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(/SDCCU/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: transparent;
	background: ;
}
.top-nav-wrapper .logo .css-imgLogo {
	margin-left: 1.5em;
	margin-top: 1em;
}

/*==================================================
//
// Primary Nav Bar
//
//==================================================*/
.css-imgLogo {
	background-repeat: no-repeat;
	background-image: url(content.aspx?theme=Theme4&image=ascend-black.png);
	background-image: url(images/sdccu-logo.png);
	width: 270px;
	height: 40px;
	background-size: initial;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.top-nav-wrapper .css-imgLogo {
	width: 270px;
	height: 40px;
}

.page-primary-nav .css-imgLogo {
	width: 270px;
	height: 40px;
}
.page-primary-nav .logo {
	margin-left: 1.5em;
	margin-left: ;
	margin-top: ;
}

#page-header-container-2 .css-imgLogo {
    width: 155px;
    height: 24px; margin-top: 4px;
}

.page-primary-nav {
	background: transparent;
	background: #FEFEFE;
	height: ;
	box-sizing: border-box;
	padding-top: 0;
	padding-bottom: 0;
}
#page-header-container-2 {
	background: #FFFFFF;
	background: white;
	padding-top: ;
	padding-bottom: ;
	height: auto;
	height: initial;
	min-height: 55px;
}
#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% - 270px - 50px);
    margin-top: 0;
}
.page-primary-nav .primary-nav .menu-tree-item1 > a .icon-text {
	margin-bottom: 2px;
	font-size: 14px;
}
.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: #000000;
	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: #000000;
	color: ;
}
.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: #000000;
}
.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: white;
	color: white;
}
.menu-items .icon-text {
	color: white;
	color: white;
}

.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: #E3E3E3;
}
.page-primary-nav ul.horizontal.menu-items li.menu-tree-item1 > a.current-tab:hover {
	color: ;
}
.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: #027d88;
	color: #000000;
	font-weight: bold;
}
.page-primary-nav .primary-nav .menu-tree-item1 > a.current-tab {
	border-bottom: #027d88;
    border-bottom: 0px solid #027d88;
}
.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: #027d88;
	background: ;
	color: white !important;
	color:  !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: #000000;
	color: ;
	font-size: 13px;
}
.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: transparent;
	background: #F0F0F0;
}
.page-secondary-nav .main-content-tabs a:hover {
	color: #027d88;
}
.page-secondary-nav .main-content-tabs a.current-tab {
	color: ;
}

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

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

@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: #000000;
	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: #DDD !important;
	background:  !important;
}
.page-middle-left .menu-open .icon-text {
	color: #000000 !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 #027d88;
	border-radius: ;
	background: ;
	display: block;
}

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

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

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

@media screen and (min-width: 1139px) {
	.left-col .module-single > h2:first-child .module-title {
		padding-bottom: 0;
	}
}


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

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

.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 ul.vertical.menu-tree-item1 {
	padding-left: 0;
	padding-top: 1em;
}
.page-middle-right .menu-items > li {
	line-height: 3em;
	padding-left: 1em;
}
.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 #027d88;
	border-radius: ;
	background: ;
	display: block;
}
	
.page-middle-right ul.vertical.menu-items li.menu-tree-item1 > a.current-tab > .icon-text {
	color: #027d88;
	font-weight: bold;
}


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

.main-content:not(.main-content-notabs) .main-sortable {
      background: ;
}
.page-middle-middle .content-wrapper {
	background: #E8E8E8;
	background: ;
}
#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: #009999;
}
.module-single > h2:not(.thumbnail):not(.module_header):first-child, .module-single > h1:first-child {
	background: #027d88;
	background: #FAFAFA;
}

.module-single > h2:first-child ul li a {
	color: white;
	color: #009999;
	color: black;
}
/* .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: 2px solid white;
	border-color: #027d88;
}
.module-header-edit-icon .chevron {
	border-right-color: white;
    border-right-color: #027d88;
	border-bottom-color: white;
    border-bottom-color: #027d88;
}
.module-header-edit-icon {
	opacity: ;
}
.module-single > h2:first-child div.collapse-expand:after {
	border-right-color: #FFFFFF;
	border-right-color: #027d88; display:none;
	border-bottom-color: #FFFFFF;
	border-bottom-color: #027d88; display:none;
}
.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: 1px;border:1px solid #F0F0F0;
}
.module-single:not(.ui-dialog) {
	background: #FFFFFF;
}
.module-container .mainmodule, .module-container.mainmodule {
	background: #DDD;
	background: #FFFFFF;
}
.laguna-message-overlay {
    background: ;
}
.circle-around-chevron {
	border: 2px solid #027d88;
}
.wizard-back-icon:before {
    content: ' ';
    position: absolute;
    box-sizing: content-box;
    left: 7px;
    top: 4px;
    width: 7px;
    height: 7px;
    border: 3px #027d88;
    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,37,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(1,87,95,255);
}
.laguna-list-items.taller .mainmodule ul > li > a:hover {
	background: #DDD;
}
.laguna-field.inline-label.balance-amount {
	color: rgba(0,37,40,255);
}
label .account-nickname,
.laguna-radio-button-list.image-buttons label span {
	color: rgba(1,118,129,255);
}
input.button {
	background: #027d88;
	color: ;
}
input.button:hover {
	background: ;
	color: ;
}
.submit_buttons input[type="submit"]:not(.light):not(.light_button), .submit-button,
.laguna-submit-buttons input.button:not(.light) {
	background: #027d88;
	background: #027d88;
	color: ;
}
.submit_buttons input[type="submit"]:not(.light):not(.light_button):hover,
.submit-button:hover,
.laguna-submit-buttons input.button:not(.light):hover {
	background: ;
	color: white;
	color: ;
}
.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: #027d88;
	font-weight: bold;
}
.slider-menu-head {
     background: ;
}
ul.menu-items.menuSub {
	background: #027d88;
	background: #027d88;
}
.account-summary-tile  .thumbnail .h2-content {
    background: url(content.aspx?theme=Theme4&color1=%23000000&color2=%23027d88&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=%23000000&color2=%23027d88&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=%23000000&color1=%23027d88&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=%23000000&color1=%23027d88&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=%23000000&color1=%23027d88&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=%23000000&color1=%23027d88&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=%23000000&color1=%23027d88&image=thumbnail-make-a-payment.svg);
	background-repeat: no-repeat;
}
.laguna-ebills label span {
    background: url(content.aspx?theme=Theme4&color2=%23000000&color1=%23027d88&image=thumbnail-eBill.svg);
	background-repeat: no-repeat;
}
.quick-links-tile .thumbnail .h2-content {
    background: url(content.aspx?theme=Theme4&color1=%23000000&color2=%23027d88&image=thumbnail-quick-links.svg);
	background-repeat: no-repeat;
}
.laguna-person label span {
    background: url(content.aspx?theme=Theme4&color2=%23000000&color1=%23027d88&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=%23000000&color2=%23027d88&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&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=%23000000&color1=%23027d88&image=thumbnail-notifi.svg);
	background-repeat: no-repeat;
}


/*==================================================
//
// Menu
//
//==================================================*/
.slider-menu-head {
    background: #027d88;
    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) */

/*==================================================
//
// Slider Menu
//
//==================================================*/
.slider-menu-head,
.slider-menu-head a {
	color: white;
}
.slider-menu-head a.logout {
    background: url(/SDCCU/App_Themes/Theme4/images/logout-icon.png) no-repeat left center;
}
.slider-menu-help a {
    background: url(/SDCCU/App_Themes/Theme4/images/icon-tile-help.png) top center no-repeat;
}
.slider-menu-icon-settings {
    background: url(/SDCCU/App_Themes/Theme4/images/settings-white.png) no-repeat;
}
.slider-menu-help {
    margin-top: 23px;
}

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

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

/*==================================================
//
// Top Nav Bar
//
//==================================================*/
/* @import url(~/App_Themes/Theme4-CSS/skins/templates/UseTopNavHamburgerMenu.css) */
.top-nav-wrapper .logo {
	display: block;
	background: ;
	margin: 0;
	box-sizing: border-box;
	width: ;
}

.top-nav-right,
.top-nav-right a,
ul.top-nav-right .page-help-link a,
.customize-page-li .customize-page-icon.show-settings {
	color: white;
}
.page-help-link a {
    background: url(/SDCCU/App_Themes/Theme4/images/icon-tile-help.png) left no-repeat;
}
.unreadMessages {
    background: url(/SDCCU/App_Themes/Theme4/images/icon-envelope.png) 0px 0 no-repeat;
}
.top-nav-wrapper .customize-page-icon {
    background: url(/SDCCU/App_Themes/Theme4/images/settings-white.png) no-repeat;
}
a.logout {
    background: url(/SDCCU/App_Themes/Theme4/images/logout-icon.png) no-repeat left center;
}
.top-nav-right {
	padding-top: ;
	box-sizing: border-box;
}

/* @import url(~/App_Themes/Theme4-CSS/skins/templates/UseBlackTopNavBarText.css) */
@media (max-width: 1138px) {
	#page-header-container-2 .hamburger-menu {
		margin-top: 15px;
	}
}
.hamburger-menu > span {
	display: none;
}

/* @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) */


/*==================================================
//
// Primary Nav Bar
//
//==================================================*/
/* @import url(~/App_Themes/Theme4-CSS/skins/templates/UseNoPrimaryNavBar.css) */
/* @import url(~/App_Themes/Theme4-CSS/skins/templates/UseNoPrimaryNav.css) */
.page-primary-nav .css-imgLogo {
	display: none;
}

.page-primary-nav .primary-nav .menu-tree-item1 > a.current-tab {
    border: 0;
    border-radius: 0px;
    background: ;
}

/* @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) */

/*==================================================
//
// 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) */
.page-secondary-nav .main-content-tabs .current-tab > a span {
	background: ;
	border-radius: 16px;
	border-bottom-width: 0 !important;
}
.page-secondary-nav .main-content-tabs .current-tab > a span:hover {
	background: ;
	border-radius: 16px;
	border-bottom: 0 !important;
}

/* @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) */

/*==================================================
//
// Module Container
//
//==================================================*/
.main-content .site-map-title.middle-row-middle {
    margin: 0;
    padding: .5em 0;
    font-size: .7em;
    background: ;
    color: ;
    font-weight: bold;
    display: block;
    box-sizing: border-box;
}



/*==================================================
//
// Modules
//
//==================================================*/
.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;
}

.module-container .mainmodule, .module-container.mainmodule,
.module-container.graphs .module-single > div {
    border: 1px solid #b3b3b3;
	border: 1px solid #b3b3b3;
    border-top: none;
}



/*==================================================
//
// Custom
//
//==================================================*/
/*==================================================
//
// ColorTemplate Fixes
//
//==================================================*/
.EditMode table {
     table-layout: fixed;
}
.EditMode .RadDockableObjectCommandButton {
	padding-right: .5em;
}
.page-middle-middle {
	background: white;
}

.portal-view, .pre-signin .main-sortable {
    max-width: 1240px;
}
.EditMode .portal-view {
	max-width: none;
}

.left-col .module-single-wrapper {
	border-top-left-radius: ;
}

/* 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;
}

/* Fix: show logo in primary nav bar for mobile */
@media screen and (max-width: 1138px) {
     .page-primary-nav .css-imgLogo {
          display: block;
     }
	 .page-footer {
		position: static;
		bottom: initial;
	}
	
	.laguna-back-nav:after {
		border-left: 4px solid #027d88;
		border-bottom: 4px solid #027d88;
	}
	.unreadMessages {
		/*background: url('content.aspx?theme=Theme4&image=icon-envelope.svg');*/
		background-position: -150px 0px;
	}
}

#page-header-container-2 .css-imgLogo,
.pre-signin .page-primary-nav .css-imgLogo	{
	background-image: url(images/sdccu-logo-blue.jpg);
	width: 233px;
	height: 36px;
}
.pre-signin .page-primary-nav .logo {
    margin-left: 2.5em;
    vertical-align: auto;
	padding-top: 11px;
}
.pre-signin .page-primary-nav, .pre-signin #page-header-container-2 {
	background: white;
	text-align: left;
	height: 55px;
	border-bottom: 1px solid #027D88;
}

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

@media screen and (max-width: 1138px) {
	.left-col .module-single > h2:first-child {
		padding-bottom: 0;
	}
}
body.pre-signin {
	background: white;
}

//IE alignment fix for Forgot Password
@media screen and (max-width: 800px) and (-ms-high-contrast: none), screen and (max-width: 800px) and (-ms-high-contrast: active){
.ForgotPassword.pre-signin div#content-wrapper, .Register.pre-signin div#content-wrapper
 {
    align-items:flex-start !important;
 }
}

/*==================================================
//
// Custom Body
//
//==================================================*/
body {
	font-family: arial !important;
}
#welcome-div .modal-account-nickname-header {
	background: #027d88;
}

#welcome-div > div {
	background: white;
}
.welcome-div-message {
	color: #027d88;
	font-size: x-large;
    line-height: 1.25em;
}

/*==================================================
//
// Signin Screen
//
//==================================================*/
.login-width .module-container .mainmodule, .module-container.mainmodule, .module-container.graphs .module-single > div {
    border: none;
}
.login-width .module-single {
	border-top-right-radius: 6px;
}
.pre-signin .module-single {
	border: 0;
}
.login-width > div.module-single-wrapper {
	margin-left: 1px;
}
.pre-signin .simple-listView > li {
	border: 0;
}

/* Signin screen help popup headings */
.help_pop_up h2.list_header, .help_pop_up h2 {
    padding: .5em;
	margin: 1em 0 0 0;
}
/* Signin screen help popup main heading (title) */
.help_pop_up h1 {
    margin: 0 0 .5em 0;
}
.login-width .module-single > h2:not(.thumbnail):not(.module_header):first-child, .module-single > h1:first-child {
	border-top-right-radius: 6px;
	border: 1px solid transparent;
	background: white;
}
.login-width .module-single > h2:not(.thumbnail):first-child, .module-single > h1:first-child, .module_header {
    border-top-right-radius: 6px;
}
@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 .main-sortable {
	margin: 0 auto;
}
*/

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

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

@media screen and (min-width: 376px) and (min-height: 768px) {
	.pre-signin .main-sortable.login-width {
		position: absolute;
		margin: auto auto;
		left: calc(50% - 13em);
		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);
		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% - 27em);
		top: calc(50% - 220px);
	}
}


/*==================================================
//
// Secondary Nav
//
//==================================================*/
.page-secondary-nav .main-content-tabs a span {
    margin: 0;
    padding: 10px 5px 10px 5px;
	font-size: 11px;
}
.page-secondary-nav .main-content-tabs li {
	border-right: 0;
}
#page-secondary-nav-container {
	margin-right: -14px;
}

.site-map-title {
	text-transform: none;
}
.main-content .site-map-title div:first-child {
    margin: 0 0 .3em 0;
	font-size: 3em;
	font-weight: bold;
	/*font-family: times;*/
	padding-left: 5px;
	color: #027d88;
}

/*==================================================
//
// Dialog
//
//==================================================*/
.default-dialog, .ui-dialog {
     border-radius: 6px;
     max-width: 940px;
	 padding:  !important;
}
.ui-dialog-content {
	border-radius: 6px;
}
div[aria-describedby*="dlgIdentityVerification"].default-dialog {
	padding: 0 !important;
	width: 800px;
}
div[id*="dlgIdentityVerification"] .header  h1 {
	color: #027d88;
	/*font-family: times;*/
}

/*==================================================
//
// Mobile Logo
//
//==================================================*/
#page-header-container-2 .logo {
    margin-left: 2.5em;
}
#page-header-container-2 {
    text-align: left;
	background-color: white;
}

/*==================================================
//
// Module Container
//
//==================================================*/
@media screen and (min-width: 496px) {
	.page-middle-middle .content-wrapper {
		 padding: 1em;
	}
}
@media screen and (max-width: 495px) {
	.page-middle-middle .content-wrapper {
		 padding: 0;
	}
	.main-content {
		padding: 5px;
	}
}
@media screen and (max-width: 420px) {
	.pre-signin .main-content {
		padding: 0;
	}
}

.main-content:not(.main-content-notabs) .main-sortable {
	background-color: white;
}
.page-middle-middle .content-wrapper {
	background-color: white;
}
body:not(.signin-page) .pre-signin .page-middle-middle .content-wrapper {
	/*background-image: url('images/san_diego_shore.png');*/
	background-image: url(images/WebBackground-LaJollaAerialSurf-Vibrant-Still.jpg);
}
body:not(.signin-page) .theme4-container {
	/*background-image: url('images/san_diego_shore.png');*/
	background-image: url(images/WebBackground-LaJollaAerialSurf-Vibrant-Still.jpg);
}


/*==================================================
//
// Make main content float left because ..
//  The footer html in the Theme 4 page template
//  contains javascript to move left-col after
//  main-content so that the left column goes below
//  the main-content on mobile.
//
//==================================================*/
/*
.main-content {
    float: left;
}
@media screen and (min-width: 495px) {
	.main-content {
		width: calc(100% - 330px);
	}
}
*/
.pre-signin .main-sortable {
	background-color: white;
}
.main-sortable {
	background: #e6e6e6;
}

/*==================================================
//
// Module Header
//
//==================================================*/
.pre-signin .module-single > h2:first-child div.collapse-expand {
	display: none;
}
.module-single > h2:first-child {
	border-bottom: 1px solid #027d88;
}
.module-single > h2:first-child ul {
    padding: 5px 0 0 0;
}
.module-single > h2:first-child div.collapse-expand {
	width: .5em;
	max-width: .5em;
}
.module-single > h2:not(.thumbnail):not(.module_header):first-child, .module-single > h1:first-child {
    padding-left: .5em;
	padding-top: .25em;
}
.pre-signin .module-single > h2:not(.thumbnail):not(.module_header):first-child,
.pre-signin .module-single > h1:first-child {
    padding-left: 1em;
	padding-top: 1em;
}

.module-single {
	border: 1px solid #F0F0F0;
}
.module-single > h2:not(.module_header) .h2-title-container {
	padding-bottom: 0;
}

.module-single .module-title {
    font-weight: bold;
    font-size: smaller;
}
.pre-signin .module-single .module-title {
	/*font-family: times;*/
	font-size: 1em;
}

/*==================================================
//
// Module Table
//
//==================================================*/
.module-single table {
	border: 1px solid #F0F0F0;
	border-left: 0;
	border-right: 0;
	border-top: 0;
}
.module-single .table_data .table_header {
	color: #027d88;
}
.table_header a {
	color: #027d88;
	color: #027d88;
}
.module-single table tr:last-child {
    border-bottom: 0;
}
.module-single table tr:last-child > td {
    border-bottom: 0;
}
.module-single table {
    border: 0
}

.submit_buttons input:not([disabled]):not(.light_button) {
    background: #027d88;
}
.submit_buttons input:not([disabled]):not(.light_button):hover {
    background: rgba(1,100,108,255);
}

/*==================================================
//
// Left Column
//
//==================================================*/
@media (min-width: 1139px) {
	.left-col.right {
		margin-right: 0;
		padding-left: 0.2em;
		width: 265px;
	}
	.left-col.left {
		width: 250px;
		margin-left: 0;
		padding-right: 0.2em;
	}
}

.left-col .module-single-wrapper {
     border: ;
}
.left-col .selectmenu-wrapper, .left-col input[type=text] {
	width: 100% !important;
	box-sizing: border-box;
}

.left-col .module-single > h2:not(.thumbnail):not(.module_header):first-child, .module-single > h1:first-child {
     background: ;
}
.left-col .submit_buttons input[type="submit"],
.left-col .submit_buttons input[type="button"],
.left-col .submit-button {
	width: 60%;
	margin: 0 auto;
	display: block;
}
.left-col .submit_buttons {
	margin-left: 0;
	padding: 0 !important;
}

.pre-signin .portal-view {
    max-width: none;
}
/* 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 found on page, then page assumed to be mobile, and the video-background.image is injected. */
.video-background.image {
	background-image: url(images/san_diego_surf.jpg);
}

/* 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;
}
@media screen and (min-width: 376px) {
	/* show transparent so video can show in middle section */
	.pre-signin .page-middle-middle {
		background: transparent;
	}
}

/* Top Nav Right Padding */
div.top-nav-right {
    padding: .5em 0 0 0;
}
/* Primary Nav Item Padding Between Items */
.page-primary-nav .menu-tree-item1 {
    padding: 0 .7em 0 1em;
}
/* Primary Nav Item Padding For Each Item */
.page-primary-nav .menu-tree-item1 a {
    padding: 0 5px;
}
/* Secondary Nav Margin */
.page-secondary-nav .main-content-tabs li {
    margin: 0 0 10px 0;
}

/* Module Table Background */
table.table_data {
    background: white;
}

/* Module Table Cell Padding */
.table_data td {
    padding: .25em .25em .5em .7em;
}
/* Module Heading Section */
.header_inner {
    line-height: 2.5em;
	padding: 0 0 0 .7em;
}

/* Page Footer Background */
.page-footer-container {
    background: #F0F0F0;
	color: #595959;
}

div.floating-column {
	width: 47% !important;
}

/*
.use-floating-column-background div.floating-column {
    background: $Gray;
}
*/

/*==================================================
//
// Custom
//
//==================================================*/
/*
#customModuleOverlay {
    opacity: 1.0;
    background-color: white;
    background-image: url('images/idv_welcome.png');
    background-repeat: no-repeat;
    background-position: center top;
}


div[id*="dlgIdentityVerification"] {
    padding: 0 0 0 550px !important;
    background: url('images/idv_protectId.png') no-repeat !important;
    left: -4px;
    min-height: 500px !important;
}
*/
div[id*="dlgIdentityVerification"]  .header {
    padding-top: 6px !important;
}

.signin-links-module {
    /*bottom: -2em;
    position: absolute;*/
    border-top: 1px solid #F0F0F0;
	padding-top: .5em;
}
.signin-links-module .simple-listView li {
	border-bottom: 0px;
}
.sdccu-signin-links {
   float: right;
   margin-top: 28px;
}
.sdccu-signin-links > li {
   display: inline-block;
   margin-right: 1.5em;
   color: #027D88;
   font-size: 14px;
   cursor: pointer;
}
.sdccu-signin-links > li > a {
   text-decoration: none;
}
@media screen and (max-width: 639px) {
   .sdccu-signin-links {
       display: none;
   }
}

/* INJECTED: Literal was added to the signin.aspx module in editmode */
#signin-image {
	width: 290px;
	font-weight: bold;
	font-size: 33px;
	/*font-family: times;*/
    margin-left: -318px;
    top: 33px;
    position: absolute;
	line-height: 1em;
	color: white;
	display: block;
}
@media screen and (max-width: 800px) {
	#signin-image {
		margin-left: 20px;
	}
}
#signin-image .second {
	font-size: 14px !important;
	line-height: 1.5em;
	font-family: arial;
	font-weight: normal;
	margin-top: 2px;
}

@media screen and (min-width: 801px) {
	.login-width {
		padding-left: 27em;
		width: 54em;
		box-sizing: border-box;
		/*background-image: url(~/images/Vibrantocean.jpg) !important;*/
		background-image: url(/SDCCU/images/Beach_Couple.jpg) !important;
		background-size: 27em 630px;
		background-repeat: no-repeat;
		background-color: white;
		border-radius: 6px;
		min-height: 500px;
	}
}
@media screen and (max-width: 800px) {
	.login-width {
		padding-top: 200px;
		/*background-image: url('~/images/Vibrantocean.jpg') !important;*/
		background-image: url(/SDCCU/images/Beach_Couple.jpg) !important;
		background-repeat: no-repeat;
		background-size: 100% 400px;
		min-height: 670px;
	}
	.login-width > div.module-single-wrapper {
		margin-left: 0;
	}
	.login-width .module-single {
		border-top-right-radius: 0;
		margin-bottom: 0;
	}
	.login-width .module-single > h2:not(.thumbnail):not(.module_header):first-child, .module-single > h1:first-child {
		border-top-right-radius: 0;
	}
	.signin-links-module {
		bottom: 0;
		position: relative;
	}
	.signin-links-module .simple-listView li {
		display: block;
	}
}
#haveTroubleEnrolling {
	margin-left: 1.7em;
	margin-top: 1em;
}
.signin-register-link {
	margin: 0;
}
.signin-register-text {
	margin: 0;
}
.login-width {
	position: relative;
}

/*
.pre-signin .ui-widget-overlay {
	opacity: 0.5;
}
*/
.ui-widget-overlay {
	opacity: 0.75;
}

/*==================================================
//
// identity verification custom module overlay (shows first time)
//
//==================================================*/

#customModuleOverlay {
    opacity: 1.0;
    display: none;
    background-color: white;
    background-image: url(/SDCCU/images/idv_welcome.png);
    background-repeat: no-repeat;
    background-position: center top;
	background-size: 100%;
}

/*==================================================
//
// Identity verification grpIdMethods CSS
//
//==================================================*/
@media screen and (min-width: 801px) {
	div.mainmodule.grpIdMethods, div.module-single.grpIdMethods,
	div.mainmodule.grpIdSecurityQuestions, div.module-single.grpIdSecurityQuestions
	{
		padding-left: 400px;
		background: url(/SDCCU/images/idv_protectId-notext.png) no-repeat;
		background-size: 380px;
		left: -4px;
		padding-right: 30px;
		padding-top: 30px;
	}
	.main-content .main-sortable.sdccu-transparent {
		background-color: transparent;
	}
	.main-sortable.sdccu-transparent .module-single {
		background-color: white;
	}

	div.module-single.sdccu-registration,
	div.module-single.change-password,
	div.module-single.sdccu-change-username	{
		width: 40em;
		margin: 0 auto;
	}
	div.module-single.sdccu-registration input[type="text"],
	div.module-single.sdccu-registration input[type="password"],
	div.module-single.sdccu-registration .selectmenu-wrapper {
		width: 240px;
	}
	div.module-single.change-password input[type="text"],
	div.module-single.change-password input[type="password"],
	div.module-single.change-password .selectmenu-wrapper {
		width: 240px;
	}
	.sdccu-display-inlineblock {
		display: inline-block;
	}
	div.sdccu-change-username .field_label {
		width: 250px;
		display: inline-block;
		vertical-align: middle;
	}
	
	div.module-single.change-password input[type="text"],
	div.module-single.change-password input[type="password"],
	div.module-single.change-password .selectmenu-wrapper {
		width: 240px !important;
	}
	div.module-single.sdccu-registration input[type="text"],
	div.module-single.sdccu-registration input[type="password"],
	div.module-single.sdccu-registration .selectmenu-wrapper {
		width: 240px !important;
	}
	
	div.module-single.sdccu-inline-label-and-input .ids_forms .forms p {
		padding: 0;
	}
	div.module-single.sdccu-inline-label-and-input .submit_buttons {
		text-align: center;
	}
	div.module-single.sdccu-inline-label-and-input .submit_buttons > input {
		width: 120px;
	}
	
	/* make label and input inline */
	div.module-single.sdccu-inline-label-and-input .label_group label {
		display: inline-block;
		min-width: 150px;
		width: 150px;
		vertical-align: middle;
	}
	div.module-single.grpIdMethods {
	   min-height: 500px !important;
	}
	div.module-single.grpIdSecurityQuestions {
	   min-height: 650px !important;
	}
}
@media screen and (max-width: 800px) {
	div.mainmodule.grpIdMethods, div.module-single.grpIdMethods ,
	div.mainmodule.grpIdSecurityQuestions, div.module-single.grpIdSecurityQuestions
	{
		padding-left: 300px;
		background: url(/SDCCU/images/idv_protectId-notext.png) no-repeat;
		background-size: 290px;
		left: -4px;
		padding-right: 30px;
		padding-top: 30px;
	}

	div.module-single.grpIdMethods {
	   min-height: 500px !important;
	}
	div.module-single.grpIdSecurityQuestions {
	   min-height: 650px !important;
	}
}
@media screen and (max-width: 450px) {
	div.mainmodule.grpIdMethods, div.module-single.grpIdMethods,
	div.mainmodule.grpIdSecurityQuestions, div.module-single.grpIdSecurityQuestions
	{
		padding-top: 200px;
		padding-left: 0;
		background: url(/SDCCU/images/idv_protectId-s.png) no-repeat;
		min-height: auto;
		background-size: 100%;
	}
	div.module-single.grpIdMethods {
	   min-height: 500px !important;
	}
	div.module-single.grpIdSecurityQuestions {
	   min-height: 500px !important;
	}
}
@media screen and (max-width: 360px) {
	div.mainmodule.grpIdMethods, div.module-single.grpIdMethods,
	div.mainmodule.grpIdSecurityQuestions, div.module-single.grpIdSecurityQuestions
	{
		padding-top: 160px;
		padding-left: 0;
		background: url(/SDCCU/images/idv_protectId-s.png) no-repeat;
		min-height: auto;
		background-size: 100%;
	}
	div.module-single.grpIdMethods {
	   min-height: 500px !important;
	}
	div.module-single.grpIdSecurityQuestions {
		min-height: 500px !important;
	}
}
div.module-single.grpIdSecurityQuestions .custom {
	position: absolute;
    left: 0;
    top: 0;
    width: 440px;
	padding: 55px 25px 0 25px;
    box-sizing: border-box;
	color: white;
}

.search-wrapper {
	padding-bottom: .5em;
}
.search-wrapper > label {
	padding-left: .5em;
}
.search-wrapper + .ids_forms {
	display: none;
}
.search-wrapper.search-options-open + .ids_forms {
	display: block;
}

div.sdccu-transferNow .field_label {
		width: 250px;
		display: inline-block;
		vertical-align: middle;
}

div.sdccu-changeProfile_EmailAddress_PhoneNumber .field_label {
		width: 80px;
		display: inline-block;
		vertical-align: middle;
}

div.sdccu-ManageBeneficiaries .field_label {
		width: 120px;
		display: inline-block;
		vertical-align: middle;
}
span.icon_error_small {
	padding: 3px 0 2px 17px !important;
}

div.sdccu-ManageBeneficiariesDropdown .selectmenu-wrapper {
	width: 278px !important;
	
}
/*
body:not(.pre-signin) .module-single:hover {
  box-shadow: 0 4px 8px 0 rgba(50, 50, 50, 0.5), 0 6px 20px 0 rgba(50, 50, 50, 0.48);
}
*/
/*
body:not(.pre-signin) div:not(.left-col) .module-single {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 3em;
}
*/





/*==================================================
//
// 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;
}

/* 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: verdana, arial, sans-serif; 
	line-height: 25px;
	color: #656565;
	font-size: 100%;
	letter-spacing: .05em;
} 

@media (max-width: 320px) {
	.global-quicklinks .ribbon-item > div.text {
		font-size: 80%;
		letter-spacing: .02em;
	} 
}

.global-quicklinks {
    max-width: 1280px;
    margin: 0 auto;
	background: #fafafa;
	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 {
	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: whitesmoke;
}

.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=%23000000&color2=%23027d88&image=thumbnail-account-summary.svg) center center no-repeat;
}
.global-transfers > div.icon {
	background: url(content.aspx?theme=Theme4&color2=%23000000&color1=%23027d88&image=thumbnail-make-a-transfer.svg) center center no-repeat;
}
.global-ach > div.icon {
	background: url(content.aspx?theme=Theme4&color2=%23000000&color1=%23027d88&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=%23000000&color2=%23027d88&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 .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 {
	content: url(content.aspx?theme=Theme4&color1=%23656565&color2=%23656565&image=svg/accounts.svg);
	height: 21px;
    width: 26px;
    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 {
	content: url(content.aspx?theme=Theme4&color1=%23027d88&color2=%23027d88&image=svg/accounts.svg);	
}


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: #027d88;
}


a.global-transfers.before.ribbon-item:before {  
	content: url(content.aspx?theme=Theme4&color1=%23656565&color2=%23656565&image=svg/transfers.svg);	
	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 {
	content: url(content.aspx?theme=Theme4&color1=%23027d88&color2=%23027d88&image=svg/transfers.svg); 
}


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: #027d88;
}

a.global-billpay.before.ribbon-item:before {
	content: url(content.aspx?theme=Theme4&color1=%23656565&color2=%23656565&image=svg/bill-pay.svg); 
	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 {
	content: url(content.aspx?theme=Theme4&color1=%23027d88&color2=%23027d88&image=svg/bill-pay.svg); 
}

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


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



a.global-check-deposit.before.ribbon-item:before {
	content: url(content.aspx?theme=Theme4&color1=%23656565&color2=%23656565&image=svg/check-deposit.svg);
	height: 26px;
    width: 33px;
    margin-left: calc(42% - .5em);
	margin-top: 0px;
	position: relative;
    top: 2px;
}


form[action*="Deposit"] a.global-check-deposit.before.ribbon-item:before {
	content: url(content.aspx?theme=Theme4&color1=%23027d88&color2=%23027d88&image=svg/check-deposit.svg);  
}
form[action*="Deposit"] a.global-check-deposit.before.ribbon-item .text {
	Color: #027d88;
}


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

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

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*="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&color1=%23027d88&color2=%23027d88&image=svg/profile.svg); 
} 

form[action*="Profile"] a.global-profile.before.ribbon-item .text,
form[action*="LoginHistory.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*="ManageFastBalances"] a.global-profile.before.ribbon-item .text,
form[action*="ManageEmail.aspx"] a.global-profile.before.ribbon-item .text {
	Color: #027d88;	
}

a.global-more.before.ribbon-item:before {
	content: url(content.aspx?theme=Theme4&color1=%23656565&color2=%23656565&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;
}
form[action*="aad3a6"] a.global-more.before.ribbon-item .text,
form[action*="Message"] a.global-more.before.ribbon-item .text {
	Color: #027d88;
	 
}

form[action*="aad3a6"] a.global-more.before.ribbon-item:before,
form[action*="Message"] a.global-more.before.ribbon-item:before {
	content: url(content.aspx?theme=Theme4&color1=%23027d88&color2=%23027d88&image=svg/more.svg); 
} 



/*==================================================
//
// Custom overrides
//
//==================================================*/
/* 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;
}



.phone-device .module-container.graphs .module-single > div {
  border: none;   
}


[id*=RangeSelectionSection] { display: none;}

span.icon_error { 
font-weight: normal;
color: red;
padding: 15px 13px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
margin: 10px 0px;
background-image: url(/SDCCU/Content.aspx?name=Error_Icon.png);
}
.error_title {
    font-weight: normal;
    font-family: arial;
    background: url(/SDCCU/Content.aspx?name=Error_Icon.png) no-repeat;
}
.error_box {
   font-weight: normal;
    font-family: arial;
    background: #FFBABA;
    padding: 7px;
    color: red;
}
.error_box ul li:hover, .error_box ul li {
      color: red;
font-weight: normal;
    font-family: arial;
margin-right : 30px;
margin-left : -30px;
}

/* CS01001837: make signin box vertically centered 
	- adds matching bottom padding
*/
@media screen and (min-width: 451px) {
	.pre-signin .main-content {
		padding-top: 0em;
		padding-bottom: 0em;
	}
}


/* CS02752396 Rt Text Padding in Registration page*/
#M_layout_content_PCDZ_MUZ251G_ctl00_panelSetup .ids_forms_section {
        padding: 10px 33px 0 1px !important;
}
/* CS02752396  Rt Text Padding in Registration page*/

/* CS02837385 -  Scheduling Option drop down width reduced*/
#M_layout_content_PCDZ_M653F1P_ctl00_ctl00_webInputForm_grpEditor_lstSchedulingOption-menu
{

    width: 175px !important;
}

/* CS02837385 -  Scheduling Option drop down width reduced*/

/* CS03408719 - Missing Account Number on Mobile Layout - Pragati */
.slider-menu-last-login-date {
    margin-top: 5px !important;
    font-size: 90% !important;
}
/* CS03408719 - Missing Account Number on Mobile Layout - Pragati */

/* CS02871299 - Color changed for Add button*/
	.CommandButton
	{
	    background: #027d88  !important;
	
	}
/* CS02871299 - Color changed for Add button*/

/*Start CS02871190 - Fixed by Pragati*/
@media (max-width: 850px){
body.ManageBeneficiary .three-col{
margin-left:-15px;
}
}
/*End CS02871190 - Fixed by Pragati*/

/*Start CS02820986 - Stop Payments history alignment -  by Pragati*/
@media (max-width: 850px){
body.StopPayments .module-single > h2:first-child ul{float:left}
} 
/*End CS02820986 - Stop Payments history alignment -  by Pragati*/

/*CS02922182 Enroll button moved to Left */
.Enrollstyle {
    float: left !important;
}

/*CS02922182 Enroll button moved to Left */


/*CS02822234 - Reducing the Li padding */
div[id*="2c03d8b49d20_ctl00_pnlSDCCUDirect"]  > div >ul>li {
    padding: 0 !Important;
}


div[id*="2c03d8b49d20_ctl00_pnlSDCCUDirect"]  > div >ul>ul>li {
    padding: 0 !Important;

}
/*CS02822234 - Reducing the Li padding */


/******* Common *******/

/* Generic Font Awesome styles */
/* Add additional selectors here that need to display icons */
.slider-menu-head a.logout:before,
.user-menu > ul > li > a.logout:before,
#page-secondary-nav-container .main-content-tabs li + li:before,
ul.menu-tree-item2 .hasSubMenu > a .icon-text:after {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

/* adjust focus outline on a:links */
a:focus {
    outline-width: 2px;
    outline-offset: 0px;
}

/******* End Common *******/


/******* Top Header *******/

/*fix tabbing to empty link at top*/
#skipToMainContent {
	display: none;
}

.top-nav-wrapper {
    padding: 20px 0;
    display: flex;
    align-items: center;
}

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

div.top-nav-right {
    padding: 0;
    margin-left: auto;
}

ul.top-nav-right {
    display: flex;
    align-items: center;
}

.top-nav-right > li {
    position: relative;
    padding: 4px 10px;
}

/* hide back button on full size header*/
.top-nav-right > .li-back-nav {
	display: none;
}

.top-nav-right .page-last-login {
    font-size: .95em;
}

.unreadMessages::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: '\f0e0';
    color: #fff;
}

.unreadMessages {
    background: transparent;
    width: auto;
    height: auto;
    padding: 0;
    font-size: 24px;
    top: auto;
}

.unreadMessagesCount {
    top: 0;
    right: -10px;
    left: auto;
    position: absolute;
    background: rgba(0,0,0,0.8);
}

.secure-unread-messages {
    margin-top: -2px;
    padding-right: .5em;
}

li.user-menu {
    padding-right: 1.5em;
}

li.user-menu-open {
    background: #026a74;
}

.user-menu > a {
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.user-menu > a:hover {
    color: inherit !important;
}

.user-menu > a > div {
    margin-right: .8rem;
}

.user-menu > a span {
    line-height: 1.25;
    font-size: 13px;
    display: block;
}

.user-menu > a > i {
    font-size: 16px;
    transition: transform .15s ease-in;
}

.user-menu-open > a > i {
    transform: rotate(-180deg);
}

.user-menu > ul {
    display: block;
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 100%;
    background: #154779;
    background: #fefefe;
    background: #026a74;
    color: inherit;
    /* color: #444; */
    z-index: 101;
    padding: 0;
    border-radius: 2px;
    box-shadow: 0px 2px 6px 0px rgba(0,0,0,.25);
}

.user-menu > ul > li {
    padding: .75em 1em !important;
    white-space: nowrap;
    text-align: center;
}

.user-menu > ul > li + li {
    border-top: 1px solid rgba(255,255,255,.2);
}

.user-menu > ul > li > a.logout:hover, 
.user-menu > ul > li > a.logout,
.user-menu > ul > li > a:hover, 
.user-menu > ul > li > a {
    position: static;
    text-align: center;
    margin: 0;
    padding: 0;
    background: transparent;
    color: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
}

.user-menu > ul > li > a > i {
    font-size: 16px;
    margin-right: 6px;
    margin-top: -1px;
}

.slider-menu-head a.logout:before,
.user-menu > ul > li > a.logout:before {
    content: "\f2f5";
    margin-right: 6px;
    font-size: 16px;
}

/******* End Top Header *******/

/******* Primary Nav  *******/
.page-primary-nav {
    background: #FEFEFE;
    color: #676767;
    padding: 0;
}

.page-primary-nav .logo {
    display: none;
}

.page-primary-nav .primary-nav {
    max-width: none;
    float: none;
}

/* nav menu */
.portalmenutree {
    display: block;
}

.page-primary-nav .menu-items {
	padding: 0;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	float: none;
}

/* menu item */
.page-primary-nav .menu-item {
    float: none;
    padding: 0;
}
.page-primary-nav .primary-nav .menu-items > li {
    height: auto;
}

/* menu item link */
.page-primary-nav .menu-tree-item1 a {
    padding: 0.75rem 1rem;
    margin-bottom: 0;
}

ul.horizontal.menu-items li.menu-tree-item1 a[class*='menu-tree-item-anchor']:focus .icon-text:hover,
ul.horizontal.menu-items li[class*='menu-tree-item']:hover,
ul.horizontal.menu-items li.menu-tree-item1 a.menu-tree-item-anchor1:focus .icon-text:hover,
.page-primary-nav ul.horizontal.menu-items li.menu-tree-item1 a {
    color: inherit !important;
}

a[class*='menu-tree-item-anchor']:focus {
    background: transparent;
    outline: none;
}

.page-primary-nav .primary-nav .menu-tree-item1 > a .icon-text {
    margin: 0;
    font-size: 14px;
}

/* menu item link active/hover */
.page-primary-nav ul.horizontal.menu-items li.menu-tree-item1 > a:hover,
.page-primary-nav ul.horizontal.menu-items li.menu-tree-item1 > a.current-tab {
    margin-bottom: 0;
    color: #000000 !important;
    background: transparent;
    font-weight: normal;
    padding: 0.75rem 1rem;
    border-radius: 0;
    position: relative;
}

.page-primary-nav ul.horizontal.menu-items li.menu-tree-item1 > a:hover .icon-text:after,
.page-primary-nav .primary-nav .menu-tree-item1 > a.current-tab .icon-text:after {
    content: '';
    position: absolute;
    bottom: 0;
    border: 2px solid #027d88;
	/* relative to padding above */
    left: .9rem;
    right: .9rem;
}

.page-primary-nav ul.horizontal.menu-items li.menu-tree-item1 > a.menu-open {
    background: rgba(0,0,0,0.05);
}

/* Sub Menus */
ul.horizontal ul.menu-items.menuSub {
    background: #154678;
    width: auto;
    color: #fefefe;
    left: 0;
    right: 0;
    margin: 0 !important;
}

/* Sub menu indicator icon - Chevron-Right FA icon */
ul.menu-tree-item2 .hasSubMenu > a .icon-text:after {
    border: none;
    color: #fff;
    width: auto;
    height: auto;
    transform: none;
    margin: 0 .2rem 0 .85rem;
	  font-size: 0.85em;
	  transition: all .1s ease-in;
	  content: "\f054";
}

/* Sub menu indicator icon - rotate when active */
ul.menu-tree-item2 .hasSubMenu.li-menu-open > a .icon-text:after {
  transform: rotate(90deg);
}

.primary-nav ul.menu-items.menu-tree-item2 .menu-item {
    height: auto;
}

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

.page-primary-nav .menu-open {
    background-color: transparent;
    /* background-color: rgba(0,0,0,0.15); */
    /* border-bottom: 2px solid #fefefe; */
}

ul.menu-tree-item1 .menu-items .icon-text {
    padding: 0;
    width: auto;
}

/* Open Sub-menus */
.primary-nav ul.menu-items.menu-tree-item2 .menu-item.li-menu-open {
    background: #123d68;
    /* transition: background .2s ease-in; */
}

ul.horizontal .li-menu-open > ul.menu-items.menuLevel1 {
    background: #154779;
    padding: 0 1rem;
}

ul.horizontal .li-menu-open > ul.menu-items.menuLevel2 {
    background: #123d68;
    padding: 0 2rem;
}

ul.horizontal .li-menu-open > ul.menu-items.menuLevel3 {
    background: #0f3357;
}

/******* End Primary Nav  *******/

/******* Secondary Nav (breadcrumb heading)  *******/

.page-secondary-nav-wrapper {
    background: transparent;
    margin-top: .5em;
    font-size: 1.2rem;
    margin-bottom: -.25rem;
    border-top: 1px solid #f0f0f0;
    padding-top: .5em;
    margin-top: 0px;
}

#page-secondary-nav-container {
    float: none;
    margin: 0;
    padding: 1px;
}

#page-secondary-nav-container .main-content-tabs {
    padding: 0; 
    margin: 0;
    display: block;
    text-align: left;
    display: flex;
    padding: .75rem 1rem;
    align-items: center;
}

#page-secondary-nav-container .main-content-tabs li {
    margin: 0;
    font-size: inherit;
    float: none;
}

#page-secondary-nav-container .main-content-tabs li + li:before {
    content: "\f054";
    font-size: 0.75em;
    margin: 0 .75em;
    vertical-align: middle;
}

.page-customize-modules {
    display: none;
}

/******* End Secondary Nav (breadcrumb heading)  *******/

/******* Common Page Header *******/

#page-header-container-2,
.pre-signin .page-primary-nav, 
.pre-signin #page-header-container-2 {
    background-color: #027d88;
    align-items: center;
    padding: 0 !important;
    border-width: 0;
}

.pre-signin .page-primary-nav .logo,
#page-header-container-2 .logo {
    margin: 0 auto 0 12px;
    padding: 0;
}
.pre-signin .page-primary-nav .logo {
    margin-left: 20px;
}

.sdccu-signin-links {
    margin: .25em .5em 0 0;
    order: 2;
}
.sdccu-signin-links > li > a, 
.sdccu-signin-links > li {
    color: #fefefe;
}

#page-header-container-2 .css-imgLogo, 
.pre-signin .page-primary-nav .css-imgLogo {
    background-image: url(images/sdccu-logo.png);
    margin: 0;
    background-size: contain;
}

.sdccu-signin-links {
    margin: .25em .5em 0 0;
    order: 2;
}

.sdccu-signin-links > li {
    margin: 0;
    padding: 0 .75em;
}

.sdccu-signin-links > li > a,
.sdccu-signin-links > li {
    color: #fefefe;
}

@media (max-width: 1138px) {
#page-header-container-2 {
    display: flex;
}    
}
@media (min-width: 1139px) {
.page-primary-nav {
    display: flex;
}    
.sdccu-signin-links {
    margin-right: 15px;
}
}

/******* End Common Page Header *******/

/******* MOBILE Page Header *******/

#page-header-container-2 .laguna-back-nav:after {
    display:none;
}

#page-header-container-2 .laguna-back-nav:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    color: #fff;
    content: "\f053";
}

#page-header-container-2 .laguna-back-nav {
    width: auto;
    height: auto;
    font-size: 24px;
    padding: 10px 10px 10px 12px;
    margin: 0 0 0 1px;
}

#page-header-container-2 .hamburger-menu {
    margin: 0 10px 0 5px !important;
    color: #fff;
    font-size: 28px;
    padding: 10px 12px 10px 10px;
    height: auto;
    width: auto;
}

#page-header-container-2 .hamburger-menu:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    color: #fff;
    content: "\f0c9";
}

.hamburger-icon {
    display: none;
}

#page-header-container-2 .secure-unread-messages {
    margin: 0 0 0 1.5em;
}

.hamburger-icon, .hamburger-icon:after, .hamburger-icon:before {
    background: #fefefe;
}

/* move messages to right side, left of hamburger */
#page-header-container-2 .secure-unread-messages {
    order: 1;
}
#page-header-container-2 .hamburger-menu {
    order: 2;
}

@media(max-width: 480px) {
	#page-header-container-2 .css-imgLogo {
		width: 175px;
	}

    .pre-signin #page-header-container-2 .css-imgLogo {
        width: 220px;
    }    
	
	#page-header-container-2 .secure-unread-messages {
		margin: 0 0 0 10px;
	}

	#page-header-container-2 .hamburger-menu {
		margin: 0 5px 0 5px !important;
	}
}

@media (max-width: 320px) {
    #page-header-container-2 .css-imgLogo {
        width: 160px;
    }    
}

/******* End MOBILE Page Header *******/

/******* MOBILE Side Nav *******/

/* side-nav logout */
.slider-menu-logoff {
    border: none;
    height: auto;
    padding: 0;
}
.slider-menu-head a.logout {
    background: #026a74;
    padding: 10px 12px;
    border-radius: 2px;
    border: 1px solid rgba(255,255,255,0.25)
}

/*mobile nav */
.slider-menu-container {
    background: #fefefe;
}

.slider-menu-container .portalmenutree {
    padding: 0;
}

/* menu text color */
.slider-menu .menu-items {
    color: #676767;
}
.slider-menu .menu-items li {
    padding: .5em 1em;
    line-height: 1.25;
}

.slider-menu .menu-items > li > a {
    padding: .5em 0;
}

.slider-menu ul.menu-items .hasSubMenu > a .icon-text:after {
    margin-top: .25em;
    margin-right: .25em;
}

.slider-menu .menu-items a[class*='menu-tree-item-anchor']:focus .icon-text,
.slider-menu .menu-items > li > a:focus,
.slider-menu .menu-items > li > a {
    color: inherit;
}

/* override focus color */
.slider-menu .menu-items .icon-text,
.menu-items a.menu-tree-item-anchor1:focus .icon-text {
    color: inherit;
}

.portalmenutree-current-submenu-back span:first-child:after,
ul.menu-items .hasSubMenu > a .icon-text:after {
    border-color: #027d88 !important;
}

.portalmenutree-current-submenu {
    padding-left: 1em;
}

.portalmenutree-submenu-overlay .menu-items {
    padding: 0;
    background: #154779;
    color: #fefefe;
}
.portalmenutree-submenu-overlay .menu-items.hide-menu-item {
    padding: 0;
}

.portalmenutree-submenu-overlay .menu-items li {
    padding: .5em 1.25em;
    border-width: 0;
}
.portalmenutree-submenu-overlay .menu-items > li:first-child {
    padding-top: 1em;
}
.portalmenutree-submenu-overlay .menu-items > li:last-child {
    padding-bottom: 1em;
}
.portalmenutree-submenu-overlay ul.menu-items .hasSubMenu > a .icon-text:after {
    border-color: #fefefe !important;
}

/******* End MOBILE Side Nav *******/

.main-content .site-map-title.middle-row-middle
{
    display: none;
}

sup {
vertical-align: super;
font-size: smaller;
}

#Module-M70CWMM table tr:last-child td:nth-child(2) {
width : 100%;
padding-right : 2%;
}

#Module-M70CWMM table tr:last-child td:nth-child(3) {
width : 100%;
}

div.secure_form td.label_right
{
width : 1px !important;

}
/*Added for hiding the Help and Settings in the Top Nav*/
.page-help-link
{
display:none;
}

.customize-page-li
{
display:none;
}
/*Added for hiding the Help and Settings in the Top Nav*/



.bigButtonGray {
    position: top;
    width: 160px;
    padding: 7px 7px;
    top: 30px;
    right: 10px;
    background-color: white;
    color: #12689b;
    text-align: right;
    font-family: 'PT Sans', Arial, sans-serif;
    line-height: .8em;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.bigButtonTop {
    font-size: 1.1em;
    font-weight: bold;
    color: #0098aa;
    margin-bottom: 2px;
}

.bigButtonBottom {
    font-size: .7em;
    color: #12689b;
}

.display-userName {
padding-top : 3px !important;
}

.module-single h2:first-child ul li:last-child a
{
display: block;
}

.admin-site .module-single h2:first-child ul li:last-child a
{
display: block;
}
/* to change button order on AOP password page  */

.LoginModule .aop_password_fields .submit_buttons
{
display: block;
}




/* ------ Technivation Modules ------*/

/* remove padding on Advance modules */
.advance-module .module-container.mainmodule {
    padding: 0;
}

/*** Buttons ***/

/* All Buttons */
.advance-content .btn {
}

/* Primary */
.advance-content .btn-primary {
    background-color: #027d88;
	border: 1px solid rgba(0,0,0,0.15);
}
.advance-content .btn-primary:hover, 
.advance-content .btn-primary:focus, 
.advance-content .btn-primary:active, 
.advance-content .btn-primary.active {
    background-color: #027d88;
    border-color: rgba(0,0,0,0.15);
}

/* Secondary */
.advance-content .btn.btn-secondary {
    background: #fefefe;
	border: 1px solid rgba(0,0,0,0.15);
}

.advance-content .btn.btn-secondary:hover, 
.advance-content .btn.btn-secondary:focus, 
.advance-content .btn.btn-secondary.active {
    background: #f5f5f5;
}

/* Link color & Pagination */
.advance-content .pagination > li > a,
.advance-content a {
    color: #154779;
    color: #027d88;
}

.advance-content .pagination > .active > a, 
.advance-content .pagination > .active > a:hover, 
.advance-content .pagination > .active > a:focus {
    background-color: #154779;
    border-color: #154779;
    background-color: #fff;
    border-color: #027d88;
    border-width:1px;
    color:#027d88;
}

/* Transactions */
.amount-negative > .list-item-heading .list-item-right {
    color: #e00000;
}

/* ------ End Technivation Modules ------*/

.lpScriptinHeader
{
float: right !important;
}


/* ------ Jacobs Fixes ------*/
.signin-register-link ul,
.signin-register-text {
    margin: 0 1.5em;
}
.signin-register-text {
    margin-bottom:1em;
}
.signin-register-link .signin-links {
    padding:0;
}


@media screen and (min-width: 801px) {
	.login-width {
		padding-left: 0;
		padding-top:1em;
		width: 54em;
		box-sizing: border-box;
		background-image: none !important;
		background-size: 0 ;
		background-repeat: no-repeat;
		background-color: none;
		border-radius: 0;
		min-height: 450px;
	}
}
@media screen and (max-width: 800px) {
	.login-width {
		padding-top: .5em;
		padding-bottom: .5em;
		background-image: none !important;
		background-repeat: no-repeat;
		background-size: 0;
		min-height: 0px;
	}
}
@media screen and (max-width: 435px) {
	.login-width {
		padding-top: 1em;
		padding-bottom: 1em;
	}
}
.LoginModule {
    margin-bottom: 1em;
}

.bn-contain{
    border-radius:5px;
    overflow:hidden;
    background:white;
    display:flex;
    min-width:650px;
    min-height:450px;
}
@media screen and (max-width: 800px) {
	.bn-contain{
		display:block;
		min-width:0px;
   		min-height:0px;
	}
}
@media screen and (max-width: 435px) {
	.bn-contain{
		border-radius:0;
	}
}
.login-width .module-single {
    border-radius: 0;
      flex:1 1 50%;
}
.login-width > div.module-single-wrapper {
    margin-left: 0px;
}
.main-content:not(.main-content-notabs) .login-width {
    background-color: transparent;
}
.main-content:not(.main-content-notabs) .main-sortable {
    border-radius: 5px;
}
.login-width .module-single:not(.ui-dialog) {
    background: none;
}
.login-width > div.module-single-wrapper {
    border-radius: 5px;
    overflow: hidden;
    background: white;
}
.banner-text{
    color:white;
    padding:1em;
    font-size:1.1em;
}
.banner-text h1,
.banner-text h1:first-child{
    color:white;
    font-size:2em;
    line-height:normal;
}

.banner-container{
 
}

.signin-banner {
    display: flex;
     flex: 1 1 100%;
    height:100%;
width: 320px;
}
@media screen and (max-width: 800px) {
.signin-banner {
    width: 100%;
  }
}
.signin-banner .image { 
    background-size:cover !important;
       padding:1em;
        min-height:450px;
    width: 320px;
    }


@media screen and (max-width: 800px) {
.signin-banner .image { 
        min-height:150px;
        width: 100%;
    }
}
@media screen and (min-width: 801px) {
   .mx-width {
      max-width:800px !important;
   }
}
.pre-signin .page-middle-middle .content-wrapper{
height:100%;
display:flex;
align-items:center;
justify-content:center;
margin: 5em auto;
}
@media screen and (max-width: 800px) {
.pre-signin .page-middle-middle .content-wrapper{
margin: 1em 2em;
}

}

@media screen and (max-width: 451px){
.pre-signin .page-middle-middle .content-wrapper{
margin: 0em auto;
}
}
@media screen and (max-width: 451px){
.pre-signin .main-content{
margin:0 ;
}
}

@media screen and (min-width: 801px) {
  div.mainmodule.grpIdMethods, 
  div.module-single.grpIdMethods,
  div.mainmodule.grpIdSecurityQuestions, 
  div.module-single.grpIdSecurityQuestions {
		padding-left: 2em;
		background: none;
		background-size: cover;
		padding-right: 2em;
		padding-top: 2em;
	}
}
@media screen and (max-width: 800px) {
	div.mainmodule.grpIdMethods, div.module-single.grpIdMethods ,
	div.mainmodule.grpIdSecurityQuestions, div.module-single.grpIdSecurityQuestions
	{
		padding-left: 2em;
		background:none;
		background-size: cover;
		left: 0;
		padding-right: 2em;
		padding-top: 2em;
  }
}
  
  @media screen and (max-width: 450px) {
    div.mainmodule.grpIdMethods, div.module-single.grpIdMethods,
    div.mainmodule.grpIdSecurityQuestions, div.module-single.grpIdSecurityQuestions
    {
      padding-top: 2em;
      padding-left: 2em;
      background: none;
      min-height: auto;
      background-size: cover;
    }
  }
/* ------ Forgotten password input hack ------*/
/*input#M_layout_content_PCDZ_MBO2IVS_ctl00_validationControl_ctl22_TB {
    width: 210px !important;
}
commentd as it sbeing handled down*/
/* ------ Presign Background Image  ------*/
body:not(.signin-page) .theme4-container {
    background-repeat: no-repeat;
    background-size: cover;
	background-attachment: fixed;
}

/* ------ Presign Center fix ------*/
.pre-signin .page-middle-container.page-content-container {
  width:100%;
  display:flex;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
.pre-signin .page-middle-container.page-content-container {
   height:1em; /* --- Needed to render in IE--- */
}
}
.pre-signin .main-sortable.login-width {
  position:relative;
  margin:0;
  padding:0;
  display:flex;
  flex:1;
  flex-direction: column;
}
@media screen and (min-height: 650px) and (min-width: 1139px){
.pre-signin .main-sortable.login-width {
  position:relative;
  margin:0;
  padding:0;
  display:flex;
  flex:1;
  flex-direction: column;

}

}

/* ------ Devops Requirement #21947 ------*/
@media screen and (min-width: 376px) and (max-height: 768px) {
	.pre-signin .main-sortable.login-width {
					margin: 0 auto;
	left: unset;
	}
}

.pre-signin div#content-wrapper {
  flex:1;
  padding:0;
  margin:0 auto;
  align-items:center;
  justify-content:center;
  display:flex;
width:100%;
}
@media screen and (max-width: 600px) {
.pre-signin div#content-wrapper {
  display:flex;
   width:100%;
}
}
.pre-signin .page-middle-middle {
    display: flex;
    flex-direction: column;
    flex: 1;
}
.pre-signin .main-content-explorer{
overflow-y:none !important:
-ms-overflow-style: none !important;
padding: 0 !important;

}
.admin-sign-contain{
    min-width:100%;
    margin:5em auto !important;
}

/* ------ End jacobs fixed ------*/


/* ------ Start To remove Refresh Button from Portfolio Module------*/

/*.module-single h2:first-child ul li:last-child a
{display: none;} */

/* ------ End To remove Refresh Button from Portfolio Module ------*/

/*------MyLink Button -----*/
 .linkToButton {
       background-color:#027d88;
        width: 150px;
        height: 25px;
        padding: 10px 10px 10px 10px;
        border-radius: 5px;
        color: white;
        font-weight: bold;
vertical-align: 16px;
    }

.ids_forms_section_grouped
{
background:white;
}

.emphasize_box
{
background:white;
}


/*----------------------------*/

/* Account Summary and Between your accounts Change Start - Done by Pragati */

div#Module-M68HEQU div.mainmodule,div#Module-MIEVIK2 div.mainmodule{height:535px}

/* Account Summary Change End- Done by Pragati */

/* Travel Notification Date Change Start- Done by Pragati */
@media screen and (max-width: 700px) {
#Module-MVDAPRN [id$="calDateRange_C"]{width:215px}
#Module-MVDAPRN [id$="calDateRange_StartDate_V1"] + span {padding-left: 5%;}
#Module-MVDAPRN [id$="calDateRange_EndDate"]{padding-left:7%;}
#Module-MVDAPRN [id$="grdViewCards"] td.wide-screen-only{display:block !important;}
}
/* Travel Notification Date Change End- Done by Pragati */

/* eReceipts Change Start- Done by Pragati */
@media screen and (max-width: 700px) {
#Module-M5V4KRX [id$="calToDate"]{margin-left: 80px;}
}
/* eReceipts Change End- Done by Pragati */

/* Update Phone Number Change Start- Done by Pragati */
@media screen and (max-width: 800px) {
div.sdccu-changeProfile_EmailAddress_PhoneNumber .field_label {
    display: -webkit-box;;
}
}
/* Update Phone Number Change End- Done by Pragati */

/* Card Management Change Start - Done by Pragati */
@media screen and (max-width: 800px) { 
[id$="CardGridpanel"]{margin-left: -8%;
    width: 345px;}
}
/* Card Management Change End- Done by Pragati */

/* Bill Pay Change Start - Done by Pragati */
div#Module-MRFI84V .form_group{overflow-y: scroll;
    height: 500px;
    overflow-x: hidden;
	 -ms-overflow-style: auto;}
/* Bill Pay Change End- Done by Pragati */

/* Hide livePersonChat only for Mobile (Fix SDCCUPS-426) */
@media screen and (max-width: 1137px) {
	div.LPMcontainer{
		display:none !important;
	}
}
/* END Hide livePersonChat only for Mobile */

/* Disable settings (Fix SDCCUPS-425) */
.slider-menu-customize-modules {
	display: none;
}
/* END Disable settings */

/* WCAG Fixes from product are just too heavy. This lightens them up a bit */
a:focus,
li:focus,
button:focus,
textarea:focus,
input:focus,
select:focus,
input.orcc_image_checkbox:focus + img {
                outline: none;
                outline-offset: -2px;
}


/*==================================================== 
/* Alerts Messages
==================================================== */

/* General Alert Settings
==================================================== */
.message_queue {
  padding:0;
  line-height: 1.5em;
}

div#M_MessageQueue {
    background-color: transparent !important;
}

p.message_queue_content {
  padding: 20px 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0px;
  text-align:left;
  font-weight: normal;
  border: none;
  background: transparent;
}
.message_queue_content > span {
  display: inline-flex !important;
  align-items: center;
  padding: 0;
  background: none;
  font-weight:bold;
}
  /* Default icon settings: */
  .message_queue_content > span::before {
    margin-right: 15px;
    position: relative;
    display: inline-block;
    font-family: 'Font Awesome 5 Free';
    font-size: 25px;
  }

/* Warning Alert
==================================================== */
p.message_queue_content.alert-error,
p.message_queue_content.alert-error span.icon_error {
  color: #D8000C;
  background: #FFBABA;
  margin:0;
font-size: 16px;
}

@media screen and (max-width: 700px){
p.message_queue_content.alert-error,
p.message_queue_content.alert-error span.icon_error  { 
font-size: 14px;
}
}

  /* Error Icon */
.message_queue_content > span.icon_error::before {
  color: #D8000C;
  content: "\f057";
}

/* Success ALert
==================================================== */
/* Background for success message added via jquery: */
p.message_queue_content.alert-success {
  color: #4F8A10;
  background:#DFF2BF;
font-size: 16px;
}
@media screen and (max-width: 700px){
p.message_queue_content.alert-success  { 
font-size: 14px;
}
}

/* Success Icon */
.message_queue_content > span.icon_information::before {
  color:#4F8A10;
  content: "\f058";
}


/* Info Alert default
==================================================== */
p.message_queue_content {
  color: #00529B;
  background:#BDE5F8;
}
.message_queue_content > span::before {
  color:#00529B;
  content: "\f05a";
}

/* Extras
==================================================== */
a#tap-to-call {
  margin: 0 .25em;
}



/* Error message inside module
==================================================== */
.error_box {
  padding:15px;
  color: #D8000C;
background: #FFBABA;  
  border-radius: 5px;
  margin-bottom:15px;
font-size: 16px; 
}
@media screen and (max-width: 700px){
.error_box { 
font-size: 14px;
}
}

.error_title {
  background: none;
  padding: 0;
  margin-bottom: 0;
  font-weight: bold;
  min-height: 0px;
  display: inline-flex;
  align-items: center;
} 

.error_title::before {
  margin-right:10px;
  position: relative;
  display: inline-block;
  font-family: 'Font Awesome 5 Free';
  font-size: 15px;
  color: #D8000C;
  content: "\f057";
} 
.error_box ul {
  padding: 0;
  margin-left:25px;
}
.error_box ul li:hover, 
.error_box ul li {
  background: none;
  padding:0;
 color: #D8000C;
 margin-left:0;
}
.error_box ul li::before {
  content: "\2022"; /*bullet dot for li*/
  margin-right: 10px;
  position: relative;
  display: inline-block;
  color: #D8000C;
  font-size: 1em;
}




/*==================================================== 
/* End Alerts Messages
==================================================== */

/* TransferNow Change Start - Done by Pragati */
div#M_layout_content_PCDZ_MQJKNWL_ctl00_regInputForm_LC_TransferZone .field_label {
		width: 250px;
		display: inline-block;
		vertical-align: middle;
}
/* Added Scroll Bar */
div#M_layout_content_PCDZ_ML25X4Z_ctl00_pnlSDCCUDirect > div:first-child {
overflow-y: scroll;
    height: 500px;
    overflow-x: hidden;
	-ms-overflow-style:auto;
}

body.MobileEditProfile .message_queue_content > span.icon_information {
    display: inline !important; 
}

form[action$="With other banks.aspx"] .message_queue_content > span.icon_information {
    display: inline !important; 
}
/* TransferNow Change End - Done by Pragati */

/* Message button Change start - Done by Pragati */

#M_layout_content_PCDZ_MATVZ4F_ctl00_dgResults .actions-column-selector{display : none;}
label[for=M_layout_content_PCDZ_MATVZ4F_ctl00_dgResults_ctl02_deletethread]{display : none;}

/* Message button Change end - Done by Pragati */

/* Quick Transfer Start - Done by Pragati */
div#Module-MSFXYQV .selectmenu-wrapper{width: 90% !important;}
div#Module-MSFXYQV .input_money{width: 90% !important;}
/* Quick Transfer end - Done by Pragati */

/* Change for CS02350675 Start- done by Pragati*/

.fed-insured-icon{
display:none;
}
.fed-insured-text,.equal-housing-text
{
font-size: 1.3em;
}
.fed-insured-text{
    margin-left: 12%;
}
@media screen and (max-width: 400px){
.fed-insured-text,.equal-housing-text
 {
    font-size: 1.1em;
 }
  }
@media screen and (max-width: 800px){
.fed-insured-text{top: 3px;}
}
form[action*="PaymentsRXP.aspx"] div#main-sortable {text-align:center;}

form[action$="FAQs.aspx"] .sdccu-signin-links{display:none;}
form[action$="SupportedBrowsers.aspx"] .sdccu-signin-links{display:none;}

div[id*="dlgIdentityVerification"] .header h1 {
    color: #009999;
}

/* Change for CS02350675 End- done by Pragati*/
/* Card Management Change Start - Done by Pragati */
@media screen and (max-width: 800px) { 
[id$="CardGridpanel"]{margin-left: -8%;
    width: 345px;}
}
/* Card Management Change End- Done by Pragati */

/*Changing the link color in Account Summary*/
body form[action$="AccountSummary.aspx"] div#main-content  a {color: #009999; !Important;}

/*Changing the link color in Alerts page*/
body form[action$="Alerts.aspx"] div#content-wrapper  a {color: #009999; !Important;}

.table_data .table_header th {
    color: #009999 !Important;
}

/* Why am I being asked this? in Identity Verification - Done by Jijy*/
.IdentityPadding {
    padding-left: 25px;
    padding-top: 22px;
    padding-right: 25px;
	
}

#M_layout_content_PCDZ_M5AAHAU_ctl00_closeButton
{

margin: auto !important;
display: block !important;
margin-bottom: 7px !important;
}
/* Why am I being asked this? in Identity Verification - Done by Jijy*/

/* CS02494293 -Change for Date Of Birth textbox coming in next line*/
div.module-single.sdccu-registration input[type="text"], div.module-single.sdccu-registration input[type="password"], div.module-single.sdccu-registration .selectmenu-wrapper {
    width: 50% !important;
}


div.module-single.change-password input[type="text"], div.module-single.change-password input[type="password"], div.module-single.change-password .selectmenu-wrapper {
    width: 48%!important;
}

#M_layout_content_PCDZ_M5LWKMZ_ctl00_panelValidation .sdccu-display-inlineblock {
    display: inline !important;
}



#M_layout_content_PCDZ_MBO2IVS_ctl00_panelValidation .sdccu-display-inlineblock {
    display: inline !important;
}


#M_layout_content_PCDZ_MUZ251G_ctl00_panelValidation .sdccu-display-inlineblock {
    display: inline !important;
}


#M_layout_content_PCDZ_MBO2IVS_ctl00_validationControl_ctl22_TB {
    width: 48% !important;
}



#M_layout_content_PCDZ_M5LWKMZ_ctl00_validationControl_ctl22_TB{
   width: 48% !important;
}



#M_layout_content_PCDZ_MUZ251G_ctl00_validationControl_ctl22_TB
{
   width: 50% !important;
}

/* CS02494293 - Change for Date Of Birth textbox coming in next line*/


/*CS02813151  - Mobile Bill Payer Plus adjusting the IFRmae height*/
.mobile-device,.phone-device #M_layout_content_PCDZ_M65JQM5_ctl00_frameSso
{
    min-height: 81vh !important;
	height:auto;
	}



/*CS02813151  - Mobile Bill Payer Plus adjusting the IFRmae height*/

div[id*=MB2C30Z] input[id$=btnViewHistory][type=submit] 
{
margin-top:-13px;
}

/* FIX done for IE browser issue for DOB textfield  */


@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none)
{
div.change-password.module-single input[type='text'], div.change-password.module-single input[type='password'], div.change-password.module-single .selectmenu-wrapper
{
  width:48% !important;

}
}


@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none)
{

div.sdccu-registration.module-single input[type='text'], div.sdccu-registration.module-single input[type='password'], div.sdccu-registration.module-single .selectmenu-wrapper {
    width: 48% !important;
}

}


@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none)
{
#M_layout_content_PCDZ_MBO2IVS_ctl00_validationControl_ctl22_TB {
    width: 48% !important;
}

}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none)
{
#M_layout_content_PCDZ_M5LWKMZ_ctl00_validationControl_ctl22_TB{
   width: 48% !important;
}
}


@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none)
{
#M_layout_content_PCDZ_MUZ251G_ctl00_validationControl_ctl22_TB
{
   width: 48% !important;
}

}




#M_layout_content_PCDZ_MFUZWNF_ctl00_ctl00_webInputForm_grpMethods_lvMethods_ctrl0_btnSelectMethod:hover {
    background: #009999;
}

#M_layout_content_PCDZ_MFUZWNF_ctl00_ctl00_webInputForm_grpMethods_lvMethods_ctrl1_btnSelectMethod:hover {
    background: #009999;
}

#M_layout_content_PCDZ_MFUZWNF_ctl00_ctl00_webInputForm_grpSms_btnSubmitSms:hover {
    background: #009999;
}

/*---------ATM Locator-Changed the brightness---------*/
.slider-menu-locate-atm a {
     filter: brightness(2.5) !important;
}
/*---------ATM Locator---------*/


/*---------Other CSS---------*/

/* Footer Ribbon changes */

/*footer ribbon box shadow*/
.global-quicklinks {
    /*box-shadow: 0px -1px 10px 0px rgba(0,0,0,0.11);*/
}
/*footer ribbon layout adjustments- currently offset to left*/
.global-quicklinks > ul.simple-listView > li {
    margin: 0;
}

/* override layout of link container,icon,text for more consistency */
.global-quicklinks > ul.simple-listView > li > a {
    position: static;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 4px 5px;
}

/*icon*/
a.before.ribbon-item:before {
    width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
    font-size: inherit;
    line-height: 1;
}

/*text*/
a.before.ribbon-item .text {
    margin: 0 !important;
    line-height: 1.3;
    /* font-size: 95%; */
}

/*manually adjust some icons for consistent sizing
	- based on visual appearance since source icons are offset differently
*/
a.global-accounts.before.ribbon-item:before {
    width: 28px !important;
}
a.global-billpay.before.ribbon-item:before {
    width: 21px !important;
    margin-top: 1px !important;
}
a.global-check-deposit.before.ribbon-item:before {
    width: 25px !important;
    margin-top: -1px !important;
}

/*Account Summary module*/
div#Module-M68HEQU div.mainmodule {
    /*position: relative;*/
    padding: 0;
    margin: 10px;
}

div#Module-M68HEQU div.wizard {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

/* move to Technivation section */
.advance-content .amount-positive > .list-item-heading,
.advance-content .amount-negative > .list-item-heading {
    color: inherit;
}
.amount-positive > .list-item-heading .list-item-right {
    color: green;
}


.Span123
{
display:none;
}
form[action$="DepositCheck.aspx"] span.icon_error {padding-bottom:7px;}

.scroll-more-text{
display:none !important;
}
div[id*=MB2C30Z] input[id$=btnViewHistory][type=submit] 
{
margin-top:-13px;
}
/*Start CS02712149,CS02703126 - Fixed by Pragati*/
div[aria-describedby="M_messageDialog_D"].default-dialog,div[aria-describedby*="dlgIdentityVerification"].default-dialog{overflow-y:hidden !important;}
div#__Page_mask{width:100% !important;}
/*End CS02712149,CS02703126 - Fixed by Pragati*/
/*Start CS02745454 - Fixed by Pragati*/
[id$='pnlMobileNicknames'] input[type='radio']{position:initial;}
/*End CS02745454 - Fixed by Pragati*/

/*Start CS02729586 - Fixed by Jijy*/
body.mobile-device div.module-single.sdccu-registration input[type="text"] {
    width: 88%!important;
}


body.mobile-device #M_layout_content_PCDZ_MUZ251G_ctl00_validationControl_ctl22_TB {
    width: 88%!important;
}


body.mobile-device div.module-single.change-password input[type="text"] {
    width: 88%!important;
}


body.mobile-device #M_layout_content_PCDZ_MBO2IVS_ctl00_validationControl_ctl22_TB {
    width: 88%!important;
}

/*End CS02729586 - Fixed by Jijy*/

/*Start CS02804381 - Fixed by Pragati*/
[id$='pnlNewMessageSection'] .message_with_text:nth-child(3) label{width:160px!important;}
/*End CS02804381 - Fixed by Pragati*/


.ps_AdminLogin
{
	background:transparent !important;	
}
/*Start SDCCUPS-518 - Fixed by Pragati*/
 @media screen and (max-width: 450px) {
form[action*="ManageBeneficiary"] [id$="txtHomeNmuber_C"]>span.field_label {display:block !important;}
form[action*="ManageBeneficiary"] [id$="txtCellNmuber_C"]>span.field_label {display:block !important;}
}
/*End SDCCUPS-518 - Fixed by Pragati*/

/*CS02786784 - Removing the Print and Download option for mobile*/

/*      .mobile-device .btn.btn-secondary:nth-child(1)
{

display:none !important;

}    */

.mobile-device #advance-MDMXHPU .popup-selector.btn.btn-secondary:last-child {
    display: none;
}


.mobile-device .btn.btn-secondary:nth-child(3)
{

display:none !important;

}

/*CS02786784 - Removing the Print and Download option for mobile*/


/** RDC Module */	
div[id$="Module-MB2C30Z"] {
    height: -webkit-fill-available;
}

/* Remove border around module */
.phone-device div[id*=MB2C30Z] .module-container.mainmodule {
    border: none;
}

.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;
} 


input[id$=btnCaptureFront],
input[id*=btnCaptureBack] {
  background: none !important;
  border-color: transparent !important;
}


/* Mobile Check Deposit */
div[id*=MB2C30Z] span[id*=grpEditor_btnCapture] {
  text-align: center;
}
div[id*=MB2C30Z] p[id$=ZoneHistory] {
  justify-content: center;
}

div[id*=MB2C30Z] input[id$=btnViewHistory][type=submit] {
   font-size: 15px !important;
  line-height: normal;
  font-weight: 700;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  transition-property: background-color, border-color;
  background-color: transparent;
  color: #00777a !important;
}

@media screen and (min-width: 768px) {
    div[id*=MB2C30Z] input[id$=btnViewHistory][type=submit] {
    padding-top: 6px;
    padding-bottom: 8px;
  }
}

div[id*=MB2C30Z] input[id$=btnViewHistory][type=submit]:hover, 
div[id*=MB2C30Z] input[id$=btnViewHistory][type=submit]:active {
  background-color: transparent !important;
  border-color: transparent !important;
  color: #00777a !important;
  box-shadow: none !important;
  text-decoration: underline;
}
div[id*=MB2C30Z] input[id$=btnViewHistory][type=submit]:disabled {
  background-color: #ffffff !important;
  border-color: transparent;
  color: #00777a !important;
}
div[id*=MB2C30Z] .module-single input.input_money {
  font-size: 15px;
  line-height: normal;
  padding: 6px 10px;
  margin: 5px 0;
  height: 36px;
  width: 100%;
  background-color: #ffffff !important;
  color: #121212 !important;
  border-radius: 2px !important;
  border: 1px solid #9e9e9e !important;
}
@media screen and (min-width: 768px) {
  div[id*=MB2C30Z] .module-single input.input_money {
    padding: 5px 10px;
    line-height: 1.6;
  }
}

input[id*=btnCapture][type=submit] {
  background: url(content.aspx?theme=Theme4&color1=%23808080&image=svg/camera-solid.svg) no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  height: 55px !important;
  border: 0 !important;
  max-width: 100%;
}

.mobile-device input[id*=btnCapture][type=submit]:active, 
.mobile-device input[id*=btnCapture][type=submit]:hover, 
.mobile-device input[id*=btnCapture][type=submit]:focus, 
.mobile-device input[id*=btnCapture][type=submit]:visited {
  border: 0 !important;
  box-shadow: none !important;
  background: url(content.aspx?theme=Theme4&color1=%23808080&image=svg/camera-solid.svg) no-repeat !important;
  background-color: transparent !important;
  background-position: center !important;
  background-size: contain !important;
}



/*TODO move these into UseProductOverrides.css*/


.signin-page .content-wrapper .main-content, .pre-signin .main-content{
margin:0;
}

a.global-transfers.before.ribbon-item:before {  
	content: url(/SDCCU/App_Themes/Theme4/images/ribbonsvg/Transfers.svg);	
}

a.global-accounts.before.ribbon-item:before {
	content: url(/SDCCU/App_Themes/Theme4/images/ribbonsvg/Accounts.svg);
}

a.global-billpay.before.ribbon-item:before {
	content: url(/SDCCU/App_Themes/Theme4/images/ribbonsvg/Payment.svg); 
}

a.global-check-deposit.before.ribbon-item:before {
	content: url(/SDCCU/App_Themes/Theme4/images/ribbonsvg/Deposit.svg);
}

a.global-profile.before.ribbon-item:before {
	content: url(/SDCCU/App_Themes/Theme4/images/ribbonsvg/profile.svg);	
}

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 {
    content: url(/SDCCU/App_Themes/Theme4/images/ribbonsvg/Transfers1.svg);
}

form[action*="Payments"] a.global-billpay.before.ribbon-item:before,form[action*="PaymentsRXP"] a.global-billpay.before.ribbon-item:before {
    content: url(/SDCCU/App_Themes/Theme4/images/ribbonsvg/Payment1.svg);
}

form[action*="Deposit"] a.global-check-deposit.before.ribbon-item:before {
    content: url(/SDCCU/App_Themes/Theme4/images/ribbonsvg/Deposit1.svg);
}

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*="ManageFastBalances"] a.global-profile.before.ribbon-item:before,form[action*="ManageEmail.aspx"] a.global-profile.before.ribbon-item:before {
    content: url(/SDCCU/App_Themes/Theme4/images/ribbonsvg/profile1.svg);
}


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 {
    content: url(/SDCCU/App_Themes/Theme4/images/ribbonsvg/Accounts1.svg);
}

/* CS02837385 -  Scheduling Option drop down width reduced*/
#M_layout_content_PCDZ_M653F1P_ctl00_ctl00_webInputForm_grpEditor_lstSchedulingOption-menu
{

    width: 166px !important;
}

/* CS02837385 -  Scheduling Option drop down width reduced*/


/*CS02922182 Enroll button moved to Left Jijy */
.Enrollstyle {
    float: left !Important;
}


#M_layout_content_PCDZ_MY2Q1I5_ctl00_btn_Enroll {
    margin: 0px !important;
}

/*CS02922182 Enroll button moved to Left  Jijy*/

/*  Added for back button display - Fixed by Pragati */

body.AccountActivity.mobile-device .advance-heading .btn.btn-secondary:nth-child(1) {
    display: inline-block !important;
}

/*  Added for back button display - Fixed by Pragati */


/*CS02822379 Accounts Activity misalignement only for negative balance - Fixed by Pragati*/

.mobile-device div#advance-MDMXHPU div.card-block a div.list-item-heading span.list-item-left {width:250px !important;}

/*CS02822379 Accounts Activity misalignement only for negative balance - Fixed by Pragati*/


/* CS03533318 Timeout dialog issue in travel notification*/
body.desktop-device.TravelNotifications div[aria-describedby="M_messageDialog_D"].default-dialog
{
top: 235.5px !important;
left: 16.5% !important;
z-index: 1001 !important;
height: 139px !important;
width: 935px !important;
}

@media (min-width: 1519px) {
body.desktop-device.TravelNotifications div[aria-describedby="M_messageDialog_D"].default-dialog
{
    top: 282.5px !important;
    left: 289.5px !important;
    height: 141px !important;
}
}
@media (min-width: 1920px) {
body.desktop-device.TravelNotifications div[aria-describedby="M_messageDialog_D"].default-dialog
{
    top: 389px !important;
    left: 481.5px !important;
    height: 142px !important;
}
}

body.TravelNotifications .ui-front
{
z-index: 99 !important;
}

.mobile-device.TravelNotifications div[aria-describedby="M_messageDialog_D"].default-dialog
{
top: 206px !important;
left: 0px !important;
z-index: 1001 !important;
height: 228px !important;
}

/* CS03533318 Timeout dialog issue in travel notification */

@media only screen and (max-width: 800px) {
.hideBelow800 {
	display: none;
	}
}

/* ========================== 21.2.1 Upgrade ========================== */

i.fa.fa-caret-down:before !important {
    content: "\f0d7";
    font-family: 'Font Awesome 5 Free';
}

.fa-money-bill-alt:before {
    content: "\f3d1";
    font-family: 'Font Awesome 5 Free';
}

.desktop-device .module-container .mainmodule,
.desktop-device .module-container.mainmodule {
	/*overflow-x: auto;*/	/*mcct*/
	overflow-x: hidden;
	overflow-y: hidden;
	padding: 7px 22px 7px 22px !important;
	position: relative;
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.default-dialog.no-close.pop-contain {
    padding: 0px !important;
    height: auto !important;
}

/*            ===            Fixes for Mobile            ===            */

#Module-MTFRHYP > div.module-container.mainmodule {
    padding: 0px !important;
}

ul#M_layout_content_PCDZ_M57V2MG_ctl00_ctl00_webInputForm_grpEditor_lstSourceAccount-menu,
ul#M_layout_content_PCDZ_M57V2MG_ctl00_ctl00_webInputForm_grpEditor_lstDestinationAccount-menu,
ul#M_layout_content_PCDZ_M57V2MG_ctl00_ctl00_webInputForm_grpEditor_lstSchedulingOption-menu {
    width: auto !important;
}

.ui-selectmenu-menu.ui-selectmenu-open {
    padding-right: 28px;
}
body.mobile-device .ui-selectmenu-menu.ui-selectmenu-open {
    padding-right: 28px;
    max-width: calc(100% - 30px);
}
/*Remove extra padding from Account Activity and Details Desktop*/
.desktop-device #Module-MCDFPQ9 > div.module-container.mainmodule, .desktop-device #Module-MDMXHPU > div.module-container.mainmodule  {
    padding: 0px !important;
} 
/*Technivation mobile account summary refresh button on error */
.advance-content .p-3 {
    padding:1em;
    text-align: center;
}
/*Display edit nickname cancel button on mobile*/
.mobile-device .edit-nickname .btn.btn-secondary {
    display: inline-block !important;
}
/* ========================== 21.2.1 Upgrade ========================== */

/* ======================== 23.2.2.1 Upgrade ========================== */

/*removing orange rectangular border for mobile banking services*/
div[id$="messageQueueControl"] > div {
	border: none !important;
}

/*
#page-header-container > div > div.top-nav-right > ul > li.user-menu > a > i.fa-caret-down:before {
	        font-family: "Font Awesome 5 Free";
		content: "\f0d7" !important ;
} */

/* IP27324360	Relationship Manager - Clicking on "Terminate All Active Sessions" gives error */
/* IP27324854	Relationship Manager - Text Banking CSR –“Message History” Button throw error */
input#M_layout_content_PCDZ_MTHIS5V_ctl00_btnTerminateActiveSession, input#M_layout_content_PCDZ_M5RMPZ6_ctl00_btnMessageHistory {
	display: none;
}

/* ======================== 23.2.2.1 Upgrade ========================== */