+/**
+ * Login page
+ */
+#login-submit-wrapper {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-between;
+ align-items: center;
+}
+#lost-password-link { flex-grow: 2; }
+
+.mod-home.is-not-singleuser,
+.mod-login {
+ background-color: $login_bg_color;
+ background-image: linear-gradient(to right, rgba(0,0,0, 0.7) , rgba(0,0,0, 0.4)), url($login_bg_image);
+ background-size: cover;
+ background-attachment: fixed;
+ background-position: center;
+ padding-top: 0;
+}
+.mod-home.is-not-singleuser nav.navbar,
+.mod-login nav.navbar { background-color: transparent }
+.mod-home.is-not-singleuser #topbar-second,
+.mod-login #topbar-second {
+ background-color: transparent;
+ box-shadow: unset;
+ border: 0
+}
+.mod-home.is-not-singleuser .login-content,
+.mod-login .login-content {
+ color: #eee;
+ margin-top: 2.5%;
+}
+
+.mod-home.is-not-singleuser .login-form > #login-form label,
+.mod-login #content #login-form label {
+ color: #eee;
+}
+
+
+.mod-home.is-not-singleuser .login-panel-content,
+.mod-login .login-panel-content {
+ background-color: rgba(255,255,255,.85);
+}
+
+/* Medium devices (desktops, 992px and up) */
+@media (min-width: 992px) {
+ .mod-home.is-not-singleuser #content,
+ .mod-login #content {
+ margin-top: 100px!important;
+ }
+
+ .mod-home.is-not-singleuser .login-form > #login-form,
+ .mod-login #content #login-form {
+ background-color: #fff;
+ padding: 1em;
+ position: relative;
+ margin-top: 4em;
+ }
+
+ .mod-home.is-not-singleuser .login-form > #login-form label,
+ .mod-login #content #login-form label {
+ color: #444;
+ }
+
+ .mod-home.is-not-singleuser .login-form > #login-form::before,
+ .mod-login #content #login-form::before {
+ display: block;
+ position: absolute;
+ content: " ";
+ background-color: rgba(255,255,255,0.1);
+ width:90%;
+ height: 110%;
+ top: -5%;
+ left: 5%;
+ z-index: -1;
+ }
+
+ .mod-home.is-not-singleuser .login-form > #login-form::after,
+ .mod-login #content #login-form::after {
+ display: block;
+ position: absolute;
+ content: " ";
+ background-color: rgba(255,255,255,0.2);
+ width:80%;
+ height: 120%;
+ top: -10%;
+ left: 10%;
+ z-index: -1;
+ }
+
+}
+
+
+