/* Prijavna forma za sajmove — Fluent Forms 9 (sr) i 10 (en). Ne utiče na ostale forme. */

.fluent_form_9,.fluent_form_10{font-family:Montserrat,sans-serif;max-width:640px}
.fluent_form_9 .ff-el-group,.fluent_form_10 .ff-el-group{margin-bottom:34px}

/* Labele */
.fluent_form_9 .ff-el-input--label label,
.fluent_form_10 .ff-el-input--label label{font:600 14px/21px Montserrat,sans-serif;color:#0F1C2C;letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px}
.fluent_form_9 .ff-el-is-required.asterisk-right label:after,
.fluent_form_10 .ff-el-is-required.asterisk-right label:after{color:#956E57}

/* Polja: podvučena, bez okvira i bez zaobljenja */
.fluent_form_9 input.ff-el-form-control,
.fluent_form_10 input.ff-el-form-control{font:400 17px/26px Montserrat,sans-serif;color:#0F1C2C;background:transparent;border:0;border-bottom:1px solid rgba(15,28,44,.22);border-radius:0;box-shadow:none;padding:8px 0 14px;height:auto;transition:border-color .3s ease}
.fluent_form_9 input.ff-el-form-control:focus,
.fluent_form_10 input.ff-el-form-control:focus{outline:0;box-shadow:none;border-bottom-color:#956E57}
.fluent_form_9 input.ff-el-form-control::placeholder,
.fluent_form_10 input.ff-el-form-control::placeholder{color:rgba(15,28,44,.40)}

/* Datumi kao pilule */
.fluent_form_9 .ff-el-form-check,
.fluent_form_10 .ff-el-form-check{display:inline-block;margin:0 10px 10px 0}
.fluent_form_9 .ff-el-form-check-label,
.fluent_form_10 .ff-el-form-check-label{margin:0;padding:0;display:inline-block;cursor:pointer}
.fluent_form_9 .ff-el-form-check-input,
.fluent_form_10 .ff-el-form-check-input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.fluent_form_9 .ff-el-form-check-label>span,
.fluent_form_10 .ff-el-form-check-label>span{display:inline-block;padding:12px 26px;border:1px solid rgba(15,28,44,.22);border-radius:50px;font:400 15px/1 Montserrat,sans-serif;color:#0F1C2C;transition:background-color .3s ease,border-color .3s ease,color .3s ease;-webkit-user-select:none;user-select:none}
.fluent_form_9 .ff-el-form-check-label:hover>span,
.fluent_form_10 .ff-el-form-check-label:hover>span{border-color:#0F1C2C}
.fluent_form_9 .ff-el-form-check-input:checked+span,
.fluent_form_10 .ff-el-form-check-input:checked+span{background:#0F1C2C;border-color:#0F1C2C;color:#fff}
.fluent_form_9 .ff-el-form-check-input:focus-visible+span,
.fluent_form_10 .ff-el-form-check-input:focus-visible+span{outline:2px solid #956E57;outline-offset:3px}

.fluent_form_9 .ff-el-tooltip svg,
.fluent_form_10 .ff-el-tooltip svg{fill:rgba(15,28,44,.45)}

/* Dugme */
.fluent_form_9 .ff-btn-submit,
.fluent_form_10 .ff-btn-submit{font:500 16px/1 Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:#0F1C2C;background:transparent;border:2px solid #0F1C2C;border-radius:50px;padding:18px 44px;box-shadow:none;transition:background-color .4s ease,color .4s ease}
.fluent_form_9 .ff-btn-submit:hover,
.fluent_form_10 .ff-btn-submit:hover{background:#0F1C2C;color:#fff}

/* Greške */
.fluent_form_9 .text-danger,.fluent_form_10 .text-danger,
.fluent_form_9 .error,.fluent_form_10 .error{font:400 13px/20px Montserrat,sans-serif;color:#A3392E;margin-top:8px}
.fluent_form_9 input.ff-el-form-control.has-error,
.fluent_form_10 input.ff-el-form-control.has-error{border-bottom-color:#A3392E}

/* Poruka posle slanja */
.ff-message-success{font:400 17px/28px Montserrat,sans-serif!important;color:#0F1C2C!important;background:#F2F2F2!important;border:0!important;border-left:2px solid #956E57!important;padding:26px 30px!important;border-radius:0!important}

@media(max-width:767px){
  .fluent_form_9 .ff-el-form-check-label>span,
  .fluent_form_10 .ff-el-form-check-label>span{padding:11px 20px;font-size:14px}
  .fluent_form_9 .ff-btn-submit,
  .fluent_form_10 .ff-btn-submit{width:100%}
}