/* Fallback styling for local/forced-valid card fields when Adyen UI is skipped. */
#card-container .adyen-fallback {
  padding: 0 15px;
}
#card-container .adyen-fallback .form-group {
  margin-bottom: 10px;
}
#card-container .adyen-fallback .control-label {
  font-size: 13px;
  font-weight: 700;
  color: #333;
  margin-bottom: 2px;
}
#card-container .adyen-fallback .form-control {
  border: 1px solid #cccccc;
  border-radius: 0px;
  height: 24px;
  background: #f6f6f6;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(80%, #f6f6f6));
  background: -webkit-linear-gradient(top, #fff 0, #f6f6f6 80%);
  background: -o-linear-gradient(top, #fff 0, #f6f6f6 80%);
  background: -ms-linear-gradient(top, #fff 0, #f6f6f6 80%);
  background: linear-gradient(to bottom, #fff 0, #f6f6f6 80%);
  font-size: 13px;
  color: #333;
  box-shadow: none;
}
#card-container .adyen-fallback .form-control::placeholder {
  color: #c5c5c5;
}

@media (max-width: 767px) {
  #card-container .adyen-fallback {
    padding: 0;
  }
  #card-container .adyen-fallback .form-control {
    height: 36px;
    border-color: #bababa;
    border-radius: 4px;
    font-size: 17px;
    color: #000;
  }
}