/* Uses bootstrap-material-design - https://fezvrasta.github.io/bootstrap-material-design */

.panel {
  width: 100%;
  display: flex;
  justify-content: center;
  background-color: #f8f9fa;
  box-shadow: none;
}

.panel-body {
  width: 90%;
}

body {
  font-size: 15px;
}

label {
  font-weight: 400;
}

.helper-text {
  color: #e91e63;
  font-size: 12px;
  margin-top: 5px;
  height: 12px;
  display: block;
}

.helper-text-green {
  color: green;
}

/* Hosted Payment Fields styles*/
.hosted-field-focus {
  /* border: 1px solid #66afe9;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6); */
}

.hosted-field-invalid {
  /* border: 1px solid #e93143;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(233, 49, 67, 0.8); */
}

.hosted-field-valid {
  border: 1px solid #14ba57;
}

.blur-hosted {
  display: none;
}

.panel .panel-body .row .form-group .form-control {
  background-image: none;
}

.error-classe {
  background-color: red;
}

.hosted-field-invalid {
  border: 1px solid #e93143;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(233, 49, 67, 0.8);
}

.my-input {
  border-color: #c4c4c4 !important;
  border-radius: 6px !important;
  padding: 12px 8px !important;
  border-width: 1px !important;
  height: 20px !important;
  border-style: solid !important;
  font-size: 14px !important;
  font-family: RobotoDraft, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif !important;
  line-height: 1.42857143 !important;
  color: #555 !important;
}