.onecms-form{padding:2rem;.formlayout.two-column{display:grid;width:min(100%,1400px);margin:auto;grid-template-columns:repeat(2,1fr)}
.formlayout.two-column .button{grid-column:span 2;grid-row:auto}
.formlayout.two-column .checkbox{grid-column:span 2;grid-row:auto}
.cmp-form-text,.cmp-form-options,.cmp-form__dropdown,.cmp-form-checkbox{margin:15px}
.cmp-form-checkbox__text{width:1.5em;height:1.5em;margin-right:.5em;display:inline-block;vertical-align:middle}
.cmp-form-text__text,select{width:100%;padding:10px;height:45px;border:1px solid #ccc;border-radius:4px}
.cmp-form-options,label,select{color:#85757a}
.cmp-form-text__textarea{width:100%;padding:10px;height:125px;border:1px solid #ccc;border-radius:4px}
.cmp-form-button{margin:15px;padding:10px;min-width:100px;background-color:var(--assa-secondary-color,#00a0d0);color:#fff;border-radius:.25rem;border-width:0rem;font-weight:bold}
.cmp-form-button:hover{background-color:var(--assa-secondary-color-hover,#0393be);cursor:pointer}
.required{color:red}
.col-lg-6{position:relative;width:100%;padding-right:15px;padding-left:15px}
label{display:inline-block;margin-bottom:.5rem}
.hidden{display:none}
.checkbox .error{line-height:0}
.error{left:0;display:none;font-size:14px;line-height:20px;color:red}
.thankYouModal{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:30px;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,0.3);z-index:1000;width:30%;height:fit-content;text-align:center}
.thankYouModal .close-button{position:absolute;top:10px;right:10px;color:black;border:0;padding:5px 10px;border-radius:50%;cursor:pointer}
.overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);z-index:999}
#loader{border:4px solid rgba(255,255,255,0.3);border-radius:50%;border-top:4px solid black;width:40px;height:40px;animation:spin 1s linear infinite;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px;display:none}
}
@media screen and (max-width:768px){.onecms-form{padding:1rem}
.onecms-form .formlayout.two-column{display:flex;flex-direction:column}
}
@media(max-width:420px){.onecms-form .aem-GridColumn--default--6{width:100%}
}
@media(min-width:992px){.onecms-form .col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
}
@media screen and (max-width:768px){.onecms-form .thankYouModal{width:90%;height:auto}
}
@keyframes spin{0{transform:rotate(0)}
100%{transform:rotate(360deg)}
}