diff --git a/layouts/v7/modules/Vtiger/partials/Topbar.tpl b/layouts/v7/modules/Vtiger/partials/Topbar.tpl
index 5464555a50d29e728cf27eef2446bdc84b7ad3d5..febd704847fcaed929f67a796629e7018ad2c70f 100644
--- a/layouts/v7/modules/Vtiger/partials/Topbar.tpl
+++ b/layouts/v7/modules/Vtiger/partials/Topbar.tpl
@@ -21,7 +21,7 @@
 								<span class="app-icon fa fa-bars"></span>
 							</div>
 						</div>
-						<div class="logo-container col-lg-9 col-md-9 col-sm-9 col-xs-9">
+						<div class="logo-container col-sm-3 col-xs-9">
 							<div class="row">
 								<a href="index.php" class="company-logo">
 									<img src="{$COMPANY_LOGO->get('imagepath')}" alt="{$COMPANY_LOGO->get('alt')}"/>
@@ -38,14 +38,16 @@
 						<i class="fa fa-search"></i>
 					</button>
 				</div>
-				<div id="search-links-container" class="search-links-container col-md-3 col-lg-3 collapse navbar-collapse">
-					<div class="search-link">
-						<span class="fa fa-search" aria-hidden="true"></span>
-						<input class="keyword-input" type="text" placeholder="{vtranslate('LBL_TYPE_SEARCH')}" value="{$GLOBAL_SEARCH_VALUE}">
-						<span id="adv-search" class="adv-search fa fa-chevron-circle-down pull-right cursorPointer" aria-hidden="true"></span>
+				<div class="col-sm-3">
+					<div id="search-links-container" class="search-links-container collapse navbar-collapse">
+						<div class="search-link">
+							<span class="fa fa-search" aria-hidden="true"></span>
+							<input class="keyword-input" type="text" placeholder="{vtranslate('LBL_TYPE_SEARCH')}" value="{$GLOBAL_SEARCH_VALUE}">
+							<span id="adv-search" class="adv-search fa fa-chevron-circle-down pull-right cursorPointer" aria-hidden="true"></span>
+						</div>
 					</div>
 				</div>
-				<div id="navbar" class="col-sm-6 col-md-3 col-lg-3 col-xs-12 collapse navbar-collapse navbar-right global-actions">
+				<div id="navbar" class="col-sm-6 col-xs-12 collapse navbar-collapse navbar-right global-actions">
 					<ul class="nav navbar-nav">
 						<li>
 							<div class="dropdown pull-left">
diff --git a/layouts/v7/modules/Vtiger/uitypes/Reference.tpl b/layouts/v7/modules/Vtiger/uitypes/Reference.tpl
index 460d1c9fef7ffa9d14fa885cd3203589884c42db..6a9b519d67c3e5b734e7493d1d69ac957445161a 100644
--- a/layouts/v7/modules/Vtiger/uitypes/Reference.tpl
+++ b/layouts/v7/modules/Vtiger/uitypes/Reference.tpl
@@ -51,11 +51,12 @@
             <span class="input-group-addon relatedPopup cursorPointer" title="{vtranslate('LBL_SELECT', $MODULE)}">
                 <i id="{$MODULE}_editView_fieldName_{$FIELD_NAME}_select" class="fa fa-search"></i>
             </span>
+        {if (($smarty.request.view eq 'Edit') or ($MODULE_NAME eq 'Webforms')) && !in_array($REFERENCE_LIST[0],$QUICKCREATE_RESTRICTED_MODULES)}
+            <span class="input-group-addon createReferenceRecord cursorPointer clearfix" title="{vtranslate('LBL_CREATE', $MODULE)}">
+            <i id="{$MODULE}_editView_fieldName_{$FIELD_NAME}_create" class="fa fa-plus"></i>
+        </span>
+        {/if}
     </div>
-    {if (($smarty.request.view eq 'Edit') or ($MODULE_NAME eq 'Webforms')) && !in_array($REFERENCE_LIST[0],$QUICKCREATE_RESTRICTED_MODULES)}
-            <span class="createReferenceRecord cursorPointer clearfix" title="{vtranslate('LBL_CREATE', $MODULE)}">
-                <i id="{$MODULE}_editView_fieldName_{$FIELD_NAME}_create" class="fa fa-plus"></i>
-            </span>
-        {/if}    
+
 </div>
 {/strip}
