|
|
@@ -0,0 +1,98 @@
|
|
|
+html, body {
|
|
|
+ background-color: #fff;
|
|
|
+ color: #636b6f;
|
|
|
+ font-family: 'Nunito', sans-serif;
|
|
|
+ font-weight: 200;
|
|
|
+ height: 100vh;
|
|
|
+ margin: 0;
|
|
|
+}
|
|
|
+
|
|
|
+body {
|
|
|
+ background-image: url(/images/patient-home-banner.jpg);
|
|
|
+ background-size: 100% auto;
|
|
|
+ background-position: top center;
|
|
|
+ background-attachment: fixed;
|
|
|
+}
|
|
|
+
|
|
|
+@media (max-aspect-ratio: 16/11) {
|
|
|
+ body {
|
|
|
+ background-size: auto 100%;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+h1 {
|
|
|
+ color: #555;
|
|
|
+ width: 50%;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+
|
|
|
+@media (max-width: 900px) {
|
|
|
+ h1 {
|
|
|
+ width: auto;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 2rem;
|
|
|
+ text-shadow: 1px 1px 2px #c0e4e2;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+@media (max-width: 400px) {
|
|
|
+ h1 {
|
|
|
+ font-size: 1.75rem;
|
|
|
+ text-shadow: 1px 1px 2px #c0e4e2;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.form-container {
|
|
|
+ width: 50%;
|
|
|
+ margin-right: auto;
|
|
|
+}
|
|
|
+
|
|
|
+@media (max-width: 900px) {
|
|
|
+ .form-container {
|
|
|
+ margin: auto;
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.form-container .form {
|
|
|
+ background: #ffffffd1;
|
|
|
+ max-width: 400px;
|
|
|
+ margin: auto;
|
|
|
+ border-radius: 4px;
|
|
|
+}
|
|
|
+
|
|
|
+.form-container .form h3 {
|
|
|
+ font-size: 1.3rem;
|
|
|
+}
|
|
|
+
|
|
|
+.border-success {
|
|
|
+ border-color: #44bdad85 !important;
|
|
|
+}
|
|
|
+
|
|
|
+.text-dark {
|
|
|
+ color: #555;
|
|
|
+ font-weight: 600;
|
|
|
+}
|
|
|
+
|
|
|
+.form-container .form input {
|
|
|
+ border-color: #44bdad85 !important;
|
|
|
+}
|
|
|
+
|
|
|
+.form-container .form input:focus {
|
|
|
+ box-shadow: 0 0 0 0.2rem #44bdad85;
|
|
|
+}
|
|
|
+
|
|
|
+.form-container .form input.has-error {
|
|
|
+ border-color: #bd424285 !important;
|
|
|
+}
|
|
|
+
|
|
|
+.form-container .form input.has-error:focus {
|
|
|
+ box-shadow: 0 0 0 0.2rem #bd444454;
|
|
|
+}
|
|
|
+
|
|
|
+.field-error {
|
|
|
+ font-size: 0.9rem;
|
|
|
+ font-weight: 600;
|
|
|
+ padding-left: 0.75rem;
|
|
|
+ margin-top: 0.25rem;
|
|
|
+}
|
