/* Override some defaults */

/** Ross **/
html, body {
    background-color: #eee;
}

body {
    padding-top: 50px;
}

strong {
    color: #666;
}

/* Font faces */
@font-face {
    font-family: 'healpay';
    src: url('/fonts/blue_highway_bd-webfont.woff2') format('woff2'),
         url('/fonts/blue_highway_bd-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.healpay {
  font-family: healpay, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

h1 {
    font-size: 1.75rem;
}

.small-header-size {
    font-size: 1.5rem;
}

.title {
  font-size: 30px;
  font-weight: bold;
}
.healpay-bigger {
  font-size: 104%;
  font-family: healpay, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.merchant_name {
  font-weight: bold;
}

.container > footer p {
    margin-top: 0.5em;
    text-align: center; /* center align it with the container */
}

.paper {
    background-color: #fff;
    padding: 20px;
    margin: 0 -20px;

    box-shadow: 0px 1px 4px #989898;
    border-radius: 5px 5px 5px 5px;
}

.navbar-topbar {
    border-bottom: 2px solid #DEDEDE !important;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.02);

    -moz-box-shadow: 0 3px 6px rgba(0,0,0,.02);

    box-shadow: 0 3px 6px rgba(0,0,0,.02);

    position: absolute;
}
#timeout-warning-modal{
    margin-top: 120px;
}
#timeout-warning-modal .modal-body {
    margin: 0 auto;
}


/* Disable red border on invalid fields (because of firefox) */


/* Page header tweaks */
#page-header {
    background-color: #fff;
    padding: 20px 20px 10px;
    margin: 0px -20px 10px -20px;
}

.bottom-margin {
    margin-bottom: 1em;
}

.center {
    text-align: center;
}

.equation tbody tr:hover td,.equation tbody tr:hover th{background:none;}

/* payment options */

.payment-options {
    width: 100%;
    margin: auto;
}
.payment-options .selected{background-color:#FCF8E3;}
.payment-options .selected .equation td,
.payment-options .selected .equation th{border:1px solid #FCF8E3;}
.payment-options .selected .equation td.label-value-amount{border-top:1px solid #FCF8E3;}
.payment-options .faded{background-color:#eee;}
.payment-option{
    width: 240px;
    border:1px solid #999;
    cursor: pointer;
    display: inline-block;
    margin: 1em;
}
.payment-option .header{border-bottom:1px solid #999;margin-top: 1em;}
.payment-option .header h1{text-align:center;}
.payment-option .equation{margin-bottom:0px;}
.payment-option .equation td,
.payment-option .equation th{border:1px solid transparent;}
.payment-option .equation td.label-value{border-bottom:1px dashed #ccc;}
.payment-option .equation td.label-value{border-top:1px dashed #ccc;}
.payment-option .equation td.label-value-amount{border-top:1px solid transparent;}
.payment-option .equation td.label-value-total-nosave{border-bottom:1px solid transparent;}
.payment-option .equation td.label-value-saved,
.payment-option .equation td.label-value-interest{border-bottom:1px solid transparent;}
.payment-option .equation td.value-frequency{border-bottom:1px solid #999;}
.payment-option .equation .value{color:#666;font-weight:bold;text-align:right;font-size:15px;}
.payment-option .equation .value-saved{color:#468847;}
.checkout-details .payment-option .details{height:8.75rem !important;}
.checkout-details .payment-option .tall-details{height:10.75rem !important;}
.payment-option .details{height:10rem;}
.payment-option .tall-details{height:10rem;}
.payment-option .choose_plan{border-top:1px solid #999;text-align:center;padding:4px;}

.one-time-payment{
  width: 265px;
}

.one-time-payment .details{padding:10px;height:10rem;}

.header {
	text-align: center;
}

.payment-option:hover {
	background-color: #FCF8E3;
}

.math-line {
    width: 220px;
    border-top: 1px solid #CBCBCB;
    margin: 0px;
}

.hidden {
  display: none;
}

.invisible {
    visibility: hidden;
}

.hide-trash {
  color: #ffffff;
}

.pull-right {
    float: right;
}

#auth-container {
    margin-top: 50px;
    margin-bottom: 30px;
}

#credentials {
    padding: 0px;
}

#credentials .credential-title {
    padding: 15px;
    padding-bottom: 5px;
}

#credentials .credential-body {
    padding: 10px;
    padding-top: 0px;
}

#credentials span.input-group-addon {
    min-width: 41px;
}

#credentials .forgot-password, .password-rules {
    margin: 5px 0 15px 0;
}

.password-rules:hover, .password-rules:focus, .password-rules:active {
    text-decoration: none;
    outline: 0;
}

.password-rules:active {
    color: #0275d8;
}

#credentials .alternative p {
    color: #808080;
    font-size: 14px;
    margin: 5px 0;
}

#click-wrap small {
    font-size: 11px;
    display: block;
    line-height: 1.5;
    margin-top: 10px;
    text-align: center;
    color: #666666;
}

#logo img {
    max-width: 300px;
    backface-visibility: hidden;
}

#transaction_receipt th {
	padding-right: 10px;
}

.clicked, .selected {
  background-color: rgba(0,0,0,.075);
}

.remove-fund {
    color: #fff !important;
}

.delete {
  border: 1px solid;
  border-color: #d9534f;
}

.btn-danger {
    background-color: #b80038 !important;
}

.btn-danger:hover, .btn-danger:focus {
    background-color: #d9534f !important;
}

.make-donation {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.btn-password-reveal {
    padding-left: 7px !important;
    padding-right: 8px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.button-wrapper .btn {
    margin-bottom: 5px;
}


#no-saved-payment-methods {
  padding-top: 25px;
  padding-bottom: 25px;
}

#saved-payment-methods > .table {
  margin-bottom: 0rem;
}


/* ==========================================================================
	Footer
========================================================================== */
footer {

    font-size: 14px;
    margin-top: 50px;
}
footer p {
    margin-bottom: 10px;
}

footer #portal-version {
    margin:0;
    color: #666;
    font-size: 10px;
}
/* ==========================================================================
	Media Queries
========================================================================== */

