/* Accessibility Compliant color for light blue */
/* Accessibility Compliant color for light blue */
.saved-credit-card-buttons {
  font-size: 12px !important; }
  @media only screen and (min-width: 1260px) {
    .saved-credit-card-buttons {
      font-size: 14px !important; } }

.creditCardsList__mobile span, .editLink__mobile, .deleteEditLink__mobile {
  font-size: 13px !important; }
  @media only screen and (min-width: 1260px) {
    .creditCardsList__mobile span, .editLink__mobile, .deleteEditLink__mobile {
      font-size: 14px !important; } }

/* Accessibility Compliant color for light blue */
.credit-card-tile {
  border: 1px solid #000000;
  margin: 8px;
  padding: 8px;
  border-radius: 4px; }

.credit-card-payment-options__section {
  padding: 8px; }

.credit-card-arrow {
  float: left;
  margin-top: 5px !important;
  margin-right: 10px; }

.saved-credit-card-buttons {
  margin-top: 20px;
  margin-left: 6.4%; }
  @media only screen and (min-width: 1260px) {
    .saved-credit-card-buttons {
      margin-left: 5.5%; } }

.creditCardImages {
  float: none !important; }

.checkoutFieldLabel {
  font-weight: bold; }

.row_creditCard {
  display: inline-flex;
  width: 100%;
  align-items: center; }
  .row_creditCard .rdoPaymentColumn {
    display: table-cell !important;
    vertical-align: middle !important;
    width: auto !important; }
  .row_creditCard .creditCardsList {
    display: inline-block !important;
    vertical-align: middle !important;
    width: 95% !important; }

fieldset {
  border: 1px solid #000000;
  padding-bottom: 10px; }

.savedCCImagesWrapper {
  padding-right: 10px;
  padding-left: 15px; }

.savedCreditCardsContainer {
  padding-right: 20px; }

legend {
  padding: 7px !important;
  font-weight: bold;
  font-size: 13px;
  color: #000000;
  display: block; }
  @media only screen and (min-width: 1260px) {
    legend {
      font-size: 14px; } }

#divCreditCardTypesView {
  padding-left: 10px !important; }

.fieldsetClass__mobile {
  background-color: #fbfbfb;
  border-color: #DDD !important;
  width: 100% !important;
  display: flex;
  padding-top: 15px; }

.nickname__mobile, .nickname__mobile span {
  text-align: left;
  font-size: 14px !important; }

.creditCardsList__mobile {
  flex-grow: 1; }
  .creditCardsList__mobile .savedCCImagesWrapper__mobile {
    display: table-cell;
    padding-left: 20px; }
    .creditCardsList__mobile .savedCCImagesWrapper__mobile .savedCCImagesList img {
      height: 18px;
      width: 27px;
      vertical-align: middle; }
  .creditCardsList__mobile .savedCCExpiryDetails__mobile {
    display: table-cell;
    padding-left: 10px;
    vertical-align: top;
    text-align: left; }
  .creditCardsList__mobile .editLink__mobile {
    display: table-cell;
    padding-left: 0px;
    margin-left: auto;
    vertical-align: top;
    margin-right: 9px; }

