.container {
  max-width: 100%;
  padding-left: 100px;
  padding-right: 100px;
}


/*.paymethod {
  display: none;
}*/

#PAY_METHOD_auto-debit {
  display: none;
}

.custom-control {
  margin-bottom: 15px;
}

.custom-control-label {
  width: 100%;
}

h4.mb-3 {
  background: #F8F8F8 0% 0% no-repeat padding-box;
  padding: 4px;
}

.fa-trash {
  color: #D52027;
}

img {
  padding: 3px;
}

.subtitle {
  color: #6E6E6E;
  font-size: 16px;
  font-family: Montserrat;
}

table.checkout td {
  font: Regular 16px/15px Montserrat;
  /*letter-spacing: 0px;*/
  color: #6E6E6E;
  padding: 5px;
  border: none;
}

table.checkout thead {
  /*#1FA0CB #28C76F*/
  background: #28C76F 0% 0% no-repeat padding-box;
  font: SemiBold 16px/15px Montserrat;
  /*letter-spacing: 0px;*/
  color: #FFFFFF;
}

tr.impt-tablerow td {
  padding-top: 10px;
  vertical-align: middle;
}

td.impt-value {
  font: Bold 18px/15px Montserrat;
  /*letter-spacing: 0px;*/
  color: #28C76F !important;
}

tr.no-border td {
  border: none;
}

.btn-primary {
  background-color: #1d5b95;
  border-color: #1d5b95;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color:#3e8168;
  border-color:#3e8168;
}

/* spinner/processing state, errors */

.hidden {
  display: none;
}

.spinner,
.spinner:before,
.spinner:after {
  border-radius: 50%;
}

.spinner {
  color: #ffffff;
  font-size: 22px;
  text-indent: -99999px;
  margin: 0px auto;
  position: relative;
  width: 20px;
  height: 20px;
  box-shadow: inset 0 0 0 2px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

.spinner:before,
.spinner:after {
  position: absolute;
  content: "";
}

.spinner:before {
  width: 10.4px;
  height: 20.4px;
  background: #f1f1f1;
  border-radius: 20.4px 0 0 20.4px;
  top: -0.2px;
  left: -0.2px;
  -webkit-transform-origin: 10.4px 10.2px;
  transform-origin: 10.4px 10.2px;
  -webkit-animation: loading 2s infinite ease 1.5s;
  animation: loading 2s infinite ease 1.5s;
}

.spinner:after {
  width: 10.4px;
  height: 10.2px;
  background: #f1f1f1;
  border-radius: 0 10.2px 10.2px 0;
  top: -0.1px;
  left: 10.2px;
  -webkit-transform-origin: 0px 10.2px;
  transform-origin: 0px 10.2px;
  -webkit-animation: loading 2s infinite ease;
  animation: loading 2s infinite ease;
}

@-webkit-keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }

}

@keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }

}

@media only screen and (max-width: 600px) {
  form {
    width: 80vw;
  }
}