@media (max-width: 576px){
  .navbar > .container {
    margin-left: 0;
    margin-right: 0;
  }
  #logo img {
        max-width: 150px;
  }
  .popover {
    max-width: 160px;
  }
}


@media (max-width: 767px){
    #logo img {
        max-width: 200px;
    }
    .navbar li {
	padding-top: 0;
	text-align: center;
    }
    .navbar li a{
	border-top:1px solid #d2d2d2;
    }
    .navbar li a:empty{
	display: none;
    }
    .navbar li:last-of-type a{
	border-bottom:1px solid #d2d2d2;
    }
    .navbar li a{
	padding:20px;
    }
    .popover-content {
        max-width: 190px;
    }
    .hide-on-mobile {
        display: none;
    }
}

@media screen and (max-width:991px){
    #recurring-payments .table td, .table th {
        border-top:0px;
        display:block;
    }
    #account-table .table td,
    .linked-number-table td,
    #wallet-table tbody tr td,
    .table th, .account-table td,
    .account-table th, .box-table td,
    .box-table th {
        border-top:0px;
        display:block;
    }

    #recurring-payments .table tr td span {
        position: absolute;
        left: 30px;
    }
    #recurring-payments .table tr > td span {
        position: absolute;
        left: 10px;
        top: 10px;
    }
    #recurring-payments thead {
        display: none ;
    }

    #recurring-payments .table tr {
        border-bottom:1px solid #999;
        padding: 5px 20px;
        display:block;
        position: relative;
    }

    #account-table .table tr,
    #wallet-table tbody tr,
    .linked-number-table tr,
    .account-table tr,
    .box-table tr {
        border-bottom:1px solid #999;
        display:block;
        position: relative;
    }
    #recurring-payments .table td:nth-of-type(1):before {
        content: "Amount:";
        font-weight:800;
        margin-right: 11px;
    }
    #recurring-payments .table td:nth-of-type(1):before {
        content: "Amount:";
        font-weight:800;
        margin-right: 11px;
    }
    #recurring-payments .table td:nth-of-type(2):before {
        content: "Schedule:";
        font-weight:800;
        margin-right: 11px;
    }
    #recurring-payments .table td:nth-of-type(3):before {
        content: "Remaining:";
        font-weight:800;
        margin-right: 11px;
    }
    #recurring-payments .table td:nth-of-type(4):before {
        content: "Next:";
        font-weight:800;
        margin-right: 11px;
    }
    #recurring-payments .table td:nth-of-type(5):before {
        content: "Status:";
        font-weight:800;
        margin-right: 11px;
    }
    #account-table .table tr > td.account-actions span,
    .account-table tr > td.account-actions span,
    #wallet-table tbody tr td.saved-payment-method-actions {
        position:static;
    }

    #wallet-table tbody tr.saved_payment_method_row td, #wallet-table tbody tr.saved-disabled td {
        padding:6px 20px;
    }
}
.buorg {position:absolute;position:fixed;z-index:111111; background-color: #c74c49;padding: 12px 0 15px 0; width:100%; top:0px; left:0px; border-bottom:1px solid #A29330; text-align:center; cursor:pointer; font: 18px Calibri,Helvetica,Arial,sans-serif; box-shadow: 0 0 5px rgba(0,0,0,0.2);}.buorg div { padding: 9px;  line-height: 1.7em; }.buorg .buorg-buttons { display: inline !important; text-align: center; }.buorg div a { text-indent: 0; color: #fff; text-decoration: none; box-shadow: 0 0 2px rgba(0,0,0,0.4); padding: 1px 10px; border-radius: 4px; font-weight: normal; background: #5ab400;    white-space: nowrap;    margin: 0 2px; display: inline-block;}#buorgig { background-color: #edbc68; position: relative;}@media only screen and (max-width: 700px){.buorg div { padding:5px 12px 5px 9px; line-height: 1.3em;}}@keyframes buorgfly {from {opacity:0;transform:translateY(-50px)} to {opacity:1;transform:translateY(0px)}}.buorg { animation: 1s ease-out 0s buorgfly} #buorga {display: none !important;}

.needs-javascript {
  display: none;
}

.billing-info-header {
    color: #666;
    display: inline;
}

.wallet-header {
  background-color: #fafafa;
}

.wallet-active {
  background-color: rgba(0,0,0,.075);
  border-color: rgba(0,0,0,.075);
}

.not-default-payment-method .default-indicator {
  display: none;
}

.not-default-payment-method .save-as-default {
  display: inline;
}

.default-payment-method > .default-indicator {
  display: inline;
}

.default-payment-method .save-as-default {
  display: none;
}

.minimum-payment p strong span {
 color: #d9534f;
 opacity: 1 !important;
}

.minimum-payment p {
 margin-bottom: 0.25rem !important;
}

.table.table tbody tr.saved-disabled span, table.table tbody tr.saved-disabled img {
  opacity: .5;
}

#wallet-table tbody tr.saved-disabled td {
  padding:.35rem 15px;
}

