body {position: absolute;width: 100vw;height: 100vh;background: #eee;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;}#login-page {position: relative;box-sizing: border-box;width: 90vw;max-width: 460px;padding: 40px;background: white;border: 1px solid #ddd;border-radius: 10px;display: flex;flex-direction: column;justify-content: center;align-items: center;}#login-page img.logo {width: 250px;height: auto;}#login-page .split {width: 100%;display: flex;flex-direction: row;justify-content: space-between;align-items: center;}#login-page input[type="submit"],#login-page button {width: 150px;}#login-page .hover-underline:hover {cursor: pointer;text-decoration: underline;}#login-page .input-group-select .selectOptions {position: relative;box-sizing: border-box;width: 350px;height: 66px;border: 1px solid #777;background: white;border-radius: 5px;padding: 20px 8px 8px 8px;outline: none !important;}#login-page .input-group-select .selectOptions img {height: 40px;width: auto;}#login-page .input-group-select .icon {top: 2.3em;}#login-page .input-group-select > select {padding: 0;margin: 0;border: none;background: none;position: absolute;height: 68px;width: 350px;top: 0;left: 0;-webkit-appearance: none;-moz-appearance: none;appearance: none;opacity: 0;padding: 8px;display: block;}#longivitiLogo {width: 60px;height: 20px;}#login-page.login > div:not(.login-container),#login-page.register > div:not(.register-container) {display: none;}.labelCheckbox-wrapper > input {position: absolute;opacity: 0;pointer-events: none;}.labelCheckbox-wrapper {display: flex;flex-direction: column;}.labelCheckbox-wrapper > em,.labelCheckbox-wrapper > em + .labelCheckbox .labelCheckbox-indicator {color: rgba(192, 10, 10, 0.973);display: contents;}.invalid .labelCheckbox-wrapper .labelCheckbox,.labelCheckbox-wrapper > em + .labelCheckbox,.labelCheckbox-wrapper > em + .labelCheckbox .labelCheckbox-indicator {border-color: rgba(192, 10, 10, 0.973);color: red;}.labelCheckbox {background: #ddd;border: 1px solid #ccc;margin-bottom: 10px;width: 90vw;max-width: 400px;font-size: 1.1em;font-weight: normal;display: grid;grid-template-columns: 40px 1fr;border-radius: 2px;user-select: none;-webkit-user-select: none;cursor: pointer;}.labelCheckbox .labelCheckbox-indicator {min-height: 40px;display: flex;justify-content: center;align-items: center;}.labelCheckbox .labelCheckbox-indicator > i {display: none;font-size: 1.2em;}input:checked ~ .labelCheckbox .labelCheckbox-indicator > i:first-child,input:not(:checked) ~ .labelCheckbox .labelCheckbox-indicator > i:last-child {display: inline;}.labelCheckbox > span {display: flex;justify-content: flex-start;align-items: center;text-align: left;padding: 10px;border-left: 1px solid #ccc;}.labelCheckbox > span > span {color: #888;font-size: 0.8em;margin-left: 1ch;}.labelCheckbox > textarea,.labelCheckbox > input,.labelCheckbox > select,.labelCheckbox > .input-group {display: none;grid-column: 2;background: transparent !important;border: none;outline: none;padding: 10px;border-top: 1px solid #ccc;border-left: 1px solid #ccc;resize: none;border-radius: 0;}.labelCheckbox > .input-group {width: 100%;padding: 0;}.labelCheckbox > .input-group select {border: none;width: 100% !important;}input:checked ~ .labelCheckbox,input:checked ~ .labelCheckbox .labelCheckbox-indicator {border-color: #2b64e6;}input:checked ~ .labelCheckbox .labelCheckbox-indicator {color: #2b64e6;}input:checked ~ .labelCheckbox > textarea,input:checked ~ .labelCheckbox > input,input:checked ~ .labelCheckbox > select,input:checked ~ .labelCheckbox > .input-group {display: block;}img.logo {height: 100px;width: auto;}.typical-checkbox {background: pink;margin: 0 5px 5px 5px;padding: 5px;border-radius:3px;border: 1px solid #ccc;background:#ddd;}.invalid .typical-checkbox {border-color: red;}.typical-checkbox > * {cursor: pointer;}.typical-checkbox input:checked + label {color: #2b64e6 !important;}.typical-checkbox label {color: #555;font-weight: normal;margin: 0 3px;}.day-availability {background: #ddd;border: 1px solid #ccc;border-radius: 5px;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: flex-start;align-items: center;margin-bottom: 20px;overflow: hidden;}.day-availability > span {padding: 0 10px;font-weight: bold;}.day-availability .options {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;align-items: center;}.day-availability .options input {display: none;}.day-availability .options input:checked + label {box-shadow: inset 0 0 0 2px #2b64e6;}.day-availability .options label {display: block;padding: 5px;margin: 0;border-left: 1px solid #ccc;font-weight: normal;}.signature {background-color: rgb(52, 110, 209);color: white;}.signature-icon {vertical-align: text-bottom;fill: #fff;margin-right: 8px;}@media screen and (max-width: 500px) {.day-availability {flex-direction: column;}.day-availability span {display:block;width: 100%;padding: 10px 0;border-bottom: 1px solid #ccc;}}@media screen and (max-width: 400px) {.day-availability .options > div {flex: 50%;}.day-availability .options > div:nth-child(1) label,.day-availability .options > div:nth-child(2) label {border-bottom: 1px solid #ccc;}.day-availability .options > div:nth-child(1) label,.day-availability .options > div:nth-child(3) label {border-left-width: 0;}}.questionnaire-question {font-size: 1.1em;}