@media print {
  main {
    margin-top: 0; } }

.merchant-fee-banner {
  margin-bottom: 24px; }
  .merchant-fee-banner .alert {
    padding: 20px;
    font-size: 16px;
    line-height: 22px;
    color: #2b2b2b;
    border: 2px solid #0072ce;
    background-color: #eef6ff;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .merchant-fee-banner .infoIcon {
    margin-right: 8px;
    width: 24px;
    height: 24px;
    -webkit-flex: 0 0 24px;
       -moz-box-flex: 0;
        -ms-flex: 0 0 24px;
            flex: 0 0 24px; }
  .merchant-fee-banner .merchant-fee-text {
    display: block;
    -webkit-flex: 1 1 auto;
       -moz-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
  .merchant-fee-banner a {
    color: #0072ce;
    font-weight: 600;
    text-decoration: underline; }

.ci-section {
  margin-bottom: 5px; }

.switch-account-open {
  color: #0072ce;
  font-size: 16px;
  font-weight: 600;
  text-decoration: underline; }

.account-manager-link {
  color: #0072ce;
  font-size: 16px;
  font-weight: 600;
  text-decoration: underline; }

.switch-bp-open {
  color: #0072ce;
  font-size: 16px;
  font-weight: 600;
  text-decoration: underline; }

.program-enroll-header {
  padding-top: 10px; }

.icon-pdf-small {
  font-weight: 600 !important; }

.print-new {
  color: #0072ce;
  font-size: 16px;
  font-weight: 600; }

.service-start-date {
  padding: 20px 10px;
  font-weight: 600;
  text-align: center;
  font-size: 16px;
  line-height: 23px; }

.new-banner-msg-payment {
  padding-bottom: 12px;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #505357;
  font-size: 12px;
  padding-top: 7px; }

.new-banner-msg-payment-img {
  padding-right: 2px;
  margin-top: -5px; }

.icon-printer:before {
  position: relative;
  top: 8px;
  left: -10px;
  font-size: 30px; }

button.printer-button {
  margin: 0;
  font-size: 16px;
  color: #0072CE; }
  button.printer-button:hover {
    text-decoration: none; }
    button.printer-button:hover .text {
      text-decoration: underline; }
  @media print {
    button.printer-button {
      display: none; } }

.pdf-link {
  display: block;
  position: relative;
  padding-left: 25px; }
  .pdf-link:before {
    content: ' ';
    position: absolute;
    top: 50%;
    left: -5px;
    width: 20px;
    height: 20px;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    background-image: url(../images/pdf-icon.png);
    -moz-background-size: 20px;
         background-size: 20px; }
    @media (min-width: 300px) and (max-width: 530px) {
      .pdf-link:before {
        left: 0;
        width: 15px;
        height: 15px;
        -moz-background-size: 15px;
             background-size: 15px; } }
  @media (min-width: 300px) and (max-width: 530px) {
    .pdf-link {
      padding-left: 16px; } }

.total-payment {
  font-size: 16px;
  color: #505357;
  padding: 0px; }
  .total-payment span {
    color: #2B2B2B; }

.total-payment-row {
  padding: 0px;
  margin-bottom: 10px; }

.checkmark-green-simple {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABDCAYAAAAccRJRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjgwRUE0MjEyM0RGMTFFNEFCMjU5MEUyMTZENDMzRUQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjgwRUE0MjIyM0RGMTFFNEFCMjU5MEUyMTZENDMzRUQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyODBFQTQxRjIzREYxMUU0QUIyNTkwRTIxNkQ0MzNFRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyODBFQTQyMDIzREYxMUU0QUIyNTkwRTIxNkQ0MzNFRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlCxG90AAAY1SURBVHja7JxrbBVF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);
  -moz-background-size: 30px;
       background-size: 30px;
  background-repeat: no-repeat;
  background-position: right;
  display: inline-block;
  width: 30px;
  height: 30px; }

.confirmation-padding {
  padding-top: 1em;
  padding-bottom: 1em; }

.bph-table-container {
  padding-top: 0;
  padding-bottom: 0; }

.bphTabs {
  margin: 0;
  padding: 0; }
  .bphTabs li {
    display: block;
    border: 1px #0072CE solid;
    float: left;
    width: 50%;
    text-align: center;
    font-size: 18px;
    font-weight: 600 !important;
    line-height: 21px; }
    .bphTabs li.active {
      background: #1E3575; }
      .bphTabs li.active:hover {
        color: #1E3575; }
      .bphTabs li.active a {
        color: #ffffff; }
        .bphTabs li.active a:hover {
          background: #1E3575;
          color: #d9d9d9; }
    .bphTabs li a {
      display: block;
      width: 100%;
      padding: 10px 15px;
      color: #0072CE;
      text-decoration: none; }
      .bphTabs li a:hover {
        background: -moz- oldlinear-gradient(90deg, rgba(0, 114, 206, 0.08), rgba(0, 114, 206, 0.08)), #ffffff;
        background: linear-gradient(0deg, rgba(0, 114, 206, 0.08), rgba(0, 114, 206, 0.08)), #ffffff;
        color: #0072ce; }

.bph-table th,
.bph-table td {
  white-space: normal; }
  @media (min-width: 300px) and (max-width: 530px) {
    .bph-table th,
    .bph-table td {
      padding-left: 5px;
      padding-right: 0; } }
  .bph-table th .action-buttons button,
  .bph-table td .action-buttons button {
    padding: 0;
    margin: 0;
    font-size: 16px;
    color: #8c3b95; }
  .bph-table th .action-buttons .cancel-payment,
  .bph-table td .action-buttons .cancel-payment {
    margin-right: 10px;
    color: #0072CE; }
    .bph-table th .action-buttons .cancel-payment:hover,
    .bph-table td .action-buttons .cancel-payment:hover {
      color: #1E3575; }
  .bph-table th .action-buttons .edit-payment,
  .bph-table td .action-buttons .edit-payment {
    color: #0072CE; }
    .bph-table th .action-buttons .edit-payment:hover,
    .bph-table td .action-buttons .edit-payment:hover {
      color: #1E3575; }
  .bph-table th.scheduled,
  .bph-table td.scheduled {
    color: #505357; }
  .bph-table th.pending,
  .bph-table td.pending {
    color: #505357; }
  .bph-table th.received,
  .bph-table td.received {
    color: #49a942; }
  .bph-table th.returned,
  .bph-table td.returned {
    color: #E61231; }
  .bph-table th.canceled,
  .bph-table td.canceled {
    color: #000000; }
  .bph-table th.year-section,
  .bph-table td.year-section {
    text-align: left !important;
    background-color: #ffffff;
    font-weight: bold;
    padding-left: 10px !important; }

.payment-modal .under-line {
  border-bottom: 1px solid #e5e5e4; }

.payment-modal .styled-select-md {
  height: 48px; }

.payment-modal .row {
  padding: 5px 0; }
  .payment-modal .row .under-line {
    border-bottom: 1px solid #e5e5e4; }
  .payment-modal .row .datepicker-label {
    padding-top: 140px; }
    @media (min-width: 300px) and (max-width: 768px) {
      .payment-modal .row .datepicker-label {
        padding-top: 0; } }
  .payment-modal .row.terms {
    padding-top: 15px;
    padding-bottom: 10px;
    border: none;
    font-size: 15px; }
  .payment-modal .row.action-buttons button {
    margin: 0px;
    font-size: 18px; }
  .payment-modal .row.action-buttons button:disabled {
    color: #73767b !important; }
  .payment-modal .row.action-buttons .button.secondary:disabled,
  .payment-modal .row.action-buttons button.secondary:disabled {
    background: #73767b !important;
    color: #73767b;
    border: 1px solid #73767b; }
  .payment-modal .row:last-of-type {
    border: none; }

.payment-edit-modal-new .icon-close {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAZ1JREFUWIXF2N91gjAYh+H3ywQdoStwXKAj1AmUEdTe1w4gK4gTtJMUN7AjsEBNLyxWC4H8I/zu+JKQ55ADJ0TYVM9ovQdqRFbssg+mzEv1xFnvEWqU5ML68wQ8XjuILNllh0lwm2qB1uVNpVbAw10nrUs21SIpDLpwcAHKqtU5NbIbB+iDALCulqD3rfYUy23GvVHMtnK9ngI5gAOQu3pKpAWuDUyFtMR1A8dGOuDMwLGQjrh+YGykB24YGAvpibMDhiIDcPZAX2Qgzg3oioyAcwfaIiPh/IBDSCAWDnyBYEZ2xg8HIUCwRPrjIBQIA8gwHIAKGQyAoM1t6hR++5AY39bbGcI2GP5AG9x1Fn+k3xKbv3M5SN4u+//juD/BPlwxu9Qj7oLcgDa4JpGQ9kAXXESkHdAHFwk5DAzBRUD2A2PgApFmYExcALIbOAbOE9kGjonzQN4DU+AckX/AlDgHpEyGs0TK7xn1+yS4Jj1IBfq1PSIhDqDISsMuaKvQ/86oU+OadCGFWnGWOfAF1JPhmhRZicgc4Yhw5FvyHx5MoUd1tC2WAAAAAElFTkSuQmCC);
  -moz-background-size: 18px;
       background-size: 18px;
  background-repeat: no-repeat;
  background-position: 50% center; }

.payment-edit-modal-new .modal-title {
  font-size: 28px;
  font-weight: 400;
  color: #2b2b2b; }

.payment-edit-modal-new .modal-container {
  width: 300px !important;
  margin: 0 auto; }
  .payment-edit-modal-new .modal-container .row {
    padding: 24px 0 0 0;
    margin-left: 0;
    margin-right: 0; }
    .payment-edit-modal-new .modal-container .row:first-child {
      padding-top: 0; }
    .payment-edit-modal-new .modal-container .row label {
      line-height: 24px;
      font-weight: 600;
      color: #505357;
      font-size: 14px;
      padding: 0; }
      .payment-edit-modal-new .modal-container .row label.required:before {
        content: '*';
        color: #e31937;
        padding-right: 5px; }
    .payment-edit-modal-new .modal-container .row .form-input {
      background-color: #fff;
      background-image: none;
      border: 1px solid #b1b3b3;
      -moz-border-radius: 0;
           border-radius: 0;
      -moz-box-shadow: none;
           box-shadow: none;
      color: #2b2b2b;
      display: block;
      font-size: 14px;
      height: 36px;
      line-height: 36px;
      margin: 0;
      padding: 0 12px;
      width: 100%; }
    .payment-edit-modal-new .modal-container .row select.form-input {
      background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE0IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTMuNzA3MSAwLjI5Mjg5M0MxNC4wOTc2IDAuNjgzNDE3IDE0LjA5NzYgMS4zMTY1OCAxMy43MDcxIDEuNzA3MTFMNy43MDcxMSA3LjcwNzExQzcuMzE2NTggOC4wOTc2MyA2LjY4MzQyIDguMDk3NjMgNi4yOTI4OSA3LjcwNzExTDAuMjkyODkzIDEuNzA3MTFDLTAuMDk3NjMxNSAxLjMxNjU4IC0wLjA5NzYzMTUgMC42ODM0MTcgMC4yOTI4OTMgMC4yOTI4OTNDMC42ODM0MTcgLTAuMDk3NjMxMSAxLjMxNjU4IC0wLjA5NzYzMTEgMS43MDcxMSAwLjI5Mjg5M0w3IDUuNTg1NzlMMTIuMjkyOSAwLjI5Mjg5M0MxMi42ODM0IC0wLjA5NzYzMTEgMTMuMzE2NiAtMC4wOTc2MzExIDEzLjcwNzEgMC4yOTI4OTNaIiBmaWxsPSIjMDA3MkNFIi8+Cjwvc3ZnPgo=);
      background-repeat: no-repeat;
      background-position: 97% center;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none; }
    .payment-edit-modal-new .modal-container .row.has-error label {
      color: #e31937; }
    .payment-edit-modal-new .modal-container .row.has-error input {
      color: #e31937; }
    .payment-edit-modal-new .modal-container .row.has-error .form-input {
      border-color: #e31937;
      background-color: rgba(227, 25, 55, 0.02); }
    .payment-edit-modal-new .modal-container .row.has-error select.form-input {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAADJEc7MAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB1SURBVHgBhZExDoAgDEX75RKycQtdPbmrt4C46BFcENsYEyO0knSA/1/5FKx+iB0RuYLJ70siY8V+DA5lFr8UFaKQ+WBj4Q8Ce2XfZb6JwWTBb4grSTpowhNb02B1PeTtSkNYkc7bUEEV2BpCC2qC37Fr33QBTxxWKOyB4NQAAAAASUVORK5CYII=); }
    .payment-edit-modal-new .modal-container .row.has-error .error-msg {
      color: #e31937;
      font-size: 16px;
      margin-top: 4px; }
    .payment-edit-modal-new .modal-container .row.has-error .limit-error-msg {
      color: #e31937;
      font-size: 16px;
      margin-top: 4px; }
    .payment-edit-modal-new .modal-container .row.terms {
      color: #505357;
      font-weight: 400;
      font-size: 16px; }
      .payment-edit-modal-new .modal-container .row.terms a {
        color: #0072CE;
        font-weight: 600;
        text-decoration: underline; }
    .payment-edit-modal-new .modal-container .row.errors {
      padding: 0; }
    .payment-edit-modal-new .modal-container .row.errors > div:not(:empty) {
      margin-top: 24px;
      border: 1px solid #e31937;
      background-color: rgba(227, 25, 55, 0.02);
      padding: 8px 12px;
      font-weight: 400;
      color: #2b2b2b;
      font-size: 16px; }
    .payment-edit-modal-new .modal-container .row.action-buttons button {
      padding: 0;
      margin: 0 0 20px 0;
      font-size: 16px;
      color: #ffffff;
      width: 100%; }
    .payment-edit-modal-new .modal-container .row.action-buttons button:disabled {
      background: #73767b !important;
      border: 1px solid #73767b !important; }
    .payment-edit-modal-new .modal-container .row.action-buttons button:last-child {
      margin-bottom: 0; }
    .payment-edit-modal-new .modal-container .row .datepicker-container {
      border: 1px solid #d9d9d9;
      text-align: center; }
      .payment-edit-modal-new .modal-container .row .datepicker-container #paymentDatepicker {
        display: inline-block;
        margin: 0 auto;
        padding: 12px 0; }
        .payment-edit-modal-new .modal-container .row .datepicker-container #paymentDatepicker .datepicker-inline {
          width: 100%; }
        .payment-edit-modal-new .modal-container .row .datepicker-container #paymentDatepicker table {
          border-collapse: collapse;
          border-spacing: 0; }
          .payment-edit-modal-new .modal-container .row .datepicker-container #paymentDatepicker table tr th,
          .payment-edit-modal-new .modal-container .row .datepicker-container #paymentDatepicker table tr td {
            -moz-border-radius: 0;
                 border-radius: 0;
            line-height: 24px;
            min-width: 35px;
            font-size: 16px;
            font-weight: 600; }
            .payment-edit-modal-new .modal-container .row .datepicker-container #paymentDatepicker table tr th:hover,
            .payment-edit-modal-new .modal-container .row .datepicker-container #paymentDatepicker table tr td:hover {
              background-color: transparent; }
          .payment-edit-modal-new .modal-container .row .datepicker-container #paymentDatepicker table thead .datepicker-switch {
            font-weight: 700; }
          .payment-edit-modal-new .modal-container .row .datepicker-container #paymentDatepicker table thead .prev,
          .payment-edit-modal-new .modal-container .row .datepicker-container #paymentDatepicker table thead .next {
            background-position: 50% center;
            -moz-background-size: 8px 14px;
                 background-size: 8px 14px;
            background-repeat: no-repeat;
            text-indent: -9999px; }
            .payment-edit-modal-new .modal-container .row .datepicker-container #paymentDatepicker table thead .prev:not(:focus):hover,
            .payment-edit-modal-new .modal-container .row .datepicker-container #paymentDatepicker table thead .next:not(:focus):hover {
              outline: 1px solid #0072CE; }
            .payment-edit-modal-new .modal-container .row .datepicker-container #paymentDatepicker table thead .prev:focus,
            .payment-edit-modal-new .modal-container .row .datepicker-container #paymentDatepicker table thead .next:focus {
              outline: none; }
          .payment-edit-modal-new .modal-container .row .datepicker-container #paymentDatepicker table thead .prev {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAcCAYAAABoMT8aAAAAAXNSR0IArs4c6QAAANZJREFUSIml1dsNgkAQQNE7VEArxEa0AqAEpA7ADsQKtJNthQ7GD0gUd4HZlU/IPZmQfQixT+tKVG/AhEgjCfH49WbK/ogBJtsE4RhELscTbMVoTVe89ifYi/vTCLANGOJtwBiHgYjYByLjNZAQf4DEeAZad0b1mRIDZKgOqfEMQO7PlaklXgBp/AF0pHWlBZh/4tVVoHf/q1R0xeMY+ANZL6QExF/KkUh4M0Ug29vZiOwfKAbk+Ew8QGyH6g5ivxfCSMS90BcjSP0LxN1MwLL9ByBHpH4DJqmV1n0PRaUAAAAASUVORK5CYII=); }
          .payment-edit-modal-new .modal-container .row .datepicker-container #paymentDatepicker table thead .next {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAcCAYAAABoMT8aAAAAAXNSR0IArs4c6QAAANVJREFUSIml1cERgjAQQNG/VGAJtsDYiFYAlIDUgZYAVgCdpAVLoIP1kAOjIZCNubHMf5OZHFbo3BXVAVgQaenLGcMpUH0CJ+CM6kTnKhvg4/WojhakAGmDqQERAO6uBh3Cv1LTl69j4A9Evr4yEAkmRiQEjMg2YEDiQCKyDyQgx8ABkgbEkaVIBgTdmC5pN+hcheoYonI7vkEsRhv6ct6/wV78uIyw94wJcRxIjLcBQxwCxvgbyIhXIDP2gN8LU04M617Iij3wuxcMsQdEGuANLNYY4ANXyJmif6q5ZwAAAABJRU5ErkJggg==); }
          .payment-edit-modal-new .modal-container .row .datepicker-container #paymentDatepicker table thead .dow {
            color: #2b2b2b;
            padding: 10px 5px !important;
            font-weight: 700; }
          .payment-edit-modal-new .modal-container .row .datepicker-container #paymentDatepicker table thead .separator {
            height: 8px;
            border-bottom: 1px solid #d9d9d9;
            padding: 0; }
          .payment-edit-modal-new .modal-container .row .datepicker-container #paymentDatepicker table tbody .day {
            border: 1px inset #d9d9d9;
            color: #0072ce; }
            .payment-edit-modal-new .modal-container .row .datepicker-container #paymentDatepicker table tbody .day:hover {
              border: 1px solid #0072CE; }
            .payment-edit-modal-new .modal-container .row .datepicker-container #paymentDatepicker table tbody .day.today {
              text-decoration: underline;
              text-underline-position: under; }
            .payment-edit-modal-new .modal-container .row .datepicker-container #paymentDatepicker table tbody .day.disabled {
              color: #b1b3b3 !important;
              font-weight: 400;
              background: rgba(217, 217, 217, 0.25) !important; }
            .payment-edit-modal-new .modal-container .row .datepicker-container #paymentDatepicker table tbody .day.active {
              border: 1px solid #0072CE;
              background: #0072cc;
              color: #fff; }
            .payment-edit-modal-new .modal-container .row .datepicker-container #paymentDatepicker table tbody .day.old, .payment-edit-modal-new .modal-container .row .datepicker-container #paymentDatepicker table tbody .day.new {
              border: none; }
            .payment-edit-modal-new .modal-container .row .datepicker-container #paymentDatepicker table tbody .day.new {
              display: none; }

.payment-edit-modal-new #achAuthRow {
  border: 1px solid #d9d9d9;
  padding: 24px 16px;
  margin-top: 24px; }

.payment-edit-modal-new .checkbox.ach-auth {
  margin: 0; }

.payment-edit-modal-new #achAuthRow .ach-auth-label {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
          align-items: flex-start;
  margin: 0;
  color: #505357 !important;
  font-family: 'Open Sans', Arial, sans-serif !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0 !important; }

.payment-edit-modal-new .ach-auth-checkbox {
  width: 16px;
  height: 16px;
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox;
  accent-color: #0072ce;
  margin: 5px 12px 0 0;
  position: relative;
  -webkit-flex: 0 0 16px;
     -moz-box-flex: 0;
      -ms-flex: 0 0 16px;
          flex: 0 0 16px;
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
  background: initial;
  border: initial;
  cursor: pointer; }
  .payment-edit-modal-new .ach-auth-checkbox::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #0072ce;
    -moz-border-radius: 2px;
         border-radius: 2px;
    pointer-events: none; }
  .payment-edit-modal-new .ach-auth-checkbox:checked::before {
    display: none; }

.payment-edit-modal-new .ach-auth-checkbox::after {
  content: none; }

.payment-edit-modal-new .required-star {
  color: #e31937;
  font-weight: 700;
  margin-right: 8px;
  line-height: 24px;
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
  position: relative;
  top: -1px; }

.payment-edit-modal-new .ach-auth-text {
  color: #505357 !important;
  font-family: 'Open Sans', Arial, sans-serif !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0 !important; }

.datepicker-inline {
  width: 100%; }
  @media (min-width: 300px) and (max-width: 768px) {
    .datepicker-inline .table-condensed {
      margin: 0 auto; } }

.white-cancel-btn {
  color: #0072ce !important;
  background-color: white !important;
  border: 1px solid #0072ce;
  margin: 0px !important;
  font-size: 18px !important; }
  .white-cancel-btn:hover {
    color: #ffffff;
    background: #1E3575; }

.blue-delete-btn {
  border: 1px solid #0072ce;
  margin: 0px !important;
  font-size: 18px !important;
  text-align: right; }

.dte-blue {
  color: #2B2B2B; }

.dte-gray {
  color: #505357; }

.cancelPayment-btn-container {
  padding-right: 15px;
  padding-left: 10px; }

.tab-padding-5px {
  padding-top: 5px; }

@media (min-width: 992px) {
  .cancel-btn-container {
    margin-right: 20px; }
  .payment-edit-modal-new .merchant-fee-banner {
    padding-left: 24px;
    padding-right: 24px; } }

@media (min-width: 767px) {
  .Desktopweb {
    width: 470px; } }

@media (max-width: 991px) {
  .blue-delete-btn {
    text-align: left; }
  .payment-edit-modal-new .merchant-fee-banner {
    width: 300px;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto; }
  .payment-edit-modal-new .modal-body {
    padding-top: 24px; } }

@media (max-width: 767px) {
  .Desktopweb {
    margin: 24px; }
  .cancelPayment-btn-container {
    padding-left: 0px; }
  #nav-hamburger {
    padding-top: 10px !important; }
  .mobileBtn {
    padding-left: 10px !important; }
  /* Force table to not be like tables anymore */
  .payments table,
  .payments thead,
  .payments tbody,
  .payments th,
  .payments td,
  .payments tr {
    display: block; }
  .bills table,
  .bills thead,
  .bills tbody,
  .bills th,
  .bills td,
  .bills tr {
    display: block; }
  /* Hide table headers (but not display: none;, for accessibility) */
  .payments thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px; }
  .payments tr {
    margin: 0 0 0 0; }
  .payments tr:nth-child(odd) {
    background: #ffffff; }
  .payments tr:nth-child(even) {
    background: #f5f5f5; }
  .payments td {
    /* Behave  like a "row" */
    border: none;
    position: relative;
    padding-left: 55% !important;
    text-align: right !important;
    padding-right: 10px; }
  .payments td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 8px;
    left: 10px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    font-weight: 600;
    color: #505357;
    text-align: left; }
  .PADDLR20PX {
    padding-left: 20px;
    padding-right: 20px; }
  .payments td:nth-of-type(1):before {
    content: 'Payment Date'; }
  .payments td:nth-of-type(2):before {
    content: 'Amount'; }
  .payments td:nth-of-type(3):before {
    content: 'Status'; }
  .payments td:nth-of-type(4):before {
    content: 'Payment Method'; }
  .bills thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px; }
  .bills tr {
    margin: 0 0 0 0; }
  .print-icon-hidden {
    display: block;
    background: none !important; }
  .printer-button {
    background: none !important; }
  .bills tr:nth-child(odd) {
    background: #ffffff; }
  .bills tr:nth-child(even) {
    background: #f5f5f5; }
  .bnp-left-border {
    border-left: none !important; }
  .header-col-year {
    border-top: none !important;
    border-bottom: none !important; }
  .year-section:before {
    content: none !important;
    padding-left: 20px !important; }
  .total-payment-row {
    padding-bottom: 10px;
    padding-left: 15px; }
  .bills td {
    /* Behave  like a "row" */
    border: none;
    position: relative;
    padding-left: 50% !important;
    text-align: right !important;
    padding-right: 10px; }
  .year-section {
    border-top: 1px solid #d2d2d2 !important;
    border-bottom: 1px solid #d2d2d2 !important; }
  .print-link {
    float: none !important;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #0072ce;
    border: none;
    background: none;
    padding-right: 20px;
    cursor: pointer;
    padding-top: 10px;
    text-decoration: underline; }
  .bills td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 8px;
    left: 10px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    font-weight: 600;
    color: #505357;
    text-align: left; }
  .bills td:nth-of-type(1):before {
    content: 'Bill Due Date'; }
  .bills td:nth-of-type(2):before {
    content: 'Amount'; }
  .bills td:nth-of-type(3):before {
    content: 'Billing Period'; }
  .bills td:nth-of-type(4):before {
    content: 'Paper Bill'; } }

@media (max-width: 528px) {
  .cancelPayment-btn-container {
    padding-left: 30px; }
  .blue-delete-btn {
    padding: 7px 15px !important; } }

@media (max-width: 451px) {
  .white-cancel-btn {
    font-size: 18px !important; }
  .blue-delete-btn {
    font-size: 18px !important; } }

@media (max-width: 400px) {
  .blue-delete-btn {
    padding: 10px 15px !important; }
  .cancelPayment-btn-container {
    padding-left: 0px; } }