#wallet-table tbody tr td {
    padding: 20px 5px 20px 15px;
}

span.saved_payment_method_text, img.saved_payment_method_icon {
    padding-left: 0px;
}

table.table tbody tr.saved-disabled:hover {
  background: #ffffff;
}

.saved-expired:hover {
    background-color: #f2dedea4 !important;
}

form#pay-form.disabled fieldset div.input-group span.input-group-addon,
form#pay-form.disabled fieldset div.input-group input,
form#pay-form.disabled fieldset div.input-group select {
 color: rgb(70, 74, 76) !important;
 background-color: #eceeef !important;
 cursor: not-allowed !important;
 pointer-events: none !important;
}

.alert-email_validation {
    background-color: #fcf8e3;
    border-color: #faf2cc;
    color: #8a6d3b;
}

.alert-email_validation hr {
    border-top-color: #f7ecb5;
  }

.alert-email_validation .alert-link {
    color: #66512c;
}

.btn i.fa-arrow-left,
.btn i.fa-power-off,
.btn i.fa-plus,
.btn i.fa-usd {
    padding-right: 8px;
}

.btn i.fa-arrow-right {
    padding-left: 8px;
}

.no-margin-button {
    margin: 0px 0px 0px 0px !important;
}

.month-font {
    font-size: .8rem;
}

#recurring-installment-information {
    font-size: .9rem;
    text-align: center;
}

.make-a-payment {
    text-align: center;
    padding-top: 20px;
}