body { padding: 80px 0; } .site-footer { background-color: lightgray; font-size: small; } .site-footer p { margin: 0; } .form-container { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding-top: 40px; padding-bottom: 40px; } .form-display { width: 100%; max-width: 420px; padding: 15px; margin: auto; } .form-heading { margin-bottom: 2rem; } .form-label-group { position: relative; margin-bottom: 2rem; } .form-label-group input, .form-label-group label { padding: var(--input-padding-y) var(--input-padding-x); font-size: 16pt; } .form-label-group label { position: absolute; top: 0; left: 0; display: block; width: 100%; margin-bottom: 0; /* Override default `<label>` margin */ line-height: 1.5; color: #495057; cursor: text; /* Match the input under the label */ border: 1px solid transparent; border-radius: .25rem; transition: all .1s ease-in-out; z-index: -1; } .form-label-group input { background-color: transparent; border: none; border-radius: 0%; border-bottom: 2px solid #585858; } .form-label-group input:active, .form-label-group input:focus { background-color: transparent; } .form-label-group input::-webkit-input-placeholder { color: transparent; } .form-label-group input:-ms-input-placeholder { color: transparent; } .form-label-group input::-ms-input-placeholder { color: transparent; } .form-label-group input::-moz-placeholder { color: transparent; } .form-label-group input::placeholder { color: transparent; } .form-label-group input:not(:placeholder-shown) { padding-top: calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3)); padding-bottom: calc(var(--input-padding-y) / 3); } .form-label-group input:not(:placeholder-shown) ~ label { padding-top: calc(var(--input-padding-y) / 3); padding-bottom: calc(var(--input-padding-y) / 3); font-size: 12px; color: #777; } .form-check { margin-bottom: 2rem; } .checkbox input { transform: scale(1.5); margin-right: 1rem; } .signin-forgot-password { font-size: 14pt; } .form-submission-button { margin-bottom: 2rem; } .form-submission-button button, .form-submission-button a { margin: 1rem; vertical-align: middle; } .form-submission-button button span, .form-submission-button button svg, .form-submission-button a span, .form-submission-button a svg { margin: 0 2px; } table.dataTable { border-collapse: collapse; width: 100%; } .table-row { vertical-align: middle; } .row-actions { text-align: center; white-space: nowrap; } .dataTables_wrapper .dt-buttons { left: 50%; transform: translateX(-50%); float:none; text-align:center; } .row-actions button, .row-actions a { margin: 0px 5px; } #cookie-alert { padding-right: 16px; } #dismiss-cookie-alert { margin-top: 16px; width: fit-content; } .alert-db-empty { width: 100%; max-width: 720px; font-size: 14pt; margin: 20px auto; } .form-date-input, .form-select-input { position: relative; margin: 2rem 0; } .form-date-input input, .form-date-input label, .form-select-input select, .form-select-input label { padding: var(--input-padding-y) var(--input-padding-x); font-size: 16pt; width: 100%; background-color: transparent; border: none; border-bottom: 2px solid #585858; } .datepicker::-webkit-calendar-picker-indicator { border: 1px; border-color: gray; border-radius: 10%; } .form-date-input label, .form-select-input label { /* position: absolute; */ /* top: 0; left: 0; */ display: block; width: 100%; margin-bottom: 0; /* Override default `<label>` margin */ line-height: 1.5; color: #495057; cursor: text; /* Match the input under the label */ border: 1px solid transparent; border-radius: .25rem; transition: all .1s ease-in-out; z-index: -1; } .button-icon { font-size: 20px; } .form-upload { margin: 2rem 0; font-size: 14pt; } .result-action-buttons, .test-action { margin: 5px auto; width: fit-content; } .accordion-item { background-color: unset; } /* Change Autocomplete styles in Chrome*/ input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { transition: background-color 5000s ease-in-out 0s; } /* Fallback for Edge -------------------------------------------------- */ @supports (-ms-ime-align: auto) { .form-label-group label { display: none; } .form-label-group input::-ms-input-placeholder { color: #777; } } /* Fallback for IE -------------------------------------------------- */ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .form-label-group label { display: none; } .form-label-group input:-ms-input-placeholder { color: #777; } }