/*:root {
    --btn-style: #3b5672;
    --activeMenuBtn: #3b5672;
    --dark-blue: #0C2074;
    --middle-bg: #EFEFEF;
    --flat-gray: #707070;
    --footer-text: #FFFFFF;
    --tab-border: #dddddd;
}*/

/*nav-bar*/
@import '../../../chat-partners/chat.epbcolor.css';

.vcp_welcomeUser_links a:active,
.vcp_welcomeUser_links a:visited {
  color: #3b5672;
}
.topWrapper a:link,
.topWrapper a:visited {
  color: #3b5672;
}

/*middle content area*/
.middleWrapper {
  background-color: #ffffff;
}
.middleWrapper a,
.middleWrapper a:link,
.middleWrapper a:visited {
  color: #3b5672;
}
.tc_shadow:after,
.tc_page_shadow:after {
  content: none;
}
.tc_shadow,
.tc_page_shadow {
  border: 1px solid #dddddd;
}
ul:not(#mainNav) .inactiveTab,
.tab {
  background: -webkit-gradient(linear, left top, left bottom, from(white), to(rgba(239, 239, 239, 1)));
  background: -webkit-linear-gradient(top, white 0%, rgba(239, 239, 239, 1) 100%);
  background: -o-linear-gradient(top, white 0%, rgba(239, 239, 239, 1) 100%);
  background: linear-gradient(to bottom, white 0%, rgba(239, 239, 239, 1) 100%);
}

/*buttons*/
.activeMenuItem {
  background-color: #3b5672;
}
.tranCoreButton {
  background-color: #3b5672;
}

/*my account page*/
#tc_accountSummaryHeader {
  background: unset;
  background-color: #707070;
}
#navTabs .activeMenuItem {
  background-color: #3b5672;
}
#navTabs > li {
  border-right: 2px solid #efefef;
}

/*payments page*/
.layoutPageContent3 > .tc_page_shadow {
  border: none;
}

/*alerts page*/
.selected-tab {
  background: unset;
  background-image: none;
  background-color: #3b5672;
}
.tab-holder .tab {
  border-right: 2px solid #efefef;
}
.tab .cursor_help {
  padding-top: 3.5px;
}
.tabs-body {
  border: 1px solid #dddddd;
}
.group-header td {
  font-weight: bold;
}
.alerts div.tieringElement.phonePaddingForContentWithTables.alert-partner-text p {
  margin: 0px;
  padding: 0px;
}

/*footer*/
.bottomWrapper {
  background-color: #e0e0e0;
  color: #555555;
}
.bottomWrapper a:link,
.bottomWrapper a:visited,
.bottomWrapper a:hover,
.bottomWrapper a:active {
  color: #3b5672;
}

/* ******************************* PHONE VIEW ******************************* */
@media only screen and (max-width: 640px) {
  .topNavSmall {
    background-color: #3b5672;
  }
  ul.leftNav li.activeMenuItem span,
  ul.leftNav#mainNav li.activeMenuItem a {
    color: white;
  }
  ul.leftNav li {
    padding: 0px;
  }
  ul.leftNav li a {
    padding: 20px 10px;
  }
  #layoutContentBody div.loginBox {
    width: 100%;
  }
  div#layoutMiddleWrapper .layoutPageContent3 {
    background-color: #efefef;
  }
}

/**** Transaction & Toggle****/

.toggle-label input[type="checkbox"] + .back {
  background: #3b5672 !important;
}
.toggle-label input[type="checkbox"]:checked + .back {
  background: #3b5672 !important;
}

/*** Balance Transfer Styles ***/
#BalanceTransferApp .btn {
  background-color: #3b5672;
  color: White;
  border-color: #3b5672;
  margin: 3px;
}
body #printPreview .btn {
  background-color: #3b5672;
  text-transform: uppercase;
}
#BalanceTransferApp .offer.topRow {
  background: unset;
  background-color: #707070;
}

/** Card Activation Styles **/

#CardActivationApp .svc-button-modal .svc-btn-primary,
.svc-button-modal .svc-btn-secondary {
  background-color: #3b5672;
}

.reviewRecentTransactions #popupFrame,
.reviewSubmitRequest #popupFrame,
.cardDeliveryOptions #popupFrame,
.lostStolenAdditionalDetails #popupFrame,
.cardReplacementSelectUsers #popupFrame,
.cardReplacementDeliveryOptions #popupFrame,
.cardReplacementReviewSubmit #popupFrame {
  margin: 0px;
  padding: 15px;
}

.reviewRecentTransactions #popupTitleBar,
.reviewSubmitRequest #popupTitleBar,
.cardDeliveryOptions #popupTitleBar,
.lostStolenAdditionalDetails #popupTitleBar,
.cardReplacementSelectUsers #popupTitleBar,
.cardReplacementDeliveryOptions #popupTitleBar,
.cardReplacementReviewSubmit #popupTitleBar {
  height: 0;
  padding: 0;
}

@media only screen and (min-width: 321px) and (max-width: 640px) {
  .reviewRecentTransactions #popupFrame,
  .reviewSubmitRequest #popupFrame,
  .cardDeliveryOptions #popupFrame,
  .lostStolenAdditionalDetails #popupFrame,
  .cardReplacementSelectUsers #popupFrame,
  .cardReplacementDeliveryOptions #popupFrame,
  .cardReplacementReviewSubmit #popupFrame {
    height: auto !important;
  }
}

.cardHub h2.contentAreaSubHeader,
.cardHub h1#subHeader,
.cardHub a {
  color: #3b5672;
}
.cardHub a:focus {
  border: 1px solid #3b5672;
}
#chatCta, #chatCta:hover,#chatCta:focus, #shieldLibraryComponent .usb-button.button--primary.chatCta,
#shieldLibraryComponent .usb-button.button--primary.chatCta:hover, 
#shieldLibraryComponent .usb-button.button--primary.chatCta:focus,
#shieldLibraryComponent .usb-button.button--primary.chatCta:focus:before,
#shieldLibraryComponent .usb-button.button--primary.chatCta:active
.usb-button.chatCta:focus:before,
.usb-button.button--primary.chatCta:active,
.usb-button.button--primary.chatCta:hover,
.usb-button.button--primary.chatCta:focus,
#shieldLibraryComponent .usb-button.button--primary.chatCta:active,
.usb-button.chatCta:focus:before,
.tranCoreButton.chatCta:hover{
  background-color: #3b5672;
  background:#3b5672; 
  font-size: var(--fs11);
  border-radius: 0px;
}
.tranCoreButton.chatCta:disabled, #chatCta:disabled:focus, #chatCta:disabled,#chatCta:disabled:hover, #shieldLibraryComponent .usb-button.button--primary.chatCta:disabled, .usb-button.button--primary.chatCta:focus:before{
  background-color: #A9A9A9;	
  color: #ffffff; 
  cursor: not-allowed;
}
.yesBtn, .yesBtn:hover{
	background-color:#3b5672;
	color:White; 
}
.noBtn, .noBtn:hover{
	color: #3b5672;
}
button.sendBtn{
  background: #3b5672;
  }
  div.floatingBtn, button.floatingBtn{
  background-color: #3b5672;
  font-family: var(--usb-circular, var(--usb-fallback));
  }