diff --git a/layouts/v7/modules/Users/Login.tpl b/layouts/v7/modules/Users/Login.tpl
index fe80966cccd8766163e86d220a0f3f22951fb218..edfdb5c4a793a7b25727f1fb61c98cd35ce44ff6 100644
--- a/layouts/v7/modules/Users/Login.tpl
+++ b/layouts/v7/modules/Users/Login.tpl
@@ -15,7 +15,6 @@
 			background-position: center;
 			background-size: cover;
 			width: 100%;
-			height: 96%;
 			background-repeat: no-repeat;
 		}
 		hr {
@@ -204,7 +203,7 @@
 	</style>
 
 	<span class="app-nav"></span>
-	<div class="col-lg-12">
+	<div class="container-fluid main-container">
 		<div class="col-lg-5 col-md-12 col-sm-12 col-xs-12">
 			<div class="loginDiv widgetHeight">
 				<img class="img-responsive user-logo" src="layouts/v7/resources/Images/vtiger.png">
diff --git a/layouts/v7/skins/contact/style.css b/layouts/v7/skins/contact/style.css
index b3d0be8c4624e3c54059cb9851e835e23e27ded3..66070fb89d8bd37045c24b80fb8a43a4ca78f719 100644
--- a/layouts/v7/skins/contact/style.css
+++ b/layouts/v7/skins/contact/style.css
@@ -49,32 +49,31 @@ a:active {
 /************ Layout **************/
 /**********************************/
 html {
-  height: 100%;
+  margin: 0;
+  padding: 0;
   overflow-y: auto;
+  min-height: 100%;
 }
 body {
-  width: 100%;
   margin: 0;
   padding: 0;
-  height: 100%;
+  font-family: 'OpenSans-Regular', sans-serif;
+  font-size: 12px;
+  font-weight: normal;
+  font-style: normal;
+  font-kerning: normal;
+  height: inherit;
 }
 body > .mCSB_inside > .mCSB_container {
   margin-right: 15px;
 }
 #page {
-  min-height: 100%;
   padding-top: 84px;
+  height: inherit;
 }
 .select2-container .select2-choice {
   font-family: 'OpenSans-Regular', sans-serif;
 }
-body {
-  font-family: 'OpenSans-Regular', sans-serif;
-  font-size: 12px;
-  font-weight: normal;
-  font-style: normal;
-  font-kerning: normal;
-}
 .app-fixed-navbar {
   background: #fff;
   border-bottom: 0;
@@ -100,7 +99,7 @@ body {
 }
 .main-container {
   position: relative;
-  min-height: 100%;
+  min-height: calc(100vh - 110px);
 }
 .main-container:before,
 .main-container:after {
@@ -108,6 +107,9 @@ body {
   display: block;
   clear: both;
 }
+.main-container .row {
+  min-height: inherit;
+}
 @media (min-width: 992px) {
   .global-nav .logo-container {
     display: inline-block;
@@ -157,14 +159,13 @@ body {
     min-height: 100%;
     background: #FFFFFF;
     border-right: 1px solid #DDDDDD;
+    overflow: auto;
   }
   .main-container .content-area {
     width: 100%;
     padding-left: 283px;
-    min-height: 768px;
   }
   .main-container .settingsPageDiv {
-    min-height: 768px;
     padding-left: 230px;
   }
   .main-container .settingsNav {
@@ -796,6 +797,9 @@ a.menu-item:hover {
 /*************************************************/
 /******** View styles (List/Edit/Detail..) *******/
 /*************************************************/
+.viewContent {
+  height: inherit;
+}
 .viewContent .content-area {
   padding-left: 3%;
 }
@@ -1987,6 +1991,10 @@ th {
 .quickPreviewModuleHeader .recordImage [class^="vicon-"] {
   font-size: 35px;
 }
+.detailViewContainer {
+  background: #f9f9f9;
+  min-height: inherit;
+}
 .detailViewContainer .block {
   background: #FFFFFF;
   border: 1px solid #F3F3F3;
@@ -7649,7 +7657,7 @@ body .fc {
     font-size: 13px;
   }
   .overlay-container-60 {
-    margin-left: 0px ;
+    margin-left: 0 ;
   }
   .overlayPageContent {
     padding-bottom: 0;
@@ -7682,5 +7690,8 @@ body .fc {
     margin-left: 1px;
     padding-top: 1px;
   }
+  .listViewPageDiv #table-content {
+    overflow: scroll !important;
+  }
 }
 /*# sourceMappingURL=style.css.map */
\ No newline at end of file
diff --git a/layouts/v7/skins/inventory/style.css b/layouts/v7/skins/inventory/style.css
index 651709911bf5dcf55a8281792c698e81401c6a52..8e66bbc9e34e74f946d4fe1525b27ecfccc259c6 100644
--- a/layouts/v7/skins/inventory/style.css
+++ b/layouts/v7/skins/inventory/style.css
@@ -49,32 +49,31 @@ a:active {
 /************ Layout **************/
 /**********************************/
 html {
-  height: 100%;
+  margin: 0;
+  padding: 0;
   overflow-y: auto;
+  min-height: 100%;
 }
 body {
-  width: 100%;
   margin: 0;
   padding: 0;
-  height: 100%;
+  font-family: 'OpenSans-Regular', sans-serif;
+  font-size: 12px;
+  font-weight: normal;
+  font-style: normal;
+  font-kerning: normal;
+  height: inherit;
 }
 body > .mCSB_inside > .mCSB_container {
   margin-right: 15px;
 }
 #page {
-  min-height: 100%;
   padding-top: 84px;
+  height: inherit;
 }
 .select2-container .select2-choice {
   font-family: 'OpenSans-Regular', sans-serif;
 }
-body {
-  font-family: 'OpenSans-Regular', sans-serif;
-  font-size: 12px;
-  font-weight: normal;
-  font-style: normal;
-  font-kerning: normal;
-}
 .app-fixed-navbar {
   background: #fff;
   border-bottom: 0;
@@ -100,7 +99,7 @@ body {
 }
 .main-container {
   position: relative;
-  min-height: 100%;
+  min-height: calc(100vh - 110px);
 }
 .main-container:before,
 .main-container:after {
@@ -108,6 +107,9 @@ body {
   display: block;
   clear: both;
 }
+.main-container .row {
+  min-height: inherit;
+}
 @media (min-width: 992px) {
   .global-nav .logo-container {
     display: inline-block;
@@ -157,14 +159,13 @@ body {
     min-height: 100%;
     background: #FFFFFF;
     border-right: 1px solid #DDDDDD;
+    overflow: auto;
   }
   .main-container .content-area {
     width: 100%;
     padding-left: 283px;
-    min-height: 768px;
   }
   .main-container .settingsPageDiv {
-    min-height: 768px;
     padding-left: 230px;
   }
   .main-container .settingsNav {
@@ -796,6 +797,9 @@ a.menu-item:hover {
 /*************************************************/
 /******** View styles (List/Edit/Detail..) *******/
 /*************************************************/
+.viewContent {
+  height: inherit;
+}
 .viewContent .content-area {
   padding-left: 3%;
 }
@@ -1987,6 +1991,10 @@ th {
 .quickPreviewModuleHeader .recordImage [class^="vicon-"] {
   font-size: 35px;
 }
+.detailViewContainer {
+  background: #f9f9f9;
+  min-height: inherit;
+}
 .detailViewContainer .block {
   background: #FFFFFF;
   border: 1px solid #F3F3F3;
@@ -7649,7 +7657,7 @@ body .fc {
     font-size: 13px;
   }
   .overlay-container-60 {
-    margin-left: 0px ;
+    margin-left: 0 ;
   }
   .overlayPageContent {
     padding-bottom: 0;
@@ -7682,6 +7690,9 @@ body .fc {
     margin-left: 1px;
     padding-top: 1px;
   }
+  .listViewPageDiv #table-content {
+    overflow: scroll !important;
+  }
 }
 .modules-menu ul li.active a {
   border-left: 3px solid #F1C40F;
diff --git a/layouts/v7/skins/marketing/style.css b/layouts/v7/skins/marketing/style.css
index 968b55517268eaac6cbf5013348f368795644d9b..45f36ec600fd619cb4abd023198887c19114dc08 100644
--- a/layouts/v7/skins/marketing/style.css
+++ b/layouts/v7/skins/marketing/style.css
@@ -49,32 +49,31 @@ a:active {
 /************ Layout **************/
 /**********************************/
 html {
-  height: 100%;
+  margin: 0;
+  padding: 0;
   overflow-y: auto;
+  min-height: 100%;
 }
 body {
-  width: 100%;
   margin: 0;
   padding: 0;
-  height: 100%;
+  font-family: 'OpenSans-Regular', sans-serif;
+  font-size: 12px;
+  font-weight: normal;
+  font-style: normal;
+  font-kerning: normal;
+  height: inherit;
 }
 body > .mCSB_inside > .mCSB_container {
   margin-right: 15px;
 }
 #page {
-  min-height: 100%;
   padding-top: 84px;
+  height: inherit;
 }
 .select2-container .select2-choice {
   font-family: 'OpenSans-Regular', sans-serif;
 }
-body {
-  font-family: 'OpenSans-Regular', sans-serif;
-  font-size: 12px;
-  font-weight: normal;
-  font-style: normal;
-  font-kerning: normal;
-}
 .app-fixed-navbar {
   background: #fff;
   border-bottom: 0;
@@ -100,7 +99,7 @@ body {
 }
 .main-container {
   position: relative;
-  min-height: 100%;
+  min-height: calc(100vh - 110px);
 }
 .main-container:before,
 .main-container:after {
@@ -108,6 +107,9 @@ body {
   display: block;
   clear: both;
 }
+.main-container .row {
+  min-height: inherit;
+}
 @media (min-width: 992px) {
   .global-nav .logo-container {
     display: inline-block;
@@ -157,14 +159,13 @@ body {
     min-height: 100%;
     background: #FFFFFF;
     border-right: 1px solid #DDDDDD;
+    overflow: auto;
   }
   .main-container .content-area {
     width: 100%;
     padding-left: 283px;
-    min-height: 768px;
   }
   .main-container .settingsPageDiv {
-    min-height: 768px;
     padding-left: 230px;
   }
   .main-container .settingsNav {
@@ -796,6 +797,9 @@ a.menu-item:hover {
 /*************************************************/
 /******** View styles (List/Edit/Detail..) *******/
 /*************************************************/
+.viewContent {
+  height: inherit;
+}
 .viewContent .content-area {
   padding-left: 3%;
 }
@@ -1987,6 +1991,10 @@ th {
 .quickPreviewModuleHeader .recordImage [class^="vicon-"] {
   font-size: 35px;
 }
+.detailViewContainer {
+  background: #f9f9f9;
+  min-height: inherit;
+}
 .detailViewContainer .block {
   background: #FFFFFF;
   border: 1px solid #F3F3F3;
@@ -7649,7 +7657,7 @@ body .fc {
     font-size: 13px;
   }
   .overlay-container-60 {
-    margin-left: 0px ;
+    margin-left: 0 ;
   }
   .overlayPageContent {
     padding-bottom: 0;
@@ -7682,6 +7690,9 @@ body .fc {
     margin-left: 1px;
     padding-top: 1px;
   }
+  .listViewPageDiv #table-content {
+    overflow: scroll !important;
+  }
 }
 .modules-menu ul li.active a {
   border-left: 3px solid #EF5E29;
diff --git a/layouts/v7/skins/marketing_and_sales/style.css b/layouts/v7/skins/marketing_and_sales/style.css
index 45fa14a49f02858bc0bdd0f3bb19a802e46a055e..b7ba502d6a1b3ba6330afbbac278673f38f8d727 100644
--- a/layouts/v7/skins/marketing_and_sales/style.css
+++ b/layouts/v7/skins/marketing_and_sales/style.css
@@ -49,32 +49,31 @@ a:active {
 /************ Layout **************/
 /**********************************/
 html {
-  height: 100%;
+  margin: 0;
+  padding: 0;
   overflow-y: auto;
+  min-height: 100%;
 }
 body {
-  width: 100%;
   margin: 0;
   padding: 0;
-  height: 100%;
+  font-family: 'OpenSans-Regular', sans-serif;
+  font-size: 12px;
+  font-weight: normal;
+  font-style: normal;
+  font-kerning: normal;
+  height: inherit;
 }
 body > .mCSB_inside > .mCSB_container {
   margin-right: 15px;
 }
 #page {
-  min-height: 100%;
   padding-top: 84px;
+  height: inherit;
 }
 .select2-container .select2-choice {
   font-family: 'OpenSans-Regular', sans-serif;
 }
-body {
-  font-family: 'OpenSans-Regular', sans-serif;
-  font-size: 12px;
-  font-weight: normal;
-  font-style: normal;
-  font-kerning: normal;
-}
 .app-fixed-navbar {
   background: #fff;
   border-bottom: 0;
@@ -100,7 +99,7 @@ body {
 }
 .main-container {
   position: relative;
-  min-height: 100%;
+  min-height: calc(100vh - 110px);
 }
 .main-container:before,
 .main-container:after {
@@ -108,6 +107,9 @@ body {
   display: block;
   clear: both;
 }
+.main-container .row {
+  min-height: inherit;
+}
 @media (min-width: 992px) {
   .global-nav .logo-container {
     display: inline-block;
@@ -157,14 +159,13 @@ body {
     min-height: 100%;
     background: #FFFFFF;
     border-right: 1px solid #DDDDDD;
+    overflow: auto;
   }
   .main-container .content-area {
     width: 100%;
     padding-left: 283px;
-    min-height: 768px;
   }
   .main-container .settingsPageDiv {
-    min-height: 768px;
     padding-left: 230px;
   }
   .main-container .settingsNav {
@@ -796,6 +797,9 @@ a.menu-item:hover {
 /*************************************************/
 /******** View styles (List/Edit/Detail..) *******/
 /*************************************************/
+.viewContent {
+  height: inherit;
+}
 .viewContent .content-area {
   padding-left: 3%;
 }
@@ -1987,6 +1991,10 @@ th {
 .quickPreviewModuleHeader .recordImage [class^="vicon-"] {
   font-size: 35px;
 }
+.detailViewContainer {
+  background: #f9f9f9;
+  min-height: inherit;
+}
 .detailViewContainer .block {
   background: #FFFFFF;
   border: 1px solid #F3F3F3;
@@ -7649,7 +7657,7 @@ body .fc {
     font-size: 13px;
   }
   .overlay-container-60 {
-    margin-left: 0px ;
+    margin-left: 0 ;
   }
   .overlayPageContent {
     padding-bottom: 0;
@@ -7682,6 +7690,9 @@ body .fc {
     margin-left: 1px;
     padding-top: 1px;
   }
+  .listViewPageDiv #table-content {
+    overflow: scroll !important;
+  }
 }
 .modules-menu ul li.active a {
   border-left: 3px solid #3CB878;
diff --git a/layouts/v7/skins/project/style.css b/layouts/v7/skins/project/style.css
index a1bd9cf5aefdd193124ecd06ec68df0c8e525eaf..2975ae2679cc138553ce2dec0326b916e9dd8740 100644
--- a/layouts/v7/skins/project/style.css
+++ b/layouts/v7/skins/project/style.css
@@ -49,32 +49,31 @@ a:active {
 /************ Layout **************/
 /**********************************/
 html {
-  height: 100%;
+  margin: 0;
+  padding: 0;
   overflow-y: auto;
+  min-height: 100%;
 }
 body {
-  width: 100%;
   margin: 0;
   padding: 0;
-  height: 100%;
+  font-family: 'OpenSans-Regular', sans-serif;
+  font-size: 12px;
+  font-weight: normal;
+  font-style: normal;
+  font-kerning: normal;
+  height: inherit;
 }
 body > .mCSB_inside > .mCSB_container {
   margin-right: 15px;
 }
 #page {
-  min-height: 100%;
   padding-top: 84px;
+  height: inherit;
 }
 .select2-container .select2-choice {
   font-family: 'OpenSans-Regular', sans-serif;
 }
-body {
-  font-family: 'OpenSans-Regular', sans-serif;
-  font-size: 12px;
-  font-weight: normal;
-  font-style: normal;
-  font-kerning: normal;
-}
 .app-fixed-navbar {
   background: #fff;
   border-bottom: 0;
@@ -100,7 +99,7 @@ body {
 }
 .main-container {
   position: relative;
-  min-height: 100%;
+  min-height: calc(100vh - 110px);
 }
 .main-container:before,
 .main-container:after {
@@ -108,6 +107,9 @@ body {
   display: block;
   clear: both;
 }
+.main-container .row {
+  min-height: inherit;
+}
 @media (min-width: 992px) {
   .global-nav .logo-container {
     display: inline-block;
@@ -157,14 +159,13 @@ body {
     min-height: 100%;
     background: #FFFFFF;
     border-right: 1px solid #DDDDDD;
+    overflow: auto;
   }
   .main-container .content-area {
     width: 100%;
     padding-left: 283px;
-    min-height: 768px;
   }
   .main-container .settingsPageDiv {
-    min-height: 768px;
     padding-left: 230px;
   }
   .main-container .settingsNav {
@@ -796,6 +797,9 @@ a.menu-item:hover {
 /*************************************************/
 /******** View styles (List/Edit/Detail..) *******/
 /*************************************************/
+.viewContent {
+  height: inherit;
+}
 .viewContent .content-area {
   padding-left: 3%;
 }
@@ -1987,6 +1991,10 @@ th {
 .quickPreviewModuleHeader .recordImage [class^="vicon-"] {
   font-size: 35px;
 }
+.detailViewContainer {
+  background: #f9f9f9;
+  min-height: inherit;
+}
 .detailViewContainer .block {
   background: #FFFFFF;
   border: 1px solid #F3F3F3;
@@ -7649,7 +7657,7 @@ body .fc {
     font-size: 13px;
   }
   .overlay-container-60 {
-    margin-left: 0px ;
+    margin-left: 0 ;
   }
   .overlayPageContent {
     padding-bottom: 0;
@@ -7682,6 +7690,9 @@ body .fc {
     margin-left: 1px;
     padding-top: 1px;
   }
+  .listViewPageDiv #table-content {
+    overflow: scroll !important;
+  }
 }
 .modules-menu ul li.active a {
   border-left: 3px solid #8E44AD;
diff --git a/layouts/v7/skins/sales/style.css b/layouts/v7/skins/sales/style.css
index 45fa14a49f02858bc0bdd0f3bb19a802e46a055e..b7ba502d6a1b3ba6330afbbac278673f38f8d727 100644
--- a/layouts/v7/skins/sales/style.css
+++ b/layouts/v7/skins/sales/style.css
@@ -49,32 +49,31 @@ a:active {
 /************ Layout **************/
 /**********************************/
 html {
-  height: 100%;
+  margin: 0;
+  padding: 0;
   overflow-y: auto;
+  min-height: 100%;
 }
 body {
-  width: 100%;
   margin: 0;
   padding: 0;
-  height: 100%;
+  font-family: 'OpenSans-Regular', sans-serif;
+  font-size: 12px;
+  font-weight: normal;
+  font-style: normal;
+  font-kerning: normal;
+  height: inherit;
 }
 body > .mCSB_inside > .mCSB_container {
   margin-right: 15px;
 }
 #page {
-  min-height: 100%;
   padding-top: 84px;
+  height: inherit;
 }
 .select2-container .select2-choice {
   font-family: 'OpenSans-Regular', sans-serif;
 }
-body {
-  font-family: 'OpenSans-Regular', sans-serif;
-  font-size: 12px;
-  font-weight: normal;
-  font-style: normal;
-  font-kerning: normal;
-}
 .app-fixed-navbar {
   background: #fff;
   border-bottom: 0;
@@ -100,7 +99,7 @@ body {
 }
 .main-container {
   position: relative;
-  min-height: 100%;
+  min-height: calc(100vh - 110px);
 }
 .main-container:before,
 .main-container:after {
@@ -108,6 +107,9 @@ body {
   display: block;
   clear: both;
 }
+.main-container .row {
+  min-height: inherit;
+}
 @media (min-width: 992px) {
   .global-nav .logo-container {
     display: inline-block;
@@ -157,14 +159,13 @@ body {
     min-height: 100%;
     background: #FFFFFF;
     border-right: 1px solid #DDDDDD;
+    overflow: auto;
   }
   .main-container .content-area {
     width: 100%;
     padding-left: 283px;
-    min-height: 768px;
   }
   .main-container .settingsPageDiv {
-    min-height: 768px;
     padding-left: 230px;
   }
   .main-container .settingsNav {
@@ -796,6 +797,9 @@ a.menu-item:hover {
 /*************************************************/
 /******** View styles (List/Edit/Detail..) *******/
 /*************************************************/
+.viewContent {
+  height: inherit;
+}
 .viewContent .content-area {
   padding-left: 3%;
 }
@@ -1987,6 +1991,10 @@ th {
 .quickPreviewModuleHeader .recordImage [class^="vicon-"] {
   font-size: 35px;
 }
+.detailViewContainer {
+  background: #f9f9f9;
+  min-height: inherit;
+}
 .detailViewContainer .block {
   background: #FFFFFF;
   border: 1px solid #F3F3F3;
@@ -7649,7 +7657,7 @@ body .fc {
     font-size: 13px;
   }
   .overlay-container-60 {
-    margin-left: 0px ;
+    margin-left: 0 ;
   }
   .overlayPageContent {
     padding-bottom: 0;
@@ -7682,6 +7690,9 @@ body .fc {
     margin-left: 1px;
     padding-top: 1px;
   }
+  .listViewPageDiv #table-content {
+    overflow: scroll !important;
+  }
 }
 .modules-menu ul li.active a {
   border-left: 3px solid #3CB878;
diff --git a/layouts/v7/skins/support/style.css b/layouts/v7/skins/support/style.css
index 76088c69de19cb230c1bd1bbe45efe2202d295d2..6e1f0010c96547629bbc1f1f0eaefd2d7d99c033 100644
--- a/layouts/v7/skins/support/style.css
+++ b/layouts/v7/skins/support/style.css
@@ -49,32 +49,31 @@ a:active {
 /************ Layout **************/
 /**********************************/
 html {
-  height: 100%;
+  margin: 0;
+  padding: 0;
   overflow-y: auto;
+  min-height: 100%;
 }
 body {
-  width: 100%;
   margin: 0;
   padding: 0;
-  height: 100%;
+  font-family: 'OpenSans-Regular', sans-serif;
+  font-size: 12px;
+  font-weight: normal;
+  font-style: normal;
+  font-kerning: normal;
+  height: inherit;
 }
 body > .mCSB_inside > .mCSB_container {
   margin-right: 15px;
 }
 #page {
-  min-height: 100%;
   padding-top: 84px;
+  height: inherit;
 }
 .select2-container .select2-choice {
   font-family: 'OpenSans-Regular', sans-serif;
 }
-body {
-  font-family: 'OpenSans-Regular', sans-serif;
-  font-size: 12px;
-  font-weight: normal;
-  font-style: normal;
-  font-kerning: normal;
-}
 .app-fixed-navbar {
   background: #fff;
   border-bottom: 0;
@@ -100,7 +99,7 @@ body {
 }
 .main-container {
   position: relative;
-  min-height: 100%;
+  min-height: calc(100vh - 110px);
 }
 .main-container:before,
 .main-container:after {
@@ -108,6 +107,9 @@ body {
   display: block;
   clear: both;
 }
+.main-container .row {
+  min-height: inherit;
+}
 @media (min-width: 992px) {
   .global-nav .logo-container {
     display: inline-block;
@@ -157,14 +159,13 @@ body {
     min-height: 100%;
     background: #FFFFFF;
     border-right: 1px solid #DDDDDD;
+    overflow: auto;
   }
   .main-container .content-area {
     width: 100%;
     padding-left: 283px;
-    min-height: 768px;
   }
   .main-container .settingsPageDiv {
-    min-height: 768px;
     padding-left: 230px;
   }
   .main-container .settingsNav {
@@ -796,6 +797,9 @@ a.menu-item:hover {
 /*************************************************/
 /******** View styles (List/Edit/Detail..) *******/
 /*************************************************/
+.viewContent {
+  height: inherit;
+}
 .viewContent .content-area {
   padding-left: 3%;
 }
@@ -1987,6 +1991,10 @@ th {
 .quickPreviewModuleHeader .recordImage [class^="vicon-"] {
   font-size: 35px;
 }
+.detailViewContainer {
+  background: #f9f9f9;
+  min-height: inherit;
+}
 .detailViewContainer .block {
   background: #FFFFFF;
   border: 1px solid #F3F3F3;
@@ -7649,7 +7657,7 @@ body .fc {
     font-size: 13px;
   }
   .overlay-container-60 {
-    margin-left: 0px ;
+    margin-left: 0 ;
   }
   .overlayPageContent {
     padding-bottom: 0;
@@ -7682,6 +7690,9 @@ body .fc {
     margin-left: 1px;
     padding-top: 1px;
   }
+  .listViewPageDiv #table-content {
+    overflow: scroll !important;
+  }
 }
 .modules-menu ul li.active a {
   border-left: 3px solid #6297C3;
diff --git a/layouts/v7/skins/tools/style.css b/layouts/v7/skins/tools/style.css
index 9539ba1337b7d4a966c9474395391aa2a7695ff8..06f228eb7e50d44a46820330890e15103628645f 100644
--- a/layouts/v7/skins/tools/style.css
+++ b/layouts/v7/skins/tools/style.css
@@ -49,32 +49,31 @@ a:active {
 /************ Layout **************/
 /**********************************/
 html {
-  height: 100%;
+  margin: 0;
+  padding: 0;
   overflow-y: auto;
+  min-height: 100%;
 }
 body {
-  width: 100%;
   margin: 0;
   padding: 0;
-  height: 100%;
+  font-family: 'OpenSans-Regular', sans-serif;
+  font-size: 12px;
+  font-weight: normal;
+  font-style: normal;
+  font-kerning: normal;
+  height: inherit;
 }
 body > .mCSB_inside > .mCSB_container {
   margin-right: 15px;
 }
 #page {
-  min-height: 100%;
   padding-top: 84px;
+  height: inherit;
 }
 .select2-container .select2-choice {
   font-family: 'OpenSans-Regular', sans-serif;
 }
-body {
-  font-family: 'OpenSans-Regular', sans-serif;
-  font-size: 12px;
-  font-weight: normal;
-  font-style: normal;
-  font-kerning: normal;
-}
 .app-fixed-navbar {
   background: #fff;
   border-bottom: 0;
@@ -100,7 +99,7 @@ body {
 }
 .main-container {
   position: relative;
-  min-height: 100%;
+  min-height: calc(100vh - 110px);
 }
 .main-container:before,
 .main-container:after {
@@ -108,6 +107,9 @@ body {
   display: block;
   clear: both;
 }
+.main-container .row {
+  min-height: inherit;
+}
 @media (min-width: 992px) {
   .global-nav .logo-container {
     display: inline-block;
@@ -157,14 +159,13 @@ body {
     min-height: 100%;
     background: #FFFFFF;
     border-right: 1px solid #DDDDDD;
+    overflow: auto;
   }
   .main-container .content-area {
     width: 100%;
     padding-left: 283px;
-    min-height: 768px;
   }
   .main-container .settingsPageDiv {
-    min-height: 768px;
     padding-left: 230px;
   }
   .main-container .settingsNav {
@@ -796,6 +797,9 @@ a.menu-item:hover {
 /*************************************************/
 /******** View styles (List/Edit/Detail..) *******/
 /*************************************************/
+.viewContent {
+  height: inherit;
+}
 .viewContent .content-area {
   padding-left: 3%;
 }
@@ -1987,6 +1991,10 @@ th {
 .quickPreviewModuleHeader .recordImage [class^="vicon-"] {
   font-size: 35px;
 }
+.detailViewContainer {
+  background: #f9f9f9;
+  min-height: inherit;
+}
 .detailViewContainer .block {
   background: #FFFFFF;
   border: 1px solid #F3F3F3;
@@ -7649,7 +7657,7 @@ body .fc {
     font-size: 13px;
   }
   .overlay-container-60 {
-    margin-left: 0px ;
+    margin-left: 0 ;
   }
   .overlayPageContent {
     padding-bottom: 0;
@@ -7682,5 +7690,8 @@ body .fc {
     margin-left: 1px;
     padding-top: 1px;
   }
+  .listViewPageDiv #table-content {
+    overflow: scroll !important;
+  }
 }
 /*# sourceMappingURL=style.css.map */
\ No newline at end of file
diff --git a/layouts/v7/skins/vtiger/style.less b/layouts/v7/skins/vtiger/style.less
index 75e9b52b2e70274abde3c7d492fef8508be8bfc0..34c5e2b971d274c7191f15256a6af48c578d73c6 100644
--- a/layouts/v7/skins/vtiger/style.less
+++ b/layouts/v7/skins/vtiger/style.less
@@ -60,32 +60,31 @@ a:focus,a:active{
 /************ Layout **************/
 /**********************************/
 html{
-    height: 100%;
+    margin: 0;
+    padding: 0;
     overflow-y: auto;
+    min-height: 100%;
 }
 body{
-    width: 100%;
     margin: 0;
     padding: 0;
-    height: 100%;
+    font-family: 'OpenSans-Regular', sans-serif;
+    font-size : 12px;
+    font-weight: normal;
+    font-style: normal;
+    font-kerning: normal;
+    height: inherit;
 }
 body > .mCSB_inside > .mCSB_container{
     margin-right: 15px;
 }
 #page{
-    min-height:100%;
     padding-top: 84px;
+    height: inherit;
 }
 .select2-container .select2-choice{
   font-family: 'OpenSans-Regular', sans-serif;
 }
-body{
-    font-family: 'OpenSans-Regular', sans-serif; 
-    font-size : 12px;
-    font-weight: normal;
-    font-style: normal;
-    font-kerning: normal;
-}
 .app-fixed-navbar{
     background: #fff;
     border-bottom: 0;
@@ -111,7 +110,7 @@ body{
 }
 .main-container{
     position: relative;
-    min-height: 100%;
+    min-height: calc(100vh - 110px);
 }
 .main-container:before,
 .main-container:after{
@@ -119,7 +118,9 @@ body{
     display: block;
     clear:both;
 }
-
+.main-container .row {
+    min-height: inherit;
+}
 @media (min-width: 992px) {
     .global-nav .logo-container{
         display: inline-block;
@@ -170,14 +171,13 @@ body{
         min-height: 100%;
         background: @white;
         border-right: 1px solid @lightColorBorder;
+        overflow: auto;
     }
     .main-container .content-area{
         width: 100%;
         padding-left:283px;
-        min-height: 768px;
     }
     .main-container .settingsPageDiv{
-        min-height: 768px;
         padding-left: 230px;
     }
     .main-container .settingsNav {
@@ -859,10 +859,12 @@ a.menu-item:hover{
 /*************************************************/
 /******** View styles (List/Edit/Detail..) *******/
 /*************************************************/
+.viewContent {
+    height: inherit;
+}
 .viewContent .content-area{
     padding-left : 3%;
 }
-
 .viewContent .content-area.full-width{
     padding-left : 15px;
 }
@@ -2188,6 +2190,10 @@ strong, b, th{
     font-size: 35px;
 }
 //ends
+.detailViewContainer {
+    background:@detailViewbackground;
+    min-height: inherit;
+}
 .detailViewContainer .block{
     background:@white;
     border:1px solid @detailViewContainerBorderColor;
@@ -8587,7 +8593,7 @@ body .fc {
         font-size: 13px;
     }
     .overlay-container-60{
-        margin-left:0px ;
+        margin-left:0 ;
     }
     .overlayPageContent {
         padding-bottom: 0;
@@ -8620,5 +8626,8 @@ body .fc {
         margin-left: 1px;
         padding-top: 1px;
     }
+    .listViewPageDiv #table-content {
+        overflow: scroll !important;
+    }
 }
 
diff --git a/layouts/v7/skins/vtiger/variables.less b/layouts/v7/skins/vtiger/variables.less
index 44816d2ecd0f29b9eb4c52f21e1553ab61fb8825..f8b9c579a7010cf6634a698aea9f1787f33788a8 100644
--- a/layouts/v7/skins/vtiger/variables.less
+++ b/layouts/v7/skins/vtiger/variables.less
@@ -138,7 +138,7 @@
 
 //Detail view background color
 @detailViewContainerBorderColor: @timeiconbackgroundcolor;
-@detailViewbackground: @layoutAddButtonHover;
+@detailViewbackground: #f9f9f9;
 @referencefieldBackground:@timeiconbackgroundcolor;
 
 //relative activities images