@media (max-width: 991.98px) { #userNameRow, #firstNameRow { margin-bottom: 20px; } #passwordButton { margin-bottom: 50px; } } @media (prefers-color-scheme: dark) { body { background-color: #111 !important; color: #eee; } .jumbotron { background-color: #333 !important; } .modal-content { background-color: #111 !important; color: #eee; } .modal-header { border-bottom: 1px solid #555 !important; } .modal-header .close { color: #eee !important; text-shadow: 0 1px 0 #555 !important; } .modal-footer { border-top: 1px solid #555 !important; } .bg-light { background-color: #333 !important; } .bg-white { background-color: #000 !important; } .bg-black { background-color: #eee !important; } .form-control { display: block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #dee2e6; background-color: #000; background-clip: padding-box; border: 1px solid #6c757d; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:-moz-focusring { color: transparent; text-shadow: 0 0 0 #dee2e6; } .form-control:focus { color: #dee2e6; background-color: #191d21; border-color: #b3d7ff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .form-control::-webkit-input-placeholder { color: #6c757d; opacity: 1; } .form-control::-moz-placeholder { color: #6c757d; opacity: 1; } .form-control::-ms-input-placeholder { color: #6c757d; opacity: 1; } .form-control::placeholder { color: #6c757d; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #343a40; opacity: 1; } }