/* bankfastChanges.css */

#AT01 .form-group--enter-code div .tooltip {
  width: 175px;
}

.checkbox-block
  input[type="checkbox"]:checked
  ~ input[type="hidden"]
  ~ .checkbox-label:before,
.checkbox-block
  input[type="checkbox"]
  ~ input[type="hidden"]
  ~ .checkbox-label:before {
  content: none;
}

#SM01 .nav-tabs li {
  width: 50%;
}

#SM01.bankfast .buttons-action {
  margin-bottom: 40px;
}

@font-face {
  font-family: "FSLucasWebBold";
  src: url("FSLucasWeb-Bold.eot");
  src: url("FSLucasWeb-Bold.eot?#iefix") format("embedded-opentype"),
    url("FSLucasWeb-Bold.woff") format("woff");
  font-style: normal;
  font-weight: bold;
}

#SM01.bankfast .table strong {
  font-family: "FSLucasWebBold", sans-serif;
}

#DDI1.context-mobileapp .portlet,
#DDI2.context-mobileapp .portlet,
#DDI3.context-mobileapp .portlet,
#SM01.context-mobileapp .portlet,
#SM02.context-mobileapp .portlet,
#SM03.context-mobileapp .portlet,
#SM04.context-mobileapp .portlet,
#SM05.context-mobileapp .portlet,
#SM06.context-mobileapp .portlet,
#MP01.context-mobileapp .portlet,
#VA01.context-mobileapp .portlet,
#VA02.context-mobileapp .portlet {
  padding: 10px;
}

#DDI1.context-mobileapp .portlet-topper,
#DDI2.context-mobileapp .portlet-topper,
#DDI3.context-mobileapp .portlet-topper,
#SM01.context-mobileapp .portlet-topper,
#MP01.context-mobileapp .btn--cancel,
#MP01.context-mobileapp .portlet-topper,
#VA01.context-mobileapp .portlet-topper,
#VA02.context-mobileapp .portlet-topper,
#MP01.context-mobileapp .portlet-content .help-block {
  display: none;
}

#SM01.context-mobileapp .nav-tabs {
  margin: 0;
}

@media (max-width: 769px) {
  #DDI1.context-mobileapp .main-content.container .portlet,
  #DDI2.context-mobileapp .main-content.container .portlet,
  #DDI3.context-mobileapp .main-content.container .portlet,
  #SM01.context-mobileapp .main-content.container .portlet,
  #SM02.context-mobileapp .main-content.container .portlet,
  #SM03.context-mobileapp .main-content.container .portlet,
  #SM04.context-mobileapp .main-content.container .portlet,
  #SM05.context-mobileapp .main-content.container .portlet,
  #SM06.context-mobileapp .main-content.container .portlet,
  #MP01.context-mobileapp .main-content.container .portlet,
  #VA01.context-mobileapp .main-content.container .portlet,
  #VA02.context-mobileapp .main-content.container .portlet {
    margin: 0;
  }
}

#DDI1.context-mobileapp #main-content,
#DDI2.context-mobileapp #main-content,
#DDI3.context-mobileapp #main-content,
#SM01.context-mobileapp #main-content,
#SM02.context-mobileapp #main-content,
#SM03.context-mobileapp #main-content,
#SM04.context-mobileapp #main-content,
#SM05.context-mobileapp #main-content,
#SM06.context-mobileapp #main-content,
#MP01.context-mobileapp #main-content,
#VA01.context-mobileapp #main-content,
#VA02.context-mobileapp #main-content {
  padding: 0;
  margin: 0;
}

#DDI1.context-mobileapp #main-content .row,
#DDI2.context-mobileapp #main-content .row,
#DDI3.context-mobileapp #main-content .row,
#SM01.context-mobileapp #main-content .row,
#SM02.context-mobileapp #main-content .row,
#SM03.context-mobileapp #main-content .row,
#SM04.context-mobileapp #main-content .row,
#SM05.context-mobileapp #main-content .row,
#SM06.context-mobileapp #main-content .row,
#MP01.context-mobileapp #main-content .row,
#VA01.context-mobileapp #main-content .row,
#VA02.context-mobileapp #main-content .row {
  margin: 0;
}

#DDI1.context-mobileapp #content-area,
#DDI2.context-mobileapp #content-area,
#DDI3.context-mobileapp #content-area,
#SM01.context-mobileapp #content-area,
#SM02.context-mobileapp #content-area,
#SM03.context-mobileapp #content-area,
#SM04.context-mobileapp #content-area,
#SM05.context-mobileapp #content-area,
#SM06.context-mobileapp #content-area,
#MP01.context-mobileapp #content-area,
#VA01.context-mobileapp #content-area,
#VA02.context-mobileapp #content-area {
  padding: 0;
}

#cookie-banner-wrapper .container {
  display: flex;
  justify-content: space-around;
}

#cookie-banner-close-button {
  order: 2;
}

#PM01 table .frequency a,
#PM01 table .date-due a,
#PM01 table .payment-reference a,
#PM01 table .amount a {
  display: inline-block;
  width: 85px;
}

@media only screen and (max-width: 1199px) {
  #PM01 .table-reflow,
  #AU00 .table-reflow {
    overflow-x: auto;
  }
}

#AT01
  .form-group--first-enter-your-access-code-which-you-use-to-log-on-to-internet-banking
  .ssticon-help {
  right: 30px;
  top: 34px;
}

#AT01 .input-group a.ssticon-Eye {
    right: 80px;
}

#AT01 .has-error .help-block {
    margin-top: 5px;
    display: inline-block
}

#AU00 th.transaction-type a {
  width: 110px;
  display: inline-block;
}

#AU00 th.creation-date a {
  width: 95px;
  display: inline-block;
}