.expiredCardDate {
  display: flex;
  color: #C00; }
  .expiredCardDate .error-img {
    height: 20px;
    margin-left: 10px; }

.creditCardEditUseAsDefaultContainer {
  display: block;
  margin-left: 5px;
  margin-bottom: 10px; }
  .creditCardEditUseAsDefaultContainer input[type=checkbox] {
    margin-right: 3px;
    display: inline-block;
    vertical-align: middle; }
  .creditCardEditUseAsDefaultContainer .defaultLabel {
    margin-bottom: 0px;
    display: inline-block;
    vertical-align: middle; }
  .creditCardEditUseAsDefaultContainer .defaultFont {
    font-size: 11px; }

.savedCCExpiryDetails__mobile {
  width: 95%; }
  .savedCCExpiryDetails__mobile .savedCCSaveBtns {
    display: flex; }
    .savedCCExpiryDetails__mobile .savedCCSaveBtns .btn {
      margin-left: 0;
      width: 45%; }
    .savedCCExpiryDetails__mobile .savedCCSaveBtns .cancelButton {
      background-color: #666666;
      color: white; }
    .savedCCExpiryDetails__mobile .savedCCSaveBtns .saveButton {
      margin-left: auto; }
  .savedCCExpiryDetails__mobile .form-fieldinput {
    background-color: white; }

.editLink a, .editLink a:hover, .editLink a:active, .editLink a:focus, .editLink :link:active, .editLink :visited:active, .editLink__mobile a, .editLink__mobile a:hover, .editLink__mobile a:active, .editLink__mobile a:focus, .editLink__mobile :link:active, .editLink__mobile :visited:active {
  border: none;
  outline: 0; }

.creditCardAuthorizationErrorMobile {
  white-space: normal; }

.ccErrorMessage {
  text-align: left;
  margin-left: 24px; }
  .ccErrorMessage__mobile {
    text-align: left;
    margin-left: 35px; }

.expiredCardDateField {
  border: 1px solid #C00 !important; }

/* Accessibility Compliant color for light blue */
.saved-credit-card-buttons {
  font-size: 12px !important; }
  @media only screen and (min-width: 1260px) {
    .saved-credit-card-buttons {
      font-size: 14px !important; } }

.creditCardsList__mobile span, .editLink__mobile, .deleteEditLink__mobile {
  font-size: 13px !important; }
  @media only screen and (min-width: 1260px) {
    .creditCardsList__mobile span, .editLink__mobile, .deleteEditLink__mobile {
      font-size: 14px !important; } }

/* Accessibility Compliant color for light blue */
.NewCreditCardForm {
  vertical-align: top; }
  .NewCreditCardForm__mobile {
    background: #fbfbfb;
    border: 1px solid #DDD;
    padding: 12px 8px 8px 8px !important;
    float: left;
    width: 100%;
    vertical-align: top; }
    .NewCreditCardForm__mobile input, .NewCreditCardForm__mobile select {
      background-color: white !important; }
  .NewCreditCardForm__CCTitle {
    font-weight: bold; }

.newCreditCardRadioBtn {
  float: left !important;
  padding-top: 10px !important; }

.creditCardImages__mobile {
  padding-top: 10px; }

.creditCardImages__onLeft {
  display: inline-block;
  float: none;
  margin-right: 2%;
  padding-left: 6px; }
  .creditCardImages__onLeft.mobile {
    padding-top: 15px;
    width: 100%; }

.newCreditCardFormSaveAsDefault__mobile input[type="checkbox"] {
  display: block !important;
  float: left;
  margin: 5px 5px 0 0; }

#pnlForeighTransactionMessage {
  padding-top: 6px !important; }

.checkoutFieldLabel {
  font-weight: bold; }

.checkoutSectionBorderSmall__mobile {
  margin-bottom: 0px;
  padding: 8px 8px 0px 8px; }

.myAccountContainer .payInvoiceSection {
  width: 100% !important; }

.credit-card-payment-options {
  border: 1px solid #000;
  padding: 8px 8px;
  margin-bottom: 10px; }
  .credit-card-payment-options__mobile {
    margin-bottom: 10px; }
  .credit-card-payment-options__section {
    width: 49%;
    display: inline-block; }

.newcreditcardContainer {
  width: 98% !important; }

.paymentsPageLinks .editLink {
  display: block !important;
  padding-bottom: 23px; }
  @media only screen and (min-width: 1260px) {
    .paymentsPageLinks .editLink {
      padding-bottom: 25px; } }

.paymentsPageLinks .deleteEditLink {
  display: block !important; }

.editLink, .deleteEditLink {
  padding-left: 0px !important; }

.savedCCSectionTitle_mobile {
  padding-top: 15px !important;
  padding-bottom: 5px !important;
  margin-top: 10px;
  text-align: left;
  font-weight: bold;
  font-size: 14px; }

.paymentMethodMobile {
  display: flex; }

.OnlineCheck__mobile {
  background: #FBFBFB;
  border: 1px solid #ddd;
  padding: 12px 8px 8px 8px !important;
  float: left;
  width: 100%; }
  .OnlineCheck__mobile input:not(:disabled), .OnlineCheck__mobile select {
    background-color: white !important; }
  .OnlineCheck__mobile .contentDropDown {
    padding: 0px !important; }

.OnlineCheck__Title {
  font-weight: bold; }

.OnlineCheck__Table {
  width: 100%; }

.OnlineCheck__rdoBtn {
  padding-bottom: 0px !important; }

.invalidCcError {
  display: flex;
  margin-top: 20px;
  color: #C00;
  text-align: left;
  font-size: 13px; }
  .invalidCcError .error-img {
    width: 30px;
    height: 30px;
    margin-right: 10px; }
    .invalidCcError .error-img__mobile {
      width: 20px;
      height: 20px;
      margin-right: 15px; }
  @media only screen and (min-width: 1260px) {
    .invalidCcError {
      font-size: 14px; } }
  .invalidCcErrorStep3 {
    display: flex;
    text-align: left;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 13px; }
    .invalidCcErrorStep3 .error-img {
      width: 30px;
      height: 30px;
      margin-right: 10px; }
      .invalidCcErrorStep3 .error-img__mobile {
        width: 20px;
        height: 20px;
        margin-right: 15px;
        margin-left: 10px; }
    .invalidCcErrorStep3 span {
      color: #C00; }
    @media only screen and (min-width: 1260px) {
      .invalidCcErrorStep3 {
        font-size: 14px; } }

.ccErrorMessage .messageListWarning {
  white-space: normal !important; }

.gridCardInfoMessage {
  text-align: left; }

.newCreditCardHalfScreen {
  width: 50%; }

.newCreditCardFullScreen {
  width: 100%; }

.foreignTransactionMessageWrapper {
  display: inline; }
  .foreignTransactionMessageWrapper_pushToTheRight {
    font-weight: bold;
    padding-left: 162px; }
    @media only screen and (min-width: 1260px) {
      .foreignTransactionMessageWrapper_pushToTheRight {
        padding-left: 261px; } }
  .foreignTransactionMessageWrapper_indentForRadioButton {
    padding-left: 24px; }

.mobileNewCardSectionFullWidth {
  width: 100%; }

.hiddenCardDeletedMessage {
  display: none; }

.modalForm .messageListContainer {
  margin-top: 0px; }