diff --git a/layouts/v7/skins/contact/style.css b/layouts/v7/skins/contact/style.css
index bbb78f759c506461d13907edd8e7e843743c76a3..561a7b806ddbf84428fa01e6c1229f9dcba60bc2 100644
--- a/layouts/v7/skins/contact/style.css
+++ b/layouts/v7/skins/contact/style.css
@@ -1497,6 +1497,7 @@ ul.unstyled {
   vertical-align: middle;
   width: 80%;
   display: inline-block;
+  max-width: 300px;
 }
 .floatThead-table {
   background: #fff;
@@ -1845,7 +1846,6 @@ th {
 }
 .referencefield-wrapper {
   display: table-cell;
-  width: 80%;
   max-width: 325px;
 }
 .record-header {
@@ -2422,6 +2422,11 @@ th {
   border: none;
   border-left: 1px solid #ddd;
 }
+.input-group.inputElement .input-group-addon-right{
+    border:none;
+    border-left:0px;
+    border-right:1px solid #ddd;
+}
 .fieldBlockContainer textarea.inputElement {
   height: auto;
 }
@@ -5590,6 +5595,9 @@ TN-34230 .row .nav > li > a:hover {
 .width75per {
   width: 75%;
 }
+.width100per{
+    width: 100% !important;
+}
 #_mbox_pwd {
   padding: 3px 8px;
 }
@@ -6141,14 +6149,13 @@ div.tooltip-inner {
   border-left: 0;
 }
 .editViewContents .fieldValue .referencefield-wrapper {
-  width: 100%;
   display: inline-block;
 }
 .fieldValueWidth80{
     width:80% !important;
 }
 .input-group-addon {
-  line-height: 1.5;
+  line-height: inherit;
   border-width: thin;
 }
 .input-group {
@@ -6166,7 +6173,6 @@ div.tooltip-inner {
 }
 .summaryViewEntries .inputElement.form-control,
 .detailview-table .inputElement.form-control {
-  width: 80%;
   max-width: 300px;
 }
 .detailview-table input[type="checkbox"] {
@@ -7732,4 +7738,28 @@ body .fc {
     padding: 30px;
   }
 }
+#vt-mask{
+    border: 0;
+    margin: 0;
+    padding: 0;
+    position: fixed;
+    left: 0;
+    top: 0;
+    min-height: 100%;
+    min-width: 100%;
+    height: auto;
+    width: auto;
+    opacity: 0;
+    z-index: 10001;
+    background-color: #fff;
+ }
+ .fieldBlockContainer .inputElement.textAreaElement {
+    max-width:none;
+    width: 100%;
+}
+
+.detailview-table textarea.inputElement.form-control {
+    max-width:none;
+    width: 90%;
+}
 /*# 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 789c74f7d6fa6946a360c48debf1746d691c12ff..70be5ee025ba549a17e79625b3d7f7bfbf1bcadc 100644
--- a/layouts/v7/skins/inventory/style.css
+++ b/layouts/v7/skins/inventory/style.css
@@ -1497,6 +1497,7 @@ ul.unstyled {
   vertical-align: middle;
   width: 80%;
   display: inline-block;
+  max-width: 300px;
 }
 .floatThead-table {
   background: #fff;
@@ -1845,7 +1846,6 @@ th {
 }
 .referencefield-wrapper {
   display: table-cell;
-  width: 80%;
   max-width: 325px;
 }
 .record-header {
@@ -2422,6 +2422,11 @@ th {
   border: none;
   border-left: 1px solid #ddd;
 }
+.input-group.inputElement .input-group-addon-right{
+    border:none;
+    border-left:0px;
+    border-right:1px solid #ddd;
+}
 .fieldBlockContainer textarea.inputElement {
   height: auto;
 }
@@ -5590,6 +5595,9 @@ TN-34230 .row .nav > li > a:hover {
 .width75per {
   width: 75%;
 }
+.width100per{
+    width: 100% !important;
+}
 #_mbox_pwd {
   padding: 3px 8px;
 }
@@ -6141,14 +6149,13 @@ div.tooltip-inner {
   border-left: 0;
 }
 .editViewContents .fieldValue .referencefield-wrapper {
-  width: 100%;
   display: inline-block;
 }
 .fieldValueWidth80{
     width:80% !important;
 }
 .input-group-addon {
-  line-height: 1.5;
+  line-height: inherit;
   border-width: thin;
 }
 .input-group {
@@ -6166,7 +6173,6 @@ div.tooltip-inner {
 }
 .summaryViewEntries .inputElement.form-control,
 .detailview-table .inputElement.form-control {
-  width: 80%;
   max-width: 300px;
 }
 .detailview-table input[type="checkbox"] {
@@ -7736,4 +7742,28 @@ body .fc {
   border-left: 3px solid #F1C40F;
   opacity: 1;
 }
+#vt-mask{
+    border: 0;
+    margin: 0;
+    padding: 0;
+    position: fixed;
+    left: 0;
+    top: 0;
+    min-height: 100%;
+    min-width: 100%;
+    height: auto;
+    width: auto;
+    opacity: 0;
+    z-index: 10001;
+    background-color: #fff;
+ }
+ .fieldBlockContainer .inputElement.textAreaElement {
+    max-width:none;
+    width: 100%;
+}
+
+.detailview-table textarea.inputElement.form-control {
+    max-width:none;
+    width: 90%;
+}
 /*# 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 4e3d81ff7be3a506e979776ba59aa15268dedb8e..4b0a9e63eb65e32bde8e074c7cb44e06ff0e64f3 100644
--- a/layouts/v7/skins/marketing/style.css
+++ b/layouts/v7/skins/marketing/style.css
@@ -1497,6 +1497,7 @@ ul.unstyled {
   vertical-align: middle;
   width: 80%;
   display: inline-block;
+  max-width: 300px;
 }
 .floatThead-table {
   background: #fff;
@@ -1845,7 +1846,6 @@ th {
 }
 .referencefield-wrapper {
   display: table-cell;
-  width: 80%;
   max-width: 325px;
 }
 .record-header {
@@ -2422,6 +2422,11 @@ th {
   border: none;
   border-left: 1px solid #ddd;
 }
+.input-group.inputElement .input-group-addon-right{
+    border:none;
+    border-left:0px;
+    border-right:1px solid #ddd;
+}
 .fieldBlockContainer textarea.inputElement {
   height: auto;
 }
@@ -5590,6 +5595,9 @@ TN-34230 .row .nav > li > a:hover {
 .width75per {
   width: 75%;
 }
+.width100per{
+    width: 100% !important;
+}
 #_mbox_pwd {
   padding: 3px 8px;
 }
@@ -6141,14 +6149,13 @@ div.tooltip-inner {
   border-left: 0;
 }
 .editViewContents .fieldValue .referencefield-wrapper {
-  width: 100%;
   display: inline-block;
 }
 .fieldValueWidth80{
     width:80% !important;
 }
 .input-group-addon {
-  line-height: 1.5;
+  line-height: inherit;
   border-width: thin;
 }
 .input-group {
@@ -6166,7 +6173,6 @@ div.tooltip-inner {
 }
 .summaryViewEntries .inputElement.form-control,
 .detailview-table .inputElement.form-control {
-  width: 80%;
   max-width: 300px;
 }
 .detailview-table input[type="checkbox"] {
@@ -7998,4 +8004,28 @@ a.btnReport:hover {
   height: 450px;
   overflow: auto;
 }
+#vt-mask{
+    border: 0;
+    margin: 0;
+    padding: 0;
+    position: fixed;
+    left: 0;
+    top: 0;
+    min-height: 100%;
+    min-width: 100%;
+    height: auto;
+    width: auto;
+    opacity: 0;
+    z-index: 10001;
+    background-color: #fff;
+ }
+ .fieldBlockContainer .inputElement.textAreaElement {
+    max-width:none;
+    width: 100%;
+}
+
+.detailview-table textarea.inputElement.form-control {
+    max-width:none;
+    width: 90%;
+}
 /*# 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 cee5dbca9e21acf0c628176163f507b983f3c18b..2f77a6612cd83459e2374a9dc0c58dba29fbc774 100644
--- a/layouts/v7/skins/marketing_and_sales/style.css
+++ b/layouts/v7/skins/marketing_and_sales/style.css
@@ -1497,6 +1497,7 @@ ul.unstyled {
   vertical-align: middle;
   width: 80%;
   display: inline-block;
+  max-width: 300px;
 }
 .floatThead-table {
   background: #fff;
@@ -1845,7 +1846,6 @@ th {
 }
 .referencefield-wrapper {
   display: table-cell;
-  width: 80%;
   max-width: 325px;
 }
 .record-header {
@@ -2422,6 +2422,11 @@ th {
   border: none;
   border-left: 1px solid #ddd;
 }
+.input-group.inputElement .input-group-addon-right{
+    border:none;
+    border-left:0px;
+    border-right:1px solid #ddd;
+}
 .fieldBlockContainer textarea.inputElement {
   height: auto;
 }
@@ -5584,6 +5589,9 @@ TN-34230 .row .nav > li > a:hover {
 .width75per {
   width: 75%;
 }
+.width100per{
+    width: 100% !important;
+}
 #_mbox_pwd {
   padding: 3px 8px;
 }
@@ -6135,14 +6143,13 @@ div.tooltip-inner {
   border-left: 0;
 }
 .editViewContents .fieldValue .referencefield-wrapper {
-  width: 100%;
   display: inline-block;
 }
 .fieldValueWidth80{
     width:80% !important;
 }
 .input-group-addon {
-  line-height: 1.5;
+  line-height: inherit;
   border-width: thin;
 }
 .input-group {
@@ -6160,7 +6167,6 @@ div.tooltip-inner {
 }
 .summaryViewEntries .inputElement.form-control,
 .detailview-table .inputElement.form-control {
-  width: 80%;
   max-width: 300px;
 }
 .detailview-table input[type="checkbox"] {
@@ -7730,4 +7736,28 @@ body .fc {
   border-left: 3px solid #3CB878;
   opacity: 1;
 }
+#vt-mask{
+    border: 0;
+    margin: 0;
+    padding: 0;
+    position: fixed;
+    left: 0;
+    top: 0;
+    min-height: 100%;
+    min-width: 100%;
+    height: auto;
+    width: auto;
+    opacity: 0;
+    z-index: 10001;
+    background-color: #fff;
+ }
+ .fieldBlockContainer .inputElement.textAreaElement {
+    max-width:none;
+    width: 100%;
+}
+
+.detailview-table textarea.inputElement.form-control {
+    max-width:none;
+    width: 90%;
+}
 /*# 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 a3f8244ad4a2e03e5ba7ec3cc804715a30ccf5ea..9a9c28246cffbe67b7e371926db9fe7caa206ace 100644
--- a/layouts/v7/skins/project/style.css
+++ b/layouts/v7/skins/project/style.css
@@ -1497,6 +1497,7 @@ ul.unstyled {
   vertical-align: middle;
   width: 80%;
   display: inline-block;
+  max-width: 300px;
 }
 .floatThead-table {
   background: #fff;
@@ -1845,7 +1846,6 @@ th {
 }
 .referencefield-wrapper {
   display: table-cell;
-  width: 80%;
   max-width: 325px;
 }
 .record-header {
@@ -2422,6 +2422,11 @@ th {
   border: none;
   border-left: 1px solid #ddd;
 }
+.input-group.inputElement .input-group-addon-right{
+    border:none;
+    border-left:0px;
+    border-right:1px solid #ddd;
+}
 .fieldBlockContainer textarea.inputElement {
   height: auto;
 }
@@ -5590,6 +5595,9 @@ TN-34230 .row .nav > li > a:hover {
 .width75per {
   width: 75%;
 }
+.width100per{
+    width: 100% !important;
+}
 #_mbox_pwd {
   padding: 3px 8px;
 }
@@ -6141,14 +6149,13 @@ div.tooltip-inner {
   border-left: 0;
 }
 .editViewContents .fieldValue .referencefield-wrapper {
-  width: 100%;
   display: inline-block;
 }
 .fieldValueWidth80{
     width:80% !important;
 }
 .input-group-addon {
-  line-height: 1.5;
+  line-height: inherit;
   border-width: thin;
 }
 .input-group {
@@ -6166,7 +6173,6 @@ div.tooltip-inner {
 }
 .summaryViewEntries .inputElement.form-control,
 .detailview-table .inputElement.form-control {
-  width: 80%;
   max-width: 300px;
 }
 .detailview-table input[type="checkbox"] {
@@ -7736,4 +7742,28 @@ body .fc {
   border-left: 3px solid #8E44AD;
   opacity: 1;
 }
+#vt-mask{
+    border: 0;
+    margin: 0;
+    padding: 0;
+    position: fixed;
+    left: 0;
+    top: 0;
+    min-height: 100%;
+    min-width: 100%;
+    height: auto;
+    width: auto;
+    opacity: 0;
+    z-index: 10001;
+    background-color: #fff;
+ }
+ .fieldBlockContainer .inputElement.textAreaElement {
+    max-width:none;
+    width: 100%;
+}
+
+.detailview-table textarea.inputElement.form-control {
+    max-width:none;
+    width: 90%;
+}
 /*# 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 8547dfacec1f2469ad5c5044a15eb085fbf9f2cb..a09084e3becde5a038a0118aabb608ce21aed212 100644
--- a/layouts/v7/skins/sales/style.css
+++ b/layouts/v7/skins/sales/style.css
@@ -1497,6 +1497,7 @@ ul.unstyled {
   vertical-align: middle;
   width: 80%;
   display: inline-block;
+  max-width: 300px;
 }
 .floatThead-table {
   background: #fff;
@@ -1845,7 +1846,6 @@ th {
 }
 .referencefield-wrapper {
   display: table-cell;
-  width: 80%;
   max-width: 325px;
 }
 .record-header {
@@ -2422,6 +2422,11 @@ th {
   border: none;
   border-left: 1px solid #ddd;
 }
+.input-group.inputElement .input-group-addon-right{
+    border:none;
+    border-left:0px;
+    border-right:1px solid #ddd;
+}
 .fieldBlockContainer textarea.inputElement {
   height: auto;
 }
@@ -5590,6 +5595,9 @@ TN-34230 .row .nav > li > a:hover {
 .width75per {
   width: 75%;
 }
+.width100per{
+    width: 100% !important;
+}
 #_mbox_pwd {
   padding: 3px 8px;
 }
@@ -6141,14 +6149,13 @@ div.tooltip-inner {
   border-left: 0;
 }
 .editViewContents .fieldValue .referencefield-wrapper {
-  width: 100%;
   display: inline-block;
 }
 .fieldValueWidth80{
     width:80% !important;
 }
 .input-group-addon {
-  line-height: 1.5;
+  line-height: inherit;
   border-width: thin;
 }
 .input-group {
@@ -6166,7 +6173,6 @@ div.tooltip-inner {
 }
 .summaryViewEntries .inputElement.form-control,
 .detailview-table .inputElement.form-control {
-  width: 80%;
   max-width: 300px;
 }
 .detailview-table input[type="checkbox"] {
@@ -7736,4 +7742,28 @@ body .fc {
   border-left: 3px solid #3CB878;
   opacity: 1;
 }
+#vt-mask{
+    border: 0;
+    margin: 0;
+    padding: 0;
+    position: fixed;
+    left: 0;
+    top: 0;
+    min-height: 100%;
+    min-width: 100%;
+    height: auto;
+    width: auto;
+    opacity: 0;
+    z-index: 10001;
+    background-color: #fff;
+ }
+ .fieldBlockContainer .inputElement.textAreaElement {
+    max-width:none;
+    width: 100%;
+}
+
+.detailview-table textarea.inputElement.form-control {
+    max-width:none;
+    width: 90%;
+}
 /*# 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 29c5430f1058979dfb1c6b6d7a57518ba3d684cc..189d18d22467468192ffe13212e0a2a76ac19af9 100644
--- a/layouts/v7/skins/support/style.css
+++ b/layouts/v7/skins/support/style.css
@@ -1497,6 +1497,7 @@ ul.unstyled {
   vertical-align: middle;
   width: 80%;
   display: inline-block;
+  max-width: 300px;
 }
 .floatThead-table {
   background: #fff;
@@ -1845,7 +1846,6 @@ th {
 }
 .referencefield-wrapper {
   display: table-cell;
-  width: 80%;
   max-width: 325px;
 }
 .record-header {
@@ -2422,6 +2422,11 @@ th {
   border: none;
   border-left: 1px solid #ddd;
 }
+.input-group.inputElement .input-group-addon-right{
+    border:none;
+    border-left:0px;
+    border-right:1px solid #ddd;
+}
 .fieldBlockContainer textarea.inputElement {
   height: auto;
 }
@@ -5590,6 +5595,9 @@ TN-34230 .row .nav > li > a:hover {
 .width75per {
   width: 75%;
 }
+.width100per{
+    width: 100% !important;
+}
 #_mbox_pwd {
   padding: 3px 8px;
 }
@@ -6141,14 +6149,13 @@ div.tooltip-inner {
   border-left: 0;
 }
 .editViewContents .fieldValue .referencefield-wrapper {
-  width: 100%;
   display: inline-block;
 }
 .fieldValueWidth80{
     width:80% !important;
 }
 .input-group-addon {
-  line-height: 1.5;
+  line-height: inherit;
   border-width: thin;
 }
 .input-group {
@@ -6166,7 +6173,6 @@ div.tooltip-inner {
 }
 .summaryViewEntries .inputElement.form-control,
 .detailview-table .inputElement.form-control {
-  width: 80%;
   max-width: 300px;
 }
 .detailview-table input[type="checkbox"] {
@@ -7870,4 +7876,28 @@ div.flip {
 .caseRelatedRecords {
   margin-bottom: 0px !important;
 }
+#vt-mask{
+    border: 0;
+    margin: 0;
+    padding: 0;
+    position: fixed;
+    left: 0;
+    top: 0;
+    min-height: 100%;
+    min-width: 100%;
+    height: auto;
+    width: auto;
+    opacity: 0;
+    z-index: 10001;
+    background-color: #fff;
+ }
+ .fieldBlockContainer .inputElement.textAreaElement {
+    max-width:none;
+    width: 100%;
+}
+
+.detailview-table textarea.inputElement.form-control {
+    max-width:none;
+    width: 90%;
+}
 /*# 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 106961869f01ea9a45f45690c28f8a4b616c2d04..33e87127b8bda86abdbc0041a8fa4d267ac7d1ae 100644
--- a/layouts/v7/skins/tools/style.css
+++ b/layouts/v7/skins/tools/style.css
@@ -1497,6 +1497,7 @@ ul.unstyled {
   vertical-align: middle;
   width: 80%;
   display: inline-block;
+  max-width: 300px;
 }
 .floatThead-table {
   background: #fff;
@@ -1845,7 +1846,6 @@ th {
 }
 .referencefield-wrapper {
   display: table-cell;
-  width: 80%;
   max-width: 325px;
 }
 .record-header {
@@ -2422,6 +2422,11 @@ th {
   border: none;
   border-left: 1px solid #ddd;
 }
+.input-group.inputElement .input-group-addon-right{
+    border:none;
+    border-left:0px;
+    border-right:1px solid #ddd;
+}
 .fieldBlockContainer textarea.inputElement {
   height: auto;
 }
@@ -5590,6 +5595,9 @@ TN-34230 .row .nav > li > a:hover {
 .width75per {
   width: 75%;
 }
+.width100per{
+    width: 100% !important;
+}
 #_mbox_pwd {
   padding: 3px 8px;
 }
@@ -6141,14 +6149,13 @@ div.tooltip-inner {
   border-left: 0;
 }
 .editViewContents .fieldValue .referencefield-wrapper {
-  width: 100%;
   display: inline-block;
 }
 .fieldValueWidth80{
     width:80% !important;
 }
 .input-group-addon {
-  line-height: 1.5;
+  line-height: inherit;
   border-width: thin;
 }
 .input-group {
@@ -6166,7 +6173,6 @@ div.tooltip-inner {
 }
 .summaryViewEntries .inputElement.form-control,
 .detailview-table .inputElement.form-control {
-  width: 80%;
   max-width: 300px;
 }
 .detailview-table input[type="checkbox"] {
@@ -7732,4 +7738,28 @@ body .fc {
     padding: 30px;
   }
 }
+#vt-mask{
+    border: 0;
+    margin: 0;
+    padding: 0;
+    position: fixed;
+    left: 0;
+    top: 0;
+    min-height: 100%;
+    min-width: 100%;
+    height: auto;
+    width: auto;
+    opacity: 0;
+    z-index: 10001;
+    background-color: #fff;
+ }
+ .fieldBlockContainer .inputElement.textAreaElement {
+    max-width:none;
+    width: 100%;
+}
+
+.detailview-table textarea.inputElement.form-control {
+    max-width:none;
+    width: 90%;
+}
 /*# 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 c6e4cb2f3032358c7658d9cf6a169ec389a2211f..7d0a03bef6a845dc5ae25594f392f03e6add4a6b 100644
--- a/layouts/v7/skins/vtiger/style.less
+++ b/layouts/v7/skins/vtiger/style.less
@@ -8687,4 +8687,13 @@ body .fc {
     opacity: 0;
     z-index: 10001;
     background-color: #fff;
+}
+.fieldBlockContainer .inputElement.textAreaElement {
+    max-width:none;
+    width: 100%;
+}
+
+.detailview-table textarea.inputElement.form-control {
+    max-width:none;
+    width: 90%;
 }
\ No newline at end of file