login page lock screen mobile fix

CSS/themes/organizr-hotline.css

@@ -33,12 +33,6 @@
   .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper, .dataTables_info, .text-dark, .drop-title, .tabs-style-flip nav a, .text-info, .text-dark .bg-title .breadcrumb a, .daterangepicker .input-mini, .dd-handle, .dd3-content, .dropify-wrapper, .form-control, .panel-default .panel-heading, .panel-white .panel-heading, .select2-container .select2-choice, .steamline .sl-right div>a, .white-box .box-title, a.list-group-item, button.list-group-item, h1, h2, h3, h4, h5, h6, .panel-default .panel-body, .panel-white .panel-body {
     color: #ffffff !important;
   }
-  @media (max-width: 480px) {
-      .login-box {
-       margin-top: auto !important;
-       height: 100% !important;
-  }
-}
   /* Header */
   .navbar-header {
       background: var(--main-bg-color) !important;
@@ -407,6 +401,14 @@ table.dataTable>tbody>tr:nth-of-type(even):hover {
     background: var(--custom-buttons-color) !important;
     }
   /* loginpage sidemenu */
+
+  @media (max-width: 480px) {
+  .login-box {
+    margin-top: auto !important;
+    height: 100% !important;
+    width: 100% !important;
+  }
+}  
   .login-box {
     background: var(--main-bg-color);
 	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);

CSS/themes/organizr-marine.css

@@ -33,12 +33,6 @@
   .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper, .dataTables_info, .text-dark, .drop-title, .tabs-style-flip nav a, .text-info, .text-dark .bg-title .breadcrumb a, .daterangepicker .input-mini, .dd-handle, .dd3-content, .dropify-wrapper, .form-control, .panel-default .panel-heading, .panel-white .panel-heading, .select2-container .select2-choice, .steamline .sl-right div>a, .white-box .box-title, a.list-group-item, button.list-group-item, h1, h2, h3, h4, h5, h6, .panel-default .panel-body, .panel-white .panel-body {
     color: #ffffff !important;
   }
-  @media (max-width: 480px) {
-      login-box {
-       margin-top: auto !important;
-       height: 100% !important;
-  }
-}
   /* Header */
   .navbar-header {
       background: var(--main-bg-color) !important;
@@ -407,28 +401,35 @@ table.dataTable>tbody>tr:nth-of-type(even):hover {
       background: var(--custom-buttons-color) !important;
     }
   /* loginpage sidemenu */
+  @media (max-width: 480px) {
+    login-box {
+     margin-top: auto !important;
+     height: 100% !important;
+     width: 100% !important;
+   }
+   }  
   .login-box {
     background: var(--main-bg-color);
 	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
-}
+    }
-.login-register > .login-box > .white-box {
+    .login-register > .login-box > .white-box {
         background: var(--main-bg-color) !important;
-}
+    }
-.login-box .panel-body {
+    .login-box .panel-body {
         background: var(--main-bg-color) !important;
-}
+    }
-.login-register {
+    .login-register {
         background: var(--main-bg-color)!important;
         height: 100%;
         position: fixed;
-}
+    }
-.login-sidebar {
+    .login-sidebar {
         position: relative;
         right: 0;
         margin-top: 300px;
         height: auto;
-}
+    }
 .bounceInDown, .flipInX, .flipInY, .hvr-wobble-bottom:hover, .revealIn, .rubberBand, .showSweetAlert[data-animation=pop], .slideIn, .slideInDown, .slideInRight, .tada {
     -webkit-animation-name: none;
     animation-name: none;