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

/*nav-bar*/
@import "../../../chat-partners/chat.usbcolor.css";

.vcp_welcomeUser_links a:active, .vcp_welcomeUser_links a:visited {
    color: #0C2074;
}
.topWrapper a:link, .topWrapper a:visited {
    color: #0C2074;
}

/*middle content area*/
.middleWrapper {
    background-color: #EFEFEF;
}
.middleWrapper a, .middleWrapper a:link, .middleWrapper a:visited {
	color: #0C2074;
}
.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: #17409C;
}
.tranCoreButton {
    background-color: #D93F4D;
}

/*my account page*/
#tc_accountSummaryHeader {
    background: unset;
    background-color: #707070;
}
#navTabs .activeMenuItem {
    background-color: #17409C;
}
#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: #17409C;
}
.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: #0C2074;
    color: #FFFFFF;
}
.bottomWrapper a:link, .bottomWrapper a:visited, .bottomWrapper a:hover, .bottomWrapper a:active {
    color: #FFFFFF;
}


/* ******************************* PHONE VIEW ******************************* */
@media only screen and (max-width: 640px) {
    .topNavSmall {
        background-color: #17409C;
    }
    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: #D93F4D !important;;
  }
  .toggle-label input[type=checkbox]:checked+.back {
	background: #D93F4D !important;
  }

/*** Balance Transfer Styles ***/
#BalanceTransferApp .btn {
  background-color: #D93F4D;
  color: White;
}
body #printPreview .btn {
  background-color: #D93F4D;
  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: #007ac9;
}
#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: #D93F4D;
    background:#D93F4D;  
    font-size: var(--fs11);
    border-radius: 0px;
}
button.sendBtn{
background: #D93F4D;
}
div.floatingBtn, button.floatingBtn{
background-color: #D93F4D;
font-family: var(--usb-circular, var(--usb-fallback));
}
.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{
	color: #4D4F53;
	background-color:#ebebeb;
	cursor: not-allowed;
}
.yesBtn, .yesBtn:hover{
	background-color:#D93F4D;
	color:White; 
}
.noBtn, .noBtn:hover{
	color: #D93F4D;
}