body{
    background: transparent !important;
}
.form-submit-button{
    max-width: 200px !important;
}
.form-area .msg-wrapper{
  display:none !important;
}
.form-control {
    height: calc(1.5em + 0.75rem + 12px);
    padding: 1.2rem 1.2rem;
    border-bottom: 3px solid #f26522;
    border-radius: 6px;
    background: #ffffff;
    color:#949494 !important;
    font-weight: bold;
}
.form-control{
    height: 50px;
    width: 100%;
    background-color: #f5f3f3;
    display: block;
    border: 0px solid;
    border-radius: 10px;
    padding: 0 20px;
    font-size: 16px;
    color: #939393;
    box-shadow: none;
    border-bottom: 3px solid #f26522;
}
select.form-control {
    border-bottom: 3px solid #f26522 !important;
    border-radius: 6px !important;
}
.form-control::placeholder, select.form-control::placeholder {
    color:#949494 !important;
}
.form-control:focus::placeholder {
    color:#333;
}
select.form-control {
    height: calc(1.5em + 0.75rem + 12px);
    padding: 0 1.2rem;
    border-bottom: 1px solid #ced4da;
    border-radius: 25px;
}
.form-group {
    margin-bottom: 10px;
}
.form-group label{
    font-weight: 500
}
.ladda-button {
    background: #f26522;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    border-radius: 6px;
}
div.error {
    color: #fff;
    font-size: 0.6em;
    margin-left: 8px;
    position: absolute;
    bottom: 0;
    background: #dc3545;
    padding: 1px 8px;
    border-radius: 4px;
    transform: translateY(50%);
}

.randevu-saatleri {
  width: 100%;
  background: #ffeee6;
  padding: 15px;
  border-radius: 10px;
}

.randevu-saatleri .time-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(95px, 1fr));
  gap: 10px;
  margin-top: 6px;
}

.randevu-saatleri .time-btn {
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 10px;
  padding: 10px 8px;
  font-weight: 600;
  cursor: pointer;
  user-select: none;
  transition: transform .05s ease, opacity .15s ease;
  text-align: center;
}

.randevu-saatleri .time-btn:hover { transform: translateY(-1px); }
.randevu-saatleri .time-btn:active { transform: translateY(0); }

.randevu-saatleri .time-btn.available {
  background: #57c385;
  color: #fff;
}

.randevu-saatleri .time-btn.booked {
  background: #dc3545;
  color: #fff;
  cursor: not-allowed;
  opacity: .75;
}

.randevu-saatleri .time-btn.selected {
  outline: 3px solid rgba(0,0,0,.15);
  box-shadow: 0 0 0 4px rgba(31,157,85,.18);
  background: #f26522;
}

.custom-control.custom-checkbox div.error {
    text-align: left;
 color: #fff;
    font-size: 0.6em;
    margin-left: 18px;
    position: absolute;
    bottom: -12px;
    background: #dc3545;
    padding: 1px 8px;
    border-radius: 4px;
    transform: translateY(50%);
}