* { box-sizing: border-box; }

.message-overlay { bottom: 0; left: 0; right: 0; top: 0; z-index: 20; }

.header { z-index: 10; }

.square { position: relative; }

.square:before { display: block; content: ""; width: 100%; padding-top: 90.90909%; }

.square > .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.page-wrapper { height: 100vh; width: 100%; }

.background { flex: 1 1 100%; }

.background .spacer { background-color: var(--white); width: 15%; flex: 0 0 15%; }

.background .image { background: url("../../img/background.jpg") no-repeat center center; background-size: cover; flex: 1 1 100%; width: 100%; }

.form-card { flex: 0 1 370px; transform: translateX(-100px); z-index: 10; }

.form-card .form-card--header svg { flex: 0 0 150px; width: 150px; }

.form-card .form-card--header svg .cls-1 { fill: var(--white) !important; }

.form-card .form-card--header svg .cls-2 { stroke: var(--white) !important; }

.custom-gutters { margin-right: -3px; margin-left: -3px; }

.custom-gutters > .col, .custom-gutters > [class*="col-"] { padding-right: 3px; padding-left: 3px; }

.fake-radio label { align-content: center; align-items: center; cursor: pointer; display: flex; justify-content: start; }

.fake-radio label .fake-radio-circle { align-content: center; align-items: center; background-color: white; border: 2px solid var(--primary); border-radius: 100%; display: flex; height: 22px; justify-content: center; width: 22px; }

.fake-radio label .fake-radio-circle .dot { border-radius: 100%; height: 0; background-color: var(--primary); transition: .1s ease-in-out; width: 0; }

.fake-radio label span { margin-left: 15px; }

.fake-radio input:checked + label .fake-radio-circle .dot { height: 10px; width: 10px; }

.department--fake-checkbox { height: 100%; }

.department--fake-checkbox label { height: 100%; }

.department--fake-checkbox label > * { background-color: var(--white); border: 1px solid var(--primary); border-radius: 15px; color: var(--primary); cursor: pointer; height: 100%; }

.department--fake-checkbox label > * svg { user-select: none; }

.department--fake-checkbox label > * span { font-size: 12px; user-select: none; }

.department--fake-checkbox input:checked + label > * { background-color: var(--primary); color: var(--white); }

.department--fake-checkbox input:checked + label > * svg path { fill: var(--white) !important; }

.department--fake-checkbox input:checked + label > * svg #Group_1429 path { fill: transparent !important; stroke: var(--white) !important; }

.radio-list, .checkbox-list { list-style: none; list-style-position: inside; padding: 0; }

.radio-list li, .checkbox-list li { margin-bottom: 10px; }

.tc-checkbox--group label { align-content: start; align-items: start; cursor: pointer; }

.tc-checkbox--group .tc-fake--checkbox { background-color: white; flex: 0 0 20px; }

.tc-checkbox--group .tc-fake--label { text-align: right; padding-left: 20px !important; }

.consent-error .tc-checkbox--group input:not(:checked) + label .tc-fake--checkbox { box-shadow: 0px 0px 5px 1px var(--danger); }

.consent-error .tc-checkbox--group input:not(:checked) + label .tc-fake--label { color: var(--danger); }

.popover { background-color: var(--white); border-radius: 5px; left: 100%; margin-left: 40px; opacity: 0; padding: 10px; top: 0; transition: .3s ease-in-out; width: 300px; z-index: 1000; }

.popover p { margin: 0 0 10px 0; }

.popover:before { content: ''; position: absolute; left: -5px; top: 15px; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid var(--white); }

.popover.active { opacity: 1; }

@media (max-width: 764px) { .image { padding: 20px 15px; }
  .form-card { flex: 1 1 100%; transform: translateX(0); } }

/*# sourceMappingURL=main.css.map */