/**
 * Cards
 */

/* Disable Quick Save */
.card .zone input {
  cursor: default;
}

/* Overrides */
div.payment-plan-container {
  padding-left: 10px;
  padding-right: 10px;
}
h1#PaymentPlans {
  padding-left: 210px;
  text-align: left;
  margin-bottom: 20px;
}
#frame-paymentplan {
  padding-top: 0;
}

/* Payment plan cards */
.plans .card {
  background-color: white;
  border: 1px solid #E4EDF2;
  margin: auto auto 1em;
  min-height: 84px;
  min-width: 281px;
  padding: 0;
  border-radius: 4px;
}
.plans .card .zone {
  padding: 0;
  border-right: 1px solid #E4EDF2;
  border-top: 1px solid white;
  border-bottom: 1px solid #fefefe;
  border-left: 1px solid #fefefe;
  text-align: center;
}
.plans .card .account,
.plans .card .due {
//  border-bottom: 1px solid #E4EDF2;
  padding: 18px;
}
.plans .card .id,
.plans .card .amount {
//  font-size: 1.286em;
}
.plans .card .id {
//  color: #53575E;
}
.plans .card .savable {
  width: 84px;
  height: 24px;
  background: url("/images/sprite-edit-button.png");
  background-position: 0 24px;
  position: absolute;
  top: -12px;
  left: 50%;
  margin-left: -42px;
  text-indent: -9999px;
}
.card .zone.active {
  border: 1px solid #63A70A;
  background-color: #F5F9FC;
}
.zone.active input,
.zone.active input:focus {
  border-radius: 0;
  border-bottom: 1px solid #84878c;
}
.plans .card .savable.active {
  background-position: 0 0;
}
.plans .card .full-name,
.plans .card .id,
.plans .card .amount {
  overflow: auto;
  white-space: nowrap;
//  cursor: pointer;
}
.plans .card .account:hover,
.plans .card .due:hover,
.plans .card .due .amount:hover {
  // background-color: #F5F9FC; — Disables Quick Save
}
.plans .card .account:hover .savable,
.plans .card .due:hover .savable,
.plans .card .due .amount:hover .savable {
  display: block;
}
.plans .card .account .full-name {
  min-height: 20px;
}
.plans .card .account .id,
.plans .card .due .amount {
  min-height: 25px;
}
.plans .card .due .amount {
  color: #63A70A;
  -webkit-text-fill-color: #63A70A;
}
.plans .card .is-plan form {
  text-align: left;
  padding-top: 13px;
}
.plans .card .is-plan label {
  font-weight: normal;
  margin: 0;
  padding: 6px;
  display: block;
  float: left;
}
.plans .card .is-plan label:not(.label_check) {
  width: auto;
  display: inline-block;
}
.plans .card .is-plan .label_check {
  cursor: pointer;
}
.plans .card .is-plan .lnr-warning {
  display: inline;
}
.plans .card .ineligible {
  color: #BDBDBD;
}
.card .pp-options {
  margin-top: 15px;
}
.pp-options p {
  color: #84878c;
  margin-bottom: 4px;
}
.card.has_multi .zone {
  min-height: 100px;
  padding-top: 20px;
}
.card.has_multi .pp-options {
  margin-top: 0;
}
.card.has_multi .due .manual-input-label {
  display: block;
  margin-top: 8px;
}
.plans .card .ineligible .col-xs-10 {
  min-height: 60px;
  display: table;
}
.plans .card .ineligible .col-xs-10 .notice {
  display: table-cell;
  vertical-align: middle;
  margin: 0;
  text-align: left;
}
.plans .card .col-xs-2 {
  background-color: #F5F9FC;
  border-left: 1px solid #E4EDF2;
  overflow: hidden;
  position: relative;
  padding: 0;
  min-height: 60px;
}
.plans .card .edit a {
  padding-top: 13px;
  vertical-align: middle;
  color: #53575E;
}
.plans .card .edit a:hover {
  color: #282D2F;
  text-decoration: none;
}
.plans .card .edit a.disabled {
  color: #BDBDBD;
}
.plans .card div:last-child {
  border-right: none;
}

/**
 * Cart items
 */
#cart .card-sm {
  border: 1px solid #E4EDF2;
  margin-bottom: 14px;
  font-size: .857em;
  position: relative;
  border-radius: 4px;
  box-shadow: 0 0.5px 0.5px rgba(0, 0, 0, 0.05);
  -webkit-transition: box-shadow .5s;
  transition: box-shadow .5s;
}
#cart .card-sm.highlighted {
  box-shadow: 0px 0px 2px green;
}
#cart .card-sm .row {
  margin-left: auto;
  margin-right: auto; }
#cart .card-sm .card-sm-full-name, #cart .card-sm .card-sm-amount {
  background: #F5F9FC;
  border-bottom: 1px solid #E4EDF2; }
#cart .card-sm .card-sm-full-name span, #cart .card-sm .card-sm-amount span {
  display: block;
  font-size: 1.167em; }
#cart .card-sm .card-sm-amount {
//  border-left: 1px solid #E4EDF2;
}
#cart .card-sm .card-sm-location {
  background: #F5F9FC;
  border-bottom: 1px solid #E4EDF2; }
#cart .card-sm .card-sm-account-id {
  font-size: 1em;
  line-height: 2em; }
#cart .card-sm a.remove-account {
  color: red;
  position: absolute;
  display: block;
  right: -7px;
  text-shadow: 1px 1px 1px #686868;
  top: -7px; }
#cart .card-sm a.remove-account:hover {
  color: #4c0000; }
#cart .card-sm a.view-plan {
  display: block; }
#cart .card-sm .card-sm-full-name, #cart .card-sm .card-sm-category {
  background: #F5F9FC;
  border-bottom: 1px solid #E4EDF2; }
#cart .card-sm .card-sm-full-name, #cart .card-sm .card-sm-subcategory {
  background: #F5F9FC;
  border-bottom: 1px solid #E4EDF2; }

/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
  .plans .card.has_multi .account,
  .plans .card.has_multi .due {
    padding-bottom: 0;
  }
  .card .ineligible .notice {
    padding-top: 30px;
    text-align: center;
  }
  .plans .card .col-xs-2 {
    min-height: 82px;
  }
  .plans .card .is-plan {
    text-align: center;
  }
  .plans .card .is-plan form {
    margin-top: 11px;
    display: inline-block;
  }
  .plans .card .edit {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .plans .card .edit a {
    padding-top: 24px;
    display: inline-block;
    vertical-align: middle;
  }
}

@media only screen and (min-width: 900px) {
  /* Payment plan container */
  div.payment-plan-container {
    padding-left: 210px;
    padding-right: 10px;
  }
}
.selectbox {
    border: 1px solid #ccc;
    border-radius: 0;
    box-shadow: none;
    font-size: 17px;
    font-weight: 300;
    height: 58px;
    outline: medium none;
    padding: 15px;
    text-align: left;
    width: 300px;
}
@media not all, not all {
.selectbox {
    height: 52px !important;
}
}