.generic-form-section{width:100%;display:flex;flex-direction:column;padding:50px 0}
.generic-form-section .container{max-width:960px;width:100%}
.generic-form-section h1{margin:0 0 var(--f-brand-size-md) 0}
.generic-form{width:100%;padding:var(--f-brand-space-xl);background-color:var(--f-brand-color-background-light);border-radius:var(--f-brand-radius-outer)}
.generic-form .row{margin:0 var(--f-brand-space-xs-n)}
.generic-form .form-control::placeholder{color:var(--f-brand-color-text-subtle);font:var(--f-brand-type-body)}
.generic-form .form-control:focus,.generic-form .form-select:focus{box-shadow:none;border-color:var(--f-brand-color-border-focused)}
.generic-form .input-box{padding:0 var(--f-brand-space-xs)}
.generic-form .form-floating,.generic-form .floating-dropdown{margin-bottom:var(--f-brand-space-md);position:relative}
.generic-form .form-floating>label{padding:var(--f-brand-space-sm) var(--f-brand-space-md);font:var(--f-brand-type-body);color:var(--f-brand-color-text-subtle)}
.generic-form .form-control{padding:var(--f-brand-space-xl) var(--f-brand-space-md) calc(var(--f-brand-space-xs)) var(--f-brand-space-md);border:1px solid var(--f-brand-color-border-default)}
.generic-form .form-floating>.form-control,.generic-form .form-floating>.form-control-plaintext,.generic-form .form-floating>.form-select{height:var(--f-brand-space-3xl);min-height:inherit}
.generic-form .form-floating label{position:absolute;top:0;left:0;height:100%;pointer-events:none;transition:.2s ease all;margin-bottom:0;max-width:100%;text-align:start;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.generic-form .form-floating>.form-control-plaintext~label,.generic-form .form-floating>.form-control:focus~label,.generic-form .form-floating>.form-control:not(:placeholder-shown)~label,.generic-form .form-floating>.form-select~label{transform:translateY(-.7rem);font-size:var(--f-brand-size-sm)}
.form-floating input:focus+label,.form-floating input:not(:placeholder-shown)+label,.form-floating textarea:focus+label,.form-floating textarea:not(:placeholder-shown)+label,.form-floating input.has-value+label,.form-floating textarea.has-value+label{height:auto}
.generic-form .floating-dropdown.active>span{top:14px;z-index:2;font-size:12px}
.generic-form .floating-dropdown>span{display:inline-block;position:absolute;left:12px;top:50%;transform:translateY(-50%);padding:0 5px;color:var(--f-brand-color-text-subtle);transition:.2s ease;pointer-events:none;font:var(--f-brand-type-body)}
.generic-form .dropdown .form-control{padding:var(--f-brand-space-sm) var(--f-brand-space-md);height:48px;text-align:left}
.generic-form .dropdown .form-control::after{content:"\e9ce1";position:absolute;right:var(--f-brand-space-sm);top:7px;font-size:var(--f-brand-size-lg);font-family:'icomoon';border:0;transition:.4s ease}
.generic-form .dropdown .selected-text{padding-top:var(--f-brand-space-xs);display:inline-block}
.generic-form .dropdown-item:hover,.generic-form .dropdown-item:focus{background-color:var(--f-brand-color-background-default) !important;color:var(--f-brand-color-text-default) !important;outline:0}
.generic-form .dropdown .dropdown-menu{width:100%;padding:0;overflow:auto;max-height:200px;border:1px solid var(--f-brand-color-border-default)}
.form-floating>.form-control-plaintext:focus,.form-floating>.form-control-plaintext:not(:placeholder-shown),.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}
.generic-form textarea.form-control{resize:none;height:178px !important}
.submit-btn{width:100%}
.submit-btn button{width:100%;max-width:185px;padding:0 var(--f-brand-space-md);background-color:var(--f-brand-color-background-primary);color:var(--f-brand-color-text-light);font:var(--f-brand-type-body-medium);border-radius:var(--f-brand-radius-rounded);border:0;margin-top:var(--f-brand-space-lg);transition:.4s;cursor:pointer;height:var(--f-brand-space-3xxl)}
.submit-btn button:hover,.submit-btn button:focus,.scan-qr-btn .qr-btn:focus,.scan-qr-btn .qr-btn:hover{color:var(--f-brand-color-text-light);background-color:var(--f-brand-color-background-primary-hover);border-color:var(--f-brand-color-border-primary);outline:none !important}
.error-icon-wrapper{display:none}
.error-msg{color:var(--f-brand-color-icon-error);font-size:var(--f-brand-size-sm);display:inline-block;margin-top:var(--f-brand-space-2xs)}
.error-icon-wrapper .error-msg{margin-left:var(--f-brand-space-2xs)}
.error-box .error-icon-wrapper{display:flex;width:100%;font-size:10px}
.icon-error{font-size:calc(var(--f-brand-space-xs)+2px);display:flex;align-items:flex-start;padding-top:var(--f-brand-space-sm)}
.icon-error .path1:before{content:"\e9ba";color:var(--f-brand-color-icon-error)}
.icon-error .path2:before{content:"\e9bb";margin-left:-1em;color:var(--f-brand-color-icon-light)}
.icon-error .path3:before{content:"\e9bc";margin-left:-1em;color:var(--f-brand-color-icon-light)}
.error-box .form-control{border-color:var(--f-brand-color-border-error) !important}
@keyframes loader{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}
to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
}
.qr-spinner .qr-spinner-border{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:loader;animation-name:loader;-webkit-animation-timing-function:linear;animation-timing-function:linear;height:30px;width:30px;border:4px solid rgba(255,255,255,.7);border-right-color:transparent;border-radius:50%;display:inline-block;border-top:4px solid rgba(255,255,255,.25);border-right:4px solid rgba(255,255,255,.75);border-bottom:4px solid rgba(255,255,255,.75);border-left:4px solid rgba(255,255,255,.75)}
@media screen and (max-width:767px){.submit-btn button{width:100%;max-width:100%}
.generic-form{padding:var(--f-brand-space-lg) var(--f-brand-space-md)}
.generic-form-section{padding:var(--f-brand-space-lg) 0 var(--f-brand-space-lg) 0}
}