#AU00 th.due-date a {
  width: 83px;
  display: inline-block;
}

#AU00 th.amount a {
  width: 66px;
  display: inline-block;
}

#AU00 th.remarks a {
  width: 64px;
  display: inline-block;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #OD01 .chosen-choices input {
    width: 210px !important;
  }
}

.modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.modal-header a {
  order: 2;
}

.modal-header h4 {
  font-size: 20px;
}

#BA03 .batch-summary + div .buttons-action .btn {
  margin-right: 10px;
}

@media only screen and (max-width: 600px) {
  #BA03 .batch-summary + div .buttons-action .btn {
    width: 85%;
  }

  #AT01
    .form-group--first-enter-your-access-code-which-you-use-to-log-on-to-internet-banking
    .ssticon-help {
    right: 0px;
    top: 55px;
  }

  #AT01 .ssticon-help {
    right: 0px;
    top: 37px;
  }

  #AT01 [data-testid="VOICEAuthCodeInput"] {
    width: 90%;
  }

  #AT01 #validsoftMessage + div {
    margin-bottom: 10px;
  }

  .ssticon-more-vertical {
    transform: translateX(-8px);
  }
}

#limitText a {
  margin-left: 7px;
}

#HM01 .alert-success {
  right: 0px !important;
  left: 0px;
}

#TP07 form div:nth-child(4) > div:first-child,
#TP08 form div:nth-child(4) > div:first-child,
#TP09 form div:nth-child(4) > div:first-child {
  display: none;
}

#TP07 .btn-group .btn-secondary,
#TP08 .btn-group .btn-secondary,
#TP09 .btn-group .btn-secondary,
#BA03 .modal-content form .btn-group .btn-secondary,
#BA16 .modal-content form .btn-group .btn-secondary {
  color: white;
  background-color: #1c8267;
  border-color: #1c8267;
}

#TP07 .btn-group .btn-secondary:hover,
#TP07 .btn-group .btn-secondary:focus,
#TP08 .btn-group .btn-secondary:hover,
#TP08 .btn-group .btn-secondary:focus,
#TP09 .btn-group .btn-secondary:hover,
#TP09 .btn-group .btn-secondary:focus,
#BA03 .modal-content form .btn-group .btn-secondary:hover,
#BA03 .modal-content form .btn-group .btn-secondary:focus,
#BA16 .modal-content form .btn-group .btn-secondary:hover,
#BA16 .modal-content form .btn-group .btn-secondary:focus {
  color: white;
  background-color: #338e76;
  border-color: #338e76;
}

#TP07 .btn-group .btn-default,
#TP08 .btn-group .btn-default,
#TP09 .btn-group .btn-default,
#BA03 .modal-content form .btn-group .btn-default,
#BA16 .modal-content form .btn-group .btn-default {
  color: #004c45;
  background-color: #f6f5ee;
  border-color: #f6f5ee;
}

#TP07 .btn-group .btn-default:hover,
#TP07 .btn-group .btn-default:focus,
#TP08 .btn-group .btn-default:hover,
#TP08 .btn-group .btn-default:focus,
#TP09 .btn-group .btn-default:hover,
#TP09 .btn-group .btn-default:focus,
#BA03 .modal-content form .btn-group .btn-default:hover,
#BA03 .modal-content form .btn-group .btn-default:focus,
#BA16 .modal-content form .btn-group .btn-default:hover,
#BA16 .modal-content form .btn-group .btn-default:focus {
  color: #004c45;
  background-color: #f9f9f4;
  border-color: #f9f9f4;
}

#TP07 form .col-sm-6,
#TP08 form .col-sm-6,
#TP09 form .col-sm-6,
#BA03 .modal-content form .col-sm-6,
#BA16 .modal-content form .col-sm-6 {
  width: 100%;
}

#BA16 .modal-content form .center-block.text-center {
  text-align: left;
}

#BA16 .modal .multirow .row:nth-child(3) .col-sm-6:nth-child(1) {
  display: block;
}

#BA16 .center-block.text-center {
  margin-bottom: 15px;
}

.bankfast.context-mobileapp .btn--download {
  display: none;
}

#BA03 .checkbox-block label {
  font-weight: normal;
}

#TP07 .alert-info,
#TP08 .alert-info,
#TP09 .alert-info {
  background-color: rgba(218, 169, 0, 0.1);
  border-color: #daa900;
  color: #121c4e;
}

#TP07 .alert-info:before,
#TP08 .alert-info:before,
#TP09 .alert-info:before {
  background-color: #daa900;
}

.checkbox-block--i-acknowledge-that-i-wish-to-add-this-payee .checkbox-label {
  font-weight: bold;
}

.alert-warning {
  color: #121c4e;
}

#MP01.context-mobileapp .portlet-content ul li:nth-child(2) {
  display: none;
}

#LG17 .btn--confirm-details {
  color: white;
  background-color: #1C8267;
  border-color: #1C8267
}

#LG17 .btn--confirm-details:hover,
#LG17 .btn--confirm-details:active,
#LG17 .btn--confirm-details:focus,
#LG17 .btn--confirm-details.active {
  color: white;
  background-color: #338E76;
  border-color: #338E76
}

#LG17 .btn--ill-do-it-later {
  color: #414042;
  border-color: #D9D9D6;
  background-color: #D9D9D6
}

#LG17 .btn--ill-do-it-later:hover,
#LG17 .btn--ill-do-it-later:active,
#LG17 .btn--ill-do-it-later:focus,
#LG17 .btn--ill-do-it-later.active {
  color: #414042;
  border-color: #AAAAA4;
  background-color: #AAAAA4
}

#LG17 #content-area .portlet-topper {
  background: white
}