\ No newline at end of file
diff --git a/layouts/v7/skins/contact/style.css b/layouts/v7/skins/contact/style.css
index 29768f13bae7644df01e5ba205313683ec5f6105..b3d0be8c4624e3c54059cb9851e835e23e27ded3 100644
--- a/layouts/v7/skins/contact/style.css
+++ b/layouts/v7/skins/contact/style.css
@@ -86,7 +86,6 @@ body {
 }
 .global-nav .global-actions {
   padding-right: 15px;
-  height: 42px !important;
 }
 .app-nav {
   position: relative;
@@ -123,9 +122,9 @@ body {
     padding-right: 0;
     position: absolute;
     width: 100%;
-    height: 42px;
+    height: 43px;
     /*        border-top:1px solid #ddd;*/
-    border-bottom: 1px solid #ddd;
+    border-bottom: 1px solid #eee;
   }
   .app-nav .module-action-bar .module-action-content {
     background: #FBFBFB;
@@ -138,7 +137,7 @@ body {
   .main-container .module-nav {
     display: inline-block;
     width: 42px;
-    z-index: 10;
+    z-index: 1093;
     position: absolute;
     bottom: 0;
     top: 0;
@@ -162,7 +161,6 @@ body {
   .main-container .content-area {
     width: 100%;
     padding-left: 283px;
-    padding-top: 15px;
     min-height: 768px;
   }
   .main-container .settingsPageDiv {
@@ -235,7 +233,13 @@ body {
     padding-top:5px;
 }*/
 .global-nav .navbar-nav > li div a {
-  padding: 15px;
+  padding: 13px;
+}
+#navbar > ul > li > div > div > a {
+  float: left;
+}
+#navbar > ul > li > div > a {
+  float: left;
 }
 .global-nav > ul {
   margin-right: 20px;
@@ -257,11 +261,12 @@ body {
   height: 100%;
   width: 100%;
   color: #AAAAAA;
-  margin-top: 4px;
+  margin: 4px;
   padding: 0px 10px;
   text-decoration: none;
   vertical-align: top;
   border: 1px solid #DDDDDD;
+  border-width: thin;
 }
 .search-link .adv-search {
   margin-top: 9px;
@@ -387,9 +392,9 @@ body {
 }
 .app-nav .app-indicator-icon-container {
   top: 0px;
-  height: 42px;
+  height: 43px;
   text-align: center;
-  line-height: 42px;
+  line-height: 43px;
   /*    background-color: #2c3b49;*/
   color: #ffffff;
   /*border-bottom: 1px solid #272B46;*/
@@ -764,6 +769,9 @@ a.menu-item:hover {
 .logout-footer hr {
   margin: 10px 0;
 }
+#logout-footer > div > span > a {
+  float: none;
+}
 .app-home {
   background: #C5EFF7;
 }
@@ -789,7 +797,7 @@ a.menu-item:hover {
 /******** View styles (List/Edit/Detail..) *******/
 /*************************************************/
 .viewContent .content-area {
-  padding-left: 50px;
+  padding-left: 3%;
 }
 .viewContent .content-area.full-width {
   padding-left: 15px;
@@ -854,6 +862,7 @@ a {
   border-radius: 1px;
   box-shadow: none;
   border: 1px solid #cccccc;
+  border-width: thin;
 }
 input[type="text"].inputElement,
 input[type="password"].inputElement {
@@ -862,9 +871,10 @@ input[type="password"].inputElement {
 .select2-container-multi .select2-choices {
   min-height: 28px;
   border-radius: 1px;
-  border-color: #aaa;
+  border-color: #ccc;
   position: initial;
   z-index: 3;
+  border-width: thin;
 }
 .select2-container-multi .select2-choices .select2-search-field input {
   height: 29px;
@@ -880,6 +890,7 @@ input[type="password"].inputElement {
 .inputElement.select2-container .select2-choice {
   border-radius: 0 2px 2px 0;
   height: 28px;
+  border-width: thin;
 }
 .inputElement.select2-container {
   border: 0;
@@ -1434,6 +1445,8 @@ ul.unstyled {
   width: 100%;
   border: 1px solid #ddd;
   margin-top: 10px;
+  overflow: scroll;
+  border-width: thin;
 }
 .listview-table {
   margin-bottom: 0;
@@ -1456,7 +1469,7 @@ ul.unstyled {
 .listview-table > tbody > tr > td,
 .listview-table > tfoot > tr > td {
   vertical-align: middle;
-  padding: 3px;
+  padding: 8px 3px;
 }
 .listview-table > tbody > tr > td .value,
 .listview-table > tfoot > tr > td .value {
@@ -1473,6 +1486,7 @@ ul.unstyled {
   vertical-align: middle;
   width: 100%;
   display: inline-block;
+  word-break: normal;
 }
 .listViewEntries .relatedListEntryValues .value {
   vertical-align: middle;
@@ -1724,7 +1738,7 @@ input[type=checkbox]:checked {
   padding-top: 5px;
 }
 .detailViewButtoncontainer button.btn {
-  margin: 0px 1px !important;
+  margin: 1px !important;
 }
 .detailview-header .recordBasicInfo > .info-row {
   margin-bottom: 4px;
@@ -1770,7 +1784,7 @@ th {
   color: inherit;
 }
 #detailView td.fieldValue .edit {
-  width: 90%;
+  width: 100%;
 }
 .overlayDetailHeader .recordBasicInfo .fieldLabel .action,
 .detailview-header .recordBasicInfo .fieldLabel .action {
@@ -1809,16 +1823,6 @@ th {
 .overlayDetailHeader button.btn {
   margin: 0px 1px !important;
 }
-.referencefield-wrapper .createReferenceRecord {
-  float: left;
-  margin-left: 5px;
-  margin-top: 3px;
-  border: 1px solid #DDDDDD;
-  padding: 3px 7px;
-  text-align: center;
-  color: #666;
-  background: #F3F3F3;
-}
 .input-save-wrap {
   float: left;
   display: table-cell;
@@ -1827,7 +1831,7 @@ th {
   color: #FFFFFF;
 }
 .summaryView .referencefield-wrapper {
-  max-width: 150px;
+  width: 80%;
   display: table-cell;
 }
 .summaryView .referencefield-wrapper .input-group.time,
@@ -1836,6 +1840,8 @@ th {
 }
 .referencefield-wrapper {
   display: table-cell;
+  width: 80%;
+  max-width: 325px;
 }
 .record-header {
   min-height: 80px;
@@ -2018,7 +2024,7 @@ th {
   border: 0 !important;
 }
 #overlayPage {
-  top: 43px;
+  top: 86px;
   position: fixed;
   width: 100%;
   z-index: 1030;
@@ -2248,7 +2254,7 @@ th {
 }
 .noCommentsMsgContainer,
 .quick-preview-modal .noContent {
-  border: 1px solid #CCC;
+  border: 1px solid #eee;
 }
 .summaryWidgetContainer .recordImage .name {
   display: table-cell;
@@ -2367,7 +2373,8 @@ th {
 }
 .fieldBlockContainer .inputElement {
   height: 30px;
-  width: 200px;
+  width: 100%;
+  max-width: 325px;
 }
 .editViewContents .input.form-control:focus,
 .editViewContents .input.form-control:hover,
@@ -2379,7 +2386,6 @@ th {
   width: 100%;
 }
 .editViewContents .input-group {
-  width: 208px;
   float: left;
 }
 .editViewContents .fieldLabel {
@@ -3321,7 +3327,7 @@ th {
   font-size: 20px;
   font-weight: bold;
   line-height: 18px;
-  opacity: .2;
+  opacity: 0.2;
 }
 #settingsShortCutsContainer .col-lg-3.moduleBlock:hover .unpin {
   display: inline-block;
@@ -4975,7 +4981,7 @@ hr {
   padding: 15px;
   text-align: right;
   border-top: 1px solid #e5e5e5;
-  z-index: 6;
+  z-index: 1090;
 }
 .modal-footer-overwrite-style {
   position: initial;
@@ -5061,7 +5067,9 @@ hr {
 }
 .related-tabs.row .nav > li {
   padding: 0 10px;
-  margin: 0 2px;
+  margin: 0 2px 3px 2px;
+  width: 90px;
+  text-align: center;
 }
 .massEditTabs.nav > li {
   padding: 0 10px;
@@ -5102,6 +5110,7 @@ TN-34230 .row .nav > li > a:hover {
 .contents.tabbable .nav-tabs > li.active:focus {
   border: none;
   border-bottom: 3px solid #555;
+  margin-bottom: 0;
 }
 .nav-tabs > li.active > a,
 .nav-tabs > li.active > a:hover,
@@ -6010,6 +6019,7 @@ div.tooltip-inner {
 .detailview-header-block {
   background: white;
   padding: 15px;
+  padding-top: 25px;
 }
 .detailViewContainer .content-area,
 .editViewPageDiv .content-area,
@@ -6108,7 +6118,7 @@ div.tooltip-inner {
   border-left: 0;
 }
 .editViewContents .fieldValue .referencefield-wrapper {
-  width: 300px;
+  width: 100%;
   display: inline-block;
 }
 .input-group-addon {
@@ -6124,11 +6134,13 @@ div.tooltip-inner {
 }
 .listViewEntries .input-group,
 .referencefield-wrapper .input-group {
-  min-width: 120px;
+  width: 100%;
+  max-width: 325px;
 }
 .summaryViewEntries .inputElement.form-control,
 .detailview-table .inputElement.form-control {
-  width: 70%;
+  width: 80%;
+  max-width: 300px;
 }
 .detailview-table input[type="checkbox"] {
   width: 13px !important;
@@ -6136,7 +6148,8 @@ div.tooltip-inner {
 }
 .detailview-table .input-group-addon + .inputElement.form-control,
 .detailview-table .inputElement.form-control.input-medium {
-  width: 100%;
+  min-width: 80%;
+  max-width: 300px;
 }
 .summaryViewEntries .referencefield-wrapper .inputElement,
 .detailview-table .referencefield-wrapper .inputElement,
@@ -6679,7 +6692,7 @@ li.select2-search-choice div {
   padding: 3px;
 }
 .floatThead-table {
-  border-left: 1px solid #DDDDDD;
+  background: #fbfbfb;
 }
 .main-container-Documents .module-nav,
 .main-container-Reports .module-nav {
@@ -6891,19 +6904,19 @@ a.btnReport:hover {
   box-sizing: border-box;
 }
 .column.l1 {
-  width: 4.166666666667%;
+  width: 4.16666667%;
 }
 .column.l2 {
-  width: 8.333333333333%;
+  width: 8.33333333%;
 }
 .column.l3 {
   width: 12.5%;
 }
 .column.l5 {
-  width: 20.83333333333%;
+  width: 20.83333333%;
 }
 .column.l8 {
-  width: 33.33333333333%;
+  width: 33.33333333%;
 }
 .column.l9 {
   width: 37.5%;
@@ -7523,3 +7536,151 @@ input:focus:-ms-input-placeholder {
 .moduleIcon .custom-module {
   font-weight: bold;
 }
+.navbar-fixed-top {
+  z-index: 1095 !important;
+}
+body .fc {
+  overflow: auto;
+}
+.margin0 {
+  margin: 0;
+}
+.border0 {
+  border: 0;
+}
+.padding0 {
+  padding: 0;
+}
+.rounded0 {
+  border-radius: 0;
+}
+.bg-white {
+  background: #FFFFFF;
+}
+.nav-tabs {
+  border-bottom: 0;
+}
+.commentcontent {
+  border: 1px solid #ddd;
+}
+.editViewHeader {
+  padding-top: 20px;
+}
+.listview-table > thead > tr > th {
+  border-bottom: 0;
+  font-size: 13px;
+}
+.floatThead-floatContainer {
+  margin-left: 1px;
+}
+@media all and (min-width: 0px) and (max-width: 830px) {
+  table.summary-table > tbody > tr > td,
+  table.summary-table > tbody > tr > th,
+  table.summary-table > tfoot > tr > td,
+  table.summary-table > tfoot > tr > th,
+  table.summary-table > thead > tr > td,
+  table.summary-table > thead > tr > th,
+  .quickCreateContent > table.table > tbody > tr > td,
+  .quickCreateContent > table.table > tbody > tr > th,
+  .quickCreateContent > table.table > tfoot > tr > td,
+  .quickCreateContent > table.table > tfoot > tr > th,
+  .quickCreateContent > table.table > thead > tr > td,
+  .quickCreateContent > table.table > thead > tr > th,
+  .fieldBlockContainer > table.table:not(#lineItemResult) > tbody > tr > td,
+  .fieldBlockContainer > table.table:not(#lineItemResult) > tbody > tr > th,
+  .fieldBlockContainer > table.table:not(#lineItemResult) > tfoot > tr > td,
+  .fieldBlockContainer > table.table:not(#lineItemResult) > tfoot > tr > th,
+  .fieldBlockContainer > table.table:not(#lineItemResult) > thead > tr > td,
+  .fieldBlockContainer > table.table:not(#lineItemResult) > thead > tr > th,
+  .detailview-table > tbody > tr > td,
+  .detailview-table > tbody > tr > th,
+  .detailview-table > tfoot > tr > td,
+  .detailview-table > tfoot > tr > th,
+  .detailview-table > thead > tr > td,
+  .detailview-table > thead > tr > th {
+    display: block;
+    min-width: 100%!important;
+  }
+  table.summary-table > thead > tr > th,
+  .quickCreateContent > table.table > thead > tr > th,
+  .fieldBlockContainer > table.table:not(#lineItemResult) > thead > tr > th,
+  .detailview-table > thead > tr > th {
+    display: none;
+  }
+  .editElement div {
+    float: left;
+  }
+  #detailView td.fieldValue .edit {
+    width: 100%;
+    float: none !important;
+    display: inline-block;
+  }
+  table.summary-table td.fieldValue .inputElement,
+  .quickCreateContent > table.table td.fieldValue .inputElement,
+  .fieldBlockContainer > table.table:not(#lineItemResult) td.fieldValue .inputElement,
+  .fieldBlockContainer > table.table:not(#lineItemResult) td.fieldValue .input-group {
+    width: 100%;
+    float: none !important;
+  }
+  #detailView td.fieldLabel {
+    padding-top: 20px;
+  }
+  #detailView td.fieldValue {
+    border-bottom: 1px solid #eee;
+    padding-bottom: 20px;
+  }
+  #detailView td.fieldValue > span:first-child {
+    border: 0;
+    border-bottom: 1px dashed #aaa;
+  }
+  .search-link {
+    border: 0;
+  }
+  #page > nav.navbar {
+    border-bottom: 1px solid #eee;
+  }
+  .modal-overlay-footer {
+    border-left: 0;
+  }
+  .app-footer {
+    font-size: 11px;
+  }
+  body {
+    font-size: 13px;
+  }
+  .overlay-container-60 {
+    margin-left: 0px ;
+  }
+  .overlayPageContent {
+    padding-bottom: 0;
+  }
+  .overlayPageContent.fade {
+    overflow: scroll;
+  }
+  .overlayDetail .modal-content {
+    position: relative;
+  }
+  .mCSB_inside > .mCSB_container {
+    margin-right: 0;
+  }
+  #mCSB_9_scrollbar_vertical {
+    display: none;
+  }
+  .lineItemInputBox {
+    width: 100%;
+  }
+  #comment1 {
+    border-left-color: #ccc;
+  }
+  .editViewContents .fieldLabel {
+    padding-top: 20px;
+  }
+  .quickCreateContent .fieldLabel {
+    padding-top: 20px;
+  }
+  .floatThead-floatContainer {
+    margin-left: 1px;
+    padding-top: 1px;
+  }
+}
+/*# 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 6114bc0b513577b9d23f4082d60e170b6017decb..651709911bf5dcf55a8281792c698e81401c6a52 100644
--- a/layouts/v7/skins/inventory/style.css
+++ b/layouts/v7/skins/inventory/style.css
@@ -86,7 +86,6 @@ body {
 }
 .global-nav .global-actions {
   padding-right: 15px;
-  height: 42px !important;
 }
 .app-nav {
   position: relative;
@@ -123,9 +122,9 @@ body {
     padding-right: 0;
     position: absolute;
     width: 100%;
-    height: 42px;
+    height: 43px;
     /*        border-top:1px solid #ddd;*/
-    border-bottom: 1px solid #ddd;
+    border-bottom: 1px solid #eee;
   }
   .app-nav .module-action-bar .module-action-content {
     background: #FBFBFB;
@@ -138,7 +137,7 @@ body {
   .main-container .module-nav {
     display: inline-block;
     width: 42px;
-    z-index: 10;
+    z-index: 1093;
     position: absolute;
     bottom: 0;
     top: 0;
@@ -162,7 +161,6 @@ body {
   .main-container .content-area {
     width: 100%;
     padding-left: 283px;
-    padding-top: 15px;
     min-height: 768px;
   }
   .main-container .settingsPageDiv {
@@ -235,7 +233,13 @@ body {
     padding-top:5px;
 }*/
 .global-nav .navbar-nav > li div a {
-  padding: 15px;
+  padding: 13px;
+}
+#navbar > ul > li > div > div > a {
+  float: left;
+}
+#navbar > ul > li > div > a {
+  float: left;
 }
 .global-nav > ul {
   margin-right: 20px;
@@ -257,11 +261,12 @@ body {
   height: 100%;
   width: 100%;
   color: #AAAAAA;
-  margin-top: 4px;
+  margin: 4px;
   padding: 0px 10px;
   text-decoration: none;
   vertical-align: top;
   border: 1px solid #DDDDDD;
+  border-width: thin;
 }
 .search-link .adv-search {
   margin-top: 9px;
@@ -387,9 +392,9 @@ body {
 }
 .app-nav .app-indicator-icon-container {
   top: 0px;
-  height: 42px;
+  height: 43px;
   text-align: center;
-  line-height: 42px;
+  line-height: 43px;
   /*    background-color: #2c3b49;*/
   color: #ffffff;
   /*border-bottom: 1px solid #272B46;*/
@@ -764,6 +769,9 @@ a.menu-item:hover {
 .logout-footer hr {
   margin: 10px 0;
 }
+#logout-footer > div > span > a {
+  float: none;
+}
 .app-home {
   background: #C5EFF7;
 }
@@ -789,7 +797,7 @@ a.menu-item:hover {
 /******** View styles (List/Edit/Detail..) *******/
 /*************************************************/
 .viewContent .content-area {
-  padding-left: 50px;
+  padding-left: 3%;
 }
 .viewContent .content-area.full-width {
   padding-left: 15px;
@@ -854,6 +862,7 @@ a {
   border-radius: 1px;
   box-shadow: none;
   border: 1px solid #cccccc;
+  border-width: thin;
 }
 input[type="text"].inputElement,
 input[type="password"].inputElement {
@@ -862,9 +871,10 @@ input[type="password"].inputElement {
 .select2-container-multi .select2-choices {
   min-height: 28px;
   border-radius: 1px;
-  border-color: #aaa;
+  border-color: #ccc;
   position: initial;
   z-index: 3;
+  border-width: thin;
 }
 .select2-container-multi .select2-choices .select2-search-field input {
   height: 29px;
@@ -880,6 +890,7 @@ input[type="password"].inputElement {
 .inputElement.select2-container .select2-choice {
   border-radius: 0 2px 2px 0;
   height: 28px;
+  border-width: thin;
 }
 .inputElement.select2-container {
   border: 0;
@@ -1434,6 +1445,8 @@ ul.unstyled {
   width: 100%;
   border: 1px solid #ddd;
   margin-top: 10px;
+  overflow: scroll;
+  border-width: thin;
 }
 .listview-table {
   margin-bottom: 0;
@@ -1456,7 +1469,7 @@ ul.unstyled {
 .listview-table > tbody > tr > td,
 .listview-table > tfoot > tr > td {
   vertical-align: middle;
-  padding: 3px;
+  padding: 8px 3px;
 }
 .listview-table > tbody > tr > td .value,
 .listview-table > tfoot > tr > td .value {
@@ -1473,6 +1486,7 @@ ul.unstyled {
   vertical-align: middle;
   width: 100%;
   display: inline-block;
+  word-break: normal;
 }
 .listViewEntries .relatedListEntryValues .value {
   vertical-align: middle;
@@ -1724,7 +1738,7 @@ input[type=checkbox]:checked {
   padding-top: 5px;
 }
 .detailViewButtoncontainer button.btn {
-  margin: 0px 1px !important;
+  margin: 1px !important;
 }
 .detailview-header .recordBasicInfo > .info-row {
   margin-bottom: 4px;
@@ -1770,7 +1784,7 @@ th {
   color: inherit;
 }
 #detailView td.fieldValue .edit {
-  width: 90%;
+  width: 100%;
 }
 .overlayDetailHeader .recordBasicInfo .fieldLabel .action,
 .detailview-header .recordBasicInfo .fieldLabel .action {
@@ -1809,16 +1823,6 @@ th {
 .overlayDetailHeader button.btn {
   margin: 0px 1px !important;
 }
-.referencefield-wrapper .createReferenceRecord {
-  float: left;
-  margin-left: 5px;
-  margin-top: 3px;
-  border: 1px solid #DDDDDD;
-  padding: 3px 7px;
-  text-align: center;
-  color: #666;
-  background: #F3F3F3;
-}
 .input-save-wrap {
   float: left;
   display: table-cell;
@@ -1827,7 +1831,7 @@ th {
   color: #FFFFFF;
 }
 .summaryView .referencefield-wrapper {
-  max-width: 150px;
+  width: 80%;
   display: table-cell;
 }
 .summaryView .referencefield-wrapper .input-group.time,
@@ -1836,6 +1840,8 @@ th {
 }
 .referencefield-wrapper {
   display: table-cell;
+  width: 80%;
+  max-width: 325px;
 }
 .record-header {
   min-height: 80px;
@@ -2018,7 +2024,7 @@ th {
   border: 0 !important;
 }
 #overlayPage {
-  top: 43px;
+  top: 86px;
   position: fixed;
   width: 100%;
   z-index: 1030;
@@ -2248,7 +2254,7 @@ th {
 }
 .noCommentsMsgContainer,
 .quick-preview-modal .noContent {
-  border: 1px solid #CCC;
+  border: 1px solid #eee;
 }
 .summaryWidgetContainer .recordImage .name {
   display: table-cell;
@@ -2367,7 +2373,8 @@ th {
 }
 .fieldBlockContainer .inputElement {
   height: 30px;
-  width: 200px;
+  width: 100%;
+  max-width: 325px;
 }
 .editViewContents .input.form-control:focus,
 .editViewContents .input.form-control:hover,
@@ -2379,7 +2386,6 @@ th {
   width: 100%;
 }
 .editViewContents .input-group {
-  width: 208px;
   float: left;
 }
 .editViewContents .fieldLabel {
@@ -3321,7 +3327,7 @@ th {
   font-size: 20px;
   font-weight: bold;
   line-height: 18px;
-  opacity: .2;
+  opacity: 0.2;
 }
 #settingsShortCutsContainer .col-lg-3.moduleBlock:hover .unpin {
   display: inline-block;
@@ -4975,7 +4981,7 @@ hr {
   padding: 15px;
   text-align: right;
   border-top: 1px solid #e5e5e5;
-  z-index: 6;
+  z-index: 1090;
 }
 .modal-footer-overwrite-style {
   position: initial;
@@ -5061,7 +5067,9 @@ hr {
 }
 .related-tabs.row .nav > li {
   padding: 0 10px;
-  margin: 0 2px;
+  margin: 0 2px 3px 2px;
+  width: 90px;
+  text-align: center;
 }
 .massEditTabs.nav > li {
   padding: 0 10px;
@@ -5102,6 +5110,7 @@ TN-34230 .row .nav > li > a:hover {
 .contents.tabbable .nav-tabs > li.active:focus {
   border: none;
   border-bottom: 3px solid #555;
+  margin-bottom: 0;
 }
 .nav-tabs > li.active > a,
 .nav-tabs > li.active > a:hover,
@@ -6010,6 +6019,7 @@ div.tooltip-inner {
 .detailview-header-block {
   background: white;
   padding: 15px;
+  padding-top: 25px;
 }
 .detailViewContainer .content-area,
 .editViewPageDiv .content-area,
@@ -6108,7 +6118,7 @@ div.tooltip-inner {
   border-left: 0;
 }
 .editViewContents .fieldValue .referencefield-wrapper {
-  width: 300px;
+  width: 100%;
   display: inline-block;
 }
 .input-group-addon {
@@ -6124,11 +6134,13 @@ div.tooltip-inner {
 }
 .listViewEntries .input-group,
 .referencefield-wrapper .input-group {
-  min-width: 120px;
+  width: 100%;
+  max-width: 325px;
 }
 .summaryViewEntries .inputElement.form-control,
 .detailview-table .inputElement.form-control {
-  width: 70%;
+  width: 80%;
+  max-width: 300px;
 }
 .detailview-table input[type="checkbox"] {
   width: 13px !important;
@@ -6136,7 +6148,8 @@ div.tooltip-inner {
 }
 .detailview-table .input-group-addon + .inputElement.form-control,
 .detailview-table .inputElement.form-control.input-medium {
-  width: 100%;
+  min-width: 80%;
+  max-width: 300px;
 }
 .summaryViewEntries .referencefield-wrapper .inputElement,
 .detailview-table .referencefield-wrapper .inputElement,
@@ -6679,7 +6692,7 @@ li.select2-search-choice div {
   padding: 3px;
 }
 .floatThead-table {
-  border-left: 1px solid #DDDDDD;
+  background: #fbfbfb;
 }
 .main-container-Documents .module-nav,
 .main-container-Reports .module-nav {
@@ -6891,19 +6904,19 @@ a.btnReport:hover {
   box-sizing: border-box;
 }
 .column.l1 {
-  width: 4.166666666667%;
+  width: 4.16666667%;
 }
 .column.l2 {
-  width: 8.333333333333%;
+  width: 8.33333333%;
 }
 .column.l3 {
   width: 12.5%;
 }
 .column.l5 {
-  width: 20.83333333333%;
+  width: 20.83333333%;
 }
 .column.l8 {
-  width: 33.33333333333%;
+  width: 33.33333333%;
 }
 .column.l9 {
   width: 37.5%;
@@ -7523,7 +7536,155 @@ input:focus:-ms-input-placeholder {
 .moduleIcon .custom-module {
   font-weight: bold;
 }
+.navbar-fixed-top {
+  z-index: 1095 !important;
+}
+body .fc {
+  overflow: auto;
+}
+.margin0 {
+  margin: 0;
+}
+.border0 {
+  border: 0;
+}
+.padding0 {
+  padding: 0;
+}
+.rounded0 {
+  border-radius: 0;
+}
+.bg-white {
+  background: #FFFFFF;
+}
+.nav-tabs {
+  border-bottom: 0;
+}
+.commentcontent {
+  border: 1px solid #ddd;
+}
+.editViewHeader {
+  padding-top: 20px;
+}
+.listview-table > thead > tr > th {
+  border-bottom: 0;
+  font-size: 13px;
+}
+.floatThead-floatContainer {
+  margin-left: 1px;
+}
+@media all and (min-width: 0px) and (max-width: 830px) {
+  table.summary-table > tbody > tr > td,
+  table.summary-table > tbody > tr > th,
+  table.summary-table > tfoot > tr > td,
+  table.summary-table > tfoot > tr > th,
+  table.summary-table > thead > tr > td,
+  table.summary-table > thead > tr > th,
+  .quickCreateContent > table.table > tbody > tr > td,
+  .quickCreateContent > table.table > tbody > tr > th,
+  .quickCreateContent > table.table > tfoot > tr > td,
+  .quickCreateContent > table.table > tfoot > tr > th,
+  .quickCreateContent > table.table > thead > tr > td,
+  .quickCreateContent > table.table > thead > tr > th,
+  .fieldBlockContainer > table.table:not(#lineItemResult) > tbody > tr > td,
+  .fieldBlockContainer > table.table:not(#lineItemResult) > tbody > tr > th,
+  .fieldBlockContainer > table.table:not(#lineItemResult) > tfoot > tr > td,
+  .fieldBlockContainer > table.table:not(#lineItemResult) > tfoot > tr > th,
+  .fieldBlockContainer > table.table:not(#lineItemResult) > thead > tr > td,
+  .fieldBlockContainer > table.table:not(#lineItemResult) > thead > tr > th,
+  .detailview-table > tbody > tr > td,
+  .detailview-table > tbody > tr > th,
+  .detailview-table > tfoot > tr > td,
+  .detailview-table > tfoot > tr > th,
+  .detailview-table > thead > tr > td,
+  .detailview-table > thead > tr > th {
+    display: block;
+    min-width: 100%!important;
+  }
+  table.summary-table > thead > tr > th,
+  .quickCreateContent > table.table > thead > tr > th,
+  .fieldBlockContainer > table.table:not(#lineItemResult) > thead > tr > th,
+  .detailview-table > thead > tr > th {
+    display: none;
+  }
+  .editElement div {
+    float: left;
+  }
+  #detailView td.fieldValue .edit {
+    width: 100%;
+    float: none !important;
+    display: inline-block;
+  }
+  table.summary-table td.fieldValue .inputElement,
+  .quickCreateContent > table.table td.fieldValue .inputElement,
+  .fieldBlockContainer > table.table:not(#lineItemResult) td.fieldValue .inputElement,
+  .fieldBlockContainer > table.table:not(#lineItemResult) td.fieldValue .input-group {
+    width: 100%;
+    float: none !important;
+  }
+  #detailView td.fieldLabel {
+    padding-top: 20px;
+  }
+  #detailView td.fieldValue {
+    border-bottom: 1px solid #eee;
+    padding-bottom: 20px;
+  }
+  #detailView td.fieldValue > span:first-child {
+    border: 0;
+    border-bottom: 1px dashed #aaa;
+  }
+  .search-link {
+    border: 0;
+  }
+  #page > nav.navbar {
+    border-bottom: 1px solid #eee;
+  }
+  .modal-overlay-footer {
+    border-left: 0;
+  }
+  .app-footer {
+    font-size: 11px;
+  }
+  body {
+    font-size: 13px;
+  }
+  .overlay-container-60 {
+    margin-left: 0px ;
+  }
+  .overlayPageContent {
+    padding-bottom: 0;
+  }
+  .overlayPageContent.fade {
+    overflow: scroll;
+  }
+  .overlayDetail .modal-content {
+    position: relative;
+  }
+  .mCSB_inside > .mCSB_container {
+    margin-right: 0;
+  }
+  #mCSB_9_scrollbar_vertical {
+    display: none;
+  }
+  .lineItemInputBox {
+    width: 100%;
+  }
+  #comment1 {
+    border-left-color: #ccc;
+  }
+  .editViewContents .fieldLabel {
+    padding-top: 20px;
+  }
+  .quickCreateContent .fieldLabel {
+    padding-top: 20px;
+  }
+  .floatThead-floatContainer {
+    margin-left: 1px;
+    padding-top: 1px;
+  }
+}
 .modules-menu ul li.active a {
   border-left: 3px solid #F1C40F;
   opacity: 1;
 }
+/*# sourceMappingURL=style.css.map */
\ No newline at end of file
diff --git a/layouts/v7/skins/marketing/style.css b/layouts/v7/skins/marketing/style.css
index cad71bd87bf916a0450a30a90b7e38297c97fb35..968b55517268eaac6cbf5013348f368795644d9b 100644
--- a/layouts/v7/skins/marketing/style.css
+++ b/layouts/v7/skins/marketing/style.css
@@ -86,7 +86,6 @@ body {
 }
 .global-nav .global-actions {
   padding-right: 15px;
-  height: 42px !important;
 }
 .app-nav {
   position: relative;
@@ -123,9 +122,9 @@ body {
     padding-right: 0;
     position: absolute;
     width: 100%;
-    height: 42px;
+    height: 43px;
     /*        border-top:1px solid #ddd;*/
-    border-bottom: 1px solid #ddd;
+    border-bottom: 1px solid #eee;
   }
   .app-nav .module-action-bar .module-action-content {
     background: #FBFBFB;
@@ -138,7 +137,7 @@ body {
   .main-container .module-nav {
     display: inline-block;
     width: 42px;
-    z-index: 10;
+    z-index: 1093;
     position: absolute;
     bottom: 0;
     top: 0;
@@ -162,7 +161,6 @@ body {
   .main-container .content-area {
     width: 100%;
     padding-left: 283px;
-    padding-top: 15px;
     min-height: 768px;
   }
   .main-container .settingsPageDiv {
@@ -235,7 +233,13 @@ body {
     padding-top:5px;
 }*/
 .global-nav .navbar-nav > li div a {
-  padding: 15px;
+  padding: 13px;
+}
+#navbar > ul > li > div > div > a {
+  float: left;
+}
+#navbar > ul > li > div > a {
+  float: left;
 }
 .global-nav > ul {
   margin-right: 20px;
@@ -257,11 +261,12 @@ body {
   height: 100%;
   width: 100%;
   color: #AAAAAA;
-  margin-top: 4px;
+  margin: 4px;
   padding: 0px 10px;
   text-decoration: none;
   vertical-align: top;
   border: 1px solid #DDDDDD;
+  border-width: thin;
 }
 .search-link .adv-search {
   margin-top: 9px;
@@ -387,9 +392,9 @@ body {
 }
 .app-nav .app-indicator-icon-container {
   top: 0px;
-  height: 42px;
+  height: 43px;
   text-align: center;
-  line-height: 42px;
+  line-height: 43px;
   /*    background-color: #2c3b49;*/
   color: #ffffff;
   /*border-bottom: 1px solid #272B46;*/
@@ -764,6 +769,9 @@ a.menu-item:hover {
 .logout-footer hr {
   margin: 10px 0;
 }
+#logout-footer > div > span > a {
+  float: none;
+}
 .app-home {
   background: #C5EFF7;
 }
@@ -789,7 +797,7 @@ a.menu-item:hover {
 /******** View styles (List/Edit/Detail..) *******/
 /*************************************************/
 .viewContent .content-area {
-  padding-left: 50px;
+  padding-left: 3%;
 }
 .viewContent .content-area.full-width {
   padding-left: 15px;
@@ -854,6 +862,7 @@ a {
   border-radius: 1px;
   box-shadow: none;
   border: 1px solid #cccccc;
+  border-width: thin;
 }
 input[type="text"].inputElement,
 input[type="password"].inputElement {
@@ -862,9 +871,10 @@ input[type="password"].inputElement {
 .select2-container-multi .select2-choices {
   min-height: 28px;
   border-radius: 1px;
-  border-color: #aaa;
+  border-color: #ccc;
   position: initial;
   z-index: 3;
+  border-width: thin;
 }
 .select2-container-multi .select2-choices .select2-search-field input {
   height: 29px;
@@ -880,6 +890,7 @@ input[type="password"].inputElement {
 .inputElement.select2-container .select2-choice {
   border-radius: 0 2px 2px 0;
   height: 28px;
+  border-width: thin;
 }
 .inputElement.select2-container {
   border: 0;
@@ -1434,6 +1445,8 @@ ul.unstyled {
   width: 100%;
   border: 1px solid #ddd;
   margin-top: 10px;
+  overflow: scroll;
+  border-width: thin;
 }
 .listview-table {
   margin-bottom: 0;
@@ -1456,7 +1469,7 @@ ul.unstyled {
 .listview-table > tbody > tr > td,
 .listview-table > tfoot > tr > td {
   vertical-align: middle;
-  padding: 3px;
+  padding: 8px 3px;
 }
 .listview-table > tbody > tr > td .value,
 .listview-table > tfoot > tr > td .value {
@@ -1473,6 +1486,7 @@ ul.unstyled {
   vertical-align: middle;
   width: 100%;
   display: inline-block;
+  word-break: normal;
 }
 .listViewEntries .relatedListEntryValues .value {
   vertical-align: middle;
@@ -1724,7 +1738,7 @@ input[type=checkbox]:checked {
   padding-top: 5px;
 }
 .detailViewButtoncontainer button.btn {
-  margin: 0px 1px !important;
+  margin: 1px !important;
 }
 .detailview-header .recordBasicInfo > .info-row {
   margin-bottom: 4px;
@@ -1770,7 +1784,7 @@ th {
   color: inherit;
 }
 #detailView td.fieldValue .edit {
-  width: 90%;
+  width: 100%;
 }
 .overlayDetailHeader .recordBasicInfo .fieldLabel .action,
 .detailview-header .recordBasicInfo .fieldLabel .action {
@@ -1809,16 +1823,6 @@ th {
 .overlayDetailHeader button.btn {
   margin: 0px 1px !important;
 }
-.referencefield-wrapper .createReferenceRecord {
-  float: left;
-  margin-left: 5px;
-  margin-top: 3px;
-  border: 1px solid #DDDDDD;
-  padding: 3px 7px;
-  text-align: center;
-  color: #666;
-  background: #F3F3F3;
-}
 .input-save-wrap {
   float: left;
   display: table-cell;
@@ -1827,7 +1831,7 @@ th {
   color: #FFFFFF;
 }
 .summaryView .referencefield-wrapper {
-  max-width: 150px;
+  width: 80%;
   display: table-cell;
 }
 .summaryView .referencefield-wrapper .input-group.time,
@@ -1836,6 +1840,8 @@ th {
 }
 .referencefield-wrapper {
   display: table-cell;
+  width: 80%;
+  max-width: 325px;
 }
 .record-header {
   min-height: 80px;
@@ -2018,7 +2024,7 @@ th {
   border: 0 !important;
 }
 #overlayPage {
-  top: 43px;
+  top: 86px;
   position: fixed;
   width: 100%;
   z-index: 1030;
@@ -2248,7 +2254,7 @@ th {
 }
 .noCommentsMsgContainer,
 .quick-preview-modal .noContent {
-  border: 1px solid #CCC;
+  border: 1px solid #eee;
 }
 .summaryWidgetContainer .recordImage .name {
   display: table-cell;
@@ -2367,7 +2373,8 @@ th {
 }
 .fieldBlockContainer .inputElement {
   height: 30px;
-  width: 200px;
+  width: 100%;
+  max-width: 325px;
 }
 .editViewContents .input.form-control:focus,
 .editViewContents .input.form-control:hover,
@@ -2379,7 +2386,6 @@ th {
   width: 100%;
 }
 .editViewContents .input-group {
-  width: 208px;
   float: left;
 }
 .editViewContents .fieldLabel {
@@ -3321,7 +3327,7 @@ th {
   font-size: 20px;
   font-weight: bold;
   line-height: 18px;
-  opacity: .2;
+  opacity: 0.2;
 }
 #settingsShortCutsContainer .col-lg-3.moduleBlock:hover .unpin {
   display: inline-block;
@@ -4975,7 +4981,7 @@ hr {
   padding: 15px;
   text-align: right;
   border-top: 1px solid #e5e5e5;
-  z-index: 6;
+  z-index: 1090;
 }
 .modal-footer-overwrite-style {
   position: initial;
@@ -5061,7 +5067,9 @@ hr {
 }
 .related-tabs.row .nav > li {
   padding: 0 10px;
-  margin: 0 2px;
+  margin: 0 2px 3px 2px;
+  width: 90px;
+  text-align: center;
 }
 .massEditTabs.nav > li {
   padding: 0 10px;
@@ -5102,6 +5110,7 @@ TN-34230 .row .nav > li > a:hover {
 .contents.tabbable .nav-tabs > li.active:focus {
   border: none;
   border-bottom: 3px solid #555;
+  margin-bottom: 0;
 }
 .nav-tabs > li.active > a,
 .nav-tabs > li.active > a:hover,
@@ -6010,6 +6019,7 @@ div.tooltip-inner {
 .detailview-header-block {
   background: white;
   padding: 15px;
+  padding-top: 25px;
 }
 .detailViewContainer .content-area,
 .editViewPageDiv .content-area,
@@ -6108,7 +6118,7 @@ div.tooltip-inner {
   border-left: 0;
 }
 .editViewContents .fieldValue .referencefield-wrapper {
-  width: 300px;
+  width: 100%;
   display: inline-block;
 }
 .input-group-addon {
@@ -6124,11 +6134,13 @@ div.tooltip-inner {
 }
 .listViewEntries .input-group,
 .referencefield-wrapper .input-group {
-  min-width: 120px;
+  width: 100%;
+  max-width: 325px;
 }
 .summaryViewEntries .inputElement.form-control,
 .detailview-table .inputElement.form-control {
-  width: 70%;
+  width: 80%;
+  max-width: 300px;
 }
 .detailview-table input[type="checkbox"] {
   width: 13px !important;
@@ -6136,7 +6148,8 @@ div.tooltip-inner {
 }
 .detailview-table .input-group-addon + .inputElement.form-control,
 .detailview-table .inputElement.form-control.input-medium {
-  width: 100%;
+  min-width: 80%;
+  max-width: 300px;
 }
 .summaryViewEntries .referencefield-wrapper .inputElement,
 .detailview-table .referencefield-wrapper .inputElement,
@@ -6679,7 +6692,7 @@ li.select2-search-choice div {
   padding: 3px;
 }
 .floatThead-table {
-  border-left: 1px solid #DDDDDD;
+  background: #fbfbfb;
 }
 .main-container-Documents .module-nav,
 .main-container-Reports .module-nav {
@@ -6891,19 +6904,19 @@ a.btnReport:hover {
   box-sizing: border-box;
 }
 .column.l1 {
-  width: 4.166666666667%;
+  width: 4.16666667%;
 }
 .column.l2 {
-  width: 8.333333333333%;
+  width: 8.33333333%;
 }
 .column.l3 {
   width: 12.5%;
 }
 .column.l5 {
-  width: 20.83333333333%;
+  width: 20.83333333%;
 }
 .column.l8 {
-  width: 33.33333333333%;
+  width: 33.33333333%;
 }
 .column.l9 {
   width: 37.5%;
@@ -7523,6 +7536,153 @@ input:focus:-ms-input-placeholder {
 .moduleIcon .custom-module {
   font-weight: bold;
 }
+.navbar-fixed-top {
+  z-index: 1095 !important;
+}
+body .fc {
+  overflow: auto;
+}
+.margin0 {
+  margin: 0;
+}
+.border0 {
+  border: 0;
+}
+.padding0 {
+  padding: 0;
+}
+.rounded0 {
+  border-radius: 0;
+}
+.bg-white {
+  background: #FFFFFF;
+}
+.nav-tabs {
+  border-bottom: 0;
+}
+.commentcontent {
+  border: 1px solid #ddd;
+}
+.editViewHeader {
+  padding-top: 20px;
+}
+.listview-table > thead > tr > th {
+  border-bottom: 0;
+  font-size: 13px;
+}
+.floatThead-floatContainer {
+  margin-left: 1px;
+}
+@media all and (min-width: 0px) and (max-width: 830px) {
+  table.summary-table > tbody > tr > td,
+  table.summary-table > tbody > tr > th,
+  table.summary-table > tfoot > tr > td,
+  table.summary-table > tfoot > tr > th,
+  table.summary-table > thead > tr > td,
+  table.summary-table > thead > tr > th,
+  .quickCreateContent > table.table > tbody > tr > td,
+  .quickCreateContent > table.table > tbody > tr > th,
+  .quickCreateContent > table.table > tfoot > tr > td,
+  .quickCreateContent > table.table > tfoot > tr > th,
+  .quickCreateContent > table.table > thead > tr > td,
+  .quickCreateContent > table.table > thead > tr > th,
+  .fieldBlockContainer > table.table:not(#lineItemResult) > tbody > tr > td,
+  .fieldBlockContainer > table.table:not(#lineItemResult) > tbody > tr > th,
+  .fieldBlockContainer > table.table:not(#lineItemResult) > tfoot > tr > td,
+  .fieldBlockContainer > table.table:not(#lineItemResult) > tfoot > tr > th,
+  .fieldBlockContainer > table.table:not(#lineItemResult) > thead > tr > td,
+  .fieldBlockContainer > table.table:not(#lineItemResult) > thead > tr > th,
+  .detailview-table > tbody > tr > td,
+  .detailview-table > tbody > tr > th,
+  .detailview-table > tfoot > tr > td,
+  .detailview-table > tfoot > tr > th,
+  .detailview-table > thead > tr > td,
+  .detailview-table > thead > tr > th {
+    display: block;
+    min-width: 100%!important;
+  }
+  table.summary-table > thead > tr > th,
+  .quickCreateContent > table.table > thead > tr > th,
+  .fieldBlockContainer > table.table:not(#lineItemResult) > thead > tr > th,
+  .detailview-table > thead > tr > th {
+    display: none;
+  }
+  .editElement div {
+    float: left;
+  }
+  #detailView td.fieldValue .edit {
+    width: 100%;
+    float: none !important;
+    display: inline-block;
+  }
+  table.summary-table td.fieldValue .inputElement,
+  .quickCreateContent > table.table td.fieldValue .inputElement,
+  .fieldBlockContainer > table.table:not(#lineItemResult) td.fieldValue .inputElement,
+  .fieldBlockContainer > table.table:not(#lineItemResult) td.fieldValue .input-group {
+    width: 100%;
+    float: none !important;
+  }
+  #detailView td.fieldLabel {
+    padding-top: 20px;
+  }
+  #detailView td.fieldValue {
+    border-bottom: 1px solid #eee;
+    padding-bottom: 20px;
+  }
+  #detailView td.fieldValue > span:first-child {
+    border: 0;
+    border-bottom: 1px dashed #aaa;
+  }
+  .search-link {
+    border: 0;
+  }
+  #page > nav.navbar {
+    border-bottom: 1px solid #eee;
+  }
+  .modal-overlay-footer {
+    border-left: 0;
+  }
+  .app-footer {
+    font-size: 11px;
+  }
+  body {
+    font-size: 13px;
+  }
+  .overlay-container-60 {
+    margin-left: 0px ;
+  }
+  .overlayPageContent {
+    padding-bottom: 0;
+  }
+  .overlayPageContent.fade {
+    overflow: scroll;
+  }
+  .overlayDetail .modal-content {
+    position: relative;
+  }
+  .mCSB_inside > .mCSB_container {
+    margin-right: 0;
+  }
+  #mCSB_9_scrollbar_vertical {
+    display: none;
+  }
+  .lineItemInputBox {
+    width: 100%;
+  }
+  #comment1 {
+    border-left-color: #ccc;
+  }
+  .editViewContents .fieldLabel {
+    padding-top: 20px;
+  }
+  .quickCreateContent .fieldLabel {
+    padding-top: 20px;
+  }
+  .floatThead-floatContainer {
+    margin-left: 1px;
+    padding-top: 1px;
+  }
+}
 .modules-menu ul li.active a {
   border-left: 3px solid #EF5E29;
   opacity: 1;
@@ -7732,19 +7892,19 @@ a.btnReport:hover {
   box-sizing: border-box;
 }
 .column.l1 {
-  width: 4.166666666667%;
+  width: 4.16666667%;
 }
 .column.l2 {
-  width: 8.333333333333%;
+  width: 8.33333333%;
 }
 .column.l3 {
   width: 12.5%;
 }
 .column.l5 {
-  width: 20.83333333333%;
+  width: 20.83333333%;
 }
 .column.l8 {
-  width: 33.33333333333%;
+  width: 33.33333333%;
 }
 .column.l9 {
   width: 37.5%;
@@ -7789,3 +7949,4 @@ a.btnReport:hover {
   height: 450px;
   overflow: auto;
 }
+/*# sourceMappingURL=style.css.map */
\ No newline at end of file
diff --git a/layouts/v7/skins/marketing_and_sales/style.css b/layouts/v7/skins/marketing_and_sales/style.css
index 8f8f0cb16db4aa6b46f0535ccbcab077a835db7d..45fa14a49f02858bc0bdd0f3bb19a802e46a055e 100644
--- a/layouts/v7/skins/marketing_and_sales/style.css
+++ b/layouts/v7/skins/marketing_and_sales/style.css
@@ -86,7 +86,6 @@ body {
 }
 .global-nav .global-actions {
   padding-right: 15px;
-  height: 42px !important;
 }
 .app-nav {
   position: relative;
@@ -123,9 +122,9 @@ body {
     padding-right: 0;
     position: absolute;
     width: 100%;
-    height: 42px;
+    height: 43px;
     /*        border-top:1px solid #ddd;*/
-    border-bottom: 1px solid #ddd;
+    border-bottom: 1px solid #eee;
   }
   .app-nav .module-action-bar .module-action-content {
     background: #FBFBFB;
@@ -138,7 +137,7 @@ body {
   .main-container .module-nav {
     display: inline-block;
     width: 42px;
-    z-index: 10;
+    z-index: 1093;
     position: absolute;
     bottom: 0;
     top: 0;
@@ -162,7 +161,6 @@ body {
   .main-container .content-area {
     width: 100%;
     padding-left: 283px;
-    padding-top: 15px;
     min-height: 768px;
   }
   .main-container .settingsPageDiv {
@@ -235,7 +233,13 @@ body {
     padding-top:5px;
 }*/
 .global-nav .navbar-nav > li div a {
-  padding: 15px;
+  padding: 13px;
+}
+#navbar > ul > li > div > div > a {
+  float: left;
+}
+#navbar > ul > li > div > a {
+  float: left;
 }
 .global-nav > ul {
   margin-right: 20px;
@@ -257,11 +261,12 @@ body {
   height: 100%;
   width: 100%;
   color: #AAAAAA;
-  margin-top: 4px;
+  margin: 4px;
   padding: 0px 10px;
   text-decoration: none;
   vertical-align: top;
   border: 1px solid #DDDDDD;
+  border-width: thin;
 }
 .search-link .adv-search {
   margin-top: 9px;
@@ -387,9 +392,9 @@ body {
 }
 .app-nav .app-indicator-icon-container {
   top: 0px;
-  height: 42px;
+  height: 43px;
   text-align: center;
-  line-height: 42px;
+  line-height: 43px;
   /*    background-color: #2c3b49;*/
   color: #ffffff;
   /*border-bottom: 1px solid #272B46;*/
@@ -764,6 +769,9 @@ a.menu-item:hover {
 .logout-footer hr {
   margin: 10px 0;
 }
+#logout-footer > div > span > a {
+  float: none;
+}
 .app-home {
   background: #C5EFF7;
 }
@@ -789,7 +797,7 @@ a.menu-item:hover {
 /******** View styles (List/Edit/Detail..) *******/
 /*************************************************/
 .viewContent .content-area {
-  padding-left: 50px;
+  padding-left: 3%;
 }
 .viewContent .content-area.full-width {
   padding-left: 15px;
@@ -854,6 +862,7 @@ a {
   border-radius: 1px;
   box-shadow: none;
   border: 1px solid #cccccc;
+  border-width: thin;
 }
 input[type="text"].inputElement,
 input[type="password"].inputElement {
@@ -862,9 +871,10 @@ input[type="password"].inputElement {
 .select2-container-multi .select2-choices {
   min-height: 28px;
   border-radius: 1px;
-  border-color: #aaa;
+  border-color: #ccc;
   position: initial;
   z-index: 3;
+  border-width: thin;
 }
 .select2-container-multi .select2-choices .select2-search-field input {
   height: 29px;
@@ -880,6 +890,7 @@ input[type="password"].inputElement {
 .inputElement.select2-container .select2-choice {
   border-radius: 0 2px 2px 0;
   height: 28px;
+  border-width: thin;
 }
 .inputElement.select2-container {
   border: 0;
@@ -1434,6 +1445,8 @@ ul.unstyled {
   width: 100%;
   border: 1px solid #ddd;
   margin-top: 10px;
+  overflow: scroll;
+  border-width: thin;
 }
 .listview-table {
   margin-bottom: 0;
@@ -1456,7 +1469,7 @@ ul.unstyled {
 .listview-table > tbody > tr > td,
 .listview-table > tfoot > tr > td {
   vertical-align: middle;
-  padding: 3px;
+  padding: 8px 3px;
 }
 .listview-table > tbody > tr > td .value,
 .listview-table > tfoot > tr > td .value {
@@ -1473,6 +1486,7 @@ ul.unstyled {
   vertical-align: middle;
   width: 100%;
   display: inline-block;
+  word-break: normal;
 }
 .listViewEntries .relatedListEntryValues .value {
   vertical-align: middle;
@@ -1724,7 +1738,7 @@ input[type=checkbox]:checked {
   padding-top: 5px;
 }
 .detailViewButtoncontainer button.btn {
-  margin: 0px 1px !important;
+  margin: 1px !important;
 }
 .detailview-header .recordBasicInfo > .info-row {
   margin-bottom: 4px;
@@ -1770,7 +1784,7 @@ th {
   color: inherit;
 }
 #detailView td.fieldValue .edit {
-  width: 90%;
+  width: 100%;
 }
 .overlayDetailHeader .recordBasicInfo .fieldLabel .action,
 .detailview-header .recordBasicInfo .fieldLabel .action {
@@ -1809,16 +1823,6 @@ th {
 .overlayDetailHeader button.btn {
   margin: 0px 1px !important;
 }
-.referencefield-wrapper .createReferenceRecord {
-  float: left;
-  margin-left: 5px;
-  margin-top: 3px;
-  border: 1px solid #DDDDDD;
-  padding: 3px 7px;
-  text-align: center;
-  color: #666;
-  background: #F3F3F3;
-}
 .input-save-wrap {
   float: left;
   display: table-cell;
@@ -1827,7 +1831,7 @@ th {
   color: #FFFFFF;
 }
 .summaryView .referencefield-wrapper {
-  max-width: 150px;
+  width: 80%;
   display: table-cell;
 }
 .summaryView .referencefield-wrapper .input-group.time,
@@ -1836,6 +1840,8 @@ th {
 }
 .referencefield-wrapper {
   display: table-cell;
+  width: 80%;
+  max-width: 325px;
 }
 .record-header {
   min-height: 80px;
@@ -2018,7 +2024,7 @@ th {
   border: 0 !important;
 }
 #overlayPage {
-  top: 43px;
+  top: 86px;
   position: fixed;
   width: 100%;
   z-index: 1030;
@@ -2248,7 +2254,7 @@ th {
 }
 .noCommentsMsgContainer,
 .quick-preview-modal .noContent {
-  border: 1px solid #CCC;
+  border: 1px solid #eee;
 }
 .summaryWidgetContainer .recordImage .name {
   display: table-cell;
@@ -2367,7 +2373,8 @@ th {
 }
 .fieldBlockContainer .inputElement {
   height: 30px;
-  width: 200px;
+  width: 100%;
+  max-width: 325px;
 }
 .editViewContents .input.form-control:focus,
 .editViewContents .input.form-control:hover,
@@ -2379,7 +2386,6 @@ th {
   width: 100%;
 }
 .editViewContents .input-group {
-  width: 208px;
   float: left;
 }
 .editViewContents .fieldLabel {
@@ -3321,7 +3327,7 @@ th {
   font-size: 20px;
   font-weight: bold;
   line-height: 18px;
-  opacity: .2;
+  opacity: 0.2;
 }
 #settingsShortCutsContainer .col-lg-3.moduleBlock:hover .unpin {
   display: inline-block;
@@ -4975,7 +4981,7 @@ hr {
   padding: 15px;
   text-align: right;
   border-top: 1px solid #e5e5e5;
-  z-index: 6;
+  z-index: 1090;
 }
 .modal-footer-overwrite-style {
   position: initial;
@@ -5061,7 +5067,9 @@ hr {
 }
 .related-tabs.row .nav > li {
   padding: 0 10px;
-  margin: 0 2px;
+  margin: 0 2px 3px 2px;
+  width: 90px;
+  text-align: center;
 }
 .massEditTabs.nav > li {
   padding: 0 10px;
@@ -5102,6 +5110,7 @@ TN-34230 .row .nav > li > a:hover {
 .contents.tabbable .nav-tabs > li.active:focus {
   border: none;
   border-bottom: 3px solid #555;
+  margin-bottom: 0;
 }
 .nav-tabs > li.active > a,
 .nav-tabs > li.active > a:hover,
@@ -6010,6 +6019,7 @@ div.tooltip-inner {
 .detailview-header-block {
   background: white;
   padding: 15px;
+  padding-top: 25px;
 }
 .detailViewContainer .content-area,
 .editViewPageDiv .content-area,
@@ -6108,7 +6118,7 @@ div.tooltip-inner {
   border-left: 0;
 }
 .editViewContents .fieldValue .referencefield-wrapper {
-  width: 300px;
+  width: 100%;
   display: inline-block;
 }
 .input-group-addon {
@@ -6124,11 +6134,13 @@ div.tooltip-inner {
 }
 .listViewEntries .input-group,
 .referencefield-wrapper .input-group {
-  min-width: 120px;
+  width: 100%;
+  max-width: 325px;
 }
 .summaryViewEntries .inputElement.form-control,
 .detailview-table .inputElement.form-control {
-  width: 70%;
+  width: 80%;
+  max-width: 300px;
 }
 .detailview-table input[type="checkbox"] {
   width: 13px !important;
@@ -6136,7 +6148,8 @@ div.tooltip-inner {
 }
 .detailview-table .input-group-addon + .inputElement.form-control,
 .detailview-table .inputElement.form-control.input-medium {
-  width: 100%;
+  min-width: 80%;
+  max-width: 300px;
 }
 .summaryViewEntries .referencefield-wrapper .inputElement,
 .detailview-table .referencefield-wrapper .inputElement,
@@ -6679,7 +6692,7 @@ li.select2-search-choice div {
   padding: 3px;
 }
 .floatThead-table {
-  border-left: 1px solid #DDDDDD;
+  background: #fbfbfb;
 }
 .main-container-Documents .module-nav,
 .main-container-Reports .module-nav {
@@ -6891,19 +6904,19 @@ a.btnReport:hover {
   box-sizing: border-box;
 }
 .column.l1 {
-  width: 4.166666666667%;
+  width: 4.16666667%;
 }
 .column.l2 {
-  width: 8.333333333333%;
+  width: 8.33333333%;
 }
 .column.l3 {
   width: 12.5%;
 }
 .column.l5 {
-  width: 20.83333333333%;
+  width: 20.83333333%;
 }
 .column.l8 {
-  width: 33.33333333333%;
+  width: 33.33333333%;
 }
 .column.l9 {
   width: 37.5%;
@@ -7523,7 +7536,155 @@ input:focus:-ms-input-placeholder {
 .moduleIcon .custom-module {
   font-weight: bold;
 }
+.navbar-fixed-top {
+  z-index: 1095 !important;
+}
+body .fc {
+  overflow: auto;
+}
+.margin0 {
+  margin: 0;
+}
+.border0 {
+  border: 0;
+}
+.padding0 {
+  padding: 0;
+}
+.rounded0 {
+  border-radius: 0;
+}
+.bg-white {
+  background: #FFFFFF;
+}
+.nav-tabs {
+  border-bottom: 0;
+}
+.commentcontent {
+  border: 1px solid #ddd;
+}
+.editViewHeader {
+  padding-top: 20px;
+}
+.listview-table > thead > tr > th {
+  border-bottom: 0;
+  font-size: 13px;
+}
+.floatThead-floatContainer {
+  margin-left: 1px;
+}
+@media all and (min-width: 0px) and (max-width: 830px) {
+  table.summary-table > tbody > tr > td,
+  table.summary-table > tbody > tr > th,
+  table.summary-table > tfoot > tr > td,
+  table.summary-table > tfoot > tr > th,
+  table.summary-table > thead > tr > td,
+  table.summary-table > thead > tr > th,
+  .quickCreateContent > table.table > tbody > tr > td,
+  .quickCreateContent > table.table > tbody > tr > th,
+  .quickCreateContent > table.table > tfoot > tr > td,
+  .quickCreateContent > table.table > tfoot > tr > th,
+  .quickCreateContent > table.table > thead > tr > td,
+  .quickCreateContent > table.table > thead > tr > th,
+  .fieldBlockContainer > table.table:not(#lineItemResult) > tbody > tr > td,
+  .fieldBlockContainer > table.table:not(#lineItemResult) > tbody > tr > th,
+  .fieldBlockContainer > table.table:not(#lineItemResult) > tfoot > tr > td,
+  .fieldBlockContainer > table.table:not(#lineItemResult) > tfoot > tr > th,
+  .fieldBlockContainer > table.table:not(#lineItemResult) > thead > tr > td,
+  .fieldBlockContainer > table.table:not(#lineItemResult) > thead > tr > th,
+  .detailview-table > tbody > tr > td,
+  .detailview-table > tbody > tr > th,
+  .detailview-table > tfoot > tr > td,
+  .detailview-table > tfoot > tr > th,
+  .detailview-table > thead > tr > td,
+  .detailview-table > thead > tr > th {
+    display: block;
+    min-width: 100%!important;
+  }
+  table.summary-table > thead > tr > th,
+  .quickCreateContent > table.table > thead > tr > th,
+  .fieldBlockContainer > table.table:not(#lineItemResult) > thead > tr > th,
+  .detailview-table > thead > tr > th {
+    display: none;
+  }
+  .editElement div {
+    float: left;
+  }
+  #detailView td.fieldValue .edit {
+    width: 100%;
+    float: none !important;
+    display: inline-block;
+  }
+  table.summary-table td.fieldValue .inputElement,
+  .quickCreateContent > table.table td.fieldValue .inputElement,
+  .fieldBlockContainer > table.table:not(#lineItemResult) td.fieldValue .inputElement,
+  .fieldBlockContainer > table.table:not(#lineItemResult) td.fieldValue .input-group {
+    width: 100%;
+    float: none !important;
+  }
+  #detailView td.fieldLabel {
+    padding-top: 20px;
+  }
+  #detailView td.fieldValue {
+    border-bottom: 1px solid #eee;
+    padding-bottom: 20px;
+  }
+  #detailView td.fieldValue > span:first-child {
+    border: 0;
+    border-bottom: 1px dashed #aaa;
+  }
+  .search-link {
+    border: 0;
+  }
+  #page > nav.navbar {
+    border-bottom: 1px solid #eee;
+  }
+  .modal-overlay-footer {
+    border-left: 0;
+  }
+  .app-footer {
+    font-size: 11px;
+  }
+  body {
+    font-size: 13px;
+  }
+  .overlay-container-60 {
+    margin-left: 0px ;
+  }
+  .overlayPageContent {
+    padding-bottom: 0;
+  }
+  .overlayPageContent.fade {
+    overflow: scroll;
+  }
+  .overlayDetail .modal-content {
+    position: relative;
+  }
+  .mCSB_inside > .mCSB_container {
+    margin-right: 0;
+  }
+  #mCSB_9_scrollbar_vertical {
+    display: none;
+  }
+  .lineItemInputBox {
+    width: 100%;
+  }
+  #comment1 {
+    border-left-color: #ccc;
+  }
+  .editViewContents .fieldLabel {
+    padding-top: 20px;
+  }
+  .quickCreateContent .fieldLabel {
+    padding-top: 20px;
+  }
+  .floatThead-floatContainer {
+    margin-left: 1px;
+    padding-top: 1px;
+  }
+}
 .modules-menu ul li.active a {
   border-left: 3px solid #3CB878;
   opacity: 1;
 }
+/*# sourceMappingURL=style.css.map */
\ No newline at end of file
diff --git a/layouts/v7/skins/project/style.css b/layouts/v7/skins/project/style.css
index 8daed4526dc06a3eafd28f9d233626a26b9fe7f1..a1bd9cf5aefdd193124ecd06ec68df0c8e525eaf 100644
--- a/layouts/v7/skins/project/style.css
+++ b/layouts/v7/skins/project/style.css
@@ -86,7 +86,6 @@ body {
 }
 .global-nav .global-actions {
   padding-right: 15px;
-  height: 42px !important;
 }
 .app-nav {
   position: relative;
@@ -123,9 +122,9 @@ body {
     padding-right: 0;
     position: absolute;
     width: 100%;
-    height: 42px;
+    height: 43px;
     /*        border-top:1px solid #ddd;*/
-    border-bottom: 1px solid #ddd;
+    border-bottom: 1px solid #eee;
   }
   .app-nav .module-action-bar .module-action-content {
     background: #FBFBFB;
@@ -138,7 +137,7 @@ body {
   .main-container .module-nav {
     display: inline-block;
     width: 42px;
-    z-index: 10;
+    z-index: 1093;
     position: absolute;
     bottom: 0;
     top: 0;
@@ -162,7 +161,6 @@ body {
   .main-container .content-area {
     width: 100%;
     padding-left: 283px;
-    padding-top: 15px;
     min-height: 768px;
   }
   .main-container .settingsPageDiv {
@@ -235,7 +233,13 @@ body {
     padding-top:5px;
 }*/
 .global-nav .navbar-nav > li div a {
-  padding: 15px;
+  padding: 13px;
+}
+#navbar > ul > li > div > div > a {
+  float: left;
+}
+#navbar > ul > li > div > a {
+  float: left;
 }
 .global-nav > ul {
   margin-right: 20px;
@@ -257,11 +261,12 @@ body {
   height: 100%;
   width: 100%;
   color: #AAAAAA;
-  margin-top: 4px;
+  margin: 4px;
   padding: 0px 10px;
   text-decoration: none;
   vertical-align: top;
   border: 1px solid #DDDDDD;
+  border-width: thin;
 }
 .search-link .adv-search {
   margin-top: 9px;
@@ -387,9 +392,9 @@ body {
 }
 .app-nav .app-indicator-icon-container {
   top: 0px;
-  height: 42px;
+  height: 43px;
   text-align: center;
-  line-height: 42px;
+  line-height: 43px;
   /*    background-color: #2c3b49;*/
   color: #ffffff;
   /*border-bottom: 1px solid #272B46;*/
@@ -764,6 +769,9 @@ a.menu-item:hover {
 .logout-footer hr {
   margin: 10px 0;
 }
+#logout-footer > div > span > a {
+  float: none;
+}
 .app-home {
   background: #C5EFF7;
 }
@@ -789,7 +797,7 @@ a.menu-item:hover {
 /******** View styles (List/Edit/Detail..) *******/
 /*************************************************/
 .viewContent .content-area {
-  padding-left: 50px;
+  padding-left: 3%;
 }
 .viewContent .content-area.full-width {
   padding-left: 15px;
@@ -854,6 +862,7 @@ a {
   border-radius: 1px;
   box-shadow: none;
   border: 1px solid #cccccc;
+  border-width: thin;
 }
 input[type="text"].inputElement,
 input[type="password"].inputElement {
@@ -862,9 +871,10 @@ input[type="password"].inputElement {
 .select2-container-multi .select2-choices {
   min-height: 28px;
   border-radius: 1px;
-  border-color: #aaa;
+  border-color: #ccc;
   position: initial;
   z-index: 3;
+  border-width: thin;
 }
 .select2-container-multi .select2-choices .select2-search-field input {
   height: 29px;
@@ -880,6 +890,7 @@ input[type="password"].inputElement {
 .inputElement.select2-container .select2-choice {
   border-radius: 0 2px 2px 0;
   height: 28px;
+  border-width: thin;
 }
 .inputElement.select2-container {
   border: 0;
@@ -1434,6 +1445,8 @@ ul.unstyled {
   width: 100%;
   border: 1px solid #ddd;
   margin-top: 10px;
+  overflow: scroll;
+  border-width: thin;
 }
 .listview-table {
   margin-bottom: 0;
@@ -1456,7 +1469,7 @@ ul.unstyled {
 .listview-table > tbody > tr > td,
 .listview-table > tfoot > tr > td {
   vertical-align: middle;
-  padding: 3px;
+  padding: 8px 3px;
 }
 .listview-table > tbody > tr > td .value,
 .listview-table > tfoot > tr > td .value {
@@ -1473,6 +1486,7 @@ ul.unstyled {
   vertical-align: middle;
   width: 100%;
   display: inline-block;
+  word-break: normal;
 }
 .listViewEntries .relatedListEntryValues .value {
   vertical-align: middle;
@@ -1724,7 +1738,7 @@ input[type=checkbox]:checked {
   padding-top: 5px;
 }
 .detailViewButtoncontainer button.btn {
-  margin: 0px 1px !important;
+  margin: 1px !important;
 }
 .detailview-header .recordBasicInfo > .info-row {
   margin-bottom: 4px;
@@ -1770,7 +1784,7 @@ th {
   color: inherit;
 }
 #detailView td.fieldValue .edit {
-  width: 90%;
+  width: 100%;
 }
 .overlayDetailHeader .recordBasicInfo .fieldLabel .action,
 .detailview-header .recordBasicInfo .fieldLabel .action {
@@ -1809,16 +1823,6 @@ th {
 .overlayDetailHeader button.btn {
   margin: 0px 1px !important;
 }
-.referencefield-wrapper .createReferenceRecord {
-  float: left;
-  margin-left: 5px;
-  margin-top: 3px;
-  border: 1px solid #DDDDDD;
-  padding: 3px 7px;
-  text-align: center;
-  color: #666;
-  background: #F3F3F3;
-}
 .input-save-wrap {
   float: left;
   display: table-cell;
@@ -1827,7 +1831,7 @@ th {
   color: #FFFFFF;
 }
 .summaryView .referencefield-wrapper {
-  max-width: 150px;
+  width: 80%;
   display: table-cell;
 }
 .summaryView .referencefield-wrapper .input-group.time,
@@ -1836,6 +1840,8 @@ th {
 }
 .referencefield-wrapper {
   display: table-cell;
+  width: 80%;
+  max-width: 325px;
 }
 .record-header {
   min-height: 80px;
@@ -2018,7 +2024,7 @@ th {
   border: 0 !important;
 }
 #overlayPage {
-  top: 43px;
+  top: 86px;
   position: fixed;
   width: 100%;
   z-index: 1030;
@@ -2248,7 +2254,7 @@ th {
 }
 .noCommentsMsgContainer,
 .quick-preview-modal .noContent {
-  border: 1px solid #CCC;
+  border: 1px solid #eee;
 }
 .summaryWidgetContainer .recordImage .name {
   display: table-cell;
@@ -2367,7 +2373,8 @@ th {
 }
 .fieldBlockContainer .inputElement {
   height: 30px;
-  width: 200px;
+  width: 100%;
+  max-width: 325px;
 }
 .editViewContents .input.form-control:focus,
 .editViewContents .input.form-control:hover,
@@ -2379,7 +2386,6 @@ th {
   width: 100%;
 }
 .editViewContents .input-group {
-  width: 208px;
   float: left;
 }
 .editViewContents .fieldLabel {
@@ -3321,7 +3327,7 @@ th {
   font-size: 20px;
   font-weight: bold;
   line-height: 18px;
-  opacity: .2;
+  opacity: 0.2;
 }
 #settingsShortCutsContainer .col-lg-3.moduleBlock:hover .unpin {
   display: inline-block;
@@ -4975,7 +4981,7 @@ hr {
   padding: 15px;
   text-align: right;
   border-top: 1px solid #e5e5e5;
-  z-index: 6;
+  z-index: 1090;
 }
 .modal-footer-overwrite-style {
   position: initial;
@@ -5061,7 +5067,9 @@ hr {
 }
 .related-tabs.row .nav > li {
   padding: 0 10px;
-  margin: 0 2px;
+  margin: 0 2px 3px 2px;
+  width: 90px;
+  text-align: center;
 }
 .massEditTabs.nav > li {
   padding: 0 10px;
@@ -5102,6 +5110,7 @@ TN-34230 .row .nav > li > a:hover {
 .contents.tabbable .nav-tabs > li.active:focus {
   border: none;
   border-bottom: 3px solid #555;
+  margin-bottom: 0;
 }
 .nav-tabs > li.active > a,
 .nav-tabs > li.active > a:hover,
@@ -6010,6 +6019,7 @@ div.tooltip-inner {
 .detailview-header-block {
   background: white;
   padding: 15px;
+  padding-top: 25px;
 }
 .detailViewContainer .content-area,
 .editViewPageDiv .content-area,
@@ -6108,7 +6118,7 @@ div.tooltip-inner {
   border-left: 0;
 }
 .editViewContents .fieldValue .referencefield-wrapper {
-  width: 300px;
+  width: 100%;
   display: inline-block;
 }
 .input-group-addon {
@@ -6124,11 +6134,13 @@ div.tooltip-inner {
 }
 .listViewEntries .input-group,
 .referencefield-wrapper .input-group {
-  min-width: 120px;
+  width: 100%;
+  max-width: 325px;
 }
 .summaryViewEntries .inputElement.form-control,
 .detailview-table .inputElement.form-control {
-  width: 70%;
+  width: 80%;
+  max-width: 300px;
 }
 .detailview-table input[type="checkbox"] {
   width: 13px !important;
@@ -6136,7 +6148,8 @@ div.tooltip-inner {
 }
 .detailview-table .input-group-addon + .inputElement.form-control,
 .detailview-table .inputElement.form-control.input-medium {
-  width: 100%;
+  min-width: 80%;
+  max-width: 300px;
 }
 .summaryViewEntries .referencefield-wrapper .inputElement,
 .detailview-table .referencefield-wrapper .inputElement,
@@ -6679,7 +6692,7 @@ li.select2-search-choice div {
   padding: 3px;
 }
 .floatThead-table {
-  border-left: 1px solid #DDDDDD;
+  background: #fbfbfb;
 }
 .main-container-Documents .module-nav,
 .main-container-Reports .module-nav {
@@ -6891,19 +6904,19 @@ a.btnReport:hover {
   box-sizing: border-box;
 }
 .column.l1 {
-  width: 4.166666666667%;
+  width: 4.16666667%;
 }
 .column.l2 {
-  width: 8.333333333333%;
+  width: 8.33333333%;
 }
 .column.l3 {
   width: 12.5%;
 }
 .column.l5 {
-  width: 20.83333333333%;
+  width: 20.83333333%;
 }
 .column.l8 {
-  width: 33.33333333333%;
+  width: 33.33333333%;
 }
 .column.l9 {
   width: 37.5%;
@@ -7523,7 +7536,155 @@ input:focus:-ms-input-placeholder {
 .moduleIcon .custom-module {
   font-weight: bold;
 }
+.navbar-fixed-top {
+  z-index: 1095 !important;
+}
+body .fc {
+  overflow: auto;
+}
+.margin0 {
+  margin: 0;
+}
+.border0 {
+  border: 0;
+}
+.padding0 {
+  padding: 0;
+}
+.rounded0 {
+  border-radius: 0;
+}
+.bg-white {
+  background: #FFFFFF;
+}
+.nav-tabs {
+  border-bottom: 0;
+}
+.commentcontent {
+  border: 1px solid #ddd;
+}
+.editViewHeader {
+  padding-top: 20px;
+}
+.listview-table > thead > tr > th {
+  border-bottom: 0;
+  font-size: 13px;
+}
+.floatThead-floatContainer {
+  margin-left: 1px;
+}
+@media all and (min-width: 0px) and (max-width: 830px) {
+  table.summary-table > tbody > tr > td,
+  table.summary-table > tbody > tr > th,
+  table.summary-table > tfoot > tr > td,
+  table.summary-table > tfoot > tr > th,
+  table.summary-table > thead > tr > td,
+  table.summary-table > thead > tr > th,
+  .quickCreateContent > table.table > tbody > tr > td,
+  .quickCreateContent > table.table > tbody > tr > th,
+  .quickCreateContent > table.table > tfoot > tr > td,
+  .quickCreateContent > table.table > tfoot > tr > th,
+  .quickCreateContent > table.table > thead > tr > td,
+  .quickCreateContent > table.table > thead > tr > th,
+  .fieldBlockContainer > table.table:not(#lineItemResult) > tbody > tr > td,
+  .fieldBlockContainer > table.table:not(#lineItemResult) > tbody > tr > th,
+  .fieldBlockContainer > table.table:not(#lineItemResult) > tfoot > tr > td,
+  .fieldBlockContainer > table.table:not(#lineItemResult) > tfoot > tr > th,
+  .fieldBlockContainer > table.table:not(#lineItemResult) > thead > tr > td,
+  .fieldBlockContainer > table.table:not(#lineItemResult) > thead > tr > th,
+  .detailview-table > tbody > tr > td,
+  .detailview-table > tbody > tr > th,
+  .detailview-table > tfoot > tr > td,
+  .detailview-table > tfoot > tr > th,
+  .detailview-table > thead > tr > td,
+  .detailview-table > thead > tr > th {
+    display: block;
+    min-width: 100%!important;
+  }
+  table.summary-table > thead > tr > th,
+  .quickCreateContent > table.table > thead > tr > th,
+  .fieldBlockContainer > table.table:not(#lineItemResult) > thead > tr > th,
+  .detailview-table > thead > tr > th {
+    display: none;
+  }
+  .editElement div {
+    float: left;
+  }
+  #detailView td.fieldValue .edit {
+    width: 100%;
+    float: none !important;
+    display: inline-block;
+  }
+  table.summary-table td.fieldValue .inputElement,
+  .quickCreateContent > table.table td.fieldValue .inputElement,
+  .fieldBlockContainer > table.table:not(#lineItemResult) td.fieldValue .inputElement,
+  .fieldBlockContainer > table.table:not(#lineItemResult) td.fieldValue .input-group {
+    width: 100%;
+    float: none !important;
+  }
+  #detailView td.fieldLabel {
+    padding-top: 20px;
+  }
+  #detailView td.fieldValue {
+    border-bottom: 1px solid #eee;
+    padding-bottom: 20px;
+  }
+  #detailView td.fieldValue > span:first-child {
+    border: 0;
+    border-bottom: 1px dashed #aaa;
+  }
+  .search-link {
+    border: 0;
+  }
+  #page > nav.navbar {
+    border-bottom: 1px solid #eee;
+  }
+  .modal-overlay-footer {
+    border-left: 0;
+  }
+  .app-footer {
+    font-size: 11px;
+  }
+  body {
+    font-size: 13px;
+  }
+  .overlay-container-60 {
+    margin-left: 0px ;
+  }
+  .overlayPageContent {
+    padding-bottom: 0;
+  }
+  .overlayPageContent.fade {
+    overflow: scroll;
+  }
+  .overlayDetail .modal-content {
+    position: relative;
+  }
+  .mCSB_inside > .mCSB_container {
+    margin-right: 0;
+  }
+  #mCSB_9_scrollbar_vertical {
+    display: none;
+  }
+  .lineItemInputBox {
+    width: 100%;
+  }
+  #comment1 {
+    border-left-color: #ccc;
+  }
+  .editViewContents .fieldLabel {
+    padding-top: 20px;
+  }
+  .quickCreateContent .fieldLabel {
+    padding-top: 20px;
+  }
+  .floatThead-floatContainer {
+    margin-left: 1px;
+    padding-top: 1px;
+  }
+}
 .modules-menu ul li.active a {
   border-left: 3px solid #8E44AD;
   opacity: 1;
 }
+/*# sourceMappingURL=style.css.map */
\ No newline at end of file
diff --git a/layouts/v7/skins/sales/style.css b/layouts/v7/skins/sales/style.css
index 8f8f0cb16db4aa6b46f0535ccbcab077a835db7d..45fa14a49f02858bc0bdd0f3bb19a802e46a055e 100644
--- a/layouts/v7/skins/sales/style.css
+++ b/layouts/v7/skins/sales/style.css
@@ -86,7 +86,6 @@ body {
 }
 .global-nav .global-actions {
   padding-right: 15px;
-  height: 42px !important;
 }
 .app-nav {
   position: relative;
@@ -123,9 +122,9 @@ body {
     padding-right: 0;
     position: absolute;
     width: 100%;
-    height: 42px;
+    height: 43px;
     /*        border-top:1px solid #ddd;*/
-    border-bottom: 1px solid #ddd;
+    border-bottom: 1px solid #eee;
   }
   .app-nav .module-action-bar .module-action-content {
     background: #FBFBFB;
@@ -138,7 +137,7 @@ body {
   .main-container .module-nav {
     display: inline-block;
     width: 42px;
-    z-index: 10;
+    z-index: 1093;
     position: absolute;
     bottom: 0;
     top: 0;
@@ -162,7 +161,6 @@ body {
   .main-container .content-area {
     width: 100%;
     padding-left: 283px;
-    padding-top: 15px;
     min-height: 768px;
   }
   .main-container .settingsPageDiv {
@@ -235,7 +233,13 @@ body {
     padding-top:5px;
 }*/
 .global-nav .navbar-nav > li div a {
-  padding: 15px;
+  padding: 13px;
+}
+#navbar > ul > li > div > div > a {
+  float: left;
+}
+#navbar > ul > li > div > a {
+  float: left;
 }
 .global-nav > ul {
   margin-right: 20px;
@@ -257,11 +261,12 @@ body {
   height: 100%;
   width: 100%;
   color: #AAAAAA;
-  margin-top: 4px;
+  margin: 4px;
   padding: 0px 10px;
   text-decoration: none;
   vertical-align: top;
   border: 1px solid #DDDDDD;
+  border-width: thin;
 }
 .search-link .adv-search {
   margin-top: 9px;
@@ -387,9 +392,9 @@ body {
 }
 .app-nav .app-indicator-icon-container {
   top: 0px;
-  height: 42px;
+  height: 43px;
   text-align: center;
-  line-height: 42px;
+  line-height: 43px;
   /*    background-color: #2c3b49;*/
   color: #ffffff;
   /*border-bottom: 1px solid #272B46;*/
@@ -764,6 +769,9 @@ a.menu-item:hover {
 .logout-footer hr {
   margin: 10px 0;
 }
+#logout-footer > div > span > a {
+  float: none;
+}
 .app-home {
   background: #C5EFF7;
 }
@@ -789,7 +797,7 @@ a.menu-item:hover {
 /******** View styles (List/Edit/Detail..) *******/
 /*************************************************/
 .viewContent .content-area {
-  padding-left: 50px;
+  padding-left: 3%;
 }
 .viewContent .content-area.full-width {
   padding-left: 15px;
@@ -854,6 +862,7 @@ a {
   border-radius: 1px;
   box-shadow: none;
   border: 1px solid #cccccc;
+  border-width: thin;
 }
 input[type="text"].inputElement,
 input[type="password"].inputElement {
@@ -862,9 +871,10 @@ input[type="password"].inputElement {
 .select2-container-multi .select2-choices {
   min-height: 28px;
   border-radius: 1px;
-  border-color: #aaa;
+  border-color: #ccc;
   position: initial;
   z-index: 3;
+  border-width: thin;
 }
 .select2-container-multi .select2-choices .select2-search-field input {
   height: 29px;
@@ -880,6 +890,7 @@ input[type="password"].inputElement {
 .inputElement.select2-container .select2-choice {
   border-radius: 0 2px 2px 0;
   height: 28px;
+  border-width: thin;
 }
 .inputElement.select2-container {
   border: 0;
@@ -1434,6 +1445,8 @@ ul.unstyled {
   width: 100%;
   border: 1px solid #ddd;
   margin-top: 10px;
+  overflow: scroll;
+  border-width: thin;
 }
 .listview-table {
   margin-bottom: 0;
@@ -1456,7 +1469,7 @@ ul.unstyled {
 .listview-table > tbody > tr > td,
 .listview-table > tfoot > tr > td {
   vertical-align: middle;
-  padding: 3px;
+  padding: 8px 3px;
 }
 .listview-table > tbody > tr > td .value,
 .listview-table > tfoot > tr > td .value {
@@ -1473,6 +1486,7 @@ ul.unstyled {
   vertical-align: middle;
   width: 100%;
   display: inline-block;
+  word-break: normal;
 }
 .listViewEntries .relatedListEntryValues .value {
   vertical-align: middle;
@@ -1724,7 +1738,7 @@ input[type=checkbox]:checked {
   padding-top: 5px;
 }
 .detailViewButtoncontainer button.btn {
-  margin: 0px 1px !important;
+  margin: 1px !important;
 }
 .detailview-header .recordBasicInfo > .info-row {
   margin-bottom: 4px;
@@ -1770,7 +1784,7 @@ th {
   color: inherit;
 }
 #detailView td.fieldValue .edit {
-  width: 90%;
+  width: 100%;
 }
 .overlayDetailHeader .recordBasicInfo .fieldLabel .action,
 .detailview-header .recordBasicInfo .fieldLabel .action {
@@ -1809,16 +1823,6 @@ th {
 .overlayDetailHeader button.btn {
   margin: 0px 1px !important;
 }
-.referencefield-wrapper .createReferenceRecord {
-  float: left;
-  margin-left: 5px;
-  margin-top: 3px;
-  border: 1px solid #DDDDDD;
-  padding: 3px 7px;
-  text-align: center;
-  color: #666;
-  background: #F3F3F3;
-}
 .input-save-wrap {
   float: left;
   display: table-cell;
@@ -1827,7 +1831,7 @@ th {
   color: #FFFFFF;
 }
 .summaryView .referencefield-wrapper {
-  max-width: 150px;
+  width: 80%;
   display: table-cell;
 }
 .summaryView .referencefield-wrapper .input-group.time,
@@ -1836,6 +1840,8 @@ th {
 }
 .referencefield-wrapper {
   display: table-cell;
+  width: 80%;
+  max-width: 325px;
 }
 .record-header {
   min-height: 80px;
@@ -2018,7 +2024,7 @@ th {
   border: 0 !important;
 }
 #overlayPage {
-  top: 43px;
+  top: 86px;
   position: fixed;
   width: 100%;
   z-index: 1030;
@@ -2248,7 +2254,7 @@ th {
 }
 .noCommentsMsgContainer,
 .quick-preview-modal .noContent {
-  border: 1px solid #CCC;
+  border: 1px solid #eee;
 }
 .summaryWidgetContainer .recordImage .name {
   display: table-cell;
@@ -2367,7 +2373,8 @@ th {
 }
 .fieldBlockContainer .inputElement {
   height: 30px;
-  width: 200px;
+  width: 100%;
+  max-width: 325px;
 }
 .editViewContents .input.form-control:focus,
 .editViewContents .input.form-control:hover,
@@ -2379,7 +2386,6 @@ th {
   width: 100%;
 }
 .editViewContents .input-group {
-  width: 208px;
   float: left;
 }
 .editViewContents .fieldLabel {
@@ -3321,7 +3327,7 @@ th {
   font-size: 20px;
   font-weight: bold;
   line-height: 18px;
-  opacity: .2;
+  opacity: 0.2;
 }
 #settingsShortCutsContainer .col-lg-3.moduleBlock:hover .unpin {
   display: inline-block;
@@ -4975,7 +4981,7 @@ hr {
   padding: 15px;
   text-align: right;
   border-top: 1px solid #e5e5e5;
-  z-index: 6;
+  z-index: 1090;
 }
 .modal-footer-overwrite-style {
   position: initial;
@@ -5061,7 +5067,9 @@ hr {
 }
 .related-tabs.row .nav > li {
   padding: 0 10px;
-  margin: 0 2px;
+  margin: 0 2px 3px 2px;
+  width: 90px;
+  text-align: center;
 }
 .massEditTabs.nav > li {
   padding: 0 10px;
@@ -5102,6 +5110,7 @@ TN-34230 .row .nav > li > a:hover {
 .contents.tabbable .nav-tabs > li.active:focus {
   border: none;
   border-bottom: 3px solid #555;
+  margin-bottom: 0;
 }
 .nav-tabs > li.active > a,
 .nav-tabs > li.active > a:hover,
@@ -6010,6 +6019,7 @@ div.tooltip-inner {
 .detailview-header-block {
   background: white;
   padding: 15px;
+  padding-top: 25px;
 }
 .detailViewContainer .content-area,
 .editViewPageDiv .content-area,
@@ -6108,7 +6118,7 @@ div.tooltip-inner {
   border-left: 0;
 }
 .editViewContents .fieldValue .referencefield-wrapper {
-  width: 300px;
+  width: 100%;
   display: inline-block;
 }
 .input-group-addon {
@@ -6124,11 +6134,13 @@ div.tooltip-inner {
 }
 .listViewEntries .input-group,
 .referencefield-wrapper .input-group {
-  min-width: 120px;
+  width: 100%;
+  max-width: 325px;
 }
 .summaryViewEntries .inputElement.form-control,
 .detailview-table .inputElement.form-control {
-  width: 70%;
+  width: 80%;
+  max-width: 300px;
 }
 .detailview-table input[type="checkbox"] {
   width: 13px !important;
@@ -6136,7 +6148,8 @@ div.tooltip-inner {
 }
 .detailview-table .input-group-addon + .inputElement.form-control,
 .detailview-table .inputElement.form-control.input-medium {
-  width: 100%;
+  min-width: 80%;
+  max-width: 300px;
 }
 .summaryViewEntries .referencefield-wrapper .inputElement,
 .detailview-table .referencefield-wrapper .inputElement,
@@ -6679,7 +6692,7 @@ li.select2-search-choice div {
   padding: 3px;
 }
 .floatThead-table {
-  border-left: 1px solid #DDDDDD;
+  background: #fbfbfb;
 }
 .main-container-Documents .module-nav,
 .main-container-Reports .module-nav {
@@ -6891,19 +6904,19 @@ a.btnReport:hover {
   box-sizing: border-box;
 }
 .column.l1 {
-  width: 4.166666666667%;
+  width: 4.16666667%;
 }
 .column.l2 {
-  width: 8.333333333333%;
+  width: 8.33333333%;
 }
 .column.l3 {
   width: 12.5%;
 }
 .column.l5 {
-  width: 20.83333333333%;
+  width: 20.83333333%;
 }
 .column.l8 {
-  width: 33.33333333333%;
+  width: 33.33333333%;
 }
 .column.l9 {
   width: 37.5%;
@@ -7523,7 +7536,155 @@ input:focus:-ms-input-placeholder {
 .moduleIcon .custom-module {
   font-weight: bold;
 }
+.navbar-fixed-top {
+  z-index: 1095 !important;
+}
+body .fc {
+  overflow: auto;
+}
+.margin0 {
+  margin: 0;
+}
+.border0 {
+  border: 0;
+}
+.padding0 {
+  padding: 0;
+}
+.rounded0 {
+  border-radius: 0;
+}
+.bg-white {
+  background: #FFFFFF;
+}
+.nav-tabs {
+  border-bottom: 0;
+}
+.commentcontent {
+  border: 1px solid #ddd;
+}
+.editViewHeader {
+  padding-top: 20px;
+}
+.listview-table > thead > tr > th {
+  border-bottom: 0;
+  font-size: 13px;
+}
+.floatThead-floatContainer {
+  margin-left: 1px;
+}
+@media all and (min-width: 0px) and (max-width: 830px) {
+  table.summary-table > tbody > tr > td,
+  table.summary-table > tbody > tr > th,
+  table.summary-table > tfoot > tr > td,
+  table.summary-table > tfoot > tr > th,
+  table.summary-table > thead > tr > td,
+  table.summary-table > thead > tr > th,
+  .quickCreateContent > table.table > tbody > tr > td,
+  .quickCreateContent > table.table > tbody > tr > th,
+  .quickCreateContent > table.table > tfoot > tr > td,
+  .quickCreateContent > table.table > tfoot > tr > th,
+  .quickCreateContent > table.table > thead > tr > td,
+  .quickCreateContent > table.table > thead > tr > th,
+  .fieldBlockContainer > table.table:not(#lineItemResult) > tbody > tr > td,
+  .fieldBlockContainer > table.table:not(#lineItemResult) > tbody > tr > th,
+  .fieldBlockContainer > table.table:not(#lineItemResult) > tfoot > tr > td,
+  .fieldBlockContainer > table.table:not(#lineItemResult) > tfoot > tr > th,
+  .fieldBlockContainer > table.table:not(#lineItemResult) > thead > tr > td,
+  .fieldBlockContainer > table.table:not(#lineItemResult) > thead > tr > th,
+  .detailview-table > tbody > tr > td,
+  .detailview-table > tbody > tr > th,
+  .detailview-table > tfoot > tr > td,
+  .detailview-table > tfoot > tr > th,
+  .detailview-table > thead > tr > td,
+  .detailview-table > thead > tr > th {
+    display: block;
+    min-width: 100%!important;
+  }
+  table.summary-table > thead > tr > th,
+  .quickCreateContent > table.table > thead > tr > th,
+  .fieldBlockContainer > table.table:not(#lineItemResult) > thead > tr > th,
+  .detailview-table > thead > tr > th {
+    display: none;
+  }
+  .editElement div {
+    float: left;
+  }
+  #detailView td.fieldValue .edit {
+    width: 100%;
+    float: none !important;
+    display: inline-block;
+  }
+  table.summary-table td.fieldValue .inputElement,
+  .quickCreateContent > table.table td.fieldValue .inputElement,
+  .fieldBlockContainer > table.table:not(#lineItemResult) td.fieldValue .inputElement,
+  .fieldBlockContainer > table.table:not(#lineItemResult) td.fieldValue .input-group {
+    width: 100%;
+    float: none !important;
+  }
+  #detailView td.fieldLabel {
+    padding-top: 20px;
+  }
+  #detailView td.fieldValue {
+    border-bottom: 1px solid #eee;
+    padding-bottom: 20px;
+  }
+  #detailView td.fieldValue > span:first-child {
+    border: 0;
+    border-bottom: 1px dashed #aaa;
+  }
+  .search-link {
+    border: 0;
+  }
+  #page > nav.navbar {
+    border-bottom: 1px solid #eee;
+  }
+  .modal-overlay-footer {
+    border-left: 0;
+  }
+  .app-footer {
+    font-size: 11px;
+  }
+  body {
+    font-size: 13px;
+  }
+  .overlay-container-60 {
+    margin-left: 0px ;
+  }
+  .overlayPageContent {
+    padding-bottom: 0;
+  }
+  .overlayPageContent.fade {
+    overflow: scroll;
+  }
+  .overlayDetail .modal-content {
+    position: relative;
+  }
+  .mCSB_inside > .mCSB_container {
+    margin-right: 0;
+  }
+  #mCSB_9_scrollbar_vertical {
+    display: none;
+  }
+  .lineItemInputBox {
+    width: 100%;
+  }
+  #comment1 {
+    border-left-color: #ccc;
+  }
+  .editViewContents .fieldLabel {
+    padding-top: 20px;
+  }
+  .quickCreateContent .fieldLabel {
+    padding-top: 20px;
+  }
+  .floatThead-floatContainer {
+    margin-left: 1px;
+    padding-top: 1px;
+  }
+}
 .modules-menu ul li.active a {
   border-left: 3px solid #3CB878;
   opacity: 1;
 }
+/*# sourceMappingURL=style.css.map */
\ No newline at end of file
diff --git a/layouts/v7/skins/support/style.css b/layouts/v7/skins/support/style.css
index 221c9e500a4cf9352e4e466de43c196e4055d34b..76088c69de19cb230c1bd1bbe45efe2202d295d2 100644
--- a/layouts/v7/skins/support/style.css
+++ b/layouts/v7/skins/support/style.css
@@ -86,7 +86,6 @@ body {
 }
 .global-nav .global-actions {
   padding-right: 15px;
-  height: 42px !important;
 }
 .app-nav {
   position: relative;
@@ -123,9 +122,9 @@ body {
     padding-right: 0;
     position: absolute;
     width: 100%;
-    height: 42px;
+    height: 43px;
     /*        border-top:1px solid #ddd;*/
-    border-bottom: 1px solid #ddd;
+    border-bottom: 1px solid #eee;
   }
   .app-nav .module-action-bar .module-action-content {
     background: #FBFBFB;
@@ -138,7 +137,7 @@ body {
   .main-container .module-nav {
     display: inline-block;
     width: 42px;
-    z-index: 10;
+    z-index: 1093;
     position: absolute;
     bottom: 0;
     top: 0;
@@ -162,7 +161,6 @@ body {
   .main-container .content-area {
     width: 100%;
     padding-left: 283px;
-    padding-top: 15px;
     min-height: 768px;
   }
   .main-container .settingsPageDiv {
@@ -235,7 +233,13 @@ body {
     padding-top:5px;
 }*/
 .global-nav .navbar-nav > li div a {
-  padding: 15px;
+  padding: 13px;
+}
+#navbar > ul > li > div > div > a {
+  float: left;
+}
+#navbar > ul > li > div > a {
+  float: left;
 }
 .global-nav > ul {
   margin-right: 20px;
@@ -257,11 +261,12 @@ body {
   height: 100%;
   width: 100%;
   color: #AAAAAA;
-  margin-top: 4px;
+  margin: 4px;
   padding: 0px 10px;
   text-decoration: none;
   vertical-align: top;
   border: 1px solid #DDDDDD;
+  border-width: thin;
 }
 .search-link .adv-search {
   margin-top: 9px;
@@ -387,9 +392,9 @@ body {
 }
 .app-nav .app-indicator-icon-container {
   top: 0px;
-  height: 42px;
+  height: 43px;
   text-align: center;
-  line-height: 42px;
+  line-height: 43px;
   /*    background-color: #2c3b49;*/
   color: #ffffff;
   /*border-bottom: 1px solid #272B46;*/
@@ -764,6 +769,9 @@ a.menu-item:hover {
 .logout-footer hr {
   margin: 10px 0;
 }
+#logout-footer > div > span > a {
+  float: none;
+}
 .app-home {
   background: #C5EFF7;
 }
@@ -789,7 +797,7 @@ a.menu-item:hover {
 /******** View styles (List/Edit/Detail..) *******/
 /*************************************************/
 .viewContent .content-area {
-  padding-left: 50px;
+  padding-left: 3%;
 }
 .viewContent .content-area.full-width {
   padding-left: 15px;
@@ -854,6 +862,7 @@ a {
   border-radius: 1px;
   box-shadow: none;
   border: 1px solid #cccccc;
+  border-width: thin;
 }
 input[type="text"].inputElement,
 input[type="password"].inputElement {
@@ -862,9 +871,10 @@ input[type="password"].inputElement {
 .select2-container-multi .select2-choices {
   min-height: 28px;
   border-radius: 1px;
-  border-color: #aaa;
+  border-color: #ccc;
   position: initial;
   z-index: 3;
+  border-width: thin;
 }
 .select2-container-multi .select2-choices .select2-search-field input {
   height: 29px;
@@ -880,6 +890,7 @@ input[type="password"].inputElement {
 .inputElement.select2-container .select2-choice {
   border-radius: 0 2px 2px 0;
   height: 28px;
+  border-width: thin;
 }
 .inputElement.select2-container {
   border: 0;
@@ -1434,6 +1445,8 @@ ul.unstyled {
   width: 100%;
   border: 1px solid #ddd;
   margin-top: 10px;
+  overflow: scroll;
+  border-width: thin;
 }
 .listview-table {
   margin-bottom: 0;
@@ -1456,7 +1469,7 @@ ul.unstyled {
 .listview-table > tbody > tr > td,
 .listview-table > tfoot > tr > td {
   vertical-align: middle;
-  padding: 3px;
+  padding: 8px 3px;
 }
 .listview-table > tbody > tr > td .value,
 .listview-table > tfoot > tr > td .value {
@@ -1473,6 +1486,7 @@ ul.unstyled {
   vertical-align: middle;
   width: 100%;
   display: inline-block;
+  word-break: normal;
 }
 .listViewEntries .relatedListEntryValues .value {
   vertical-align: middle;
@@ -1724,7 +1738,7 @@ input[type=checkbox]:checked {
   padding-top: 5px;
 }
 .detailViewButtoncontainer button.btn {
-  margin: 0px 1px !important;
+  margin: 1px !important;
 }
 .detailview-header .recordBasicInfo > .info-row {
   margin-bottom: 4px;
@@ -1770,7 +1784,7 @@ th {
   color: inherit;
 }
 #detailView td.fieldValue .edit {
-  width: 90%;
+  width: 100%;
 }
 .overlayDetailHeader .recordBasicInfo .fieldLabel .action,
 .detailview-header .recordBasicInfo .fieldLabel .action {
@@ -1809,16 +1823,6 @@ th {
 .overlayDetailHeader button.btn {
   margin: 0px 1px !important;
 }
-.referencefield-wrapper .createReferenceRecord {
-  float: left;
-  margin-left: 5px;
-  margin-top: 3px;
-  border: 1px solid #DDDDDD;
-  padding: 3px 7px;
-  text-align: center;
-  color: #666;
-  background: #F3F3F3;
-}
 .input-save-wrap {
   float: left;
   display: table-cell;
@@ -1827,7 +1831,7 @@ th {
   color: #FFFFFF;
 }
 .summaryView .referencefield-wrapper {
-  max-width: 150px;
+  width: 80%;
   display: table-cell;
 }
 .summaryView .referencefield-wrapper .input-group.time,
@@ -1836,6 +1840,8 @@ th {
 }
 .referencefield-wrapper {
   display: table-cell;
+  width: 80%;
+  max-width: 325px;
 }
 .record-header {
   min-height: 80px;
@@ -2018,7 +2024,7 @@ th {
   border: 0 !important;
 }
 #overlayPage {
-  top: 43px;
+  top: 86px;
   position: fixed;
   width: 100%;
   z-index: 1030;
@@ -2248,7 +2254,7 @@ th {
 }
 .noCommentsMsgContainer,
 .quick-preview-modal .noContent {
-  border: 1px solid #CCC;
+  border: 1px solid #eee;
 }
 .summaryWidgetContainer .recordImage .name {
   display: table-cell;
@@ -2367,7 +2373,8 @@ th {
 }
 .fieldBlockContainer .inputElement {
   height: 30px;
-  width: 200px;
+  width: 100%;
+  max-width: 325px;
 }
 .editViewContents .input.form-control:focus,
 .editViewContents .input.form-control:hover,
@@ -2379,7 +2386,6 @@ th {
   width: 100%;
 }
 .editViewContents .input-group {
-  width: 208px;
   float: left;
 }
 .editViewContents .fieldLabel {
@@ -3321,7 +3327,7 @@ th {
   font-size: 20px;
   font-weight: bold;
   line-height: 18px;
-  opacity: .2;
+  opacity: 0.2;
 }
 #settingsShortCutsContainer .col-lg-3.moduleBlock:hover .unpin {
   display: inline-block;
@@ -4975,7 +4981,7 @@ hr {
   padding: 15px;
   text-align: right;
   border-top: 1px solid #e5e5e5;
-  z-index: 6;
+  z-index: 1090;
 }
 .modal-footer-overwrite-style {
   position: initial;
@@ -5061,7 +5067,9 @@ hr {
 }
 .related-tabs.row .nav > li {
   padding: 0 10px;
-  margin: 0 2px;
+  margin: 0 2px 3px 2px;
+  width: 90px;
+  text-align: center;
 }
 .massEditTabs.nav > li {
   padding: 0 10px;
@@ -5102,6 +5110,7 @@ TN-34230 .row .nav > li > a:hover {
 .contents.tabbable .nav-tabs > li.active:focus {
   border: none;
   border-bottom: 3px solid #555;
+  margin-bottom: 0;
 }
 .nav-tabs > li.active > a,
 .nav-tabs > li.active > a:hover,
@@ -6010,6 +6019,7 @@ div.tooltip-inner {
 .detailview-header-block {
   background: white;
   padding: 15px;
+  padding-top: 25px;
 }
 .detailViewContainer .content-area,
 .editViewPageDiv .content-area,
@@ -6108,7 +6118,7 @@ div.tooltip-inner {
   border-left: 0;
 }
 .editViewContents .fieldValue .referencefield-wrapper {
-  width: 300px;
+  width: 100%;
   display: inline-block;
 }
 .input-group-addon {
@@ -6124,11 +6134,13 @@ div.tooltip-inner {
 }
 .listViewEntries .input-group,
 .referencefield-wrapper .input-group {
-  min-width: 120px;
+  width: 100%;
+  max-width: 325px;
 }
 .summaryViewEntries .inputElement.form-control,
 .detailview-table .inputElement.form-control {
-  width: 70%;
+  width: 80%;
+  max-width: 300px;
 }
 .detailview-table input[type="checkbox"] {
   width: 13px !important;
@@ -6136,7 +6148,8 @@ div.tooltip-inner {
 }
 .detailview-table .input-group-addon + .inputElement.form-control,
 .detailview-table .inputElement.form-control.input-medium {
-  width: 100%;
+  min-width: 80%;
+  max-width: 300px;
 }
 .summaryViewEntries .referencefield-wrapper .inputElement,
 .detailview-table .referencefield-wrapper .inputElement,
@@ -6679,7 +6692,7 @@ li.select2-search-choice div {
   padding: 3px;
 }
 .floatThead-table {
-  border-left: 1px solid #DDDDDD;
+  background: #fbfbfb;
 }
 .main-container-Documents .module-nav,
 .main-container-Reports .module-nav {
@@ -6891,19 +6904,19 @@ a.btnReport:hover {
   box-sizing: border-box;
 }
 .column.l1 {
-  width: 4.166666666667%;
+  width: 4.16666667%;
 }
 .column.l2 {
-  width: 8.333333333333%;
+  width: 8.33333333%;
 }
 .column.l3 {
   width: 12.5%;
 }
 .column.l5 {
-  width: 20.83333333333%;
+  width: 20.83333333%;
 }
 .column.l8 {
-  width: 33.33333333333%;
+  width: 33.33333333%;
 }
 .column.l9 {
   width: 37.5%;
@@ -7523,6 +7536,153 @@ input:focus:-ms-input-placeholder {
 .moduleIcon .custom-module {
   font-weight: bold;
 }
+.navbar-fixed-top {
+  z-index: 1095 !important;
+}
+body .fc {
+  overflow: auto;
+}
+.margin0 {
+  margin: 0;
+}
+.border0 {
+  border: 0;
+}
+.padding0 {
+  padding: 0;
+}
+.rounded0 {
+  border-radius: 0;
+}
+.bg-white {
+  background: #FFFFFF;
+}
+.nav-tabs {
+  border-bottom: 0;
+}
+.commentcontent {
+  border: 1px solid #ddd;
+}
+.editViewHeader {
+  padding-top: 20px;
+}
+.listview-table > thead > tr > th {
+  border-bottom: 0;
+  font-size: 13px;
+}
+.floatThead-floatContainer {
+  margin-left: 1px;
+}
+@media all and (min-width: 0px) and (max-width: 830px) {
+  table.summary-table > tbody > tr > td,
+  table.summary-table > tbody > tr > th,
+  table.summary-table > tfoot > tr > td,
+  table.summary-table > tfoot > tr > th,
+  table.summary-table > thead > tr > td,
+  table.summary-table > thead > tr > th,
+  .quickCreateContent > table.table > tbody > tr > td,
+  .quickCreateContent > table.table > tbody > tr > th,
+  .quickCreateContent > table.table > tfoot > tr > td,
+  .quickCreateContent > table.table > tfoot > tr > th,
+  .quickCreateContent > table.table > thead > tr > td,
+  .quickCreateContent > table.table > thead > tr > th,
+  .fieldBlockContainer > table.table:not(#lineItemResult) > tbody > tr > td,
+  .fieldBlockContainer > table.table:not(#lineItemResult) > tbody > tr > th,
+  .fieldBlockContainer > table.table:not(#lineItemResult) > tfoot > tr > td,
+  .fieldBlockContainer > table.table:not(#lineItemResult) > tfoot > tr > th,
+  .fieldBlockContainer > table.table:not(#lineItemResult) > thead > tr > td,
+  .fieldBlockContainer > table.table:not(#lineItemResult) > thead > tr > th,
+  .detailview-table > tbody > tr > td,
+  .detailview-table > tbody > tr > th,
+  .detailview-table > tfoot > tr > td,
+  .detailview-table > tfoot > tr > th,
+  .detailview-table > thead > tr > td,
+  .detailview-table > thead > tr > th {
+    display: block;
+    min-width: 100%!important;
+  }
+  table.summary-table > thead > tr > th,
+  .quickCreateContent > table.table > thead > tr > th,
+  .fieldBlockContainer > table.table:not(#lineItemResult) > thead > tr > th,
+  .detailview-table > thead > tr > th {
+    display: none;
+  }
+  .editElement div {
+    float: left;
+  }
+  #detailView td.fieldValue .edit {
+    width: 100%;
+    float: none !important;
+    display: inline-block;
+  }
+  table.summary-table td.fieldValue .inputElement,
+  .quickCreateContent > table.table td.fieldValue .inputElement,
+  .fieldBlockContainer > table.table:not(#lineItemResult) td.fieldValue .inputElement,
+  .fieldBlockContainer > table.table:not(#lineItemResult) td.fieldValue .input-group {
+    width: 100%;
+    float: none !important;
+  }
+  #detailView td.fieldLabel {
+    padding-top: 20px;
+  }
+  #detailView td.fieldValue {
+    border-bottom: 1px solid #eee;
+    padding-bottom: 20px;
+  }
+  #detailView td.fieldValue > span:first-child {
+    border: 0;
+    border-bottom: 1px dashed #aaa;
+  }
+  .search-link {
+    border: 0;
+  }
+  #page > nav.navbar {
+    border-bottom: 1px solid #eee;
+  }
+  .modal-overlay-footer {
+    border-left: 0;
+  }
+  .app-footer {
+    font-size: 11px;
+  }
+  body {
+    font-size: 13px;
+  }
+  .overlay-container-60 {
+    margin-left: 0px ;
+  }
+  .overlayPageContent {
+    padding-bottom: 0;
+  }
+  .overlayPageContent.fade {
+    overflow: scroll;
+  }
+  .overlayDetail .modal-content {
+    position: relative;
+  }
+  .mCSB_inside > .mCSB_container {
+    margin-right: 0;
+  }
+  #mCSB_9_scrollbar_vertical {
+    display: none;
+  }
+  .lineItemInputBox {
+    width: 100%;
+  }
+  #comment1 {
+    border-left-color: #ccc;
+  }
+  .editViewContents .fieldLabel {
+    padding-top: 20px;
+  }
+  .quickCreateContent .fieldLabel {
+    padding-top: 20px;
+  }
+  .floatThead-floatContainer {
+    margin-left: 1px;
+    padding-top: 1px;
+  }
+}
 .modules-menu ul li.active a {
   border-left: 3px solid #6297C3;
   opacity: 1;
@@ -7661,3 +7821,4 @@ div.flip {
 .caseRelatedRecords {
   margin-bottom: 0px !important;
 }
+/*# sourceMappingURL=style.css.map */
\ No newline at end of file
diff --git a/layouts/v7/skins/tools/style.css b/layouts/v7/skins/tools/style.css
index cd939c86dc0940b5819bf767966d6a86caf69b45..9539ba1337b7d4a966c9474395391aa2a7695ff8 100644
--- a/layouts/v7/skins/tools/style.css
+++ b/layouts/v7/skins/tools/style.css
@@ -86,7 +86,6 @@ body {
 }
 .global-nav .global-actions {
   padding-right: 15px;
-  height: 42px !important;
 }
 .app-nav {
   position: relative;
@@ -123,9 +122,9 @@ body {
     padding-right: 0;
     position: absolute;
     width: 100%;
-    height: 42px;
+    height: 43px;
     /*        border-top:1px solid #ddd;*/
-    border-bottom: 1px solid #ddd;
+    border-bottom: 1px solid #eee;
   }
   .app-nav .module-action-bar .module-action-content {
     background: #FBFBFB;
@@ -138,7 +137,7 @@ body {
   .main-container .module-nav {
     display: inline-block;
     width: 42px;
-    z-index: 10;
+    z-index: 1093;
     position: absolute;
     bottom: 0;
     top: 0;
@@ -162,7 +161,6 @@ body {
   .main-container .content-area {
     width: 100%;
     padding-left: 283px;
-    padding-top: 15px;
     min-height: 768px;
   }
   .main-container .settingsPageDiv {
@@ -235,7 +233,13 @@ body {
     padding-top:5px;
 }*/
 .global-nav .navbar-nav > li div a {
-  padding: 15px;
+  padding: 13px;
+}
+#navbar > ul > li > div > div > a {
+  float: left;
+}
+#navbar > ul > li > div > a {
+  float: left;
 }
 .global-nav > ul {
   margin-right: 20px;
@@ -257,11 +261,12 @@ body {
   height: 100%;
   width: 100%;
   color: #AAAAAA;
-  margin-top: 4px;
+  margin: 4px;
   padding: 0px 10px;
   text-decoration: none;
   vertical-align: top;
   border: 1px solid #DDDDDD;
+  border-width: thin;
 }
 .search-link .adv-search {
   margin-top: 9px;
@@ -387,9 +392,9 @@ body {
 }
 .app-nav .app-indicator-icon-container {
   top: 0px;
-  height: 42px;
+  height: 43px;
   text-align: center;
-  line-height: 42px;
+  line-height: 43px;
   /*    background-color: #2c3b49;*/
   color: #ffffff;
   /*border-bottom: 1px solid #272B46;*/
@@ -764,6 +769,9 @@ a.menu-item:hover {
 .logout-footer hr {
   margin: 10px 0;
 }
+#logout-footer > div > span > a {
+  float: none;
+}
 .app-home {
   background: #C5EFF7;
 }
@@ -789,7 +797,7 @@ a.menu-item:hover {
 /******** View styles (List/Edit/Detail..) *******/
 /*************************************************/
 .viewContent .content-area {
-  padding-left: 50px;
+  padding-left: 3%;
 }
 .viewContent .content-area.full-width {
   padding-left: 15px;
@@ -854,6 +862,7 @@ a {
   border-radius: 1px;
   box-shadow: none;
   border: 1px solid #cccccc;
+  border-width: thin;
 }
 input[type="text"].inputElement,
 input[type="password"].inputElement {
@@ -862,9 +871,10 @@ input[type="password"].inputElement {
 .select2-container-multi .select2-choices {
   min-height: 28px;
   border-radius: 1px;
-  border-color: #aaa;
+  border-color: #ccc;
   position: initial;
   z-index: 3;
+  border-width: thin;
 }
 .select2-container-multi .select2-choices .select2-search-field input {
   height: 29px;
@@ -880,6 +890,7 @@ input[type="password"].inputElement {
 .inputElement.select2-container .select2-choice {
   border-radius: 0 2px 2px 0;
   height: 28px;
+  border-width: thin;
 }
 .inputElement.select2-container {
   border: 0;
@@ -1434,6 +1445,8 @@ ul.unstyled {
   width: 100%;
   border: 1px solid #ddd;
   margin-top: 10px;
+  overflow: scroll;
+  border-width: thin;
 }
 .listview-table {
   margin-bottom: 0;
@@ -1456,7 +1469,7 @@ ul.unstyled {
 .listview-table > tbody > tr > td,
 .listview-table > tfoot > tr > td {
   vertical-align: middle;
-  padding: 3px;
+  padding: 8px 3px;
 }
 .listview-table > tbody > tr > td .value,
 .listview-table > tfoot > tr > td .value {
@@ -1473,6 +1486,7 @@ ul.unstyled {
   vertical-align: middle;
   width: 100%;
   display: inline-block;
+  word-break: normal;
 }
 .listViewEntries .relatedListEntryValues .value {
   vertical-align: middle;
@@ -1724,7 +1738,7 @@ input[type=checkbox]:checked {
   padding-top: 5px;
 }
 .detailViewButtoncontainer button.btn {
-  margin: 0px 1px !important;
+  margin: 1px !important;
 }
 .detailview-header .recordBasicInfo > .info-row {
   margin-bottom: 4px;
@@ -1770,7 +1784,7 @@ th {
   color: inherit;
 }
 #detailView td.fieldValue .edit {
-  width: 90%;
+  width: 100%;
 }
 .overlayDetailHeader .recordBasicInfo .fieldLabel .action,
 .detailview-header .recordBasicInfo .fieldLabel .action {
@@ -1809,16 +1823,6 @@ th {
 .overlayDetailHeader button.btn {
   margin: 0px 1px !important;
 }
-.referencefield-wrapper .createReferenceRecord {
-  float: left;
-  margin-left: 5px;
-  margin-top: 3px;
-  border: 1px solid #DDDDDD;
-  padding: 3px 7px;
-  text-align: center;
-  color: #666;
-  background: #F3F3F3;
-}
 .input-save-wrap {
   float: left;
   display: table-cell;
@@ -1827,7 +1831,7 @@ th {
   color: #FFFFFF;
 }
 .summaryView .referencefield-wrapper {
-  max-width: 150px;
+  width: 80%;
   display: table-cell;
 }
 .summaryView .referencefield-wrapper .input-group.time,
@@ -1836,6 +1840,8 @@ th {
 }
 .referencefield-wrapper {
   display: table-cell;
+  width: 80%;
+  max-width: 325px;
 }
 .record-header {
   min-height: 80px;
@@ -2018,7 +2024,7 @@ th {
   border: 0 !important;
 }
 #overlayPage {
-  top: 43px;
+  top: 86px;
   position: fixed;
   width: 100%;
   z-index: 1030;
@@ -2248,7 +2254,7 @@ th {
 }
 .noCommentsMsgContainer,
 .quick-preview-modal .noContent {
-  border: 1px solid #CCC;
+  border: 1px solid #eee;
 }
 .summaryWidgetContainer .recordImage .name {
   display: table-cell;
@@ -2367,7 +2373,8 @@ th {
 }
 .fieldBlockContainer .inputElement {
   height: 30px;
-  width: 200px;
+  width: 100%;
+  max-width: 325px;
 }
 .editViewContents .input.form-control:focus,
 .editViewContents .input.form-control:hover,
@@ -2379,7 +2386,6 @@ th {
   width: 100%;
 }
 .editViewContents .input-group {
-  width: 208px;
   float: left;
 }
 .editViewContents .fieldLabel {
@@ -3321,7 +3327,7 @@ th {
   font-size: 20px;
   font-weight: bold;
   line-height: 18px;
-  opacity: .2;
+  opacity: 0.2;
 }
 #settingsShortCutsContainer .col-lg-3.moduleBlock:hover .unpin {
   display: inline-block;
@@ -4975,7 +4981,7 @@ hr {
   padding: 15px;
   text-align: right;
   border-top: 1px solid #e5e5e5;
-  z-index: 6;
+  z-index: 1090;
 }
 .modal-footer-overwrite-style {
   position: initial;
@@ -5061,7 +5067,9 @@ hr {
 }
 .related-tabs.row .nav > li {
   padding: 0 10px;
-  margin: 0 2px;
+  margin: 0 2px 3px 2px;
+  width: 90px;
+  text-align: center;
 }
 .massEditTabs.nav > li {
   padding: 0 10px;
@@ -5102,6 +5110,7 @@ TN-34230 .row .nav > li > a:hover {
 .contents.tabbable .nav-tabs > li.active:focus {
   border: none;
   border-bottom: 3px solid #555;
+  margin-bottom: 0;
 }
 .nav-tabs > li.active > a,
 .nav-tabs > li.active > a:hover,
@@ -6010,6 +6019,7 @@ div.tooltip-inner {
 .detailview-header-block {
   background: white;
   padding: 15px;
+  padding-top: 25px;
 }
 .detailViewContainer .content-area,
 .editViewPageDiv .content-area,
@@ -6108,7 +6118,7 @@ div.tooltip-inner {
   border-left: 0;
 }
 .editViewContents .fieldValue .referencefield-wrapper {
-  width: 300px;
+  width: 100%;
   display: inline-block;
 }
 .input-group-addon {
@@ -6124,11 +6134,13 @@ div.tooltip-inner {
 }
 .listViewEntries .input-group,
 .referencefield-wrapper .input-group {
-  min-width: 120px;
+  width: 100%;
+  max-width: 325px;
 }
 .summaryViewEntries .inputElement.form-control,
 .detailview-table .inputElement.form-control {
-  width: 70%;
+  width: 80%;
+  max-width: 300px;
 }
 .detailview-table input[type="checkbox"] {
   width: 13px !important;
@@ -6136,7 +6148,8 @@ div.tooltip-inner {
 }
 .detailview-table .input-group-addon + .inputElement.form-control,
 .detailview-table .inputElement.form-control.input-medium {
-  width: 100%;
+  min-width: 80%;
+  max-width: 300px;
 }
 .summaryViewEntries .referencefield-wrapper .inputElement,
 .detailview-table .referencefield-wrapper .inputElement,
@@ -6679,7 +6692,7 @@ li.select2-search-choice div {
   padding: 3px;
 }
 .floatThead-table {
-  border-left: 1px solid #DDDDDD;
+  background: #fbfbfb;
 }
 .main-container-Documents .module-nav,
 .main-container-Reports .module-nav {
@@ -6891,19 +6904,19 @@ a.btnReport:hover {
   box-sizing: border-box;
 }
 .column.l1 {
-  width: 4.166666666667%;
+  width: 4.16666667%;
 }
 .column.l2 {
-  width: 8.333333333333%;
+  width: 8.33333333%;
 }
 .column.l3 {
   width: 12.5%;
 }
 .column.l5 {
-  width: 20.83333333333%;
+  width: 20.83333333%;
 }
 .column.l8 {
-  width: 33.33333333333%;
+  width: 33.33333333%;
 }
 .column.l9 {
   width: 37.5%;
@@ -7523,3 +7536,151 @@ input:focus:-ms-input-placeholder {
 .moduleIcon .custom-module {
   font-weight: bold;
 }
+.navbar-fixed-top {
+  z-index: 1095 !important;
+}
+body .fc {
+  overflow: auto;
+}
+.margin0 {
+  margin: 0;
+}
+.border0 {
+  border: 0;
+}
+.padding0 {
+  padding: 0;
+}
+.rounded0 {
+  border-radius: 0;
+}
+.bg-white {
+  background: #FFFFFF;
+}
+.nav-tabs {
+  border-bottom: 0;
+}
+.commentcontent {
+  border: 1px solid #ddd;
+}
+.editViewHeader {
+  padding-top: 20px;
+}
+.listview-table > thead > tr > th {
+  border-bottom: 0;
+  font-size: 13px;
+}
+.floatThead-floatContainer {
+  margin-left: 1px;
+}
+@media all and (min-width: 0px) and (max-width: 830px) {
+  table.summary-table > tbody > tr > td,
+  table.summary-table > tbody > tr > th,
+  table.summary-table > tfoot > tr > td,
+  table.summary-table > tfoot > tr > th,
+  table.summary-table > thead > tr > td,
+  table.summary-table > thead > tr > th,
+  .quickCreateContent > table.table > tbody > tr > td,
+  .quickCreateContent > table.table > tbody > tr > th,
+  .quickCreateContent > table.table > tfoot > tr > td,
+  .quickCreateContent > table.table > tfoot > tr > th,
+  .quickCreateContent > table.table > thead > tr > td,
+  .quickCreateContent > table.table > thead > tr > th,
+  .fieldBlockContainer > table.table:not(#lineItemResult) > tbody > tr > td,
+  .fieldBlockContainer > table.table:not(#lineItemResult) > tbody > tr > th,
+  .fieldBlockContainer > table.table:not(#lineItemResult) > tfoot > tr > td,
+  .fieldBlockContainer > table.table:not(#lineItemResult) > tfoot > tr > th,
+  .fieldBlockContainer > table.table:not(#lineItemResult) > thead > tr > td,
+  .fieldBlockContainer > table.table:not(#lineItemResult) > thead > tr > th,
+  .detailview-table > tbody > tr > td,
+  .detailview-table > tbody > tr > th,
+  .detailview-table > tfoot > tr > td,
+  .detailview-table > tfoot > tr > th,
+  .detailview-table > thead > tr > td,
+  .detailview-table > thead > tr > th {
+    display: block;
+    min-width: 100%!important;
+  }
+  table.summary-table > thead > tr > th,
+  .quickCreateContent > table.table > thead > tr > th,
+  .fieldBlockContainer > table.table:not(#lineItemResult) > thead > tr > th,
+  .detailview-table > thead > tr > th {
+    display: none;
+  }
+  .editElement div {
+    float: left;
+  }
+  #detailView td.fieldValue .edit {
+    width: 100%;
+    float: none !important;
+    display: inline-block;
+  }
+  table.summary-table td.fieldValue .inputElement,
+  .quickCreateContent > table.table td.fieldValue .inputElement,
+  .fieldBlockContainer > table.table:not(#lineItemResult) td.fieldValue .inputElement,
+  .fieldBlockContainer > table.table:not(#lineItemResult) td.fieldValue .input-group {
+    width: 100%;
+    float: none !important;
+  }
+  #detailView td.fieldLabel {
+    padding-top: 20px;
+  }
+  #detailView td.fieldValue {
+    border-bottom: 1px solid #eee;
+    padding-bottom: 20px;
+  }
+  #detailView td.fieldValue > span:first-child {
+    border: 0;
+    border-bottom: 1px dashed #aaa;
+  }
+  .search-link {
+    border: 0;
+  }
+  #page > nav.navbar {
+    border-bottom: 1px solid #eee;
+  }
+  .modal-overlay-footer {
+    border-left: 0;
+  }
+  .app-footer {
+    font-size: 11px;
+  }
+  body {
+    font-size: 13px;
+  }
+  .overlay-container-60 {
+    margin-left: 0px ;
+  }
+  .overlayPageContent {
+    padding-bottom: 0;
+  }
+  .overlayPageContent.fade {
+    overflow: scroll;
+  }
+  .overlayDetail .modal-content {
+    position: relative;
+  }
+  .mCSB_inside > .mCSB_container {
+    margin-right: 0;
+  }
+  #mCSB_9_scrollbar_vertical {
+    display: none;
+  }
+  .lineItemInputBox {
+    width: 100%;
+  }
+  #comment1 {
+    border-left-color: #ccc;
+  }
+  .editViewContents .fieldLabel {
+    padding-top: 20px;
+  }
+  .quickCreateContent .fieldLabel {
+    padding-top: 20px;
+  }
+  .floatThead-floatContainer {
+    margin-left: 1px;
+    padding-top: 1px;
+  }
+}
+/*# 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 ec3e933aab263cbb44630e79200dcd501b3cffc7..75e9b52b2e70274abde3c7d492fef8508be8bfc0 100644
--- a/layouts/v7/skins/vtiger/style.less
+++ b/layouts/v7/skins/vtiger/style.less
@@ -289,6 +289,7 @@ body{
     text-decoration: none;
     vertical-align: top;
     border: 1px solid @lightColorBorder;
+    border-width: thin;
     .adv-search {
         margin-top:9px;
     }
@@ -936,6 +937,7 @@ a{
     border-radius: 1px;
     box-shadow: none;
     border:1px solid #cccccc;
+    border-width: thin;
 }
 input[type="text"].inputElement,
 input[type="password"].inputElement{
@@ -944,10 +946,10 @@ input[type="password"].inputElement{
 .select2-container-multi .select2-choices {
     min-height: 28px;
     border-radius: 1px;
-    border-color: #aaa;
+    border-color: #ccc;
     position:initial;
     z-index : 3;
-    
+    border-width: thin;
 }
 .select2-container-multi .select2-choices .select2-search-field input{
     height: 29px;
@@ -966,6 +968,7 @@ input[type="password"].inputElement{
 .inputElement.select2-container .select2-choice{
     border-radius: 0 2px 2px 0;
     height : 28px;
+    border-width: thin;
 }
 
 .inputElement.select2-container {
@@ -1602,6 +1605,7 @@ ul.unstyled{
     border: 1px solid #ddd;
     margin-top: 10px;
     overflow: scroll;
+    border-width: thin;
 }
 
 .listview-table{
@@ -1626,7 +1630,7 @@ ul.unstyled{
 .listview-table > tbody > tr > td,
 .listview-table > tfoot > tr > td{
     vertical-align: middle;
-    padding: 3px;
+    padding: 8px 3px;
     .value{
         padding: 0 5px;
     }
@@ -1993,7 +1997,7 @@ strong, b, th{
 }
 
 #detailView td.fieldValue .edit{
-    width:90%;
+    width:100%;
 }
 
 //detail view header edit
@@ -2044,17 +2048,6 @@ strong, b, th{
 //detail view header edit end
 
 //detailview reference style removed
-
-.referencefield-wrapper .createReferenceRecord{
-    float: left;
-    margin-left: 5px;
-    margin-top: 3px;
-    border: 1px solid @lightColorBorder;
-    padding: 3px 7px;
-    text-align: center;
-    color: #666;
-    background: @referencefieldBackground;
-}
 .input-save-wrap{ 
     float:left;
     display: table-cell;
@@ -2073,6 +2066,8 @@ strong, b, th{
 
 .referencefield-wrapper{
     display: table-cell;
+    width: 80%;
+    max-width: 325px;
 }
 //removed styles for reference field 
 
@@ -2233,7 +2228,7 @@ strong, b, th{
     border: 0 !important;
 }
 #overlayPage {
-    top:43px;
+    top:86px;
     position:fixed;
     width:100%;
     z-index: 1030;
@@ -2495,7 +2490,7 @@ strong, b, th{
 
 .noCommentsMsgContainer,
 .quick-preview-modal .noContent{
-    border : 1px solid #CCC;
+    border : 1px solid #eee;
 }
 .summaryWidgetContainer .recordImage .name{
     display: table-cell;
@@ -2633,7 +2628,8 @@ strong, b, th{
 
 .fieldBlockContainer .inputElement{
     height : 30px;
-    width : 200px; 
+    width: 100%;
+    max-width: 325px;
 }
 //editview input-group styles
 .editViewContents {
@@ -2647,7 +2643,6 @@ strong, b, th{
         width:100%;
     }
     .input-group{
-        width:208px;
         float:left;
     }
 	.fieldLabel {
@@ -6874,7 +6869,7 @@ div.tooltip-inner{
     border-left:0;
 }
 .editViewContents .fieldValue .referencefield-wrapper {
-    width: 300px;
+    width: 100%;
     display: inline-block;
 }
 .input-group-addon{
@@ -6890,11 +6885,13 @@ div.tooltip-inner{
 }
 .listViewEntries .input-group,
 .referencefield-wrapper .input-group{
-    min-width: 120px;
+    width: 100%;
+    max-width: 325px;
     }
 .summaryViewEntries .inputElement.form-control,
 .detailview-table .inputElement.form-control{
-    width:70%;
+    width:80%;
+    max-width: 300px;
 }
 .detailview-table input[type="checkbox"]{ //TN-#34172
     width:13px !important;
@@ -6902,7 +6899,8 @@ div.tooltip-inner{
 }
 .detailview-table .input-group-addon+.inputElement.form-control,
 .detailview-table .inputElement.form-control.input-medium{
-    width:100%;
+    min-width: 80%;
+    max-width: 300px;
 }
 
 .summaryViewEntries .referencefield-wrapper .inputElement,
@@ -7528,7 +7526,7 @@ li.select2-search-choice div{
 }
 
 .floatThead-table {
-    border-left: 1px solid @lightColorBorder;
+    background: #fbfbfb;
 }
 .main-container-Documents .module-nav,
 .main-container-Reports .module-nav {
@@ -8496,7 +8494,20 @@ body .fc {
 .nav-tabs {
     border-bottom: 0;
 }
-@media all and (min-width:0px) and (max-width: 600px) {
+.commentcontent {
+    border: 1px solid #ddd;
+}
+.editViewHeader {
+    padding-top: 20px;
+}
+.listview-table > thead > tr > th {
+    border-bottom: 0;
+    font-size: 13px;
+}
+.floatThead-floatContainer {
+    margin-left: 1px;
+}
+@media all and (min-width:0px) and (max-width: 830px) {
     //Responsive Table
     table.summary-table>tbody>tr>td,
     table.summary-table>tbody>tr>th,
@@ -8599,5 +8610,15 @@ body .fc {
     #comment1 {
         border-left-color: #ccc;
     }
+    .editViewContents .fieldLabel {
+        padding-top: 20px;
+    }
+    .quickCreateContent .fieldLabel {
+        padding-top: 20px;
+    }
+    .floatThead-floatContainer {
+        margin-left: 1px;
+        padding-top: 1px;
+    }
 }