diff --git a/layouts/v7/skins/contact/style.css b/layouts/v7/skins/contact/style.css
index 87eccfbebdfdd00cdd836b5bcc12b6fd80333e84..7c75c0bf66a1d6bd46864c5857782f4245ed7bbf 100644
--- a/layouts/v7/skins/contact/style.css
+++ b/layouts/v7/skins/contact/style.css
@@ -1,7 +1,9 @@
 @font-face {
   font-family: 'Oswald';
   src: url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.eot');
-  src: url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.woff') format('woff'), url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.ttf') format('truetype'), url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.svg#Oswald') format('svg');
+  /* IE9 Compat Modes */
+  src: url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.svg#Oswald') format('svg');
+  /* Legacy iOS */
   font-weight: normal;
   font-style: normal;
   text-rendering: optimizeLegibility;
@@ -15,27 +17,37 @@ a:active {
 @font-face {
   font-family: 'OpenSans-Regular';
   src: url('../fonts/OpenSans/Regular/OpenSans-Regular.eot');
-  src: url('../fonts/OpenSans/Regular/OpenSans-Regular.ttf') format('truetype'), url('../fonts/OpenSans/Regular/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans/Regular/OpenSans-Regular.woff2') format('woff2'), url('../fonts/OpenSans/Regular/OpenSans-Regular.woff') format('woff'), url('../fonts/OpenSans/Regular/OpenSans-Regular.svg#svgFontName') format('svg');
+  /* IE9 Compat Modes */
+  src: url('../fonts/OpenSans/Regular/OpenSans-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/OpenSans/Regular/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/OpenSans/Regular/OpenSans-Regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/OpenSans/Regular/OpenSans-Regular.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/OpenSans/Regular/OpenSans-Regular.svg#svgFontName') format('svg');
+  /* Legacy iOS */
 }
 @font-face {
   font-family: 'OpenSans-Semibold';
   src: url('../fonts/OpenSans/Semibold/OpenSans-Semibold.eot');
-  src: url('../fonts/OpenSans/Semibold/OpenSans-Semibold.ttf') format('truetype'), url('../fonts/OpenSans/Semibold/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans/Semibold/OpenSans-Semibold.woff2') format('woff2'), url('../fonts/OpenSans/Semibold/OpenSans-Semibold.woff') format('woff'), url('../fonts/OpenSans/Semibold/OpenSans-Semibold.svg#svgFontName') format('svg');
+  /* IE9 Compat Modes */
+  src: url('../fonts/OpenSans/Semibold/OpenSans-Semibold.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/OpenSans/Semibold/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/OpenSans/Semibold/OpenSans-Semibold.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/OpenSans/Semibold/OpenSans-Semibold.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/OpenSans/Semibold/OpenSans-Semibold.svg#svgFontName') format('svg');
+  /* Legacy iOS */
 }
 @font-face {
   font-family: 'ProximaNova-Regular';
-  src: url('../fonts/ProximanovaWebfont/ProximaNova-Regular.ttf') format('truetype'), url('../fonts/ProximanovaWebfont/ProximaNova-Regular.woff') format('woff'), url('../fonts/ProximanovaWebfont/ProximaNova-Regular.eot?#iefix') format('embedded-opentype');
+  src: url('../fonts/ProximanovaWebfont/ProximaNova-Regular.ttf') format('truetype'), url('../fonts/ProximanovaWebfont/ProximaNova-Regular.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/ProximanovaWebfont/ProximaNova-Regular.eot?#iefix') format('embedded-opentype');
+  /* IE6-IE8 */
+  /* Safari, Android, iOS */
   font-style: normal;
   font-weight: normal;
   text-rendering: optimizeLegibility;
 }
 @font-face {
   font-family: 'ProximaNova-Semibold';
-  src: url('../fonts/ProximanovaWebfont/ProximaNova-Semibold.ttf') format('truetype'), url('../fonts/ProximanovaWebfont/ProximaNova-Semibold.woff') format('woff'), url('../fonts/ProximanovaWebfont/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype');
+  src: url('../fonts/ProximanovaWebfont/ProximaNova-Semibold.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/ProximanovaWebfont/ProximaNova-Semibold.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/ProximanovaWebfont/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype');
+  /* IE6-IE8 */
   font-style: normal;
   font-weight: normal;
   text-rendering: optimizeLegibility;
 }
+/**********************************/
+/************ Layout **************/
+/**********************************/
 html {
   height: 100%;
   overflow-y: auto;
@@ -102,6 +114,7 @@ body {
 @media (min-width: 992px) {
   .global-nav .logo-container {
     display: inline-block;
+    width: 150px;
     z-index: 2;
     padding-left: 6%;
     margin-top: 1px;
@@ -113,11 +126,13 @@ body {
     position: absolute;
     width: 100%;
     height: 42px;
+    /*        border-top:1px solid #ddd;*/
     border-bottom: 1px solid #ddd;
   }
   .app-nav .module-action-bar .module-action-content {
     background: #FBFBFB;
     height: 41px;
+    /*        border-bottom: 1px solid #eee;*/
   }
   .app-nav .module-action-bar .module-action-content .navbar-right {
     margin-right: 0;
@@ -163,7 +178,7 @@ body {
     padding-left: 0;
   }
 }
-.btn-toolbar >.btn-group:first-child {
+.btn-toolbar > .btn-group:first-child {
   margin-left: 5px;
 }
 .vt-notification {
@@ -196,15 +211,19 @@ body {
 .vt-notification [data-notify="message"] {
   color: #eaeaea;
 }
+/**********************************/
+/******** Navigation styles *******/
+/**********************************/
 .company-logo {
   height: 40px;
+  width: 150px;
   margin: 0 0;
   display: inline-block;
   margin-left: 1px;
 }
 .company-logo img {
-  max-height: 100%;
-  max-width: 100%;
+  height: 100%;
+  width: auto;
 }
 .navbar .fa {
   font-size: 15px;
@@ -214,10 +233,13 @@ body {
   font-size: 16px;
   position: relative;
 }
+/*.module-action-bar .module-action-content #appnav{
+    padding-top:5px;
+}*/
 .global-nav .navbar-nav > li div a {
   padding: 15px;
 }
-.global-nav>ul {
+.global-nav > ul {
   margin-right: 20px;
 }
 .global-nav .search-links-container {
@@ -267,26 +289,28 @@ body {
     float: right;
     height: 42px;
   }
-  .module-action-bar .navbar-right .nav>li {
+  .module-action-bar .navbar-right .nav > li {
     display: inline-block;
   }
-  .module-action-bar .navbar-right .nav>li a {
+  .module-action-bar .navbar-right .nav > li a {
     padding: 0 10px;
   }
   .global-nav .logo-container {
     border-bottom: 0;
+    width: 150px;
   }
 }
 @media (max-width: 991px) {
   .global-nav .logo-container {
     border-bottom: 0;
+    width: 150px;
   }
   .notificationMessageHolder {
     padding-left: 45%;
   }
 }
 @media (min-width: 991px) {
-  .nav>li>a.qc-button {
+  .nav > li > a.qc-button {
     padding: 2px 3px;
     margin-top: 13px;
     margin-right: 15px;
@@ -294,7 +318,7 @@ body {
     color: #fff;
     border-radius: 20px;
   }
-  .nav>li>a.qc-button span {
+  .nav > li > a.qc-button span {
     vertical-align: top;
   }
 }
@@ -313,6 +337,7 @@ body {
   width: 100%;
   height: 100%;
 }
+/** App Nav Styles */
 .active-app-title {
   white-space: nowrap;
   font-family: Oswald, "OpenSans-Semibold", "Helvetica Neue", Helvetica, sans-serif;
@@ -367,7 +392,9 @@ body {
   height: 42px;
   text-align: center;
   line-height: 42px;
+  /*    background-color: #2c3b49;*/
   color: #ffffff;
+  /*border-bottom: 1px solid #272B46;*/
 }
 .app-nav .app-indicator-icon-container .app-indicator-icon {
   font-size: 24px;
@@ -479,16 +506,16 @@ body {
   right: -4px;
 }
 #overlayPageContent .mCSB_scrollTools,
-#overlayPageContent .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
-#overlayPageContent .mCSB_scrollTools .mCSB_buttonUp,
-#overlayPageContent .mCSB_scrollTools .mCSB_buttonDown,
-#overlayPageContent .mCSB_scrollTools .mCSB_buttonLeft,
-#overlayPageContent .mCSB_scrollTools .mCSB_buttonRight,
 .app-list .mCSB_scrollTools,
+#overlayPageContent .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
 .app-list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
+#overlayPageContent .mCSB_scrollTools .mCSB_buttonUp,
 .app-list .mCSB_scrollTools .mCSB_buttonUp,
+#overlayPageContent .mCSB_scrollTools .mCSB_buttonDown,
 .app-list .mCSB_scrollTools .mCSB_buttonDown,
+#overlayPageContent .mCSB_scrollTools .mCSB_buttonLeft,
 .app-list .mCSB_scrollTools .mCSB_buttonLeft,
+#overlayPageContent .mCSB_scrollTools .mCSB_buttonRight,
 .app-list .mCSB_scrollTools .mCSB_buttonRight {
   -webkit-transition: none;
   transition: none;
@@ -700,6 +727,7 @@ a.menu-item:hover {
   width: 0px;
   overflow: hidden;
 }
+/* User Logout */
 .logout-content {
   padding: 10px;
   width: 350px;
@@ -754,6 +782,9 @@ a.menu-item:hover {
 .app-settings {
   background: #FFFFFF;
 }
+/*************************************************/
+/******** View styles (List/Edit/Detail..) *******/
+/*************************************************/
 .viewContent .content-area {
   padding-left: 50px;
 }
@@ -791,7 +822,6 @@ a.menu-item:hover {
 .fieldValue .value {
   max-width: 85%;
   display: inline-block;
-  word-break: break-word;
 }
 .modal-header button.close {
   padding: 0;
@@ -865,6 +895,9 @@ input[type="password"].inputElement {
   padding-right: 20px;
   padding-left: 20px;
 }
+/**********************************/
+/**** Side vertical Nav styles ****/
+/**********************************/
 .module-nav {
   background: #fff;
   z-index: 1004;
@@ -880,6 +913,9 @@ input[type="password"].inputElement {
   left: 0;
   transition: 0s width;
 }
+.module-nav:hover {
+  /*z-index: 1001;*/
+}
 .modules-menu ul {
   list-style: none;
   margin-left: 0;
@@ -914,7 +950,7 @@ input[type="password"].inputElement {
   float: left;
   font-size: 20px;
 }
-.modules-menu ul li a>span {
+.modules-menu ul li a > span {
   margin-left: 10px;
   vertical-align: middle;
   font-size: 13px;
@@ -954,6 +990,7 @@ input[type="password"].inputElement {
   width: 100%;
   left: 0%;
 }
+/** Lists Menu in Side bar */
 .module-filters .settings-sidebar,
 .module-filters .sidebar-container {
   padding: 0 12px;
@@ -987,6 +1024,7 @@ input[type="password"].inputElement {
 .lists-menu-container hr {
   margin: 5px 0;
 }
+/* mScrollbar customization for lists widget */
 .lists-menu-container .menu-scroller .mCSB_scrollTools {
   width: 13px;
 }
@@ -998,8 +1036,10 @@ input[type="password"].inputElement {
 .modules-menu .mCSB_scrollTools .mCSB_draggerContainer {
   left: 8px;
 }
+/* Customization ends */
 .lists-menu-container .list-menu-content .more-less-link {
   color: #fff;
+  /*text-decoration: none;*/
 }
 .lists-menu-container .list-menu-content .sub-header {
   color: #ddd;
@@ -1104,9 +1144,11 @@ input[type="password"].inputElement {
 .common-links-container > div a {
   color: #fff;
 }
+/*Search Container styles */
 .search-container {
   min-height: 300px;
   position: absolute;
+  /*z-index: 1030;*/
   width: 100%;
   top: 0;
   background: #FBFBFB;
@@ -1125,6 +1167,7 @@ input[type="password"].inputElement {
 .footer p {
   margin: 5px 0;
 }
+/*** Utilities ***/
 .showElement {
   display: block !important;
   height: 100%;
@@ -1247,11 +1290,11 @@ ul.unstyled {
 }
 .emptyRecordsDiv .emptyRecordsContent {
   display: inline-block;
-  font-size: 16px;
   left: 50%;
   margin-left: -25%;
   position: absolute;
   width: 50%;
+  font-size: 16px;
 }
 .textOverflowEllipsis {
   overflow: hidden;
@@ -1276,6 +1319,9 @@ ul.unstyled {
 .removeNoFileChosen {
   color: transparent !important;
 }
+/***********************************
+**********Button Styles**********
+***********************************/
 .module-buttons-container {
   float: right;
   margin-right: 10px;
@@ -1297,6 +1343,7 @@ ul.unstyled {
   margin: 4px 2px;
   border-radius: 2px;
   border: 1px solid #ddd;
+  text-transform: uppercase;
   color: #666;
   background: #fff;
 }
@@ -1317,6 +1364,9 @@ ul.unstyled {
   color: #FFFFFF !important;
   background: #5bc0de !important;
 }
+/***********************************
+**********List View Styles**********
+***********************************/
 .fa.pull-left {
   margin-right: 0;
 }
@@ -1351,7 +1401,7 @@ ul.unstyled {
   font-size: 20px;
 }
 .listview-pagination .disabled {
-  color: rgba(0,0,0,0.2);
+  color: rgba(0, 0, 0, 0.2);
 }
 .listview-pagination .disabled:hover {
   cursor: default;
@@ -1379,6 +1429,8 @@ ul.unstyled {
 .listview-table {
   margin-bottom: 0;
   border-top: 0;
+  /* Horizontal scroll will not work if table layout Fixed */
+  /*    table-layout: fixed;*/
 }
 .listview-table tr td,
 .listview-table tr th {
@@ -1408,7 +1460,7 @@ ul.unstyled {
   width: 100%;
 }
 .listViewEntries .relatedListEntryValues .fieldValue .value,
-.listViewEntries  .listViewEntryValue .fieldValue .value {
+.listViewEntries .listViewEntryValue .fieldValue .value {
   vertical-align: middle;
   width: 100%;
   display: inline-block;
@@ -1423,7 +1475,7 @@ ul.unstyled {
 }
 .listview-table-norecords .table-actions,
 .listview-table .table-actions {
-  width: 120px;
+  width: 110px;
   font-size: 15px;
   color: #555;
   margin-left: 7px;
@@ -1489,13 +1541,13 @@ input[type=checkbox]:checked {
   vertical-align: middle;
   display: table-cell;
 }
-.listview-table  tr.searchRow th {
+.listview-table tr.searchRow th {
   padding: 5px 3px;
 }
-.listview-table  tr.searchRow th.inline-search-btn {
+.listview-table tr.searchRow th.inline-search-btn {
   padding: 3px 10px;
 }
-.listview-table  tr.searchRow th.inline-search-btn button {
+.listview-table tr.searchRow th.inline-search-btn button {
   text-align: center;
   width: 85%;
   text-shadow: none;
@@ -1523,6 +1575,18 @@ input[type=checkbox]:checked {
   background-color: #FFEEEE !important;
   background-image: none !important;
 }
+/*.floatThead-wrapper .table-container{
+    z-index: 0 !important;
+}*/
+/* List view bottom fixed scroll */
+/*.bottom-fixed-scroll{
+    height: 14px;
+    position: relative;
+    top: -15px;
+    overflow-x: auto;
+    overflow-y: hidden;
+    width: 100%;
+}*/
 .scroller-div {
   height: 1px;
 }
@@ -1644,12 +1708,12 @@ input[type=checkbox]:checked {
 #listColumnFilterContainer .disabled i {
   color: #ccc;
 }
+/**********************************
+**********Detail View Styles**********
+**********************************/
 .detailViewButtoncontainer {
   padding-top: 5px;
 }
-.detailViewButtoncontainer button.btn {
-  margin: 0px 1px !important;
-}
 .detailview-header .recordBasicInfo > .info-row {
   margin-bottom: 4px;
 }
@@ -1730,9 +1794,6 @@ th {
   margin-top: 3%;
   margin-right: 2%;
 }
-.overlayDetailHeader button.btn {
-  margin: 0px 1px !important;
-}
 .referencefield-wrapper .createReferenceRecord {
   float: left;
   margin-left: 5px;
@@ -1972,10 +2033,10 @@ th {
   z-index: 1030;
 }
 .overlay-container-60 {
-  margin-left: 42px;
+  margin-left: 42px ;
 }
 .overlay-container-300 {
-  margin-left: 230px;
+  margin-left: 230px ;
 }
 .overlayPageContent {
   background: #FFFFFF;
@@ -2098,6 +2159,9 @@ th {
   height: 26px;
   line-height: 25px;
 }
+/**********************************
+**********Summary View Styles******
+**********************************/
 .summary-table {
   width: 100%;
   table-layout: fixed;
@@ -2218,33 +2282,33 @@ th {
   opacity: 1;
   cursor: pointer;
 }
-.details.row >form .social-media-toggle {
+.details.row > form .social-media-toggle {
   position: absolute;
   right: -15px;
   display: inline-block;
   width: 500px;
   border-left: 0px;
 }
-.details.row >form .social-media-widget {
+.details.row > form .social-media-widget {
   border-left: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
   height: 100%;
   background: white;
 }
-.details.row >form div[class*="col-"].resizable-summary-view {
+.details.row > form div[class*="col-"].resizable-summary-view {
   padding-left: 0;
   padding-right: 0px;
 }
-.details.row >form>div[class*="col-"],
-.details.row >form .resizable-summary-view div[class*="col-"] {
+.details.row > form > div[class*="col-"],
+.details.row > form .resizable-summary-view div[class*="col-"] {
   padding-right: 0;
   padding: 0px 5px;
 }
-.details.row >form>div[class*="col-"]:first-child,
-.details.row >form .left-block {
+.details.row > form > div[class*="col-"]:first-child,
+.details.row > form .left-block {
   padding-left: 0 !important;
 }
-.details.row >form>div[class*="col-"]:last-child {
+.details.row > form > div[class*="col-"]:last-child {
   padding-right: 0;
 }
 .summaryWidgetContainer .noContent {
@@ -2257,6 +2321,9 @@ th {
 .caseReplyArea .nav > li {
   padding: 0 10px;
 }
+/**********************************
+**********Edit View Styles*******
+**********************************/
 .main-container .editViewModNavigator.module-nav,
 .editViewModNavigator .mod-switcher-container,
 .editViewModNavigator .modules-menu {
@@ -2297,7 +2364,7 @@ th {
   width: 100%;
 }
 .editViewContents .input-group {
-  width: 229px;
+  width: 208px;
   float: left;
 }
 .input-group.inputElement .input-group-addon {
@@ -2376,6 +2443,9 @@ th {
   z-index: 1000;
   padding: 7px;
 }
+/**********************************
+**********Advance Search styles**********
+**********************************/
 .op0.fadeInx {
   opacity: 1;
 }
@@ -2448,7 +2518,11 @@ th {
 }
 .btn + input {
   margin-left: 5px;
+  /*    margin-top : 3px;*/
 }
+/**********************************
+**********Extension Store Styles**********
+**********************************/
 .extensionstore .app-trigger {
   width: 98%;
 }
@@ -2479,6 +2553,9 @@ th {
 .extensionContents .extensionError {
   color: #F10404;
 }
+/**********************************
+**********Extension Store Nav Bar**********
+**********************************/
 .tabbable-line > .nav-tabs {
   border: none;
   margin: 0px;
@@ -2547,6 +2624,9 @@ th {
 .extensionContents .listview-table {
   width: 100%;
 }
+/*******************************************
+******Detail View related list styles*******
+********************************************/
 .relatedContents .listViewContentHeaderValues:hover {
   text-decoration: none;
   color: #333;
@@ -2604,6 +2684,9 @@ th {
 .relatedViewActions .btn-group {
   margin-right: 15px;
 }
+/*******************************************
+****************** Modal *******************
+********************************************/
 .modal-header {
   padding: 5px 15px;
   background: #596875;
@@ -2631,6 +2714,7 @@ th {
   width: 100%;
   float: left;
   background: #596875;
+  /*    height: 100%;*/
 }
 .settings-menu {
   display: inline-block;
@@ -2647,7 +2731,7 @@ th {
   cursor: n-resize;
 }
 .settings-menu-items {
-  box-shadow: 0 1px 1px rgba(0,0,0,0.05);
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
   margin-bottom: 10px;
   text-align: justify;
 }
@@ -2765,9 +2849,6 @@ th {
 .active .stepNum {
   color: #FFFFFF;
 }
-.mailBoxEditDiv .crumbs li {
-  width: 22%;
-}
 .stepNum {
   display: inline-block;
   padding: 0 5px;
@@ -2776,6 +2857,7 @@ th {
   vertical-align: middle;
   color: #3399ff;
 }
+/* .squaredFour */
 .squaredFour {
   width: 20px;
   position: relative;
@@ -2789,9 +2871,9 @@ th {
   top: 0;
   left: 0;
   background: #fcfff4;
-  background: linear-gradient(top,#fcfff4 0%,#dfe5d7 40%,#b3bead 100%);
+  background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
   border-radius: 4px;
-  box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
+  box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
 }
 .squaredFour label:after {
   content: '';
@@ -2819,13 +2901,16 @@ th {
 .importBlockContainer {
   color: #596875;
 }
+/******************************************* 
+************* Social Buttons *************** 
+********************************************/
 .btn-block + .btn-block {
   margin-top: 5px;
 }
 .btn-google-plus {
   color: #FFFFFF !important;
   background-color: #DD4B39;
-  border-color: rgba(0,0,0,0.2);
+  border-color: rgba(0, 0, 0, 0.2);
 }
 .btn-social {
   position: relative;
@@ -2844,15 +2929,18 @@ th {
   line-height: 34px;
   font-size: 1.6em;
   text-align: center;
-  border-right: 1px solid rgba(0,0,0,0.2);
+  border-right: 1px solid rgba(0, 0, 0, 0.2);
 }
+/******************************************* 
+************* Updates Timeline *************** 
+********************************************/
 .recentActivitiesContainer .history {
   margin: 0 auto;
   padding: 20px 20px 1px;
   max-width: 100%;
   overflow-x: visible;
-  -webkit-transition: opacity .2s ease-out;
-  transition: opacity .2s ease-out;
+  -webkit-transition: opacity 0.2s ease-out;
+  transition: opacity 0.2s ease-out;
 }
 .updates_timeline {
   padding-top: 20px;
@@ -2861,6 +2949,7 @@ th {
   padding: 0;
   list-style: none;
 }
+/* The line */
 .updates_timeline:before {
   content: '';
   position: absolute;
@@ -2879,6 +2968,7 @@ th {
   min-height: 40px;
   z-index: 2;
 }
+/* Left Content(Time) */
 .updates_timeline > li .update_time {
   position: absolute;
   margin: 0;
@@ -2890,6 +2980,7 @@ th {
   font-size: 15px;
   font-style: italic;
 }
+/* Right content(Update info) */
 .updates_timeline > li .update_info {
   padding: 10px 10px 1px;
   display: block;
@@ -2898,10 +2989,11 @@ th {
   position: relative;
   top: -45px;
 }
-.updates_timeline > li .update_info >h3 {
+.updates_timeline > li .update_info > h3 {
   font-size: 1.1em;
   margin-left: -3%;
 }
+/* The icons  */
 .updates_timeline > li .update_icon {
   position: relative;
   border-radius: 50%;
@@ -2914,6 +3006,7 @@ th {
   color: #fff;
   line-height: 35px;
 }
+/* More Button */
 .updates_timeline #more_button .update_icon {
   position: relative;
   border-radius: 0;
@@ -3021,6 +3114,9 @@ th {
   vertical-align: super;
   font-size: 13px;
 }
+/******************************************* 
+************* Task Management ************** 
+********************************************/
 #taskManagementContainer .data-body {
   margin-bottom: 50px;
 }
@@ -3083,15 +3179,16 @@ th {
 #taskManagementContainer .other-details {
   color: #979797;
 }
+/*overwriting jquery ui css*/
 .ui-menu {
   z-index: 10000;
 }
 #taskManagementContainer button.active {
   background: #3B83F7;
   color: white;
-  text-shadow: 0 1px rgba(0,0,0,0.3);
+  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
   border: 1px solid #135fd7;
-  box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
+  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
 }
 .taskSubject {
   width: 99%;
@@ -3099,6 +3196,9 @@ th {
 #taskManagementContainer .mCustomScrollbar .mCSB_inside > .mCSB_container {
   margin-right: 13px;
 }
+/******************************************* 
+************* Settings Page ************** 
+********************************************/
 .settingsPageDiv.content-area {
   margin-right: 0;
 }
@@ -3132,6 +3232,9 @@ th {
 .settingsgroup-accordion a i {
   margin-right: 5px;
 }
+.settingsgroup-accordion a span {
+  text-transform: uppercase;
+}
 .settingsgroup {
   background: #2C3B49;
   height: 100%;
@@ -3288,35 +3391,59 @@ th {
 }
 .mini-slider-control[data-value="0"] .ui-slider-handle {
   background: #7d7e7d;
-  background: -moz-linear-gradient(top,#7d7e7d 0%,#0e0e0e 100%);
-  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#7d7e7d),color-stop(100%,#0e0e0e));
-  background: -webkit-linear-gradient(top,#7d7e7d 0%,#0e0e0e 100%);
-  background: -o-linear-gradient(top,#7d7e7d 0%,#0e0e0e 100%);
-  background: -ms-linear-gradient(top,#7d7e7d 0%,#0e0e0e 100%);
-  background: linear-gradient(to bottom,#7d7e7d 0%,#0e0e0e 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7e7d',endColorstr='#0e0e0e',GradientType=0);
+  /* Old browsers */
+  background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
+  /* FF3.6+ */
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7d7e7d), color-stop(100%, #0e0e0e));
+  /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
+  /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
+  /* Opera 11.10+ */
+  background: -ms-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
+  /* IE10+ */
+  background: linear-gradient(to bottom, #7d7e7d 0%, #0e0e0e 100%);
+  /* W3C */
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7e7d', endColorstr='#0e0e0e', GradientType=0);
+  /* IE6-9 */
   margin-left: 0px;
 }
 .mini-slider-control[data-value="1"] .ui-slider-handle {
   background: #ffb76b;
-  background: -moz-linear-gradient(top,#ffb76b 0%,#ffa73d 0%,#ff7c00 49%,#ff7f04 100%);
-  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffb76b),color-stop(0%,#ffa73d),color-stop(49%,#ff7c00),color-stop(100%,#ff7f04));
-  background: -webkit-linear-gradient(top,#ffb76b 0%,#ffa73d 0%,#ff7c00 49%,#ff7f04 100%);
-  background: -o-linear-gradient(top,#ffb76b 0%,#ffa73d 0%,#ff7c00 49%,#ff7f04 100%);
-  background: -ms-linear-gradient(top,#ffb76b 0%,#ffa73d 0%,#ff7c00 49%,#ff7f04 100%);
-  background: linear-gradient(to bottom,#ffb76b 0%,#ffa73d 0%,#ff7c00 49%,#ff7f04 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb76b',endColorstr='#ff7f04',GradientType=0);
+  /* Old browsers */
+  background: -moz-linear-gradient(top, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%);
+  /* FF3.6+ */
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffb76b), color-stop(0%, #ffa73d), color-stop(49%, #ff7c00), color-stop(100%, #ff7f04));
+  /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(top, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%);
+  /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(top, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%);
+  /* Opera 11.10+ */
+  background: -ms-linear-gradient(top, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%);
+  /* IE10+ */
+  background: linear-gradient(to bottom, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%);
+  /* W3C */
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb76b', endColorstr='#ff7f04', GradientType=0);
+  /* IE6-9 */
   margin-left: -6px;
 }
 .mini-slider-control[data-value="2"] .ui-slider-handle {
   background: #bfd255;
-  background: -moz-linear-gradient(top,#bfd255 0%,#8eb92a 79%,#72aa00 100%,#9ecb2d 100%);
-  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#bfd255),color-stop(79%,#8eb92a),color-stop(100%,#72aa00),color-stop(100%,#9ecb2d));
-  background: -webkit-linear-gradient(top,#bfd255 0%,#8eb92a 79%,#72aa00 100%,#9ecb2d 100%);
-  background: -o-linear-gradient(top,#bfd255 0%,#8eb92a 79%,#72aa00 100%,#9ecb2d 100%);
-  background: -ms-linear-gradient(top,#bfd255 0%,#8eb92a 79%,#72aa00 100%,#9ecb2d 100%);
-  background: linear-gradient(to bottom,#bfd255 0%,#8eb92a 79%,#72aa00 100%,#9ecb2d 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfd255',endColorstr='#9ecb2d',GradientType=0);
+  /* Old browsers */
+  background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%);
+  /* FF3.6+ */
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bfd255), color-stop(79%, #8eb92a), color-stop(100%, #72aa00), color-stop(100%, #9ecb2d));
+  /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(top, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%);
+  /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(top, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%);
+  /* Opera 11.10+ */
+  background: -ms-linear-gradient(top, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%);
+  /* IE10+ */
+  background: linear-gradient(to bottom, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%);
+  /* W3C */
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfd255', endColorstr='#9ecb2d', GradientType=0);
+  /* IE6-9 */
   margin-left: -13px;
 }
 .ModulemanagerSettings .moduleblock .hiden {
@@ -3341,10 +3468,13 @@ th {
 th {
   padding: 6px;
 }
+/******************************************* 
+********** CustomerPortal styles start ********
+********************************************/
 .cp-tabs .enabledModules {
   display: inline-block ! important;
-  margin-left: 4px !important;
-  margin-right: 4px !important;
+  margin-left: 4px!important;
+  margin-right: 4px!important;
   vertical-align: top;
 }
 .drag-portal-module {
@@ -3451,7 +3581,7 @@ th {
   margin-left: 5px;
 }
 .portal-field-delete {
-  margin-left: 45px !important;
+  margin-left: 45px!important;
 }
 .portalModuleRow {
   border-left: 4px solid #3498DB !important;
@@ -3468,7 +3598,7 @@ th {
   content: "*";
   color: red;
 }
-.nav-tabs .cp-modules > .active >a,
+.nav-tabs .cp-modules > .active > a,
 .nav-tabs .cp-modules > .active > a:hover {
   border: 0px !important;
   border-top-right-radius: 0px;
@@ -3630,7 +3760,7 @@ th {
   display: inline-block;
 }
 .quickPreview .updates_timeline:before {
-  background: #e6e6e6;
+  background: #e5e5e5;
   width: 2px;
   margin-left: -1%;
 }
@@ -3645,13 +3775,16 @@ th {
 .quickPreviewComments .recentComments .commentDetails .comment {
   line-height: 15px;
 }
-.quickPreviewComments  .summaryWidgetContainer {
+.quickPreviewComments .summaryWidgetContainer {
   border: 0;
   padding: 0;
 }
 .quickPreview .recentActivitiesContainer .history {
   padding: 0;
 }
+/******************************************* 
+********** Calendar view styles ************
+********************************************/
 .calendar-sidebar {
   width: 100% !important;
 }
@@ -3808,6 +3941,11 @@ th {
   display: inline-block;
   text-align: center;
 }
+/******************************************* 
+********** Calendar view styles end ********
+
+********** Documents Module styles *********
+********************************************/
 .dragdrop-dotted {
   border: 2px dashed #C0C0C0;
   min-width: 300px;
@@ -3867,13 +4005,16 @@ tr.file > td.fileOwnerData {
   width: 100px;
   white-space: pre-wrap;
 }
+/******************************************* 
+********** Documents Module styles end *****
+********************************************/
 .engagementsContainer .engagements_content {
   padding-top: 15px;
 }
 .summaryWidgetContainer .engagementsContainer table {
   width: inherit;
 }
-.engagements_content table thead>tr:first-child {
+.engagements_content table thead > tr:first-child {
   border: 1px solid #CCC;
   background-color: #F5F5F5;
 }
@@ -3924,6 +4065,9 @@ tr.file > td.fileOwnerData {
   font-size: 15px;
   padding: 1% 0;
 }
+/******************************************* 
+********** Mailroom view styles start ********
+********************************************/
 .mailroomBanner {
   margin: 23px 0;
   height: 215px;
@@ -4132,6 +4276,7 @@ tr.file > td.fileOwnerData {
   margin-left: 0;
 }
 .mentionMessages .mention_follow_up {
+  /*//load this color from variable.less*/
   background-color: green;
 }
 .modelContainer .modal-content {
@@ -4280,6 +4425,7 @@ form[name="notification_settings"] .select2-choice {
   margin-left: 0;
 }
 .mentionMessages .mention_follow_up {
+  /*//load this color from variable.less*/
   background-color: green;
 }
 .modal-content .mention_followup .row {
@@ -4311,6 +4457,9 @@ form[name="notification_settings"] .select2-choice {
 .mentionMessageHeader .MultiFile-remove {
   color: #FFFFFF;
 }
+/******************************************* 
+********** Mailroom view styles end ********
+********************************************/
 .detailview-header {
   margin-bottom: 10px;
 }
@@ -4326,6 +4475,7 @@ form[name="notification_settings"] .select2-choice {
   margin: 0px 10px;
   text-decoration: underline !important;
   color: #3498DB;
+  /*font-size : 12px;*/
 }
 .tag {
   display: inline-block;
@@ -4409,11 +4559,10 @@ form[name="notification_settings"] .select2-choice {
   border: 1px solid #dcdcdc;
 }
 #tagCloud .tag {
-  color: #5ea9dd;
-  padding: 0px;
   background-color: #FFFFFF;
   border-color: #FFFFFF;
   border-radius: 0px;
+  color: #5ea9dd;
   margin: 3px;
 }
 #tagCloud .tag[data-type="public"] {
@@ -4424,6 +4573,9 @@ form[name="notification_settings"] .select2-choice {
   max-width: 80px;
   vertical-align: bottom;
 }
+/******************************************* 
+********** Groups view styles ********
+********************************************/
 #s2id_memberList li > div,
 .groupMembersColors li > div {
   margin-left: 10px;
@@ -4498,6 +4650,12 @@ form[name="notification_settings"] .select2-choice {
   margin: 0px;
   color: #444444;
 }
+/******************************************* 
+********** Groups view styles  ends********
+********************************************/
+/******************************************* 
+********** Picklist Css ********
+********************************************/
 .pickListValue {
   background-color: #FFFFFF;
 }
@@ -4512,6 +4670,12 @@ form[name="notification_settings"] .select2-choice {
   padding: 2px 1px !important;
   line-height: 15px;
 }
+/******************************************* 
+************* Dashboard Styles *************
+********************************************/
+li.dashboardWidget {
+  overflow: auto;
+}
 .dashboardWidgetHeader .title {
   padding-bottom: 10px;
   font-size: 15px;
@@ -4532,9 +4696,6 @@ form[name="notification_settings"] .select2-choice {
 .dashBoardContainer .tabContainer .tab-content {
   margin-top: 10px;
 }
-.dashBoardContainer .dashBoardTabContents ul {
-  margin: 0;
-}
 .dashBoardContainer .dashBoardTabContents ul li {
   border: 3px solid #E2E2E4;
   box-shadow: 1px;
@@ -4601,7 +4762,7 @@ form[name="notification_settings"] .select2-choice {
   display: inline-block;
   opacity: 1;
 }
-.dashBoardContainer .tabContainer li a  .deleteTab:hover {
+.dashBoardContainer .tabContainer li a .deleteTab:hover {
   cursor: pointer;
 }
 #minilistWizardContainer .fieldLabel {
@@ -4638,6 +4799,9 @@ form[name="notification_settings"] .select2-choice {
   resize: none;
   width: 100%;
 }
+/******************************************* 
+********** Picklist DependencyGraph ********
+********************************************/
 #dependencyGraph .tableHeading {
   text-align: center;
   padding-top: 30px;
@@ -4663,12 +4827,15 @@ form[name="notification_settings"] .select2-choice {
 #dependencyGraph .dependencyMapping .pickListDependencyTable .selectedCell {
   background: #a9cbf5;
 }
+/******************************************* 
+********** Rewriting select2 for consistency********
+********************************************/
 .select2-container .select2-choice {
   height: 29px;
   border-radius: 1px;
 }
 .modal {
-  z-index: 1100;
+  z-index: 1070;
 }
 .select2-container .select2-choice {
   height: 28px;
@@ -4756,6 +4923,7 @@ hr {
   position: fixed;
   bottom: 0;
   background: #EFEFEF;
+  /*width:100%;*/
   border-left: 42px solid #2c3b49;
   height: 60px;
   left: 0;
@@ -4774,7 +4942,6 @@ hr {
 }
 .settingsPageDiv .modal-overlay-footer {
   margin-left: 230px;
-  border-left: 0px solid;
 }
 .settingsOverlayContainer .modal-overlay-footer {
   margin: 0;
@@ -4797,14 +4964,14 @@ hr {
   vertical-align: middle;
   margin-top: 6px;
 }
-.list-menu-content .pull-right>.dropdown-menu {
+.list-menu-content .pull-right > .dropdown-menu {
   left: -126px;
   position: relative;
 }
-.dropdown-menu>li>a {
+.dropdown-menu > li > a {
   padding: 4px 6px;
 }
-.dropdown-menu>li>a span i {
+.dropdown-menu > li > a span i {
   font-size: 15px;
   vertical-align: middle;
 }
@@ -4812,11 +4979,11 @@ hr {
   max-height: 300px;
   padding-left: 0;
 }
-.related-tabs .dropdown-menu>.mCustomScrollBox>.mCSB_container {
+.related-tabs .dropdown-menu > .mCustomScrollBox > .mCSB_container {
   margin-right: 0;
   padding: 4px 6px;
 }
-.related-tabs .dropdown-menu>.mCustomScrollBox>.mCSB_container>li>a {
+.related-tabs .dropdown-menu > .mCustomScrollBox > .mCSB_container > li > a {
   display: block;
   padding: 3px 5px;
   clear: both;
@@ -4825,7 +4992,7 @@ hr {
   color: #333;
   white-space: nowrap;
 }
-.related-tabs .dropdown-menu>.mCustomScrollBox>.mCSB_container span i {
+.related-tabs .dropdown-menu > .mCustomScrollBox > .mCSB_container span i {
   font-size: 15px;
   vertical-align: middle;
 }
@@ -4848,16 +5015,16 @@ hr {
 .calendar-sidebar .calendar-sidebar-tabs.padding {
   padding-left: 20px !important;
 }
-.related-tabs.row .nav>li {
+.related-tabs.row .nav > li {
   padding: 0 10px;
   margin: 0 2px;
 }
-.massEditTabs.nav>li {
+.massEditTabs.nav > li {
   padding: 0 10px;
   margin: 0 4px;
 }
-.row .nav>li>a,
-.row .nav>li>a:hover {
+.row .nav > li > a,
+.row .nav > li > a:hover {
   padding: 10px 3px;
   border: none;
   vertical-align: bottom;
@@ -4867,38 +5034,39 @@ hr {
   -webkit-box-sizing: border-box;
   -o-box-sizing: border-box;
 }
-.row .nav>li>a:hover {
+.row .nav > li > a:hover {
   border-bottom-color: #555;
 }
-TN-34230
-
-.row .nav>li>a:hover {
+/*.row ul{
+    padding:0;
+}*/
+TN-34230 .row .nav > li > a:hover {
   border-bottom-color: #555;
   background: none;
 }
 .row ul li:first-child {
   margin-left: 0;
 }
-.related-tabs .nav-tabs>li.active,
-.related-tabs .nav-tabs>li:hover,
-.related-tabs .nav-tabs>li.active:focus,
-.dashBoardContainer .nav-tabs>li.active,
-.dashBoardContainer .nav-tabs>li:hover,
-.dashBoardContainer .nav-tabs>li.active:focus,
-.contents.tabbable .nav-tabs>li.active,
-.contents.tabbable .nav-tabs>li:hover,
-.contents.tabbable .nav-tabs>li.active:focus {
+.related-tabs .nav-tabs > li.active,
+.dashBoardContainer .nav-tabs > li.active,
+.contents.tabbable .nav-tabs > li.active,
+.related-tabs .nav-tabs > li:hover,
+.dashBoardContainer .nav-tabs > li:hover,
+.contents.tabbable .nav-tabs > li:hover,
+.related-tabs .nav-tabs > li.active:focus,
+.dashBoardContainer .nav-tabs > li.active:focus,
+.contents.tabbable .nav-tabs > li.active:focus {
   border: none;
   border-bottom: 3px solid #555;
 }
-.nav-tabs>li.active>a,
-.nav-tabs>li.active>a:hover,
-.nav-tabs>li.active>a:focus,
-.nav-tabs>li>a {
+.nav-tabs > li.active > a,
+.nav-tabs > li.active > a:hover,
+.nav-tabs > li.active > a:focus,
+.nav-tabs > li > a {
   border: 0;
 }
-.nav>li>a:hover,
-.nav>li>a:focus {
+.nav > li > a:hover,
+.nav > li > a:focus {
   background-color: #FFFFFF;
 }
 .fa-pencil,
@@ -4908,6 +5076,9 @@ TN-34230
 .commentAttachmentName {
   font-size: 11px;
 }
+/******************************************* 
+********** Layout Editor ********
+********************************************/
 .marginBottom10px {
   margin-bottom: 10px;
 }
@@ -4930,6 +5101,7 @@ TN-34230
 }
 .zeroOpacity {
   opacity: 0;
+  /*for IE*/
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
 }
@@ -4956,10 +5128,12 @@ TN-34230
 .layoutContent .opacity:hover .actions {
   opacity: 1;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+  /*for IE*/
   filter: alpha(opacity=100);
 }
 .layoutContent .fieldPropertyContainer:hover .actions {
   opacity: 1;
+  /*for IE*/
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=100);
 }
@@ -4982,6 +5156,7 @@ TN-34230
 .relatedTabModulesList .addButton {
   border-radius: 2px;
   border: 1px solid #DDDDDD;
+  text-transform: uppercase;
   color: #666666;
   background: #FFFFFF;
 }
@@ -5055,6 +5230,9 @@ TN-34230
   margin-left: 5px;
   word-break: break-all;
 }
+/******************************************* 
+************** Tax Management **************
+********************************************/
 #TaxCalculationsContainer .table tr:first-child,
 .taxModalContainer #editTax .table tr:first-child {
   border-bottom: 1px solid #ccc;
@@ -5094,6 +5272,9 @@ TN-34230
   max-height: 500px;
   overflow-y: auto;
 }
+/******************************************* 
+********** Workflows ********
+********************************************/
 #workflow_edit .editViewBody {
   overflow: inherit;
 }
@@ -5103,7 +5284,7 @@ TN-34230
 }
 .timePicker {
   width: 9.5em !important;
-  z-index: 1101 !important;
+  z-index: 1070 !important;
 }
 .weekDaySelect .ui-state-default {
   background: inherit;
@@ -5141,75 +5322,6 @@ TN-34230
 .module-filters.active {
   background: #F7F7F7;
 }
-.payment-type-selection {
-  margin-bottom: 30px;
-}
-.payment-type-selection img {
-  vertical-align: middle;
-}
-.currplan {
-  padding: 10px 20px;
-  background-color: #f3f3f3;
-  border: 1px solid #eee;
-  border-radius: 3px;
-}
-.currplan div {
-  display: inline-block;
-  font-size: 16px;
-}
-.planName {
-  display: inline-block;
-  color: #fff;
-  padding: 20px;
-  margin: 10px 20px;
-  font-size: 24px;
-  border-radius: 2px;
-}
-.plan-heading {
-  min-height: 168px;
-}
-.plan-title {
-  color: #fff;
-  font-size: 20px;
-  padding: 13px 0;
-}
-#sales_plan {
-  background: #3FC380;
-  font-size: x-large;
-  text-shadow: 1px 0 2px #555555;
-  color: #fff;
-}
-#salespremium_plan {
-  background: #00B16A;
-  font-size: x-large;
-  text-shadow: 1px 0 2px #555555;
-  color: #fff;
-}
-#support_plan {
-  background: #2980B9;
-  font-size: x-large;
-  text-shadow: 1px 0 2px #555555;
-  color: #fff;
-}
-#supportpremium_plan {
-  background: #2980B9;
-  font-size: x-large;
-  text-shadow: 1px 0 2px #555555;
-  color: #fff;
-}
-#ultimate_plan,
-#exclusive_plan {
-  background: #F39C12;
-  font-size: x-large;
-  text-shadow: 1px 0 2px #555555;
-  color: #fff;
-}
-#contact_plan {
-  background: #FF5959;
-  font-size: x-large;
-  text-shadow: 1px 0 2px #555555;
-  color: #fff;
-}
 .workflowListContainer .select2-container .select2-choice {
   height: 36px;
 }
@@ -5224,6 +5336,7 @@ TN-34230
 .contactAdd {
   border: 1px solid #eee;
   padding: 20px;
+  /*min-height: 310px !important;*/
 }
 #subDetails table td {
   padding: 7px 10px;
@@ -5346,9 +5459,9 @@ TN-34230
 .productBundles {
   padding-left: 20px;
 }
-.nav .open>a,
-.nav .open>a:hover,
-.nav .open>a:focus {
+.nav .open > a,
+.nav .open > a:hover,
+.nav .open > a:focus {
   color: #000000;
   background-color: #FFFFFF;
 }
@@ -5369,6 +5482,9 @@ TN-34230
   width: 100%;
   overflow-x: auto;
 }
+/******************************************* 
+*************** Mail Manager ***************
+********************************************/
 #mm_searchButton {
   height: 28px;
   background-color: #FFFFFF;
@@ -5424,8 +5540,8 @@ TN-34230
   padding: 1px 5px;
   border-radius: 3px;
   text-align: center;
-  text-shadow: 0 1px rgba(0,0,0,0.1);
-  background-image: -webkit-linear-gradient(top,#DD4B39 0,#D14836 100%);
+  text-shadow: 0 1px rgba(0, 0, 0, 0.1);
+  background-image: -webkit-linear-gradient(top, #DD4B39 0, #D14836 100%);
   border: 1px solid #C6322A;
   background-color: #DD4B39;
 }
@@ -5643,6 +5759,7 @@ TN-34230
 .width40per {
   width: 40%;
 }
+/****** Mail Manager Ends ******/
 .quickCreateContent .massEditTable textarea,
 .addCommentBlock .commentTextArea textarea {
   resize: vertical;
@@ -5655,19 +5772,20 @@ TN-34230
 .select2-container-multi .select2-choices {
   z-index: 1;
 }
-.nav .nav-stacks .cp-nav-header-wrapper>li.disabled>a:hover {
+/****** Customer Portal Settings ******/
+.nav .nav-stacks .cp-nav-header-wrapper > li.disabled > a:hover {
   background-color: #fff;
 }
-.cp-nav-header-wrapper>li.disabled>a:hover {
+.cp-nav-header-wrapper > li.disabled > a:hover {
   border: 0px ! important;
 }
-.nav .nav-stacks .cp-nav-header-wrapper>li.disabled>a {
+.nav .nav-stacks .cp-nav-header-wrapper > li.disabled > a {
   background-color: #fff;
 }
-#portalModulesTable>li.portalModuleRow.active>a:hover {
+#portalModulesTable > li.portalModuleRow.active > a:hover {
   background-color: #fff !important;
 }
-#portalModulesTable>li.portalModuleRow.active>a:focus {
+#portalModulesTable > li.portalModuleRow.active > a:focus {
   background-color: #fff !important;
 }
 .portal-dashboard {
@@ -5766,7 +5884,7 @@ TN-34230
 .portal-dashboard {
   border-bottom: 0px ! important;
 }
-#portal-shortcutsContainer>ul {
+#portal-shortcutsContainer > ul {
   border-bottom: 0px ! important;
 }
 .portalMenuHeader {
@@ -5775,14 +5893,15 @@ TN-34230
 }
 .cp-tabs .enabledModules {
   display: inline-block ! important;
-  margin-left: 4px !important;
-  margin-right: 4px !important;
+  margin-left: 4px!important;
+  margin-right: 4px!important;
   vertical-align: top;
   margin-top: 4px !important;
 }
 .portal-shortcut-list:hover {
   border-bottom: 3px solid transparent ! important;
 }
+/****** Customer Portal Settings ******/
 .label-radio label input[type="radio"] {
   position: relative;
   top: 2px;
@@ -5794,6 +5913,9 @@ TN-34230
 div.tooltip-inner {
   max-width: 400px;
 }
+/******************************************* 
+********** Menu Editor ********
+********************************************/
 .sortable.appContainer.ui-sortable {
   width: 160px;
 }
@@ -5968,7 +6090,7 @@ div.tooltip-inner {
   width: 13px !important;
   margin-top: 8px;
 }
-.detailview-table .input-group-addon+.inputElement.form-control,
+.detailview-table .input-group-addon + .inputElement.form-control,
 .detailview-table .inputElement.form-control.input-medium {
   width: 100%;
 }
@@ -6015,6 +6137,7 @@ div.tooltip-inner {
   float: left;
   margin-right: 5px;
 }
+/***** Oursites Changes *****/
 .portal-table .table-actions {
   width: inherit ! important;
 }
@@ -6026,6 +6149,7 @@ div.tooltip-inner {
   padding: 10px 5px ! important;
   padding-left: 10px ! important;
 }
+/***** Oursites Changes *****/
 .ExtensionscontentsDiv .content-area {
   padding-left: 15px;
   padding-right: 15px;
@@ -6039,14 +6163,14 @@ div.tooltip-inner {
 }
 .blockHeader {
   border-color: #F3F3F4 #F3F3F4 #cbcbcf;
-  border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
   background-color: #474747;
-  background-image: -moz-linear-gradient(top,#555555,#333333);
-  background-image: -ms-linear-gradient(top,#555555,#333333);
-  background-image: -webkit-gradient(linear,0 0,0 100%,from(#555555),to(#333333));
-  background-image: -webkit-linear-gradient(top,#555555,#333333);
-  background-image: -o-linear-gradient(top,#555555,#333333);
-  background-image: linear-gradient(top,#555555,#333333);
+  background-image: -moz-linear-gradient(top, #555555, #333333);
+  background-image: -ms-linear-gradient(top, #555555, #333333);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#333333));
+  background-image: -webkit-linear-gradient(top, #555555, #333333);
+  background-image: -o-linear-gradient(top, #555555, #333333);
+  background-image: linear-gradient(top, #555555, #333333);
   background-repeat: repeat-x;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#333333', GradientType=0);
   min-height: 30px;
@@ -6139,8 +6263,8 @@ div.tooltip-inner {
 .markStar .starredStatus {
   display: none;
 }
-.nav>li.addDashboardTab>a,
-.nav>li.addDashboardTab>a:hover {
+.nav > li.addDashboardTab > a,
+.nav > li.addDashboardTab > a:hover {
   padding: 10px 15px;
   background: inherit;
 }
@@ -6153,7 +6277,7 @@ div.tooltip-inner {
   height: 960px;
   width: 1260px;
 }
-.nav-tabs>li {
+.nav-tabs > li {
   border-bottom: 3px solid transparent;
   margin: 0 2px;
 }
@@ -6231,16 +6355,14 @@ div.tooltip-inner {
 }
 .select2-container.select2-container-multi.select2,
 .editViewPageDiv .select2-container.select2-container-multi.select2 {
-  height: auto !important;
+  height: auto!important;
 }
-.summaryViewFields .select2-container-multi.inputElement.form-control
-.quickCreateContent .select2-container.select2-container-multi.select2,
+.summaryViewFields .select2-container-multi.inputElement.form-control .quickCreateContent .select2-container.select2-container-multi.select2,
 #massEditContainer .select2-container.select2-container-multi.select2 {
   width: 150px;
   height: auto !important;
 }
-.summaryViewFields .select2-container-multi.inputElement.form-control
-.quickCreateContent .select2-container.select2-container-multi.select2 .input-save-wrap,
+.summaryViewFields .select2-container-multi.inputElement.form-control .quickCreateContent .select2-container.select2-container-multi.select2 .input-save-wrap,
 #massEditContainer .select2-container.select2-container-multi.select2 .input-save-wrap {
   float: right;
   margin-right: 25px;
@@ -6336,6 +6458,7 @@ a.cp-modules:hover {
 #RestrictionsLayout {
   background: #fafafb;
   margin-top: -92px;
+  /*to adjust with page padding top*/
 }
 #RestrictionsLayout .vtImage {
   width: 22%;
@@ -6369,6 +6492,7 @@ a.cp-modules:hover {
 .datepicker {
   z-index: 1100 !important;
 }
+/*****RSS Changes****/
 .feedListContainer .listview-table tr td:first-child,
 .listview-table tr th:first-child {
   width: inherit ! important;
@@ -6376,12 +6500,14 @@ a.cp-modules:hover {
 .feedListContainer .listViewEntries .listViewEntryValue {
   max-width: inherit ! important;
 }
-.ps-container>.ps-scrollbar-y-rail {
+/*****RSS Changes****/
+.ps-container > .ps-scrollbar-y-rail {
   z-index: 1002;
 }
 #relationBlock .recordScroll {
   max-height: 150px;
 }
+/*Start - List sidebar toggle*/
 .essentials-toggle {
   background-color: white;
   font-weight: bold;
@@ -6401,6 +6527,7 @@ a.cp-modules:hover {
 .essentials-toggle .fa-chevron-right {
   background-position: -460px -72px !important;
 }
+/*End - List essentials toggle*/
 .module-name-tooltip .qtip-content {
   font-size: 12px;
   padding: 3px;
@@ -6484,8 +6611,8 @@ li.select2-search-choice div {
 .popover ul.listmenu li {
   padding: 3px;
 }
-.popover-content .disabled>a,
-.popover .disabled>a {
+.popover-content .disabled > a,
+.popover .disabled > a {
   opacity: 0.5;
   cursor: not-allowed;
 }
@@ -6496,6 +6623,7 @@ li.select2-search-choice div {
   -o-transform: rotate(180deg);
   transform: rotate(180deg);
 }
+/*Start - List sidebar toggle*/
 .essentials-toggle {
   background-color: white;
   font-weight: bold;
@@ -6515,6 +6643,7 @@ li.select2-search-choice div {
 .essentials-toggle .fa-chevron-right {
   background-position: -460px -72px !important;
 }
+/*End - List essentials toggle*/
 .module-name-tooltip .qtip-content {
   font-size: 12px;
   padding: 3px;
@@ -6595,16 +6724,16 @@ li.select2-search-choice div {
 #reportDetails .pivot .toptitle.targetY0,
 #reportDetails .pivot .lefttitle.targetX0 {
   border-color: #F3F3F4 #F3F3F4 #cbcbcf;
-  border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
   background-color: #474747;
-  background-image: -moz-linear-gradient(top,#555555,#333333);
-  background-image: -ms-linear-gradient(top,#555555,#333333);
-  background-image: -webkit-gradient(linear,0 0,0 100%,from(#555555),to(#333333));
-  background-image: -webkit-linear-gradient(top,#555555,#333333);
-  background-image: -o-linear-gradient(top,#555555,#333333);
-  background-image: linear-gradient(top,#555555,#333333);
+  background-image: -moz-linear-gradient(top, #555555, #333333);
+  background-image: -ms-linear-gradient(top, #555555, #333333);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#333333));
+  background-image: -webkit-linear-gradient(top, #555555, #333333);
+  background-image: -o-linear-gradient(top, #555555, #333333);
+  background-image: linear-gradient(top, #555555, #333333);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555',endColorstr='#333333',GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#333333', GradientType=0);
   min-height: 30px;
 }
 #reportDetails .pivot th.toptitle.targetY0,
@@ -6646,7 +6775,8 @@ li.select2-search-choice div {
   background: #FFFFFF;
 }
 .templateActions {
-  background: rgba(0,0,0,0.1);
+  background: rgba(0, 0, 0, 0.1);
+  /*padding: 4%;*/
   bottom: 0;
   text-align: center;
   position: absolute;
@@ -6654,6 +6784,9 @@ li.select2-search-choice div {
   zoom: 1;
   width: 100%;
 }
+/*.templateActions i {
+    margin-right: 30px;
+}*/
 .thumbnails > li {
   float: left;
   height: 315px !important;
@@ -6828,9 +6961,10 @@ a.btnReport:hover {
   left: 0px;
 }
 .bx-wrapper .bx-viewport {
-  width:99%;
+  width: 99%;
   left: 0px;
   background: #fff;
+  /*fix other elements on the page moving (on Chrome)*/
   -webkit-transform: translatez(0);
   -moz-transform: translatez(0);
   -ms-transform: translatez(0);
@@ -6888,7 +7022,7 @@ a.btnReport:hover {
 .filter-search-show {
   display: block !important;
 }
-.emailTemplatesPopupTableContainer .listViewEntries  .listViewEntryValue {
+.emailTemplatesPopupTableContainer .listViewEntries .listViewEntryValue {
   max-width: 100%;
   min-width: 150px;
 }
@@ -6923,12 +7057,15 @@ input:focus::-webkit-input-placeholder {
 input:focus:-moz-placeholder {
   color: transparent;
 }
+/* FF 4-18 */
 input:focus::-moz-placeholder {
   color: transparent;
 }
+/* FF 19+ */
 input:focus:-ms-input-placeholder {
   color: transparent;
 }
+/* IE 10+ */
 .global-actions .dropdown-menu:before {
   position: absolute;
   top: -7px;
@@ -6937,7 +7074,7 @@ input:focus:-ms-input-placeholder {
   border-right: 7px solid transparent;
   border-bottom: 7px solid #ccc;
   border-left: 7px solid transparent;
-  border-bottom-color: rgba(0,0,0,0.2);
+  border-bottom-color: rgba(0, 0, 0, 0.2);
   content: '';
 }
 .global-actions .dropdown-menu:after {
@@ -7122,6 +7259,7 @@ input:focus:-ms-input-placeholder {
   text-align: center;
 }
 #OnBoardLayout #OnBoardPageContainer .crmGoals textarea::-webkit-input-placeholder {
+  /* WebKit browsers */
   text-align: center;
   padding: 20%;
   font-size: 12px;
@@ -7263,121 +7401,3 @@ input:focus:-ms-input-placeholder {
 .importServiceSelectionContainer .app-item {
   text-align: center;
 }
-.fieldValue .value a {
-  color: #15c !important;
-}
-.editViewContents .fieldLabel {
-  min-width: 100px;
-  width: 20%;
-  word-break: break-all;
-}
-.editViewContents .fieldValue {
-  width:30%;
-}
-.editViewContents td.fieldValue[colspan="3"] {
-  width:80%;
-}
-.editViewContents textarea.textAreaElement {
-  width: 88%;
-}
-.editViewContents input[type="checkbox"] {
-  width: 15px;
-  height: 15px;
-}
-.editViewContents input[type="radio"] {
-  width: 15px;
-  height: 15px;
-}
-#composeEmailContainer .modal-body .quickCreateContent,
-#QuickCreate .modal-body .quickCreateContent,
-#create .quickCreateContent {
-  margin-top: 25px;
-}
-.settingsgroup-panel .widgetContainer .menuItemLabel .pinUnpinShortCut {
-  display: none;
-  margin-top: 2px;
-}
-.settingsgroup-panel .widgetContainer .menuItemLabel:hover .pinUnpinShortCut {
-  display: inline-block;
-}
-@-moz-document url-prefix() {
-  .duplicateHandlingContainer .tooltip-inner {
-    width: 550px;
-    max-width: 550px;
-  }
-}
-.duplicateHandlingContainer .tooltip-inner {
-  text-align: left !important;
-}
-.duplicateHandlingContainer .syncMessage {
-  margin-top: 5px !important;
-}
-.duplicateHandlingContainer .actionsList {
-  width: 230px !important;
-}
-.duplicationMessageContainer {
-  background-color: #f2dede !important;
-  color: #b94a48 !important;
-}
-.duplicationMessageContainer .duplicationMessageHeader {
-  margin-bottom: 8px;
-}
-.listViewRecordActions .quickView, .listViewRecordActions .markStar,
-.listViewRecordActions .markAsHeld,.listViewRecordActions .holdFollowupOn {
-  margin-top: 4px;
-}
-.app-menu .module-icon .custom-module {
-	font-size: 14px;
-	border-radius: 4px;
-	color: #000;
-	background-color: #fff;
-	padding: 4px 10px 4px 5px !important
-}
-.menu-item .custom-module {
-	font-family: 'OpenSans-Regular', sans-serif;
-	font-size: 12px;
-	border-radius: 4px;
-	padding: 2px;
-	color: #000;
-	background-color: #fff;
-}
-.modules-menu .custom-module {
-	color: #fff;
-	margin-left: 0px;
-	display: inline;
-	border: 1px solid #fff;
-	border-radius: 4px;
-	padding: 3px 4px 3px 2px !important;
-	font-weight: bold;
-}
-#quickCreateModules .custom-module, .workflowListContainer .custom-module, .dashBoardTabContents .custom-module {
-	border-radius: 4px;
-	padding: 3px 5px;
-	color: #fff;
-	background-color: #777;
-}
-.menuEditorItem .custom-module {
-	border-radius: 4px;
-	padding: 3px 5px;
-	color: #000;
-	background-color: #fff;
-}
-.task-details .custom-module {
-	border-radius: 4px;
-	padding: 1px 4px;
-	color: white;
-	background-color: #777;
-}
-.related-tabs .custom-module, #relatedmenuList .custom-module {
-	border-radius: 4px;
-	color: #fff;
-	background-color: #777;
-	padding: 5px 7px;
-	font-weight: bold;
-}
-.record-header .custom-module {
-	font-size: 30px;
-}
-.moduleIcon .custom-module {
-	font-weight: bold;
-}
\ No newline at end of file
diff --git a/layouts/v7/skins/inventory/style.css b/layouts/v7/skins/inventory/style.css
index 2f7e4b048d9e28ba9ef5436b50e4c93fb5dd3e35..f93f654941703ab3344f9860c850b9d53c40b99b 100644
--- a/layouts/v7/skins/inventory/style.css
+++ b/layouts/v7/skins/inventory/style.css
@@ -1,7 +1,9 @@
 @font-face {
   font-family: 'Oswald';
   src: url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.eot');
-  src: url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.woff') format('woff'), url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.ttf') format('truetype'), url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.svg#Oswald') format('svg');
+  /* IE9 Compat Modes */
+  src: url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.svg#Oswald') format('svg');
+  /* Legacy iOS */
   font-weight: normal;
   font-style: normal;
   text-rendering: optimizeLegibility;
@@ -15,27 +17,37 @@ a:active {
 @font-face {
   font-family: 'OpenSans-Regular';
   src: url('../fonts/OpenSans/Regular/OpenSans-Regular.eot');
-  src: url('../fonts/OpenSans/Regular/OpenSans-Regular.ttf') format('truetype'), url('../fonts/OpenSans/Regular/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans/Regular/OpenSans-Regular.woff2') format('woff2'), url('../fonts/OpenSans/Regular/OpenSans-Regular.woff') format('woff'), url('../fonts/OpenSans/Regular/OpenSans-Regular.svg#svgFontName') format('svg');
+  /* IE9 Compat Modes */
+  src: url('../fonts/OpenSans/Regular/OpenSans-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/OpenSans/Regular/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/OpenSans/Regular/OpenSans-Regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/OpenSans/Regular/OpenSans-Regular.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/OpenSans/Regular/OpenSans-Regular.svg#svgFontName') format('svg');
+  /* Legacy iOS */
 }
 @font-face {
   font-family: 'OpenSans-Semibold';
   src: url('../fonts/OpenSans/Semibold/OpenSans-Semibold.eot');
-  src: url('../fonts/OpenSans/Semibold/OpenSans-Semibold.ttf') format('truetype'), url('../fonts/OpenSans/Semibold/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans/Semibold/OpenSans-Semibold.woff2') format('woff2'), url('../fonts/OpenSans/Semibold/OpenSans-Semibold.woff') format('woff'), url('../fonts/OpenSans/Semibold/OpenSans-Semibold.svg#svgFontName') format('svg');
+  /* IE9 Compat Modes */
+  src: url('../fonts/OpenSans/Semibold/OpenSans-Semibold.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/OpenSans/Semibold/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/OpenSans/Semibold/OpenSans-Semibold.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/OpenSans/Semibold/OpenSans-Semibold.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/OpenSans/Semibold/OpenSans-Semibold.svg#svgFontName') format('svg');
+  /* Legacy iOS */
 }
 @font-face {
   font-family: 'ProximaNova-Regular';
-  src: url('../fonts/ProximanovaWebfont/ProximaNova-Regular.ttf') format('truetype'), url('../fonts/ProximanovaWebfont/ProximaNova-Regular.woff') format('woff'), url('../fonts/ProximanovaWebfont/ProximaNova-Regular.eot?#iefix') format('embedded-opentype');
+  src: url('../fonts/ProximanovaWebfont/ProximaNova-Regular.ttf') format('truetype'), url('../fonts/ProximanovaWebfont/ProximaNova-Regular.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/ProximanovaWebfont/ProximaNova-Regular.eot?#iefix') format('embedded-opentype');
+  /* IE6-IE8 */
+  /* Safari, Android, iOS */
   font-style: normal;
   font-weight: normal;
   text-rendering: optimizeLegibility;
 }
 @font-face {
   font-family: 'ProximaNova-Semibold';
-  src: url('../fonts/ProximanovaWebfont/ProximaNova-Semibold.ttf') format('truetype'), url('../fonts/ProximanovaWebfont/ProximaNova-Semibold.woff') format('woff'), url('../fonts/ProximanovaWebfont/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype');
+  src: url('../fonts/ProximanovaWebfont/ProximaNova-Semibold.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/ProximanovaWebfont/ProximaNova-Semibold.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/ProximanovaWebfont/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype');
+  /* IE6-IE8 */
   font-style: normal;
   font-weight: normal;
   text-rendering: optimizeLegibility;
 }
+/**********************************/
+/************ Layout **************/
+/**********************************/
 html {
   height: 100%;
   overflow-y: auto;
@@ -102,6 +114,7 @@ body {
 @media (min-width: 992px) {
   .global-nav .logo-container {
     display: inline-block;
+    width: 150px;
     z-index: 2;
     padding-left: 6%;
     margin-top: 1px;
@@ -113,11 +126,13 @@ body {
     position: absolute;
     width: 100%;
     height: 42px;
+    /*        border-top:1px solid #ddd;*/
     border-bottom: 1px solid #ddd;
   }
   .app-nav .module-action-bar .module-action-content {
     background: #FBFBFB;
     height: 41px;
+    /*        border-bottom: 1px solid #eee;*/
   }
   .app-nav .module-action-bar .module-action-content .navbar-right {
     margin-right: 0;
@@ -163,7 +178,7 @@ body {
     padding-left: 0;
   }
 }
-.btn-toolbar >.btn-group:first-child {
+.btn-toolbar > .btn-group:first-child {
   margin-left: 5px;
 }
 .vt-notification {
@@ -196,15 +211,19 @@ body {
 .vt-notification [data-notify="message"] {
   color: #eaeaea;
 }
+/**********************************/
+/******** Navigation styles *******/
+/**********************************/
 .company-logo {
   height: 40px;
+  width: 150px;
   margin: 0 0;
   display: inline-block;
   margin-left: 1px;
 }
 .company-logo img {
-  max-height: 100%;
-  max-width: 100%;
+  height: 100%;
+  width: auto;
 }
 .navbar .fa {
   font-size: 15px;
@@ -214,10 +233,13 @@ body {
   font-size: 16px;
   position: relative;
 }
+/*.module-action-bar .module-action-content #appnav{
+    padding-top:5px;
+}*/
 .global-nav .navbar-nav > li div a {
   padding: 15px;
 }
-.global-nav>ul {
+.global-nav > ul {
   margin-right: 20px;
 }
 .global-nav .search-links-container {
@@ -267,26 +289,28 @@ body {
     float: right;
     height: 42px;
   }
-  .module-action-bar .navbar-right .nav>li {
+  .module-action-bar .navbar-right .nav > li {
     display: inline-block;
   }
-  .module-action-bar .navbar-right .nav>li a {
+  .module-action-bar .navbar-right .nav > li a {
     padding: 0 10px;
   }
   .global-nav .logo-container {
     border-bottom: 0;
+    width: 150px;
   }
 }
 @media (max-width: 991px) {
   .global-nav .logo-container {
     border-bottom: 0;
+    width: 150px;
   }
   .notificationMessageHolder {
     padding-left: 45%;
   }
 }
 @media (min-width: 991px) {
-  .nav>li>a.qc-button {
+  .nav > li > a.qc-button {
     padding: 2px 3px;
     margin-top: 13px;
     margin-right: 15px;
@@ -294,7 +318,7 @@ body {
     color: #fff;
     border-radius: 20px;
   }
-  .nav>li>a.qc-button span {
+  .nav > li > a.qc-button span {
     vertical-align: top;
   }
 }
@@ -313,6 +337,7 @@ body {
   width: 100%;
   height: 100%;
 }
+/** App Nav Styles */
 .active-app-title {
   white-space: nowrap;
   font-family: Oswald, "OpenSans-Semibold", "Helvetica Neue", Helvetica, sans-serif;
@@ -367,7 +392,9 @@ body {
   height: 42px;
   text-align: center;
   line-height: 42px;
+  /*    background-color: #2c3b49;*/
   color: #ffffff;
+  /*border-bottom: 1px solid #272B46;*/
 }
 .app-nav .app-indicator-icon-container .app-indicator-icon {
   font-size: 24px;
@@ -479,16 +506,16 @@ body {
   right: -4px;
 }
 #overlayPageContent .mCSB_scrollTools,
-#overlayPageContent .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
-#overlayPageContent .mCSB_scrollTools .mCSB_buttonUp,
-#overlayPageContent .mCSB_scrollTools .mCSB_buttonDown,
-#overlayPageContent .mCSB_scrollTools .mCSB_buttonLeft,
-#overlayPageContent .mCSB_scrollTools .mCSB_buttonRight,
 .app-list .mCSB_scrollTools,
+#overlayPageContent .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
 .app-list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
+#overlayPageContent .mCSB_scrollTools .mCSB_buttonUp,
 .app-list .mCSB_scrollTools .mCSB_buttonUp,
+#overlayPageContent .mCSB_scrollTools .mCSB_buttonDown,
 .app-list .mCSB_scrollTools .mCSB_buttonDown,
+#overlayPageContent .mCSB_scrollTools .mCSB_buttonLeft,
 .app-list .mCSB_scrollTools .mCSB_buttonLeft,
+#overlayPageContent .mCSB_scrollTools .mCSB_buttonRight,
 .app-list .mCSB_scrollTools .mCSB_buttonRight {
   -webkit-transition: none;
   transition: none;
@@ -700,6 +727,7 @@ a.menu-item:hover {
   width: 0px;
   overflow: hidden;
 }
+/* User Logout */
 .logout-content {
   padding: 10px;
   width: 350px;
@@ -754,6 +782,9 @@ a.menu-item:hover {
 .app-settings {
   background: #FFFFFF;
 }
+/*************************************************/
+/******** View styles (List/Edit/Detail..) *******/
+/*************************************************/
 .viewContent .content-area {
   padding-left: 50px;
 }
@@ -791,7 +822,6 @@ a.menu-item:hover {
 .fieldValue .value {
   max-width: 85%;
   display: inline-block;
-  word-break: break-word;
 }
 .modal-header button.close {
   padding: 0;
@@ -865,6 +895,9 @@ input[type="password"].inputElement {
   padding-right: 20px;
   padding-left: 20px;
 }
+/**********************************/
+/**** Side vertical Nav styles ****/
+/**********************************/
 .module-nav {
   background: #fff;
   z-index: 1004;
@@ -880,6 +913,9 @@ input[type="password"].inputElement {
   left: 0;
   transition: 0s width;
 }
+.module-nav:hover {
+  /*z-index: 1001;*/
+}
 .modules-menu ul {
   list-style: none;
   margin-left: 0;
@@ -914,7 +950,7 @@ input[type="password"].inputElement {
   float: left;
   font-size: 20px;
 }
-.modules-menu ul li a>span {
+.modules-menu ul li a > span {
   margin-left: 10px;
   vertical-align: middle;
   font-size: 13px;
@@ -954,6 +990,7 @@ input[type="password"].inputElement {
   width: 100%;
   left: 0%;
 }
+/** Lists Menu in Side bar */
 .module-filters .settings-sidebar,
 .module-filters .sidebar-container {
   padding: 0 12px;
@@ -987,6 +1024,7 @@ input[type="password"].inputElement {
 .lists-menu-container hr {
   margin: 5px 0;
 }
+/* mScrollbar customization for lists widget */
 .lists-menu-container .menu-scroller .mCSB_scrollTools {
   width: 13px;
 }
@@ -998,8 +1036,10 @@ input[type="password"].inputElement {
 .modules-menu .mCSB_scrollTools .mCSB_draggerContainer {
   left: 8px;
 }
+/* Customization ends */
 .lists-menu-container .list-menu-content .more-less-link {
   color: #fff;
+  /*text-decoration: none;*/
 }
 .lists-menu-container .list-menu-content .sub-header {
   color: #ddd;
@@ -1104,9 +1144,11 @@ input[type="password"].inputElement {
 .common-links-container > div a {
   color: #fff;
 }
+/*Search Container styles */
 .search-container {
   min-height: 300px;
   position: absolute;
+  /*z-index: 1030;*/
   width: 100%;
   top: 0;
   background: #FBFBFB;
@@ -1125,6 +1167,7 @@ input[type="password"].inputElement {
 .footer p {
   margin: 5px 0;
 }
+/*** Utilities ***/
 .showElement {
   display: block !important;
   height: 100%;
@@ -1247,11 +1290,11 @@ ul.unstyled {
 }
 .emptyRecordsDiv .emptyRecordsContent {
   display: inline-block;
-  font-size: 16px;
   left: 50%;
   margin-left: -25%;
   position: absolute;
   width: 50%;
+  font-size: 16px;
 }
 .textOverflowEllipsis {
   overflow: hidden;
@@ -1276,6 +1319,9 @@ ul.unstyled {
 .removeNoFileChosen {
   color: transparent !important;
 }
+/***********************************
+**********Button Styles**********
+***********************************/
 .module-buttons-container {
   float: right;
   margin-right: 10px;
@@ -1297,6 +1343,7 @@ ul.unstyled {
   margin: 4px 2px;
   border-radius: 2px;
   border: 1px solid #ddd;
+  text-transform: uppercase;
   color: #666;
   background: #fff;
 }
@@ -1317,6 +1364,9 @@ ul.unstyled {
   color: #FFFFFF !important;
   background: #5bc0de !important;
 }
+/***********************************
+**********List View Styles**********
+***********************************/
 .fa.pull-left {
   margin-right: 0;
 }
@@ -1351,7 +1401,7 @@ ul.unstyled {
   font-size: 20px;
 }
 .listview-pagination .disabled {
-  color: rgba(0,0,0,0.2);
+  color: rgba(0, 0, 0, 0.2);
 }
 .listview-pagination .disabled:hover {
   cursor: default;
@@ -1379,6 +1429,8 @@ ul.unstyled {
 .listview-table {
   margin-bottom: 0;
   border-top: 0;
+  /* Horizontal scroll will not work if table layout Fixed */
+  /*    table-layout: fixed;*/
 }
 .listview-table tr td,
 .listview-table tr th {
@@ -1408,7 +1460,7 @@ ul.unstyled {
   width: 100%;
 }
 .listViewEntries .relatedListEntryValues .fieldValue .value,
-.listViewEntries  .listViewEntryValue .fieldValue .value {
+.listViewEntries .listViewEntryValue .fieldValue .value {
   vertical-align: middle;
   width: 100%;
   display: inline-block;
@@ -1423,7 +1475,7 @@ ul.unstyled {
 }
 .listview-table-norecords .table-actions,
 .listview-table .table-actions {
-  width: 120px;
+  width: 110px;
   font-size: 15px;
   color: #555;
   margin-left: 7px;
@@ -1489,13 +1541,13 @@ input[type=checkbox]:checked {
   vertical-align: middle;
   display: table-cell;
 }
-.listview-table  tr.searchRow th {
+.listview-table tr.searchRow th {
   padding: 5px 3px;
 }
-.listview-table  tr.searchRow th.inline-search-btn {
+.listview-table tr.searchRow th.inline-search-btn {
   padding: 3px 10px;
 }
-.listview-table  tr.searchRow th.inline-search-btn button {
+.listview-table tr.searchRow th.inline-search-btn button {
   text-align: center;
   width: 85%;
   text-shadow: none;
@@ -1523,6 +1575,18 @@ input[type=checkbox]:checked {
   background-color: #FFEEEE !important;
   background-image: none !important;
 }
+/*.floatThead-wrapper .table-container{
+    z-index: 0 !important;
+}*/
+/* List view bottom fixed scroll */
+/*.bottom-fixed-scroll{
+    height: 14px;
+    position: relative;
+    top: -15px;
+    overflow-x: auto;
+    overflow-y: hidden;
+    width: 100%;
+}*/
 .scroller-div {
   height: 1px;
 }
@@ -1644,12 +1708,12 @@ input[type=checkbox]:checked {
 #listColumnFilterContainer .disabled i {
   color: #ccc;
 }
+/**********************************
+**********Detail View Styles**********
+**********************************/
 .detailViewButtoncontainer {
   padding-top: 5px;
 }
-.detailViewButtoncontainer button.btn {
-  margin: 0px 1px !important;
-}
 .detailview-header .recordBasicInfo > .info-row {
   margin-bottom: 4px;
 }
@@ -1730,9 +1794,6 @@ th {
   margin-top: 3%;
   margin-right: 2%;
 }
-.overlayDetailHeader button.btn {
-  margin: 0px 1px !important;
-}
 .referencefield-wrapper .createReferenceRecord {
   float: left;
   margin-left: 5px;
@@ -1972,10 +2033,10 @@ th {
   z-index: 1030;
 }
 .overlay-container-60 {
-  margin-left: 42px;
+  margin-left: 42px ;
 }
 .overlay-container-300 {
-  margin-left: 230px;
+  margin-left: 230px ;
 }
 .overlayPageContent {
   background: #FFFFFF;
@@ -2098,6 +2159,9 @@ th {
   height: 26px;
   line-height: 25px;
 }
+/**********************************
+**********Summary View Styles******
+**********************************/
 .summary-table {
   width: 100%;
   table-layout: fixed;
@@ -2218,33 +2282,33 @@ th {
   opacity: 1;
   cursor: pointer;
 }
-.details.row >form .social-media-toggle {
+.details.row > form .social-media-toggle {
   position: absolute;
   right: -15px;
   display: inline-block;
   width: 500px;
   border-left: 0px;
 }
-.details.row >form .social-media-widget {
+.details.row > form .social-media-widget {
   border-left: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
   height: 100%;
   background: white;
 }
-.details.row >form div[class*="col-"].resizable-summary-view {
+.details.row > form div[class*="col-"].resizable-summary-view {
   padding-left: 0;
   padding-right: 0px;
 }
-.details.row >form>div[class*="col-"],
-.details.row >form .resizable-summary-view div[class*="col-"] {
+.details.row > form > div[class*="col-"],
+.details.row > form .resizable-summary-view div[class*="col-"] {
   padding-right: 0;
   padding: 0px 5px;
 }
-.details.row >form>div[class*="col-"]:first-child,
-.details.row >form .left-block {
+.details.row > form > div[class*="col-"]:first-child,
+.details.row > form .left-block {
   padding-left: 0 !important;
 }
-.details.row >form>div[class*="col-"]:last-child {
+.details.row > form > div[class*="col-"]:last-child {
   padding-right: 0;
 }
 .summaryWidgetContainer .noContent {
@@ -2257,6 +2321,9 @@ th {
 .caseReplyArea .nav > li {
   padding: 0 10px;
 }
+/**********************************
+**********Edit View Styles*******
+**********************************/
 .main-container .editViewModNavigator.module-nav,
 .editViewModNavigator .mod-switcher-container,
 .editViewModNavigator .modules-menu {
@@ -2297,7 +2364,7 @@ th {
   width: 100%;
 }
 .editViewContents .input-group {
-  width: 229px;
+  width: 208px;
   float: left;
 }
 .input-group.inputElement .input-group-addon {
@@ -2376,6 +2443,9 @@ th {
   z-index: 1000;
   padding: 7px;
 }
+/**********************************
+**********Advance Search styles**********
+**********************************/
 .op0.fadeInx {
   opacity: 1;
 }
@@ -2448,7 +2518,11 @@ th {
 }
 .btn + input {
   margin-left: 5px;
+  /*    margin-top : 3px;*/
 }
+/**********************************
+**********Extension Store Styles**********
+**********************************/
 .extensionstore .app-trigger {
   width: 98%;
 }
@@ -2479,6 +2553,9 @@ th {
 .extensionContents .extensionError {
   color: #F10404;
 }
+/**********************************
+**********Extension Store Nav Bar**********
+**********************************/
 .tabbable-line > .nav-tabs {
   border: none;
   margin: 0px;
@@ -2547,6 +2624,9 @@ th {
 .extensionContents .listview-table {
   width: 100%;
 }
+/*******************************************
+******Detail View related list styles*******
+********************************************/
 .relatedContents .listViewContentHeaderValues:hover {
   text-decoration: none;
   color: #333;
@@ -2604,6 +2684,9 @@ th {
 .relatedViewActions .btn-group {
   margin-right: 15px;
 }
+/*******************************************
+****************** Modal *******************
+********************************************/
 .modal-header {
   padding: 5px 15px;
   background: #596875;
@@ -2631,6 +2714,7 @@ th {
   width: 100%;
   float: left;
   background: #596875;
+  /*    height: 100%;*/
 }
 .settings-menu {
   display: inline-block;
@@ -2647,7 +2731,7 @@ th {
   cursor: n-resize;
 }
 .settings-menu-items {
-  box-shadow: 0 1px 1px rgba(0,0,0,0.05);
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
   margin-bottom: 10px;
   text-align: justify;
 }
@@ -2765,9 +2849,6 @@ th {
 .active .stepNum {
   color: #FFFFFF;
 }
-.mailBoxEditDiv .crumbs li {
-  width: 22%;
-}
 .stepNum {
   display: inline-block;
   padding: 0 5px;
@@ -2776,6 +2857,7 @@ th {
   vertical-align: middle;
   color: #3399ff;
 }
+/* .squaredFour */
 .squaredFour {
   width: 20px;
   position: relative;
@@ -2789,9 +2871,9 @@ th {
   top: 0;
   left: 0;
   background: #fcfff4;
-  background: linear-gradient(top,#fcfff4 0%,#dfe5d7 40%,#b3bead 100%);
+  background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
   border-radius: 4px;
-  box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
+  box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
 }
 .squaredFour label:after {
   content: '';
@@ -2819,13 +2901,16 @@ th {
 .importBlockContainer {
   color: #596875;
 }
+/******************************************* 
+************* Social Buttons *************** 
+********************************************/
 .btn-block + .btn-block {
   margin-top: 5px;
 }
 .btn-google-plus {
   color: #FFFFFF !important;
   background-color: #DD4B39;
-  border-color: rgba(0,0,0,0.2);
+  border-color: rgba(0, 0, 0, 0.2);
 }
 .btn-social {
   position: relative;
@@ -2844,15 +2929,18 @@ th {
   line-height: 34px;
   font-size: 1.6em;
   text-align: center;
-  border-right: 1px solid rgba(0,0,0,0.2);
+  border-right: 1px solid rgba(0, 0, 0, 0.2);
 }
+/******************************************* 
+************* Updates Timeline *************** 
+********************************************/
 .recentActivitiesContainer .history {
   margin: 0 auto;
   padding: 20px 20px 1px;
   max-width: 100%;
   overflow-x: visible;
-  -webkit-transition: opacity .2s ease-out;
-  transition: opacity .2s ease-out;
+  -webkit-transition: opacity 0.2s ease-out;
+  transition: opacity 0.2s ease-out;
 }
 .updates_timeline {
   padding-top: 20px;
@@ -2861,6 +2949,7 @@ th {
   padding: 0;
   list-style: none;
 }
+/* The line */
 .updates_timeline:before {
   content: '';
   position: absolute;
@@ -2879,6 +2968,7 @@ th {
   min-height: 40px;
   z-index: 2;
 }
+/* Left Content(Time) */
 .updates_timeline > li .update_time {
   position: absolute;
   margin: 0;
@@ -2890,6 +2980,7 @@ th {
   font-size: 15px;
   font-style: italic;
 }
+/* Right content(Update info) */
 .updates_timeline > li .update_info {
   padding: 10px 10px 1px;
   display: block;
@@ -2898,10 +2989,11 @@ th {
   position: relative;
   top: -45px;
 }
-.updates_timeline > li .update_info >h3 {
+.updates_timeline > li .update_info > h3 {
   font-size: 1.1em;
   margin-left: -3%;
 }
+/* The icons  */
 .updates_timeline > li .update_icon {
   position: relative;
   border-radius: 50%;
@@ -2914,6 +3006,7 @@ th {
   color: #fff;
   line-height: 35px;
 }
+/* More Button */
 .updates_timeline #more_button .update_icon {
   position: relative;
   border-radius: 0;
@@ -3021,6 +3114,9 @@ th {
   vertical-align: super;
   font-size: 13px;
 }
+/******************************************* 
+************* Task Management ************** 
+********************************************/
 #taskManagementContainer .data-body {
   margin-bottom: 50px;
 }
@@ -3083,15 +3179,16 @@ th {
 #taskManagementContainer .other-details {
   color: #979797;
 }
+/*overwriting jquery ui css*/
 .ui-menu {
   z-index: 10000;
 }
 #taskManagementContainer button.active {
   background: #3B83F7;
   color: white;
-  text-shadow: 0 1px rgba(0,0,0,0.3);
+  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
   border: 1px solid #135fd7;
-  box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
+  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
 }
 .taskSubject {
   width: 99%;
@@ -3099,6 +3196,9 @@ th {
 #taskManagementContainer .mCustomScrollbar .mCSB_inside > .mCSB_container {
   margin-right: 13px;
 }
+/******************************************* 
+************* Settings Page ************** 
+********************************************/
 .settingsPageDiv.content-area {
   margin-right: 0;
 }
@@ -3132,6 +3232,9 @@ th {
 .settingsgroup-accordion a i {
   margin-right: 5px;
 }
+.settingsgroup-accordion a span {
+  text-transform: uppercase;
+}
 .settingsgroup {
   background: #2C3B49;
   height: 100%;
@@ -3288,35 +3391,59 @@ th {
 }
 .mini-slider-control[data-value="0"] .ui-slider-handle {
   background: #7d7e7d;
-  background: -moz-linear-gradient(top,#7d7e7d 0%,#0e0e0e 100%);
-  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#7d7e7d),color-stop(100%,#0e0e0e));
-  background: -webkit-linear-gradient(top,#7d7e7d 0%,#0e0e0e 100%);
-  background: -o-linear-gradient(top,#7d7e7d 0%,#0e0e0e 100%);
-  background: -ms-linear-gradient(top,#7d7e7d 0%,#0e0e0e 100%);
-  background: linear-gradient(to bottom,#7d7e7d 0%,#0e0e0e 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7e7d',endColorstr='#0e0e0e',GradientType=0);
+  /* Old browsers */
+  background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
+  /* FF3.6+ */
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7d7e7d), color-stop(100%, #0e0e0e));
+  /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
+  /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
+  /* Opera 11.10+ */
+  background: -ms-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
+  /* IE10+ */
+  background: linear-gradient(to bottom, #7d7e7d 0%, #0e0e0e 100%);
+  /* W3C */
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7e7d', endColorstr='#0e0e0e', GradientType=0);
+  /* IE6-9 */
   margin-left: 0px;
 }
 .mini-slider-control[data-value="1"] .ui-slider-handle {
   background: #ffb76b;
-  background: -moz-linear-gradient(top,#ffb76b 0%,#ffa73d 0%,#ff7c00 49%,#ff7f04 100%);
-  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffb76b),color-stop(0%,#ffa73d),color-stop(49%,#ff7c00),color-stop(100%,#ff7f04));
-  background: -webkit-linear-gradient(top,#ffb76b 0%,#ffa73d 0%,#ff7c00 49%,#ff7f04 100%);
-  background: -o-linear-gradient(top,#ffb76b 0%,#ffa73d 0%,#ff7c00 49%,#ff7f04 100%);
-  background: -ms-linear-gradient(top,#ffb76b 0%,#ffa73d 0%,#ff7c00 49%,#ff7f04 100%);
-  background: linear-gradient(to bottom,#ffb76b 0%,#ffa73d 0%,#ff7c00 49%,#ff7f04 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb76b',endColorstr='#ff7f04',GradientType=0);
+  /* Old browsers */
+  background: -moz-linear-gradient(top, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%);
+  /* FF3.6+ */
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffb76b), color-stop(0%, #ffa73d), color-stop(49%, #ff7c00), color-stop(100%, #ff7f04));
+  /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(top, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%);
+  /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(top, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%);
+  /* Opera 11.10+ */
+  background: -ms-linear-gradient(top, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%);
+  /* IE10+ */
+  background: linear-gradient(to bottom, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%);
+  /* W3C */
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb76b', endColorstr='#ff7f04', GradientType=0);
+  /* IE6-9 */
   margin-left: -6px;
 }
 .mini-slider-control[data-value="2"] .ui-slider-handle {
   background: #bfd255;
-  background: -moz-linear-gradient(top,#bfd255 0%,#8eb92a 79%,#72aa00 100%,#9ecb2d 100%);
-  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#bfd255),color-stop(79%,#8eb92a),color-stop(100%,#72aa00),color-stop(100%,#9ecb2d));
-  background: -webkit-linear-gradient(top,#bfd255 0%,#8eb92a 79%,#72aa00 100%,#9ecb2d 100%);
-  background: -o-linear-gradient(top,#bfd255 0%,#8eb92a 79%,#72aa00 100%,#9ecb2d 100%);
-  background: -ms-linear-gradient(top,#bfd255 0%,#8eb92a 79%,#72aa00 100%,#9ecb2d 100%);
-  background: linear-gradient(to bottom,#bfd255 0%,#8eb92a 79%,#72aa00 100%,#9ecb2d 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfd255',endColorstr='#9ecb2d',GradientType=0);
+  /* Old browsers */
+  background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%);
+  /* FF3.6+ */
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bfd255), color-stop(79%, #8eb92a), color-stop(100%, #72aa00), color-stop(100%, #9ecb2d));
+  /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(top, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%);
+  /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(top, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%);
+  /* Opera 11.10+ */
+  background: -ms-linear-gradient(top, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%);
+  /* IE10+ */
+  background: linear-gradient(to bottom, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%);
+  /* W3C */
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfd255', endColorstr='#9ecb2d', GradientType=0);
+  /* IE6-9 */
   margin-left: -13px;
 }
 .ModulemanagerSettings .moduleblock .hiden {
@@ -3341,10 +3468,13 @@ th {
 th {
   padding: 6px;
 }
+/******************************************* 
+********** CustomerPortal styles start ********
+********************************************/
 .cp-tabs .enabledModules {
   display: inline-block ! important;
-  margin-left: 4px !important;
-  margin-right: 4px !important;
+  margin-left: 4px!important;
+  margin-right: 4px!important;
   vertical-align: top;
 }
 .drag-portal-module {
@@ -3451,7 +3581,7 @@ th {
   margin-left: 5px;
 }
 .portal-field-delete {
-  margin-left: 45px !important;
+  margin-left: 45px!important;
 }
 .portalModuleRow {
   border-left: 4px solid #F1C40F !important;
@@ -3468,7 +3598,7 @@ th {
   content: "*";
   color: red;
 }
-.nav-tabs .cp-modules > .active >a,
+.nav-tabs .cp-modules > .active > a,
 .nav-tabs .cp-modules > .active > a:hover {
   border: 0px !important;
   border-top-right-radius: 0px;
@@ -3630,7 +3760,7 @@ th {
   display: inline-block;
 }
 .quickPreview .updates_timeline:before {
-  background: #e6e6e6;
+  background: #e5e5e5;
   width: 2px;
   margin-left: -1%;
 }
@@ -3645,13 +3775,16 @@ th {
 .quickPreviewComments .recentComments .commentDetails .comment {
   line-height: 15px;
 }
-.quickPreviewComments  .summaryWidgetContainer {
+.quickPreviewComments .summaryWidgetContainer {
   border: 0;
   padding: 0;
 }
 .quickPreview .recentActivitiesContainer .history {
   padding: 0;
 }
+/******************************************* 
+********** Calendar view styles ************
+********************************************/
 .calendar-sidebar {
   width: 100% !important;
 }
@@ -3808,6 +3941,11 @@ th {
   display: inline-block;
   text-align: center;
 }
+/******************************************* 
+********** Calendar view styles end ********
+
+********** Documents Module styles *********
+********************************************/
 .dragdrop-dotted {
   border: 2px dashed #C0C0C0;
   min-width: 300px;
@@ -3867,13 +4005,16 @@ tr.file > td.fileOwnerData {
   width: 100px;
   white-space: pre-wrap;
 }
+/******************************************* 
+********** Documents Module styles end *****
+********************************************/
 .engagementsContainer .engagements_content {
   padding-top: 15px;
 }
 .summaryWidgetContainer .engagementsContainer table {
   width: inherit;
 }
-.engagements_content table thead>tr:first-child {
+.engagements_content table thead > tr:first-child {
   border: 1px solid #CCC;
   background-color: #F5F5F5;
 }
@@ -3924,6 +4065,9 @@ tr.file > td.fileOwnerData {
   font-size: 15px;
   padding: 1% 0;
 }
+/******************************************* 
+********** Mailroom view styles start ********
+********************************************/
 .mailroomBanner {
   margin: 23px 0;
   height: 215px;
@@ -4132,6 +4276,7 @@ tr.file > td.fileOwnerData {
   margin-left: 0;
 }
 .mentionMessages .mention_follow_up {
+  /*//load this color from variable.less*/
   background-color: green;
 }
 .modelContainer .modal-content {
@@ -4280,6 +4425,7 @@ form[name="notification_settings"] .select2-choice {
   margin-left: 0;
 }
 .mentionMessages .mention_follow_up {
+  /*//load this color from variable.less*/
   background-color: green;
 }
 .modal-content .mention_followup .row {
@@ -4311,6 +4457,9 @@ form[name="notification_settings"] .select2-choice {
 .mentionMessageHeader .MultiFile-remove {
   color: #FFFFFF;
 }
+/******************************************* 
+********** Mailroom view styles end ********
+********************************************/
 .detailview-header {
   margin-bottom: 10px;
 }
@@ -4326,6 +4475,7 @@ form[name="notification_settings"] .select2-choice {
   margin: 0px 10px;
   text-decoration: underline !important;
   color: #3498DB;
+  /*font-size : 12px;*/
 }
 .tag {
   display: inline-block;
@@ -4409,11 +4559,10 @@ form[name="notification_settings"] .select2-choice {
   border: 1px solid #dcdcdc;
 }
 #tagCloud .tag {
-  color: #5ea9dd;
-  padding: 0px;
   background-color: #FFFFFF;
   border-color: #FFFFFF;
   border-radius: 0px;
+  color: #5ea9dd;
   margin: 3px;
 }
 #tagCloud .tag[data-type="public"] {
@@ -4424,6 +4573,9 @@ form[name="notification_settings"] .select2-choice {
   max-width: 80px;
   vertical-align: bottom;
 }
+/******************************************* 
+********** Groups view styles ********
+********************************************/
 #s2id_memberList li > div,
 .groupMembersColors li > div {
   margin-left: 10px;
@@ -4498,6 +4650,12 @@ form[name="notification_settings"] .select2-choice {
   margin: 0px;
   color: #444444;
 }
+/******************************************* 
+********** Groups view styles  ends********
+********************************************/
+/******************************************* 
+********** Picklist Css ********
+********************************************/
 .pickListValue {
   background-color: #FFFFFF;
 }
@@ -4512,6 +4670,12 @@ form[name="notification_settings"] .select2-choice {
   padding: 2px 1px !important;
   line-height: 15px;
 }
+/******************************************* 
+************* Dashboard Styles *************
+********************************************/
+li.dashboardWidget {
+  overflow: auto;
+}
 .dashboardWidgetHeader .title {
   padding-bottom: 10px;
   font-size: 15px;
@@ -4532,9 +4696,6 @@ form[name="notification_settings"] .select2-choice {
 .dashBoardContainer .tabContainer .tab-content {
   margin-top: 10px;
 }
-.dashBoardContainer .dashBoardTabContents ul {
-  margin: 0;
-}
 .dashBoardContainer .dashBoardTabContents ul li {
   border: 3px solid #E2E2E4;
   box-shadow: 1px;
@@ -4601,7 +4762,7 @@ form[name="notification_settings"] .select2-choice {
   display: inline-block;
   opacity: 1;
 }
-.dashBoardContainer .tabContainer li a  .deleteTab:hover {
+.dashBoardContainer .tabContainer li a .deleteTab:hover {
   cursor: pointer;
 }
 #minilistWizardContainer .fieldLabel {
@@ -4638,6 +4799,9 @@ form[name="notification_settings"] .select2-choice {
   resize: none;
   width: 100%;
 }
+/******************************************* 
+********** Picklist DependencyGraph ********
+********************************************/
 #dependencyGraph .tableHeading {
   text-align: center;
   padding-top: 30px;
@@ -4663,12 +4827,15 @@ form[name="notification_settings"] .select2-choice {
 #dependencyGraph .dependencyMapping .pickListDependencyTable .selectedCell {
   background: #a9cbf5;
 }
+/******************************************* 
+********** Rewriting select2 for consistency********
+********************************************/
 .select2-container .select2-choice {
   height: 29px;
   border-radius: 1px;
 }
 .modal {
-  z-index: 1100;
+  z-index: 1070;
 }
 .select2-container .select2-choice {
   height: 28px;
@@ -4756,6 +4923,7 @@ hr {
   position: fixed;
   bottom: 0;
   background: #EFEFEF;
+  /*width:100%;*/
   border-left: 42px solid #2c3b49;
   height: 60px;
   left: 0;
@@ -4774,7 +4942,6 @@ hr {
 }
 .settingsPageDiv .modal-overlay-footer {
   margin-left: 230px;
-  border-left: 0px solid;
 }
 .settingsOverlayContainer .modal-overlay-footer {
   margin: 0;
@@ -4797,14 +4964,14 @@ hr {
   vertical-align: middle;
   margin-top: 6px;
 }
-.list-menu-content .pull-right>.dropdown-menu {
+.list-menu-content .pull-right > .dropdown-menu {
   left: -126px;
   position: relative;
 }
-.dropdown-menu>li>a {
+.dropdown-menu > li > a {
   padding: 4px 6px;
 }
-.dropdown-menu>li>a span i {
+.dropdown-menu > li > a span i {
   font-size: 15px;
   vertical-align: middle;
 }
@@ -4812,11 +4979,11 @@ hr {
   max-height: 300px;
   padding-left: 0;
 }
-.related-tabs .dropdown-menu>.mCustomScrollBox>.mCSB_container {
+.related-tabs .dropdown-menu > .mCustomScrollBox > .mCSB_container {
   margin-right: 0;
   padding: 4px 6px;
 }
-.related-tabs .dropdown-menu>.mCustomScrollBox>.mCSB_container>li>a {
+.related-tabs .dropdown-menu > .mCustomScrollBox > .mCSB_container > li > a {
   display: block;
   padding: 3px 5px;
   clear: both;
@@ -4825,7 +4992,7 @@ hr {
   color: #333;
   white-space: nowrap;
 }
-.related-tabs .dropdown-menu>.mCustomScrollBox>.mCSB_container span i {
+.related-tabs .dropdown-menu > .mCustomScrollBox > .mCSB_container span i {
   font-size: 15px;
   vertical-align: middle;
 }
@@ -4848,16 +5015,16 @@ hr {
 .calendar-sidebar .calendar-sidebar-tabs.padding {
   padding-left: 20px !important;
 }
-.related-tabs.row .nav>li {
+.related-tabs.row .nav > li {
   padding: 0 10px;
   margin: 0 2px;
 }
-.massEditTabs.nav>li {
+.massEditTabs.nav > li {
   padding: 0 10px;
   margin: 0 4px;
 }
-.row .nav>li>a,
-.row .nav>li>a:hover {
+.row .nav > li > a,
+.row .nav > li > a:hover {
   padding: 10px 3px;
   border: none;
   vertical-align: bottom;
@@ -4867,38 +5034,39 @@ hr {
   -webkit-box-sizing: border-box;
   -o-box-sizing: border-box;
 }
-.row .nav>li>a:hover {
+.row .nav > li > a:hover {
   border-bottom-color: #555;
 }
-TN-34230
-
-.row .nav>li>a:hover {
+/*.row ul{
+    padding:0;
+}*/
+TN-34230 .row .nav > li > a:hover {
   border-bottom-color: #555;
   background: none;
 }
 .row ul li:first-child {
   margin-left: 0;
 }
-.related-tabs .nav-tabs>li.active,
-.related-tabs .nav-tabs>li:hover,
-.related-tabs .nav-tabs>li.active:focus,
-.dashBoardContainer .nav-tabs>li.active,
-.dashBoardContainer .nav-tabs>li:hover,
-.dashBoardContainer .nav-tabs>li.active:focus,
-.contents.tabbable .nav-tabs>li.active,
-.contents.tabbable .nav-tabs>li:hover,
-.contents.tabbable .nav-tabs>li.active:focus {
+.related-tabs .nav-tabs > li.active,
+.dashBoardContainer .nav-tabs > li.active,
+.contents.tabbable .nav-tabs > li.active,
+.related-tabs .nav-tabs > li:hover,
+.dashBoardContainer .nav-tabs > li:hover,
+.contents.tabbable .nav-tabs > li:hover,
+.related-tabs .nav-tabs > li.active:focus,
+.dashBoardContainer .nav-tabs > li.active:focus,
+.contents.tabbable .nav-tabs > li.active:focus {
   border: none;
   border-bottom: 3px solid #555;
 }
-.nav-tabs>li.active>a,
-.nav-tabs>li.active>a:hover,
-.nav-tabs>li.active>a:focus,
-.nav-tabs>li>a {
+.nav-tabs > li.active > a,
+.nav-tabs > li.active > a:hover,
+.nav-tabs > li.active > a:focus,
+.nav-tabs > li > a {
   border: 0;
 }
-.nav>li>a:hover,
-.nav>li>a:focus {
+.nav > li > a:hover,
+.nav > li > a:focus {
   background-color: #FFFFFF;
 }
 .fa-pencil,
@@ -4908,6 +5076,9 @@ TN-34230
 .commentAttachmentName {
   font-size: 11px;
 }
+/******************************************* 
+********** Layout Editor ********
+********************************************/
 .marginBottom10px {
   margin-bottom: 10px;
 }
@@ -4930,6 +5101,7 @@ TN-34230
 }
 .zeroOpacity {
   opacity: 0;
+  /*for IE*/
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
 }
@@ -4956,10 +5128,12 @@ TN-34230
 .layoutContent .opacity:hover .actions {
   opacity: 1;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+  /*for IE*/
   filter: alpha(opacity=100);
 }
 .layoutContent .fieldPropertyContainer:hover .actions {
   opacity: 1;
+  /*for IE*/
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=100);
 }
@@ -4982,6 +5156,7 @@ TN-34230
 .relatedTabModulesList .addButton {
   border-radius: 2px;
   border: 1px solid #DDDDDD;
+  text-transform: uppercase;
   color: #666666;
   background: #FFFFFF;
 }
@@ -5055,6 +5230,9 @@ TN-34230
   margin-left: 5px;
   word-break: break-all;
 }
+/******************************************* 
+************** Tax Management **************
+********************************************/
 #TaxCalculationsContainer .table tr:first-child,
 .taxModalContainer #editTax .table tr:first-child {
   border-bottom: 1px solid #ccc;
@@ -5094,6 +5272,9 @@ TN-34230
   max-height: 500px;
   overflow-y: auto;
 }
+/******************************************* 
+********** Workflows ********
+********************************************/
 #workflow_edit .editViewBody {
   overflow: inherit;
 }
@@ -5103,7 +5284,7 @@ TN-34230
 }
 .timePicker {
   width: 9.5em !important;
-  z-index: 1101 !important;
+  z-index: 1070 !important;
 }
 .weekDaySelect .ui-state-default {
   background: inherit;
@@ -5141,75 +5322,6 @@ TN-34230
 .module-filters.active {
   background: #F7F7F7;
 }
-.payment-type-selection {
-  margin-bottom: 30px;
-}
-.payment-type-selection img {
-  vertical-align: middle;
-}
-.currplan {
-  padding: 10px 20px;
-  background-color: #f3f3f3;
-  border: 1px solid #eee;
-  border-radius: 3px;
-}
-.currplan div {
-  display: inline-block;
-  font-size: 16px;
-}
-.planName {
-  display: inline-block;
-  color: #fff;
-  padding: 20px;
-  margin: 10px 20px;
-  font-size: 24px;
-  border-radius: 2px;
-}
-.plan-heading {
-  min-height: 168px;
-}
-.plan-title {
-  color: #fff;
-  font-size: 20px;
-  padding: 13px 0;
-}
-#sales_plan {
-  background: #3FC380;
-  font-size: x-large;
-  text-shadow: 1px 0 2px #555555;
-  color: #fff;
-}
-#salespremium_plan {
-  background: #00B16A;
-  font-size: x-large;
-  text-shadow: 1px 0 2px #555555;
-  color: #fff;
-}
-#support_plan {
-  background: #2980B9;
-  font-size: x-large;
-  text-shadow: 1px 0 2px #555555;
-  color: #fff;
-}
-#supportpremium_plan {
-  background: #2980B9;
-  font-size: x-large;
-  text-shadow: 1px 0 2px #555555;
-  color: #fff;
-}
-#ultimate_plan,
-#exclusive_plan {
-  background: #F39C12;
-  font-size: x-large;
-  text-shadow: 1px 0 2px #555555;
-  color: #fff;
-}
-#contact_plan {
-  background: #FF5959;
-  font-size: x-large;
-  text-shadow: 1px 0 2px #555555;
-  color: #fff;
-}
 .workflowListContainer .select2-container .select2-choice {
   height: 36px;
 }
@@ -5224,6 +5336,7 @@ TN-34230
 .contactAdd {
   border: 1px solid #eee;
   padding: 20px;
+  /*min-height: 310px !important;*/
 }
 #subDetails table td {
   padding: 7px 10px;
@@ -5346,9 +5459,9 @@ TN-34230
 .productBundles {
   padding-left: 20px;
 }
-.nav .open>a,
-.nav .open>a:hover,
-.nav .open>a:focus {
+.nav .open > a,
+.nav .open > a:hover,
+.nav .open > a:focus {
   color: #000000;
   background-color: #FFFFFF;
 }
@@ -5369,6 +5482,9 @@ TN-34230
   width: 100%;
   overflow-x: auto;
 }
+/******************************************* 
+*************** Mail Manager ***************
+********************************************/
 #mm_searchButton {
   height: 28px;
   background-color: #FFFFFF;
@@ -5424,8 +5540,8 @@ TN-34230
   padding: 1px 5px;
   border-radius: 3px;
   text-align: center;
-  text-shadow: 0 1px rgba(0,0,0,0.1);
-  background-image: -webkit-linear-gradient(top,#DD4B39 0,#D14836 100%);
+  text-shadow: 0 1px rgba(0, 0, 0, 0.1);
+  background-image: -webkit-linear-gradient(top, #DD4B39 0, #D14836 100%);
   border: 1px solid #C6322A;
   background-color: #DD4B39;
 }
@@ -5643,6 +5759,7 @@ TN-34230
 .width40per {
   width: 40%;
 }
+/****** Mail Manager Ends ******/
 .quickCreateContent .massEditTable textarea,
 .addCommentBlock .commentTextArea textarea {
   resize: vertical;
@@ -5655,19 +5772,20 @@ TN-34230
 .select2-container-multi .select2-choices {
   z-index: 1;
 }
-.nav .nav-stacks .cp-nav-header-wrapper>li.disabled>a:hover {
+/****** Customer Portal Settings ******/
+.nav .nav-stacks .cp-nav-header-wrapper > li.disabled > a:hover {
   background-color: #fff;
 }
-.cp-nav-header-wrapper>li.disabled>a:hover {
+.cp-nav-header-wrapper > li.disabled > a:hover {
   border: 0px ! important;
 }
-.nav .nav-stacks .cp-nav-header-wrapper>li.disabled>a {
+.nav .nav-stacks .cp-nav-header-wrapper > li.disabled > a {
   background-color: #fff;
 }
-#portalModulesTable>li.portalModuleRow.active>a:hover {
+#portalModulesTable > li.portalModuleRow.active > a:hover {
   background-color: #fff !important;
 }
-#portalModulesTable>li.portalModuleRow.active>a:focus {
+#portalModulesTable > li.portalModuleRow.active > a:focus {
   background-color: #fff !important;
 }
 .portal-dashboard {
@@ -5766,7 +5884,7 @@ TN-34230
 .portal-dashboard {
   border-bottom: 0px ! important;
 }
-#portal-shortcutsContainer>ul {
+#portal-shortcutsContainer > ul {
   border-bottom: 0px ! important;
 }
 .portalMenuHeader {
@@ -5775,14 +5893,15 @@ TN-34230
 }
 .cp-tabs .enabledModules {
   display: inline-block ! important;
-  margin-left: 4px !important;
-  margin-right: 4px !important;
+  margin-left: 4px!important;
+  margin-right: 4px!important;
   vertical-align: top;
   margin-top: 4px !important;
 }
 .portal-shortcut-list:hover {
   border-bottom: 3px solid transparent ! important;
 }
+/****** Customer Portal Settings ******/
 .label-radio label input[type="radio"] {
   position: relative;
   top: 2px;
@@ -5794,6 +5913,9 @@ TN-34230
 div.tooltip-inner {
   max-width: 400px;
 }
+/******************************************* 
+********** Menu Editor ********
+********************************************/
 .sortable.appContainer.ui-sortable {
   width: 160px;
 }
@@ -5968,7 +6090,7 @@ div.tooltip-inner {
   width: 13px !important;
   margin-top: 8px;
 }
-.detailview-table .input-group-addon+.inputElement.form-control,
+.detailview-table .input-group-addon + .inputElement.form-control,
 .detailview-table .inputElement.form-control.input-medium {
   width: 100%;
 }
@@ -6015,6 +6137,7 @@ div.tooltip-inner {
   float: left;
   margin-right: 5px;
 }
+/***** Oursites Changes *****/
 .portal-table .table-actions {
   width: inherit ! important;
 }
@@ -6026,6 +6149,7 @@ div.tooltip-inner {
   padding: 10px 5px ! important;
   padding-left: 10px ! important;
 }
+/***** Oursites Changes *****/
 .ExtensionscontentsDiv .content-area {
   padding-left: 15px;
   padding-right: 15px;
@@ -6039,14 +6163,14 @@ div.tooltip-inner {
 }
 .blockHeader {
   border-color: #F3F3F4 #F3F3F4 #cbcbcf;
-  border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
   background-color: #474747;
-  background-image: -moz-linear-gradient(top,#555555,#333333);
-  background-image: -ms-linear-gradient(top,#555555,#333333);
-  background-image: -webkit-gradient(linear,0 0,0 100%,from(#555555),to(#333333));
-  background-image: -webkit-linear-gradient(top,#555555,#333333);
-  background-image: -o-linear-gradient(top,#555555,#333333);
-  background-image: linear-gradient(top,#555555,#333333);
+  background-image: -moz-linear-gradient(top, #555555, #333333);
+  background-image: -ms-linear-gradient(top, #555555, #333333);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#333333));
+  background-image: -webkit-linear-gradient(top, #555555, #333333);
+  background-image: -o-linear-gradient(top, #555555, #333333);
+  background-image: linear-gradient(top, #555555, #333333);
   background-repeat: repeat-x;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#333333', GradientType=0);
   min-height: 30px;
@@ -6139,8 +6263,8 @@ div.tooltip-inner {
 .markStar .starredStatus {
   display: none;
 }
-.nav>li.addDashboardTab>a,
-.nav>li.addDashboardTab>a:hover {
+.nav > li.addDashboardTab > a,
+.nav > li.addDashboardTab > a:hover {
   padding: 10px 15px;
   background: inherit;
 }
@@ -6153,7 +6277,7 @@ div.tooltip-inner {
   height: 960px;
   width: 1260px;
 }
-.nav-tabs>li {
+.nav-tabs > li {
   border-bottom: 3px solid transparent;
   margin: 0 2px;
 }
@@ -6231,16 +6355,14 @@ div.tooltip-inner {
 }
 .select2-container.select2-container-multi.select2,
 .editViewPageDiv .select2-container.select2-container-multi.select2 {
-  height: auto !important;
+  height: auto!important;
 }
-.summaryViewFields .select2-container-multi.inputElement.form-control
-.quickCreateContent .select2-container.select2-container-multi.select2,
+.summaryViewFields .select2-container-multi.inputElement.form-control .quickCreateContent .select2-container.select2-container-multi.select2,
 #massEditContainer .select2-container.select2-container-multi.select2 {
   width: 150px;
   height: auto !important;
 }
-.summaryViewFields .select2-container-multi.inputElement.form-control
-.quickCreateContent .select2-container.select2-container-multi.select2 .input-save-wrap,
+.summaryViewFields .select2-container-multi.inputElement.form-control .quickCreateContent .select2-container.select2-container-multi.select2 .input-save-wrap,
 #massEditContainer .select2-container.select2-container-multi.select2 .input-save-wrap {
   float: right;
   margin-right: 25px;
@@ -6336,6 +6458,7 @@ a.cp-modules:hover {
 #RestrictionsLayout {
   background: #fafafb;
   margin-top: -92px;
+  /*to adjust with page padding top*/
 }
 #RestrictionsLayout .vtImage {
   width: 22%;
@@ -6369,6 +6492,7 @@ a.cp-modules:hover {
 .datepicker {
   z-index: 1100 !important;
 }
+/*****RSS Changes****/
 .feedListContainer .listview-table tr td:first-child,
 .listview-table tr th:first-child {
   width: inherit ! important;
@@ -6376,12 +6500,14 @@ a.cp-modules:hover {
 .feedListContainer .listViewEntries .listViewEntryValue {
   max-width: inherit ! important;
 }
-.ps-container>.ps-scrollbar-y-rail {
+/*****RSS Changes****/
+.ps-container > .ps-scrollbar-y-rail {
   z-index: 1002;
 }
 #relationBlock .recordScroll {
   max-height: 150px;
 }
+/*Start - List sidebar toggle*/
 .essentials-toggle {
   background-color: white;
   font-weight: bold;
@@ -6401,6 +6527,7 @@ a.cp-modules:hover {
 .essentials-toggle .fa-chevron-right {
   background-position: -460px -72px !important;
 }
+/*End - List essentials toggle*/
 .module-name-tooltip .qtip-content {
   font-size: 12px;
   padding: 3px;
@@ -6484,8 +6611,8 @@ li.select2-search-choice div {
 .popover ul.listmenu li {
   padding: 3px;
 }
-.popover-content .disabled>a,
-.popover .disabled>a {
+.popover-content .disabled > a,
+.popover .disabled > a {
   opacity: 0.5;
   cursor: not-allowed;
 }
@@ -6496,6 +6623,7 @@ li.select2-search-choice div {
   -o-transform: rotate(180deg);
   transform: rotate(180deg);
 }
+/*Start - List sidebar toggle*/
 .essentials-toggle {
   background-color: white;
   font-weight: bold;
@@ -6515,6 +6643,7 @@ li.select2-search-choice div {
 .essentials-toggle .fa-chevron-right {
   background-position: -460px -72px !important;
 }
+/*End - List essentials toggle*/
 .module-name-tooltip .qtip-content {
   font-size: 12px;
   padding: 3px;
@@ -6595,16 +6724,16 @@ li.select2-search-choice div {
 #reportDetails .pivot .toptitle.targetY0,
 #reportDetails .pivot .lefttitle.targetX0 {
   border-color: #F3F3F4 #F3F3F4 #cbcbcf;
-  border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
   background-color: #474747;
-  background-image: -moz-linear-gradient(top,#555555,#333333);
-  background-image: -ms-linear-gradient(top,#555555,#333333);
-  background-image: -webkit-gradient(linear,0 0,0 100%,from(#555555),to(#333333));
-  background-image: -webkit-linear-gradient(top,#555555,#333333);
-  background-image: -o-linear-gradient(top,#555555,#333333);
-  background-image: linear-gradient(top,#555555,#333333);
+  background-image: -moz-linear-gradient(top, #555555, #333333);
+  background-image: -ms-linear-gradient(top, #555555, #333333);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#333333));
+  background-image: -webkit-linear-gradient(top, #555555, #333333);
+  background-image: -o-linear-gradient(top, #555555, #333333);
+  background-image: linear-gradient(top, #555555, #333333);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555',endColorstr='#333333',GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#333333', GradientType=0);
   min-height: 30px;
 }
 #reportDetails .pivot th.toptitle.targetY0,
@@ -6646,7 +6775,8 @@ li.select2-search-choice div {
   background: #FFFFFF;
 }
 .templateActions {
-  background: rgba(0,0,0,0.1);
+  background: rgba(0, 0, 0, 0.1);
+  /*padding: 4%;*/
   bottom: 0;
   text-align: center;
   position: absolute;
@@ -6654,6 +6784,9 @@ li.select2-search-choice div {
   zoom: 1;
   width: 100%;
 }
+/*.templateActions i {
+    margin-right: 30px;
+}*/
 .thumbnails > li {
   float: left;
   height: 315px !important;
@@ -6828,9 +6961,10 @@ a.btnReport:hover {
   left: 0px;
 }
 .bx-wrapper .bx-viewport {
-  width:99%;
+  width: 99%;
   left: 0px;
   background: #fff;
+  /*fix other elements on the page moving (on Chrome)*/
   -webkit-transform: translatez(0);
   -moz-transform: translatez(0);
   -ms-transform: translatez(0);
@@ -6888,7 +7022,7 @@ a.btnReport:hover {
 .filter-search-show {
   display: block !important;
 }
-.emailTemplatesPopupTableContainer .listViewEntries  .listViewEntryValue {
+.emailTemplatesPopupTableContainer .listViewEntries .listViewEntryValue {
   max-width: 100%;
   min-width: 150px;
 }
@@ -6923,12 +7057,15 @@ input:focus::-webkit-input-placeholder {
 input:focus:-moz-placeholder {
   color: transparent;
 }
+/* FF 4-18 */
 input:focus::-moz-placeholder {
   color: transparent;
 }
+/* FF 19+ */
 input:focus:-ms-input-placeholder {
   color: transparent;
 }
+/* IE 10+ */
 .global-actions .dropdown-menu:before {
   position: absolute;
   top: -7px;
@@ -6937,7 +7074,7 @@ input:focus:-ms-input-placeholder {
   border-right: 7px solid transparent;
   border-bottom: 7px solid #ccc;
   border-left: 7px solid transparent;
-  border-bottom-color: rgba(0,0,0,0.2);
+  border-bottom-color: rgba(0, 0, 0, 0.2);
   content: '';
 }
 .global-actions .dropdown-menu:after {
@@ -7122,6 +7259,7 @@ input:focus:-ms-input-placeholder {
   text-align: center;
 }
 #OnBoardLayout #OnBoardPageContainer .crmGoals textarea::-webkit-input-placeholder {
+  /* WebKit browsers */
   text-align: center;
   padding: 20%;
   font-size: 12px;
@@ -7267,121 +7405,3 @@ input:focus:-ms-input-placeholder {
   border-left: 3px solid #F1C40F;
   opacity: 1;
 }
-.fieldValue .value a {
-  color: #15c !important;
-}
-.editViewContents .fieldLabel {
-  min-width: 100px;
-  width: 20%;
-  word-break: break-all;
-}
-.editViewContents .fieldValue {
-  width:30%;
-}
-.editViewContents td.fieldValue[colspan="3"] {
-  width:80%;
-}
-.editViewContents textarea.textAreaElement {
-  width: 88%;
-}
-.editViewContents input[type="checkbox"] {
-  width: 15px;
-  height: 15px;
-}
-.editViewContents input[type="radio"] {
-  width: 15px;
-  height: 15px;
-}
-#composeEmailContainer .modal-body .quickCreateContent,
-#QuickCreate .modal-body .quickCreateContent,
-#create .quickCreateContent {
-  margin-top: 25px;
-}
-.settingsgroup-panel .widgetContainer .menuItemLabel .pinUnpinShortCut {
-  display: none;
-  margin-top: 2px;
-}
-.settingsgroup-panel .widgetContainer .menuItemLabel:hover .pinUnpinShortCut {
-  display: inline-block;
-}
-@-moz-document url-prefix() {
-  .duplicateHandlingContainer .tooltip-inner {
-    width: 550px;
-    max-width: 550px;
-  }
-}
-.duplicateHandlingContainer .tooltip-inner {
-  text-align: left !important;
-}
-.duplicateHandlingContainer .syncMessage {
-  margin-top: 5px !important;
-}
-.duplicateHandlingContainer .actionsList {
-  width: 230px !important;
-}
-.duplicationMessageContainer {
-  background-color: #f2dede !important;
-  color: #b94a48 !important;
-}
-.duplicationMessageContainer .duplicationMessageHeader {
-  margin-bottom: 8px;
-}
-.listViewRecordActions .quickView, .listViewRecordActions .markStar,
-.listViewRecordActions .markAsHeld,.listViewRecordActions .holdFollowupOn {
-  margin-top: 4px;
-}
-.app-menu .module-icon .custom-module {
-	font-size: 14px;
-	border-radius: 4px;
-	color: #000;
-	background-color: #fff;
-	padding: 4px 10px 4px 5px !important
-}
-.menu-item .custom-module {
-	font-family: 'OpenSans-Regular', sans-serif;
-	font-size: 12px;
-	border-radius: 4px;
-	padding: 2px;
-	color: #000;
-	background-color: #fff;
-}
-.modules-menu .custom-module {
-	color: #fff;
-	margin-left: 0px;
-	display: inline;
-	border: 1px solid #fff;
-	border-radius: 4px;
-	padding: 3px 4px 3px 2px !important;
-	font-weight: bold;
-}
-#quickCreateModules .custom-module, .workflowListContainer .custom-module, .dashBoardTabContents .custom-module {
-	border-radius: 4px;
-	padding: 3px 5px;
-	color: #fff;
-	background-color: #777;
-}
-.menuEditorItem .custom-module {
-	border-radius: 4px;
-	padding: 3px 5px;
-	color: #000;
-	background-color: #fff;
-}
-.task-details .custom-module {
-	border-radius: 4px;
-	padding: 1px 4px;
-	color: white;
-	background-color: #777;
-}
-.related-tabs .custom-module, #relatedmenuList .custom-module {
-	border-radius: 4px;
-	color: #fff;
-	background-color: #777;
-	padding: 5px 7px;
-	font-weight: bold;
-}
-.record-header .custom-module {
-	font-size: 30px;
-}
-.moduleIcon .custom-module {
-	font-weight: bold;
-}
\ No newline at end of file
diff --git a/layouts/v7/skins/marketing/style.css b/layouts/v7/skins/marketing/style.css
index 3d4202ca4f27901ec3e7c590dccd2f742b283d4d..deaba17193bbac72708d16c564b559382108ac55 100644
--- a/layouts/v7/skins/marketing/style.css
+++ b/layouts/v7/skins/marketing/style.css
@@ -1,7 +1,9 @@
 @font-face {
   font-family: 'Oswald';
   src: url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.eot');
-  src: url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.woff') format('woff'), url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.ttf') format('truetype'), url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.svg#Oswald') format('svg');
+  /* IE9 Compat Modes */
+  src: url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.svg#Oswald') format('svg');
+  /* Legacy iOS */
   font-weight: normal;
   font-style: normal;
   text-rendering: optimizeLegibility;
@@ -15,27 +17,37 @@ a:active {
 @font-face {
   font-family: 'OpenSans-Regular';
   src: url('../fonts/OpenSans/Regular/OpenSans-Regular.eot');
-  src: url('../fonts/OpenSans/Regular/OpenSans-Regular.ttf') format('truetype'), url('../fonts/OpenSans/Regular/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans/Regular/OpenSans-Regular.woff2') format('woff2'), url('../fonts/OpenSans/Regular/OpenSans-Regular.woff') format('woff'), url('../fonts/OpenSans/Regular/OpenSans-Regular.svg#svgFontName') format('svg');
+  /* IE9 Compat Modes */
+  src: url('../fonts/OpenSans/Regular/OpenSans-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/OpenSans/Regular/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/OpenSans/Regular/OpenSans-Regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/OpenSans/Regular/OpenSans-Regular.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/OpenSans/Regular/OpenSans-Regular.svg#svgFontName') format('svg');
+  /* Legacy iOS */
 }
 @font-face {
   font-family: 'OpenSans-Semibold';
   src: url('../fonts/OpenSans/Semibold/OpenSans-Semibold.eot');
-  src: url('../fonts/OpenSans/Semibold/OpenSans-Semibold.ttf') format('truetype'), url('../fonts/OpenSans/Semibold/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans/Semibold/OpenSans-Semibold.woff2') format('woff2'), url('../fonts/OpenSans/Semibold/OpenSans-Semibold.woff') format('woff'), url('../fonts/OpenSans/Semibold/OpenSans-Semibold.svg#svgFontName') format('svg');
+  /* IE9 Compat Modes */
+  src: url('../fonts/OpenSans/Semibold/OpenSans-Semibold.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/OpenSans/Semibold/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/OpenSans/Semibold/OpenSans-Semibold.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/OpenSans/Semibold/OpenSans-Semibold.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/OpenSans/Semibold/OpenSans-Semibold.svg#svgFontName') format('svg');
+  /* Legacy iOS */
 }
 @font-face {
   font-family: 'ProximaNova-Regular';
-  src: url('../fonts/ProximanovaWebfont/ProximaNova-Regular.ttf') format('truetype'), url('../fonts/ProximanovaWebfont/ProximaNova-Regular.woff') format('woff'), url('../fonts/ProximanovaWebfont/ProximaNova-Regular.eot?#iefix') format('embedded-opentype');
+  src: url('../fonts/ProximanovaWebfont/ProximaNova-Regular.ttf') format('truetype'), url('../fonts/ProximanovaWebfont/ProximaNova-Regular.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/ProximanovaWebfont/ProximaNova-Regular.eot?#iefix') format('embedded-opentype');
+  /* IE6-IE8 */
+  /* Safari, Android, iOS */
   font-style: normal;
   font-weight: normal;
   text-rendering: optimizeLegibility;
 }
 @font-face {
   font-family: 'ProximaNova-Semibold';
-  src: url('../fonts/ProximanovaWebfont/ProximaNova-Semibold.ttf') format('truetype'), url('../fonts/ProximanovaWebfont/ProximaNova-Semibold.woff') format('woff'), url('../fonts/ProximanovaWebfont/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype');
+  src: url('../fonts/ProximanovaWebfont/ProximaNova-Semibold.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/ProximanovaWebfont/ProximaNova-Semibold.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/ProximanovaWebfont/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype');
+  /* IE6-IE8 */
   font-style: normal;
   font-weight: normal;
   text-rendering: optimizeLegibility;
 }
+/**********************************/
+/************ Layout **************/
+/**********************************/
 html {
   height: 100%;
   overflow-y: auto;
@@ -102,6 +114,7 @@ body {
 @media (min-width: 992px) {
   .global-nav .logo-container {
     display: inline-block;
+    width: 150px;
     z-index: 2;
     padding-left: 6%;
     margin-top: 1px;
@@ -113,11 +126,13 @@ body {
     position: absolute;
     width: 100%;
     height: 42px;
+    /*        border-top:1px solid #ddd;*/
     border-bottom: 1px solid #ddd;
   }
   .app-nav .module-action-bar .module-action-content {
     background: #FBFBFB;
     height: 41px;
+    /*        border-bottom: 1px solid #eee;*/
   }
   .app-nav .module-action-bar .module-action-content .navbar-right {
     margin-right: 0;
@@ -163,7 +178,7 @@ body {
     padding-left: 0;
   }
 }
-.btn-toolbar >.btn-group:first-child {
+.btn-toolbar > .btn-group:first-child {
   margin-left: 5px;
 }
 .vt-notification {
@@ -196,15 +211,19 @@ body {
 .vt-notification [data-notify="message"] {
   color: #eaeaea;
 }
+/**********************************/
+/******** Navigation styles *******/
+/**********************************/
 .company-logo {
   height: 40px;
+  width: 150px;
   margin: 0 0;
   display: inline-block;
   margin-left: 1px;
 }
 .company-logo img {
-  max-height: 100%;
-  max-width: 100%;
+  height: 100%;
+  width: auto;
 }
 .navbar .fa {
   font-size: 15px;
@@ -214,10 +233,13 @@ body {
   font-size: 16px;
   position: relative;
 }
+/*.module-action-bar .module-action-content #appnav{
+    padding-top:5px;
+}*/
 .global-nav .navbar-nav > li div a {
   padding: 15px;
 }
-.global-nav>ul {
+.global-nav > ul {
   margin-right: 20px;
 }
 .global-nav .search-links-container {
@@ -267,26 +289,28 @@ body {
     float: right;
     height: 42px;
   }
-  .module-action-bar .navbar-right .nav>li {
+  .module-action-bar .navbar-right .nav > li {
     display: inline-block;
   }
-  .module-action-bar .navbar-right .nav>li a {
+  .module-action-bar .navbar-right .nav > li a {
     padding: 0 10px;
   }
   .global-nav .logo-container {
     border-bottom: 0;
+    width: 150px;
   }
 }
 @media (max-width: 991px) {
   .global-nav .logo-container {
     border-bottom: 0;
+    width: 150px;
   }
   .notificationMessageHolder {
     padding-left: 45%;
   }
 }
 @media (min-width: 991px) {
-  .nav>li>a.qc-button {
+  .nav > li > a.qc-button {
     padding: 2px 3px;
     margin-top: 13px;
     margin-right: 15px;
@@ -294,7 +318,7 @@ body {
     color: #fff;
     border-radius: 20px;
   }
-  .nav>li>a.qc-button span {
+  .nav > li > a.qc-button span {
     vertical-align: top;
   }
 }
@@ -313,6 +337,7 @@ body {
   width: 100%;
   height: 100%;
 }
+/** App Nav Styles */
 .active-app-title {
   white-space: nowrap;
   font-family: Oswald, "OpenSans-Semibold", "Helvetica Neue", Helvetica, sans-serif;
@@ -367,7 +392,9 @@ body {
   height: 42px;
   text-align: center;
   line-height: 42px;
+  /*    background-color: #2c3b49;*/
   color: #ffffff;
+  /*border-bottom: 1px solid #272B46;*/
 }
 .app-nav .app-indicator-icon-container .app-indicator-icon {
   font-size: 24px;
@@ -479,16 +506,16 @@ body {
   right: -4px;
 }
 #overlayPageContent .mCSB_scrollTools,
-#overlayPageContent .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
-#overlayPageContent .mCSB_scrollTools .mCSB_buttonUp,
-#overlayPageContent .mCSB_scrollTools .mCSB_buttonDown,
-#overlayPageContent .mCSB_scrollTools .mCSB_buttonLeft,
-#overlayPageContent .mCSB_scrollTools .mCSB_buttonRight,
 .app-list .mCSB_scrollTools,
+#overlayPageContent .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
 .app-list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
+#overlayPageContent .mCSB_scrollTools .mCSB_buttonUp,
 .app-list .mCSB_scrollTools .mCSB_buttonUp,
+#overlayPageContent .mCSB_scrollTools .mCSB_buttonDown,
 .app-list .mCSB_scrollTools .mCSB_buttonDown,
+#overlayPageContent .mCSB_scrollTools .mCSB_buttonLeft,
 .app-list .mCSB_scrollTools .mCSB_buttonLeft,
+#overlayPageContent .mCSB_scrollTools .mCSB_buttonRight,
 .app-list .mCSB_scrollTools .mCSB_buttonRight {
   -webkit-transition: none;
   transition: none;
@@ -700,6 +727,7 @@ a.menu-item:hover {
   width: 0px;
   overflow: hidden;
 }
+/* User Logout */
 .logout-content {
   padding: 10px;
   width: 350px;
@@ -754,6 +782,9 @@ a.menu-item:hover {
 .app-settings {
   background: #FFFFFF;
 }
+/*************************************************/
+/******** View styles (List/Edit/Detail..) *******/
+/*************************************************/
 .viewContent .content-area {
   padding-left: 50px;
 }
@@ -791,7 +822,6 @@ a.menu-item:hover {
 .fieldValue .value {
   max-width: 85%;
   display: inline-block;
-  word-break: break-word;
 }
 .modal-header button.close {
   padding: 0;
@@ -865,6 +895,9 @@ input[type="password"].inputElement {
   padding-right: 20px;
   padding-left: 20px;
 }
+/**********************************/
+/**** Side vertical Nav styles ****/
+/**********************************/
 .module-nav {
   background: #fff;
   z-index: 1004;
@@ -880,6 +913,9 @@ input[type="password"].inputElement {
   left: 0;
   transition: 0s width;
 }
+.module-nav:hover {
+  /*z-index: 1001;*/
+}
 .modules-menu ul {
   list-style: none;
   margin-left: 0;
@@ -914,7 +950,7 @@ input[type="password"].inputElement {
   float: left;
   font-size: 20px;
 }
-.modules-menu ul li a>span {
+.modules-menu ul li a > span {
   margin-left: 10px;
   vertical-align: middle;
   font-size: 13px;
@@ -954,6 +990,7 @@ input[type="password"].inputElement {
   width: 100%;
   left: 0%;
 }
+/** Lists Menu in Side bar */
 .module-filters .settings-sidebar,
 .module-filters .sidebar-container {
   padding: 0 12px;
@@ -987,6 +1024,7 @@ input[type="password"].inputElement {
 .lists-menu-container hr {
   margin: 5px 0;
 }
+/* mScrollbar customization for lists widget */
 .lists-menu-container .menu-scroller .mCSB_scrollTools {
   width: 13px;
 }
@@ -998,8 +1036,10 @@ input[type="password"].inputElement {
 .modules-menu .mCSB_scrollTools .mCSB_draggerContainer {
   left: 8px;
 }
+/* Customization ends */
 .lists-menu-container .list-menu-content .more-less-link {
   color: #fff;
+  /*text-decoration: none;*/
 }
 .lists-menu-container .list-menu-content .sub-header {
   color: #ddd;
@@ -1104,9 +1144,11 @@ input[type="password"].inputElement {
 .common-links-container > div a {
   color: #fff;
 }
+/*Search Container styles */
 .search-container {
   min-height: 300px;
   position: absolute;
+  /*z-index: 1030;*/
   width: 100%;
   top: 0;
   background: #FBFBFB;
@@ -1125,6 +1167,7 @@ input[type="password"].inputElement {
 .footer p {
   margin: 5px 0;
 }
+/*** Utilities ***/
 .showElement {
   display: block !important;
   height: 100%;
@@ -1247,11 +1290,11 @@ ul.unstyled {
 }
 .emptyRecordsDiv .emptyRecordsContent {
   display: inline-block;
-  font-size: 16px;
   left: 50%;
   margin-left: -25%;
   position: absolute;
   width: 50%;
+  font-size: 16px;
 }
 .textOverflowEllipsis {
   overflow: hidden;
@@ -1276,6 +1319,9 @@ ul.unstyled {
 .removeNoFileChosen {
   color: transparent !important;
 }
+/***********************************
+**********Button Styles**********
+***********************************/
 .module-buttons-container {
   float: right;
   margin-right: 10px;
@@ -1297,6 +1343,7 @@ ul.unstyled {
   margin: 4px 2px;
   border-radius: 2px;
   border: 1px solid #ddd;
+  text-transform: uppercase;
   color: #666;
   background: #fff;
 }
@@ -1317,6 +1364,9 @@ ul.unstyled {
   color: #FFFFFF !important;
   background: #5bc0de !important;
 }
+/***********************************
+**********List View Styles**********
+***********************************/
 .fa.pull-left {
   margin-right: 0;
 }
@@ -1351,7 +1401,7 @@ ul.unstyled {
   font-size: 20px;
 }
 .listview-pagination .disabled {
-  color: rgba(0,0,0,0.2);
+  color: rgba(0, 0, 0, 0.2);
 }
 .listview-pagination .disabled:hover {
   cursor: default;
@@ -1379,6 +1429,8 @@ ul.unstyled {
 .listview-table {
   margin-bottom: 0;
   border-top: 0;
+  /* Horizontal scroll will not work if table layout Fixed */
+  /*    table-layout: fixed;*/
 }
 .listview-table tr td,
 .listview-table tr th {
@@ -1408,7 +1460,7 @@ ul.unstyled {
   width: 100%;
 }
 .listViewEntries .relatedListEntryValues .fieldValue .value,
-.listViewEntries  .listViewEntryValue .fieldValue .value {
+.listViewEntries .listViewEntryValue .fieldValue .value {
   vertical-align: middle;
   width: 100%;
   display: inline-block;
@@ -1423,7 +1475,7 @@ ul.unstyled {
 }
 .listview-table-norecords .table-actions,
 .listview-table .table-actions {
-  width: 120px;
+  width: 110px;
   font-size: 15px;
   color: #555;
   margin-left: 7px;
@@ -1489,13 +1541,13 @@ input[type=checkbox]:checked {
   vertical-align: middle;
   display: table-cell;
 }
-.listview-table  tr.searchRow th {
+.listview-table tr.searchRow th {
   padding: 5px 3px;
 }
-.listview-table  tr.searchRow th.inline-search-btn {
+.listview-table tr.searchRow th.inline-search-btn {
   padding: 3px 10px;
 }
-.listview-table  tr.searchRow th.inline-search-btn button {
+.listview-table tr.searchRow th.inline-search-btn button {
   text-align: center;
   width: 85%;
   text-shadow: none;
@@ -1523,6 +1575,18 @@ input[type=checkbox]:checked {
   background-color: #FFEEEE !important;
   background-image: none !important;
 }
+/*.floatThead-wrapper .table-container{
+    z-index: 0 !important;
+}*/
+/* List view bottom fixed scroll */
+/*.bottom-fixed-scroll{
+    height: 14px;
+    position: relative;
+    top: -15px;
+    overflow-x: auto;
+    overflow-y: hidden;
+    width: 100%;
+}*/
 .scroller-div {
   height: 1px;
 }
@@ -1644,12 +1708,12 @@ input[type=checkbox]:checked {
 #listColumnFilterContainer .disabled i {
   color: #ccc;
 }
+/**********************************
+**********Detail View Styles**********
+**********************************/
 .detailViewButtoncontainer {
   padding-top: 5px;
 }
-.detailViewButtoncontainer button.btn {
-  margin: 0px 1px !important;
-}
 .detailview-header .recordBasicInfo > .info-row {
   margin-bottom: 4px;
 }
@@ -1730,9 +1794,6 @@ th {
   margin-top: 3%;
   margin-right: 2%;
 }
-.overlayDetailHeader button.btn {
-  margin: 0px 1px !important;
-}
 .referencefield-wrapper .createReferenceRecord {
   float: left;
   margin-left: 5px;
@@ -1972,10 +2033,10 @@ th {
   z-index: 1030;
 }
 .overlay-container-60 {
-  margin-left: 42px;
+  margin-left: 42px ;
 }
 .overlay-container-300 {
-  margin-left: 230px;
+  margin-left: 230px ;
 }
 .overlayPageContent {
   background: #FFFFFF;
@@ -2098,6 +2159,9 @@ th {
   height: 26px;
   line-height: 25px;
 }
+/**********************************
+**********Summary View Styles******
+**********************************/
 .summary-table {
   width: 100%;
   table-layout: fixed;
@@ -2218,33 +2282,33 @@ th {
   opacity: 1;
   cursor: pointer;
 }
-.details.row >form .social-media-toggle {
+.details.row > form .social-media-toggle {
   position: absolute;
   right: -15px;
   display: inline-block;
   width: 500px;
   border-left: 0px;
 }
-.details.row >form .social-media-widget {
+.details.row > form .social-media-widget {
   border-left: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
   height: 100%;
   background: white;
 }
-.details.row >form div[class*="col-"].resizable-summary-view {
+.details.row > form div[class*="col-"].resizable-summary-view {
   padding-left: 0;
   padding-right: 0px;
 }
-.details.row >form>div[class*="col-"],
-.details.row >form .resizable-summary-view div[class*="col-"] {
+.details.row > form > div[class*="col-"],
+.details.row > form .resizable-summary-view div[class*="col-"] {
   padding-right: 0;
   padding: 0px 5px;
 }
-.details.row >form>div[class*="col-"]:first-child,
-.details.row >form .left-block {
+.details.row > form > div[class*="col-"]:first-child,
+.details.row > form .left-block {
   padding-left: 0 !important;
 }
-.details.row >form>div[class*="col-"]:last-child {
+.details.row > form > div[class*="col-"]:last-child {
   padding-right: 0;
 }
 .summaryWidgetContainer .noContent {
@@ -2257,6 +2321,9 @@ th {
 .caseReplyArea .nav > li {
   padding: 0 10px;
 }
+/**********************************
+**********Edit View Styles*******
+**********************************/
 .main-container .editViewModNavigator.module-nav,
 .editViewModNavigator .mod-switcher-container,
 .editViewModNavigator .modules-menu {
@@ -2297,7 +2364,7 @@ th {
   width: 100%;
 }
 .editViewContents .input-group {
-  width: 229px;
+  width: 208px;
   float: left;
 }
 .input-group.inputElement .input-group-addon {
@@ -2376,6 +2443,9 @@ th {
   z-index: 1000;
   padding: 7px;
 }
+/**********************************
+**********Advance Search styles**********
+**********************************/
 .op0.fadeInx {
   opacity: 1;
 }
@@ -2448,7 +2518,11 @@ th {
 }
 .btn + input {
   margin-left: 5px;
+  /*    margin-top : 3px;*/
 }
+/**********************************
+**********Extension Store Styles**********
+**********************************/
 .extensionstore .app-trigger {
   width: 98%;
 }
@@ -2479,6 +2553,9 @@ th {
 .extensionContents .extensionError {
   color: #F10404;
 }
+/**********************************
+**********Extension Store Nav Bar**********
+**********************************/
 .tabbable-line > .nav-tabs {
   border: none;
   margin: 0px;
@@ -2547,6 +2624,9 @@ th {
 .extensionContents .listview-table {
   width: 100%;
 }
+/*******************************************
+******Detail View related list styles*******
+********************************************/
 .relatedContents .listViewContentHeaderValues:hover {
   text-decoration: none;
   color: #333;
@@ -2604,6 +2684,9 @@ th {
 .relatedViewActions .btn-group {
   margin-right: 15px;
 }
+/*******************************************
+****************** Modal *******************
+********************************************/
 .modal-header {
   padding: 5px 15px;
   background: #596875;
@@ -2631,6 +2714,7 @@ th {
   width: 100%;
   float: left;
   background: #596875;
+  /*    height: 100%;*/
 }
 .settings-menu {
   display: inline-block;
@@ -2647,7 +2731,7 @@ th {
   cursor: n-resize;
 }
 .settings-menu-items {
-  box-shadow: 0 1px 1px rgba(0,0,0,0.05);
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
   margin-bottom: 10px;
   text-align: justify;
 }
@@ -2765,9 +2849,6 @@ th {
 .active .stepNum {
   color: #FFFFFF;
 }
-.mailBoxEditDiv .crumbs li {
-  width: 22%;
-}
 .stepNum {
   display: inline-block;
   padding: 0 5px;
@@ -2776,6 +2857,7 @@ th {
   vertical-align: middle;
   color: #3399ff;
 }
+/* .squaredFour */
 .squaredFour {
   width: 20px;
   position: relative;
@@ -2789,9 +2871,9 @@ th {
   top: 0;
   left: 0;
   background: #fcfff4;
-  background: linear-gradient(top,#fcfff4 0%,#dfe5d7 40%,#b3bead 100%);
+  background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
   border-radius: 4px;
-  box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
+  box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
 }
 .squaredFour label:after {
   content: '';
@@ -2819,13 +2901,16 @@ th {
 .importBlockContainer {
   color: #596875;
 }
+/******************************************* 
+************* Social Buttons *************** 
+********************************************/
 .btn-block + .btn-block {
   margin-top: 5px;
 }
 .btn-google-plus {
   color: #FFFFFF !important;
   background-color: #DD4B39;
-  border-color: rgba(0,0,0,0.2);
+  border-color: rgba(0, 0, 0, 0.2);
 }
 .btn-social {
   position: relative;
@@ -2844,15 +2929,18 @@ th {
   line-height: 34px;
   font-size: 1.6em;
   text-align: center;
-  border-right: 1px solid rgba(0,0,0,0.2);
+  border-right: 1px solid rgba(0, 0, 0, 0.2);
 }
+/******************************************* 
+************* Updates Timeline *************** 
+********************************************/
 .recentActivitiesContainer .history {
   margin: 0 auto;
   padding: 20px 20px 1px;
   max-width: 100%;
   overflow-x: visible;
-  -webkit-transition: opacity .2s ease-out;
-  transition: opacity .2s ease-out;
+  -webkit-transition: opacity 0.2s ease-out;
+  transition: opacity 0.2s ease-out;
 }
 .updates_timeline {
   padding-top: 20px;
@@ -2861,6 +2949,7 @@ th {
   padding: 0;
   list-style: none;
 }
+/* The line */
 .updates_timeline:before {
   content: '';
   position: absolute;
@@ -2879,6 +2968,7 @@ th {
   min-height: 40px;
   z-index: 2;
 }
+/* Left Content(Time) */
 .updates_timeline > li .update_time {
   position: absolute;
   margin: 0;
@@ -2890,6 +2980,7 @@ th {
   font-size: 15px;
   font-style: italic;
 }
+/* Right content(Update info) */
 .updates_timeline > li .update_info {
   padding: 10px 10px 1px;
   display: block;
@@ -2898,10 +2989,11 @@ th {
   position: relative;
   top: -45px;
 }
-.updates_timeline > li .update_info >h3 {
+.updates_timeline > li .update_info > h3 {
   font-size: 1.1em;
   margin-left: -3%;
 }
+/* The icons  */
 .updates_timeline > li .update_icon {
   position: relative;
   border-radius: 50%;
@@ -2914,6 +3006,7 @@ th {
   color: #fff;
   line-height: 35px;
 }
+/* More Button */
 .updates_timeline #more_button .update_icon {
   position: relative;
   border-radius: 0;
@@ -3021,6 +3114,9 @@ th {
   vertical-align: super;
   font-size: 13px;
 }
+/******************************************* 
+************* Task Management ************** 
+********************************************/
 #taskManagementContainer .data-body {
   margin-bottom: 50px;
 }
@@ -3083,15 +3179,16 @@ th {
 #taskManagementContainer .other-details {
   color: #979797;
 }
+/*overwriting jquery ui css*/
 .ui-menu {
   z-index: 10000;
 }
 #taskManagementContainer button.active {
   background: #3B83F7;
   color: white;
-  text-shadow: 0 1px rgba(0,0,0,0.3);
+  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
   border: 1px solid #135fd7;
-  box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
+  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
 }
 .taskSubject {
   width: 99%;
@@ -3099,6 +3196,9 @@ th {
 #taskManagementContainer .mCustomScrollbar .mCSB_inside > .mCSB_container {
   margin-right: 13px;
 }
+/******************************************* 
+************* Settings Page ************** 
+********************************************/
 .settingsPageDiv.content-area {
   margin-right: 0;
 }
@@ -3132,6 +3232,9 @@ th {
 .settingsgroup-accordion a i {
   margin-right: 5px;
 }
+.settingsgroup-accordion a span {
+  text-transform: uppercase;
+}
 .settingsgroup {
   background: #2C3B49;
   height: 100%;
@@ -3288,35 +3391,59 @@ th {
 }
 .mini-slider-control[data-value="0"] .ui-slider-handle {
   background: #7d7e7d;
-  background: -moz-linear-gradient(top,#7d7e7d 0%,#0e0e0e 100%);
-  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#7d7e7d),color-stop(100%,#0e0e0e));
-  background: -webkit-linear-gradient(top,#7d7e7d 0%,#0e0e0e 100%);
-  background: -o-linear-gradient(top,#7d7e7d 0%,#0e0e0e 100%);
-  background: -ms-linear-gradient(top,#7d7e7d 0%,#0e0e0e 100%);
-  background: linear-gradient(to bottom,#7d7e7d 0%,#0e0e0e 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7e7d',endColorstr='#0e0e0e',GradientType=0);
+  /* Old browsers */
+  background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
+  /* FF3.6+ */
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7d7e7d), color-stop(100%, #0e0e0e));
+  /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
+  /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
+  /* Opera 11.10+ */
+  background: -ms-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
+  /* IE10+ */
+  background: linear-gradient(to bottom, #7d7e7d 0%, #0e0e0e 100%);
+  /* W3C */
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7e7d', endColorstr='#0e0e0e', GradientType=0);
+  /* IE6-9 */
   margin-left: 0px;
 }
 .mini-slider-control[data-value="1"] .ui-slider-handle {
   background: #ffb76b;
-  background: -moz-linear-gradient(top,#ffb76b 0%,#ffa73d 0%,#ff7c00 49%,#ff7f04 100%);
-  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffb76b),color-stop(0%,#ffa73d),color-stop(49%,#ff7c00),color-stop(100%,#ff7f04));
-  background: -webkit-linear-gradient(top,#ffb76b 0%,#ffa73d 0%,#ff7c00 49%,#ff7f04 100%);
-  background: -o-linear-gradient(top,#ffb76b 0%,#ffa73d 0%,#ff7c00 49%,#ff7f04 100%);
-  background: -ms-linear-gradient(top,#ffb76b 0%,#ffa73d 0%,#ff7c00 49%,#ff7f04 100%);
-  background: linear-gradient(to bottom,#ffb76b 0%,#ffa73d 0%,#ff7c00 49%,#ff7f04 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb76b',endColorstr='#ff7f04',GradientType=0);
+  /* Old browsers */
+  background: -moz-linear-gradient(top, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%);
+  /* FF3.6+ */
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffb76b), color-stop(0%, #ffa73d), color-stop(49%, #ff7c00), color-stop(100%, #ff7f04));
+  /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(top, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%);
+  /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(top, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%);
+  /* Opera 11.10+ */
+  background: -ms-linear-gradient(top, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%);
+  /* IE10+ */
+  background: linear-gradient(to bottom, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%);
+  /* W3C */
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb76b', endColorstr='#ff7f04', GradientType=0);
+  /* IE6-9 */
   margin-left: -6px;
 }
 .mini-slider-control[data-value="2"] .ui-slider-handle {
   background: #bfd255;
-  background: -moz-linear-gradient(top,#bfd255 0%,#8eb92a 79%,#72aa00 100%,#9ecb2d 100%);
-  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#bfd255),color-stop(79%,#8eb92a),color-stop(100%,#72aa00),color-stop(100%,#9ecb2d));
-  background: -webkit-linear-gradient(top,#bfd255 0%,#8eb92a 79%,#72aa00 100%,#9ecb2d 100%);
-  background: -o-linear-gradient(top,#bfd255 0%,#8eb92a 79%,#72aa00 100%,#9ecb2d 100%);
-  background: -ms-linear-gradient(top,#bfd255 0%,#8eb92a 79%,#72aa00 100%,#9ecb2d 100%);
-  background: linear-gradient(to bottom,#bfd255 0%,#8eb92a 79%,#72aa00 100%,#9ecb2d 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfd255',endColorstr='#9ecb2d',GradientType=0);
+  /* Old browsers */
+  background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%);
+  /* FF3.6+ */
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bfd255), color-stop(79%, #8eb92a), color-stop(100%, #72aa00), color-stop(100%, #9ecb2d));
+  /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(top, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%);
+  /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(top, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%);
+  /* Opera 11.10+ */
+  background: -ms-linear-gradient(top, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%);
+  /* IE10+ */
+  background: linear-gradient(to bottom, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%);
+  /* W3C */
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfd255', endColorstr='#9ecb2d', GradientType=0);
+  /* IE6-9 */
   margin-left: -13px;
 }
 .ModulemanagerSettings .moduleblock .hiden {
@@ -3341,10 +3468,13 @@ th {
 th {
   padding: 6px;
 }
+/******************************************* 
+********** CustomerPortal styles start ********
+********************************************/
 .cp-tabs .enabledModules {
   display: inline-block ! important;
-  margin-left: 4px !important;
-  margin-right: 4px !important;
+  margin-left: 4px!important;
+  margin-right: 4px!important;
   vertical-align: top;
 }
 .drag-portal-module {
@@ -3451,7 +3581,7 @@ th {
   margin-left: 5px;
 }
 .portal-field-delete {
-  margin-left: 45px !important;
+  margin-left: 45px!important;
 }
 .portalModuleRow {
   border-left: 4px solid #EF5E29 !important;
@@ -3468,7 +3598,7 @@ th {
   content: "*";
   color: red;
 }
-.nav-tabs .cp-modules > .active >a,
+.nav-tabs .cp-modules > .active > a,
 .nav-tabs .cp-modules > .active > a:hover {
   border: 0px !important;
   border-top-right-radius: 0px;
@@ -3630,7 +3760,7 @@ th {
   display: inline-block;
 }
 .quickPreview .updates_timeline:before {
-  background: #e6e6e6;
+  background: #e5e5e5;
   width: 2px;
   margin-left: -1%;
 }
@@ -3645,13 +3775,16 @@ th {
 .quickPreviewComments .recentComments .commentDetails .comment {
   line-height: 15px;
 }
-.quickPreviewComments  .summaryWidgetContainer {
+.quickPreviewComments .summaryWidgetContainer {
   border: 0;
   padding: 0;
 }
 .quickPreview .recentActivitiesContainer .history {
   padding: 0;
 }
+/******************************************* 
+********** Calendar view styles ************
+********************************************/
 .calendar-sidebar {
   width: 100% !important;
 }
@@ -3808,6 +3941,11 @@ th {
   display: inline-block;
   text-align: center;
 }
+/******************************************* 
+********** Calendar view styles end ********
+
+********** Documents Module styles *********
+********************************************/
 .dragdrop-dotted {
   border: 2px dashed #C0C0C0;
   min-width: 300px;
@@ -3867,13 +4005,16 @@ tr.file > td.fileOwnerData {
   width: 100px;
   white-space: pre-wrap;
 }
+/******************************************* 
+********** Documents Module styles end *****
+********************************************/
 .engagementsContainer .engagements_content {
   padding-top: 15px;
 }
 .summaryWidgetContainer .engagementsContainer table {
   width: inherit;
 }
-.engagements_content table thead>tr:first-child {
+.engagements_content table thead > tr:first-child {
   border: 1px solid #CCC;
   background-color: #F5F5F5;
 }
@@ -3924,6 +4065,9 @@ tr.file > td.fileOwnerData {
   font-size: 15px;
   padding: 1% 0;
 }
+/******************************************* 
+********** Mailroom view styles start ********
+********************************************/
 .mailroomBanner {
   margin: 23px 0;
   height: 215px;
@@ -4132,6 +4276,7 @@ tr.file > td.fileOwnerData {
   margin-left: 0;
 }
 .mentionMessages .mention_follow_up {
+  /*//load this color from variable.less*/
   background-color: green;
 }
 .modelContainer .modal-content {
@@ -4280,6 +4425,7 @@ form[name="notification_settings"] .select2-choice {
   margin-left: 0;
 }
 .mentionMessages .mention_follow_up {
+  /*//load this color from variable.less*/
   background-color: green;
 }
 .modal-content .mention_followup .row {
@@ -4311,6 +4457,9 @@ form[name="notification_settings"] .select2-choice {
 .mentionMessageHeader .MultiFile-remove {
   color: #FFFFFF;
 }
+/******************************************* 
+********** Mailroom view styles end ********
+********************************************/
 .detailview-header {
   margin-bottom: 10px;
 }
@@ -4326,6 +4475,7 @@ form[name="notification_settings"] .select2-choice {
   margin: 0px 10px;
   text-decoration: underline !important;
   color: #3498DB;
+  /*font-size : 12px;*/
 }
 .tag {
   display: inline-block;
@@ -4409,11 +4559,10 @@ form[name="notification_settings"] .select2-choice {
   border: 1px solid #dcdcdc;
 }
 #tagCloud .tag {
-  color: #5ea9dd;
-  padding: 0px;
   background-color: #FFFFFF;
   border-color: #FFFFFF;
   border-radius: 0px;
+  color: #5ea9dd;
   margin: 3px;
 }
 #tagCloud .tag[data-type="public"] {
@@ -4424,6 +4573,9 @@ form[name="notification_settings"] .select2-choice {
   max-width: 80px;
   vertical-align: bottom;
 }
+/******************************************* 
+********** Groups view styles ********
+********************************************/
 #s2id_memberList li > div,
 .groupMembersColors li > div {
   margin-left: 10px;
@@ -4498,6 +4650,12 @@ form[name="notification_settings"] .select2-choice {
   margin: 0px;
   color: #444444;
 }
+/******************************************* 
+********** Groups view styles  ends********
+********************************************/
+/******************************************* 
+********** Picklist Css ********
+********************************************/
 .pickListValue {
   background-color: #FFFFFF;
 }
@@ -4512,6 +4670,12 @@ form[name="notification_settings"] .select2-choice {
   padding: 2px 1px !important;
   line-height: 15px;
 }
+/******************************************* 
+************* Dashboard Styles *************
+********************************************/
+li.dashboardWidget {
+  overflow: auto;
+}
 .dashboardWidgetHeader .title {
   padding-bottom: 10px;
   font-size: 15px;
@@ -4532,9 +4696,6 @@ form[name="notification_settings"] .select2-choice {
 .dashBoardContainer .tabContainer .tab-content {
   margin-top: 10px;
 }
-.dashBoardContainer .dashBoardTabContents ul {
-  margin: 0;
-}
 .dashBoardContainer .dashBoardTabContents ul li {
   border: 3px solid #E2E2E4;
   box-shadow: 1px;
@@ -4601,7 +4762,7 @@ form[name="notification_settings"] .select2-choice {
   display: inline-block;
   opacity: 1;
 }
-.dashBoardContainer .tabContainer li a  .deleteTab:hover {
+.dashBoardContainer .tabContainer li a .deleteTab:hover {
   cursor: pointer;
 }
 #minilistWizardContainer .fieldLabel {
@@ -4638,6 +4799,9 @@ form[name="notification_settings"] .select2-choice {
   resize: none;
   width: 100%;
 }
+/******************************************* 
+********** Picklist DependencyGraph ********
+********************************************/
 #dependencyGraph .tableHeading {
   text-align: center;
   padding-top: 30px;
@@ -4663,12 +4827,15 @@ form[name="notification_settings"] .select2-choice {
 #dependencyGraph .dependencyMapping .pickListDependencyTable .selectedCell {
   background: #a9cbf5;
 }
+/******************************************* 
+********** Rewriting select2 for consistency********
+********************************************/
 .select2-container .select2-choice {
   height: 29px;
   border-radius: 1px;
 }
 .modal {
-  z-index: 1100;
+  z-index: 1070;
 }
 .select2-container .select2-choice {
   height: 28px;
@@ -4756,6 +4923,7 @@ hr {
   position: fixed;
   bottom: 0;
   background: #EFEFEF;
+  /*width:100%;*/
   border-left: 42px solid #2c3b49;
   height: 60px;
   left: 0;
@@ -4774,7 +4942,6 @@ hr {
 }
 .settingsPageDiv .modal-overlay-footer {
   margin-left: 230px;
-  border-left: 0px solid;
 }
 .settingsOverlayContainer .modal-overlay-footer {
   margin: 0;
@@ -4797,14 +4964,14 @@ hr {
   vertical-align: middle;
   margin-top: 6px;
 }
-.list-menu-content .pull-right>.dropdown-menu {
+.list-menu-content .pull-right > .dropdown-menu {
   left: -126px;
   position: relative;
 }
-.dropdown-menu>li>a {
+.dropdown-menu > li > a {
   padding: 4px 6px;
 }
-.dropdown-menu>li>a span i {
+.dropdown-menu > li > a span i {
   font-size: 15px;
   vertical-align: middle;
 }
@@ -4812,11 +4979,11 @@ hr {
   max-height: 300px;
   padding-left: 0;
 }
-.related-tabs .dropdown-menu>.mCustomScrollBox>.mCSB_container {
+.related-tabs .dropdown-menu > .mCustomScrollBox > .mCSB_container {
   margin-right: 0;
   padding: 4px 6px;
 }
-.related-tabs .dropdown-menu>.mCustomScrollBox>.mCSB_container>li>a {
+.related-tabs .dropdown-menu > .mCustomScrollBox > .mCSB_container > li > a {
   display: block;
   padding: 3px 5px;
   clear: both;
@@ -4825,7 +4992,7 @@ hr {
   color: #333;
   white-space: nowrap;
 }
-.related-tabs .dropdown-menu>.mCustomScrollBox>.mCSB_container span i {
+.related-tabs .dropdown-menu > .mCustomScrollBox > .mCSB_container span i {
   font-size: 15px;
   vertical-align: middle;
 }
@@ -4848,16 +5015,16 @@ hr {
 .calendar-sidebar .calendar-sidebar-tabs.padding {
   padding-left: 20px !important;
 }
-.related-tabs.row .nav>li {
+.related-tabs.row .nav > li {
   padding: 0 10px;
   margin: 0 2px;
 }
-.massEditTabs.nav>li {
+.massEditTabs.nav > li {
   padding: 0 10px;
   margin: 0 4px;
 }
-.row .nav>li>a,
-.row .nav>li>a:hover {
+.row .nav > li > a,
+.row .nav > li > a:hover {
   padding: 10px 3px;
   border: none;
   vertical-align: bottom;
@@ -4867,38 +5034,39 @@ hr {
   -webkit-box-sizing: border-box;
   -o-box-sizing: border-box;
 }
-.row .nav>li>a:hover {
+.row .nav > li > a:hover {
   border-bottom-color: #555;
 }
-TN-34230
-
-.row .nav>li>a:hover {
+/*.row ul{
+    padding:0;
+}*/
+TN-34230 .row .nav > li > a:hover {
   border-bottom-color: #555;
   background: none;
 }
 .row ul li:first-child {
   margin-left: 0;
 }
-.related-tabs .nav-tabs>li.active,
-.related-tabs .nav-tabs>li:hover,
-.related-tabs .nav-tabs>li.active:focus,
-.dashBoardContainer .nav-tabs>li.active,
-.dashBoardContainer .nav-tabs>li:hover,
-.dashBoardContainer .nav-tabs>li.active:focus,
-.contents.tabbable .nav-tabs>li.active,
-.contents.tabbable .nav-tabs>li:hover,
-.contents.tabbable .nav-tabs>li.active:focus {
+.related-tabs .nav-tabs > li.active,
+.dashBoardContainer .nav-tabs > li.active,
+.contents.tabbable .nav-tabs > li.active,
+.related-tabs .nav-tabs > li:hover,
+.dashBoardContainer .nav-tabs > li:hover,
+.contents.tabbable .nav-tabs > li:hover,
+.related-tabs .nav-tabs > li.active:focus,
+.dashBoardContainer .nav-tabs > li.active:focus,
+.contents.tabbable .nav-tabs > li.active:focus {
   border: none;
   border-bottom: 3px solid #555;
 }
-.nav-tabs>li.active>a,
-.nav-tabs>li.active>a:hover,
-.nav-tabs>li.active>a:focus,
-.nav-tabs>li>a {
+.nav-tabs > li.active > a,
+.nav-tabs > li.active > a:hover,
+.nav-tabs > li.active > a:focus,
+.nav-tabs > li > a {
   border: 0;
 }
-.nav>li>a:hover,
-.nav>li>a:focus {
+.nav > li > a:hover,
+.nav > li > a:focus {
   background-color: #FFFFFF;
 }
 .fa-pencil,
@@ -4908,6 +5076,9 @@ TN-34230
 .commentAttachmentName {
   font-size: 11px;
 }
+/******************************************* 
+********** Layout Editor ********
+********************************************/
 .marginBottom10px {
   margin-bottom: 10px;
 }
@@ -4930,6 +5101,7 @@ TN-34230
 }
 .zeroOpacity {
   opacity: 0;
+  /*for IE*/
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
 }
@@ -4956,10 +5128,12 @@ TN-34230
 .layoutContent .opacity:hover .actions {
   opacity: 1;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+  /*for IE*/
   filter: alpha(opacity=100);
 }
 .layoutContent .fieldPropertyContainer:hover .actions {
   opacity: 1;
+  /*for IE*/
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=100);
 }
@@ -4982,6 +5156,7 @@ TN-34230
 .relatedTabModulesList .addButton {
   border-radius: 2px;
   border: 1px solid #DDDDDD;
+  text-transform: uppercase;
   color: #666666;
   background: #FFFFFF;
 }
@@ -5055,6 +5230,9 @@ TN-34230
   margin-left: 5px;
   word-break: break-all;
 }
+/******************************************* 
+************** Tax Management **************
+********************************************/
 #TaxCalculationsContainer .table tr:first-child,
 .taxModalContainer #editTax .table tr:first-child {
   border-bottom: 1px solid #ccc;
@@ -5094,6 +5272,9 @@ TN-34230
   max-height: 500px;
   overflow-y: auto;
 }
+/******************************************* 
+********** Workflows ********
+********************************************/
 #workflow_edit .editViewBody {
   overflow: inherit;
 }
@@ -5103,7 +5284,7 @@ TN-34230
 }
 .timePicker {
   width: 9.5em !important;
-  z-index: 1101 !important;
+  z-index: 1070 !important;
 }
 .weekDaySelect .ui-state-default {
   background: inherit;
@@ -5141,75 +5322,6 @@ TN-34230
 .module-filters.active {
   background: #F7F7F7;
 }
-.payment-type-selection {
-  margin-bottom: 30px;
-}
-.payment-type-selection img {
-  vertical-align: middle;
-}
-.currplan {
-  padding: 10px 20px;
-  background-color: #f3f3f3;
-  border: 1px solid #eee;
-  border-radius: 3px;
-}
-.currplan div {
-  display: inline-block;
-  font-size: 16px;
-}
-.planName {
-  display: inline-block;
-  color: #fff;
-  padding: 20px;
-  margin: 10px 20px;
-  font-size: 24px;
-  border-radius: 2px;
-}
-.plan-heading {
-  min-height: 168px;
-}
-.plan-title {
-  color: #fff;
-  font-size: 20px;
-  padding: 13px 0;
-}
-#sales_plan {
-  background: #3FC380;
-  font-size: x-large;
-  text-shadow: 1px 0 2px #555555;
-  color: #fff;
-}
-#salespremium_plan {
-  background: #00B16A;
-  font-size: x-large;
-  text-shadow: 1px 0 2px #555555;
-  color: #fff;
-}
-#support_plan {
-  background: #2980B9;
-  font-size: x-large;
-  text-shadow: 1px 0 2px #555555;
-  color: #fff;
-}
-#supportpremium_plan {
-  background: #2980B9;
-  font-size: x-large;
-  text-shadow: 1px 0 2px #555555;
-  color: #fff;
-}
-#ultimate_plan,
-#exclusive_plan {
-  background: #F39C12;
-  font-size: x-large;
-  text-shadow: 1px 0 2px #555555;
-  color: #fff;
-}
-#contact_plan {
-  background: #FF5959;
-  font-size: x-large;
-  text-shadow: 1px 0 2px #555555;
-  color: #fff;
-}
 .workflowListContainer .select2-container .select2-choice {
   height: 36px;
 }
@@ -5224,6 +5336,7 @@ TN-34230
 .contactAdd {
   border: 1px solid #eee;
   padding: 20px;
+  /*min-height: 310px !important;*/
 }
 #subDetails table td {
   padding: 7px 10px;
@@ -5346,9 +5459,9 @@ TN-34230
 .productBundles {
   padding-left: 20px;
 }
-.nav .open>a,
-.nav .open>a:hover,
-.nav .open>a:focus {
+.nav .open > a,
+.nav .open > a:hover,
+.nav .open > a:focus {
   color: #000000;
   background-color: #FFFFFF;
 }
@@ -5369,6 +5482,9 @@ TN-34230
   width: 100%;
   overflow-x: auto;
 }
+/******************************************* 
+*************** Mail Manager ***************
+********************************************/
 #mm_searchButton {
   height: 28px;
   background-color: #FFFFFF;
@@ -5424,8 +5540,8 @@ TN-34230
   padding: 1px 5px;
   border-radius: 3px;
   text-align: center;
-  text-shadow: 0 1px rgba(0,0,0,0.1);
-  background-image: -webkit-linear-gradient(top,#DD4B39 0,#D14836 100%);
+  text-shadow: 0 1px rgba(0, 0, 0, 0.1);
+  background-image: -webkit-linear-gradient(top, #DD4B39 0, #D14836 100%);
   border: 1px solid #C6322A;
   background-color: #DD4B39;
 }
@@ -5643,6 +5759,7 @@ TN-34230
 .width40per {
   width: 40%;
 }
+/****** Mail Manager Ends ******/
 .quickCreateContent .massEditTable textarea,
 .addCommentBlock .commentTextArea textarea {
   resize: vertical;
@@ -5655,19 +5772,20 @@ TN-34230
 .select2-container-multi .select2-choices {
   z-index: 1;
 }
-.nav .nav-stacks .cp-nav-header-wrapper>li.disabled>a:hover {
+/****** Customer Portal Settings ******/
+.nav .nav-stacks .cp-nav-header-wrapper > li.disabled > a:hover {
   background-color: #fff;
 }
-.cp-nav-header-wrapper>li.disabled>a:hover {
+.cp-nav-header-wrapper > li.disabled > a:hover {
   border: 0px ! important;
 }
-.nav .nav-stacks .cp-nav-header-wrapper>li.disabled>a {
+.nav .nav-stacks .cp-nav-header-wrapper > li.disabled > a {
   background-color: #fff;
 }
-#portalModulesTable>li.portalModuleRow.active>a:hover {
+#portalModulesTable > li.portalModuleRow.active > a:hover {
   background-color: #fff !important;
 }
-#portalModulesTable>li.portalModuleRow.active>a:focus {
+#portalModulesTable > li.portalModuleRow.active > a:focus {
   background-color: #fff !important;
 }
 .portal-dashboard {
@@ -5766,7 +5884,7 @@ TN-34230
 .portal-dashboard {
   border-bottom: 0px ! important;
 }
-#portal-shortcutsContainer>ul {
+#portal-shortcutsContainer > ul {
   border-bottom: 0px ! important;
 }
 .portalMenuHeader {
@@ -5775,14 +5893,15 @@ TN-34230
 }
 .cp-tabs .enabledModules {
   display: inline-block ! important;
-  margin-left: 4px !important;
-  margin-right: 4px !important;
+  margin-left: 4px!important;
+  margin-right: 4px!important;
   vertical-align: top;
   margin-top: 4px !important;
 }
 .portal-shortcut-list:hover {
   border-bottom: 3px solid transparent ! important;
 }
+/****** Customer Portal Settings ******/
 .label-radio label input[type="radio"] {
   position: relative;
   top: 2px;
@@ -5794,6 +5913,9 @@ TN-34230
 div.tooltip-inner {
   max-width: 400px;
 }
+/******************************************* 
+********** Menu Editor ********
+********************************************/
 .sortable.appContainer.ui-sortable {
   width: 160px;
 }
@@ -5968,7 +6090,7 @@ div.tooltip-inner {
   width: 13px !important;
   margin-top: 8px;
 }
-.detailview-table .input-group-addon+.inputElement.form-control,
+.detailview-table .input-group-addon + .inputElement.form-control,
 .detailview-table .inputElement.form-control.input-medium {
   width: 100%;
 }
@@ -6015,6 +6137,7 @@ div.tooltip-inner {
   float: left;
   margin-right: 5px;
 }
+/***** Oursites Changes *****/
 .portal-table .table-actions {
   width: inherit ! important;
 }
@@ -6026,6 +6149,7 @@ div.tooltip-inner {
   padding: 10px 5px ! important;
   padding-left: 10px ! important;
 }
+/***** Oursites Changes *****/
 .ExtensionscontentsDiv .content-area {
   padding-left: 15px;
   padding-right: 15px;
@@ -6039,14 +6163,14 @@ div.tooltip-inner {
 }
 .blockHeader {
   border-color: #F3F3F4 #F3F3F4 #cbcbcf;
-  border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
   background-color: #474747;
-  background-image: -moz-linear-gradient(top,#555555,#333333);
-  background-image: -ms-linear-gradient(top,#555555,#333333);
-  background-image: -webkit-gradient(linear,0 0,0 100%,from(#555555),to(#333333));
-  background-image: -webkit-linear-gradient(top,#555555,#333333);
-  background-image: -o-linear-gradient(top,#555555,#333333);
-  background-image: linear-gradient(top,#555555,#333333);
+  background-image: -moz-linear-gradient(top, #555555, #333333);
+  background-image: -ms-linear-gradient(top, #555555, #333333);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#333333));
+  background-image: -webkit-linear-gradient(top, #555555, #333333);
+  background-image: -o-linear-gradient(top, #555555, #333333);
+  background-image: linear-gradient(top, #555555, #333333);
   background-repeat: repeat-x;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#333333', GradientType=0);
   min-height: 30px;
@@ -6139,8 +6263,8 @@ div.tooltip-inner {
 .markStar .starredStatus {
   display: none;
 }
-.nav>li.addDashboardTab>a,
-.nav>li.addDashboardTab>a:hover {
+.nav > li.addDashboardTab > a,
+.nav > li.addDashboardTab > a:hover {
   padding: 10px 15px;
   background: inherit;
 }
@@ -6153,7 +6277,7 @@ div.tooltip-inner {
   height: 960px;
   width: 1260px;
 }
-.nav-tabs>li {
+.nav-tabs > li {
   border-bottom: 3px solid transparent;
   margin: 0 2px;
 }
@@ -6231,16 +6355,14 @@ div.tooltip-inner {
 }
 .select2-container.select2-container-multi.select2,
 .editViewPageDiv .select2-container.select2-container-multi.select2 {
-  height: auto !important;
+  height: auto!important;
 }
-.summaryViewFields .select2-container-multi.inputElement.form-control
-.quickCreateContent .select2-container.select2-container-multi.select2,
+.summaryViewFields .select2-container-multi.inputElement.form-control .quickCreateContent .select2-container.select2-container-multi.select2,
 #massEditContainer .select2-container.select2-container-multi.select2 {
   width: 150px;
   height: auto !important;
 }
-.summaryViewFields .select2-container-multi.inputElement.form-control
-.quickCreateContent .select2-container.select2-container-multi.select2 .input-save-wrap,
+.summaryViewFields .select2-container-multi.inputElement.form-control .quickCreateContent .select2-container.select2-container-multi.select2 .input-save-wrap,
 #massEditContainer .select2-container.select2-container-multi.select2 .input-save-wrap {
   float: right;
   margin-right: 25px;
@@ -6336,6 +6458,7 @@ a.cp-modules:hover {
 #RestrictionsLayout {
   background: #fafafb;
   margin-top: -92px;
+  /*to adjust with page padding top*/
 }
 #RestrictionsLayout .vtImage {
   width: 22%;
@@ -6369,6 +6492,7 @@ a.cp-modules:hover {
 .datepicker {
   z-index: 1100 !important;
 }
+/*****RSS Changes****/
 .feedListContainer .listview-table tr td:first-child,
 .listview-table tr th:first-child {
   width: inherit ! important;
@@ -6376,12 +6500,14 @@ a.cp-modules:hover {
 .feedListContainer .listViewEntries .listViewEntryValue {
   max-width: inherit ! important;
 }
-.ps-container>.ps-scrollbar-y-rail {
+/*****RSS Changes****/
+.ps-container > .ps-scrollbar-y-rail {
   z-index: 1002;
 }
 #relationBlock .recordScroll {
   max-height: 150px;
 }
+/*Start - List sidebar toggle*/
 .essentials-toggle {
   background-color: white;
   font-weight: bold;
@@ -6401,6 +6527,7 @@ a.cp-modules:hover {
 .essentials-toggle .fa-chevron-right {
   background-position: -460px -72px !important;
 }
+/*End - List essentials toggle*/
 .module-name-tooltip .qtip-content {
   font-size: 12px;
   padding: 3px;
@@ -6484,8 +6611,8 @@ li.select2-search-choice div {
 .popover ul.listmenu li {
   padding: 3px;
 }
-.popover-content .disabled>a,
-.popover .disabled>a {
+.popover-content .disabled > a,
+.popover .disabled > a {
   opacity: 0.5;
   cursor: not-allowed;
 }
@@ -6496,6 +6623,7 @@ li.select2-search-choice div {
   -o-transform: rotate(180deg);
   transform: rotate(180deg);
 }
+/*Start - List sidebar toggle*/
 .essentials-toggle {
   background-color: white;
   font-weight: bold;
@@ -6515,6 +6643,7 @@ li.select2-search-choice div {
 .essentials-toggle .fa-chevron-right {
   background-position: -460px -72px !important;
 }
+/*End - List essentials toggle*/
 .module-name-tooltip .qtip-content {
   font-size: 12px;
   padding: 3px;
@@ -6595,16 +6724,16 @@ li.select2-search-choice div {
 #reportDetails .pivot .toptitle.targetY0,
 #reportDetails .pivot .lefttitle.targetX0 {
   border-color: #F3F3F4 #F3F3F4 #cbcbcf;
-  border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
   background-color: #474747;
-  background-image: -moz-linear-gradient(top,#555555,#333333);
-  background-image: -ms-linear-gradient(top,#555555,#333333);
-  background-image: -webkit-gradient(linear,0 0,0 100%,from(#555555),to(#333333));
-  background-image: -webkit-linear-gradient(top,#555555,#333333);
-  background-image: -o-linear-gradient(top,#555555,#333333);
-  background-image: linear-gradient(top,#555555,#333333);
+  background-image: -moz-linear-gradient(top, #555555, #333333);
+  background-image: -ms-linear-gradient(top, #555555, #333333);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#333333));
+  background-image: -webkit-linear-gradient(top, #555555, #333333);
+  background-image: -o-linear-gradient(top, #555555, #333333);
+  background-image: linear-gradient(top, #555555, #333333);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555',endColorstr='#333333',GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#333333', GradientType=0);
   min-height: 30px;
 }
 #reportDetails .pivot th.toptitle.targetY0,
@@ -6646,7 +6775,8 @@ li.select2-search-choice div {
   background: #FFFFFF;
 }
 .templateActions {
-  background: rgba(0,0,0,0.1);
+  background: rgba(0, 0, 0, 0.1);
+  /*padding: 4%;*/
   bottom: 0;
   text-align: center;
   position: absolute;
@@ -6654,6 +6784,9 @@ li.select2-search-choice div {
   zoom: 1;
   width: 100%;
 }
+/*.templateActions i {
+    margin-right: 30px;
+}*/
 .thumbnails > li {
   float: left;
   height: 315px !important;
@@ -6828,9 +6961,10 @@ a.btnReport:hover {
   left: 0px;
 }
 .bx-wrapper .bx-viewport {
-  width:99%;
+  width: 99%;
   left: 0px;
   background: #fff;
+  /*fix other elements on the page moving (on Chrome)*/
   -webkit-transform: translatez(0);
   -moz-transform: translatez(0);
   -ms-transform: translatez(0);
@@ -6888,7 +7022,7 @@ a.btnReport:hover {
 .filter-search-show {
   display: block !important;
 }
-.emailTemplatesPopupTableContainer .listViewEntries  .listViewEntryValue {
+.emailTemplatesPopupTableContainer .listViewEntries .listViewEntryValue {
   max-width: 100%;
   min-width: 150px;
 }
@@ -6923,12 +7057,15 @@ input:focus::-webkit-input-placeholder {
 input:focus:-moz-placeholder {
   color: transparent;
 }
+/* FF 4-18 */
 input:focus::-moz-placeholder {
   color: transparent;
 }
+/* FF 19+ */
 input:focus:-ms-input-placeholder {
   color: transparent;
 }
+/* IE 10+ */
 .global-actions .dropdown-menu:before {
   position: absolute;
   top: -7px;
@@ -6937,7 +7074,7 @@ input:focus:-ms-input-placeholder {
   border-right: 7px solid transparent;
   border-bottom: 7px solid #ccc;
   border-left: 7px solid transparent;
-  border-bottom-color: rgba(0,0,0,0.2);
+  border-bottom-color: rgba(0, 0, 0, 0.2);
   content: '';
 }
 .global-actions .dropdown-menu:after {
@@ -7122,6 +7259,7 @@ input:focus:-ms-input-placeholder {
   text-align: center;
 }
 #OnBoardLayout #OnBoardPageContainer .crmGoals textarea::-webkit-input-placeholder {
+  /* WebKit browsers */
   text-align: center;
   padding: 20%;
   font-size: 12px;
@@ -7267,19 +7405,19 @@ input:focus:-ms-input-placeholder {
   border-left: 3px solid #EF5E29;
   opacity: 1;
 }
-.nav .nav-stacks .cp-nav-header-wrapper>li.disabled>a:hover {
+.nav .nav-stacks .cp-nav-header-wrapper > li.disabled > a:hover {
   background-color: #fff;
 }
-.cp-nav-header-wrapper>li.disabled>a:hover {
+.cp-nav-header-wrapper > li.disabled > a:hover {
   border: 1px solid transparent;
 }
-.nav .nav-stacks .cp-nav-header-wrapper>li.disabled>a {
+.nav .nav-stacks .cp-nav-header-wrapper > li.disabled > a {
   background-color: #fff;
 }
-#portalModulesTable>li.portalModuleRow.active>a:hover {
+#portalModulesTable > li.portalModuleRow.active > a:hover {
   background-color: #fff !important;
 }
-#portalModulesTable>li.portalModuleRow.active>a:focus {
+#portalModulesTable > li.portalModuleRow.active > a:focus {
   background-color: #fff !important;
 }
 .portal-dashboard {
@@ -7375,14 +7513,14 @@ input:focus:-ms-input-placeholder {
 .portal-dashboard {
   border-bottom: 0px ! important;
 }
-#portal-shortcutsContainer>ul {
+#portal-shortcutsContainer > ul {
   border-bottom: 0px ! important;
 }
 #reportDetails .table-bordered {
   background: white;
 }
 .templateActions {
-  background: rgba(0,0,0,0.1);
+  background: rgba(0, 0, 0, 0.1);
   bottom: 0;
   text-align: center;
   position: absolute;
@@ -7529,121 +7667,3 @@ a.btnReport:hover {
   height: 450px;
   overflow: auto;
 }
-.fieldValue .value a {
-  color: #15c !important;
-}
-.editViewContents .fieldLabel {
-  min-width: 100px;
-  width: 20%;
-  word-break: break-all;
-}
-.editViewContents .fieldValue {
-  width:30%;
-}
-.editViewContents td.fieldValue[colspan="3"] {
-  width:80%;
-}
-.editViewContents textarea.textAreaElement {
-  width: 88%;
-}
-.editViewContents input[type="checkbox"] {
-  width: 15px;
-  height: 15px;
-}
-.editViewContents input[type="radio"] {
-  width: 15px;
-  height: 15px;
-}
-#composeEmailContainer .modal-body .quickCreateContent,
-#QuickCreate .modal-body .quickCreateContent,
-#create .quickCreateContent {
-  margin-top: 25px;
-}
-.settingsgroup-panel .widgetContainer .menuItemLabel .pinUnpinShortCut {
-  display: none;
-  margin-top: 2px;
-}
-.settingsgroup-panel .widgetContainer .menuItemLabel:hover .pinUnpinShortCut {
-  display: inline-block;
-}
-@-moz-document url-prefix() {
-  .duplicateHandlingContainer .tooltip-inner {
-    width: 550px;
-    max-width: 550px;
-  }
-}
-.duplicateHandlingContainer .tooltip-inner {
-  text-align: left !important;
-}
-.duplicateHandlingContainer .syncMessage {
-  margin-top: 5px !important;
-}
-.duplicateHandlingContainer .actionsList {
-  width: 230px !important;
-}
-.duplicationMessageContainer {
-  background-color: #f2dede !important;
-  color: #b94a48 !important;
-}
-.duplicationMessageContainer .duplicationMessageHeader {
-  margin-bottom: 8px;
-}
-.listViewRecordActions .quickView, .listViewRecordActions .markStar,
-.listViewRecordActions .markAsHeld,.listViewRecordActions .holdFollowupOn {
-  margin-top: 4px;
-}
-.app-menu .module-icon .custom-module {
-	font-size: 14px;
-	border-radius: 4px;
-	color: #000;
-	background-color: #fff;
-	padding: 4px 10px 4px 5px !important
-}
-.menu-item .custom-module {
-	font-family: 'OpenSans-Regular', sans-serif;
-	font-size: 12px;
-	border-radius: 4px;
-	padding: 2px;
-	color: #000;
-	background-color: #fff;
-}
-.modules-menu .custom-module {
-	color: #fff;
-	margin-left: 0px;
-	display: inline;
-	border: 1px solid #fff;
-	border-radius: 4px;
-	padding: 3px 4px 3px 2px !important;
-	font-weight: bold;
-}
-#quickCreateModules .custom-module, .workflowListContainer .custom-module, .dashBoardTabContents .custom-module {
-	border-radius: 4px;
-	padding: 3px 5px;
-	color: #fff;
-	background-color: #777;
-}
-.menuEditorItem .custom-module {
-	border-radius: 4px;
-	padding: 3px 5px;
-	color: #000;
-	background-color: #fff;
-}
-.task-details .custom-module {
-	border-radius: 4px;
-	padding: 1px 4px;
-	color: white;
-	background-color: #777;
-}
-.related-tabs .custom-module, #relatedmenuList .custom-module {
-	border-radius: 4px;
-	color: #fff;
-	background-color: #777;
-	padding: 5px 7px;
-	font-weight: bold;
-}
-.record-header .custom-module {
-	font-size: 30px;
-}
-.moduleIcon .custom-module {
-	font-weight: bold;
-}
\ 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 28c2a6f30c5060eb9afceab1a1702db6403b0eec..ac369cd3d1e58f66718b477fc89a12b241514b8e 100644
--- a/layouts/v7/skins/marketing_and_sales/style.css
+++ b/layouts/v7/skins/marketing_and_sales/style.css
@@ -1,7 +1,9 @@
 @font-face {
   font-family: 'Oswald';
   src: url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.eot');
-  src: url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.woff') format('woff'), url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.ttf') format('truetype'), url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.svg#Oswald') format('svg');
+  /* IE9 Compat Modes */
+  src: url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.svg#Oswald') format('svg');
+  /* Legacy iOS */
   font-weight: normal;
   font-style: normal;
   text-rendering: optimizeLegibility;
@@ -15,27 +17,37 @@ a:active {
 @font-face {
   font-family: 'OpenSans-Regular';
   src: url('../fonts/OpenSans/Regular/OpenSans-Regular.eot');
-  src: url('../fonts/OpenSans/Regular/OpenSans-Regular.ttf') format('truetype'), url('../fonts/OpenSans/Regular/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans/Regular/OpenSans-Regular.woff2') format('woff2'), url('../fonts/OpenSans/Regular/OpenSans-Regular.woff') format('woff'), url('../fonts/OpenSans/Regular/OpenSans-Regular.svg#svgFontName') format('svg');
+  /* IE9 Compat Modes */
+  src: url('../fonts/OpenSans/Regular/OpenSans-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/OpenSans/Regular/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/OpenSans/Regular/OpenSans-Regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/OpenSans/Regular/OpenSans-Regular.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/OpenSans/Regular/OpenSans-Regular.svg#svgFontName') format('svg');
+  /* Legacy iOS */
 }
 @font-face {
   font-family: 'OpenSans-Semibold';
   src: url('../fonts/OpenSans/Semibold/OpenSans-Semibold.eot');
-  src: url('../fonts/OpenSans/Semibold/OpenSans-Semibold.ttf') format('truetype'), url('../fonts/OpenSans/Semibold/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans/Semibold/OpenSans-Semibold.woff2') format('woff2'), url('../fonts/OpenSans/Semibold/OpenSans-Semibold.woff') format('woff'), url('../fonts/OpenSans/Semibold/OpenSans-Semibold.svg#svgFontName') format('svg');
+  /* IE9 Compat Modes */
+  src: url('../fonts/OpenSans/Semibold/OpenSans-Semibold.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/OpenSans/Semibold/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/OpenSans/Semibold/OpenSans-Semibold.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/OpenSans/Semibold/OpenSans-Semibold.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/OpenSans/Semibold/OpenSans-Semibold.svg#svgFontName') format('svg');
+  /* Legacy iOS */
 }
 @font-face {
   font-family: 'ProximaNova-Regular';
-  src: url('../fonts/ProximanovaWebfont/ProximaNova-Regular.ttf') format('truetype'), url('../fonts/ProximanovaWebfont/ProximaNova-Regular.woff') format('woff'), url('../fonts/ProximanovaWebfont/ProximaNova-Regular.eot?#iefix') format('embedded-opentype');
+  src: url('../fonts/ProximanovaWebfont/ProximaNova-Regular.ttf') format('truetype'), url('../fonts/ProximanovaWebfont/ProximaNova-Regular.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/ProximanovaWebfont/ProximaNova-Regular.eot?#iefix') format('embedded-opentype');
+  /* IE6-IE8 */
+  /* Safari, Android, iOS */
   font-style: normal;
   font-weight: normal;
   text-rendering: optimizeLegibility;
 }
 @font-face {
   font-family: 'ProximaNova-Semibold';
-  src: url('../fonts/ProximanovaWebfont/ProximaNova-Semibold.ttf') format('truetype'), url('../fonts/ProximanovaWebfont/ProximaNova-Semibold.woff') format('woff'), url('../fonts/ProximanovaWebfont/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype');
+  src: url('../fonts/ProximanovaWebfont/ProximaNova-Semibold.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/ProximanovaWebfont/ProximaNova-Semibold.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/ProximanovaWebfont/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype');
+  /* IE6-IE8 */
   font-style: normal;
   font-weight: normal;
   text-rendering: optimizeLegibility;
 }
+/**********************************/
+/************ Layout **************/
+/**********************************/
 html {
   height: 100%;
   overflow-y: auto;
@@ -102,6 +114,7 @@ body {
 @media (min-width: 992px) {
   .global-nav .logo-container {
     display: inline-block;
+    width: 150px;
     z-index: 2;
     padding-left: 6%;
     margin-top: 1px;
@@ -113,11 +126,13 @@ body {
     position: absolute;
     width: 100%;
     height: 42px;
+    /*        border-top:1px solid #ddd;*/
     border-bottom: 1px solid #ddd;
   }
   .app-nav .module-action-bar .module-action-content {
     background: #FBFBFB;
     height: 41px;
+    /*        border-bottom: 1px solid #eee;*/
   }
   .app-nav .module-action-bar .module-action-content .navbar-right {
     margin-right: 0;
@@ -163,7 +178,7 @@ body {
     padding-left: 0;
   }
 }
-.btn-toolbar >.btn-group:first-child {
+.btn-toolbar > .btn-group:first-child {
   margin-left: 5px;
 }
 .vt-notification {
@@ -196,15 +211,19 @@ body {
 .vt-notification [data-notify="message"] {
   color: #eaeaea;
 }
+/**********************************/
+/******** Navigation styles *******/
+/**********************************/
 .company-logo {
   height: 40px;
+  width: 150px;
   margin: 0 0;
   display: inline-block;
   margin-left: 1px;
 }
 .company-logo img {
-  max-height: 100%;
-  max-width: 100%;
+  height: 100%;
+  width: auto;
 }
 .navbar .fa {
   font-size: 15px;
@@ -214,10 +233,13 @@ body {
   font-size: 16px;
   position: relative;
 }
+/*.module-action-bar .module-action-content #appnav{
+    padding-top:5px;
+}*/
 .global-nav .navbar-nav > li div a {
   padding: 15px;
 }
-.global-nav>ul {
+.global-nav > ul {
   margin-right: 20px;
 }
 .global-nav .search-links-container {
@@ -267,26 +289,28 @@ body {
     float: right;
     height: 42px;
   }
-  .module-action-bar .navbar-right .nav>li {
+  .module-action-bar .navbar-right .nav > li {
     display: inline-block;
   }
-  .module-action-bar .navbar-right .nav>li a {
+  .module-action-bar .navbar-right .nav > li a {
     padding: 0 10px;
   }
   .global-nav .logo-container {
     border-bottom: 0;
+    width: 150px;
   }
 }
 @media (max-width: 991px) {
   .global-nav .logo-container {
     border-bottom: 0;
+    width: 150px;
   }
   .notificationMessageHolder {
     padding-left: 45%;
   }
 }
 @media (min-width: 991px) {
-  .nav>li>a.qc-button {
+  .nav > li > a.qc-button {
     padding: 2px 3px;
     margin-top: 13px;
     margin-right: 15px;
@@ -294,7 +318,7 @@ body {
     color: #fff;
     border-radius: 20px;
   }
-  .nav>li>a.qc-button span {
+  .nav > li > a.qc-button span {
     vertical-align: top;
   }
 }
@@ -313,6 +337,7 @@ body {
   width: 100%;
   height: 100%;
 }
+/** App Nav Styles */
 .active-app-title {
   white-space: nowrap;
   font-family: Oswald, "OpenSans-Semibold", "Helvetica Neue", Helvetica, sans-serif;
@@ -367,7 +392,9 @@ body {
   height: 42px;
   text-align: center;
   line-height: 42px;
+  /*    background-color: #2c3b49;*/
   color: #ffffff;
+  /*border-bottom: 1px solid #272B46;*/
 }
 .app-nav .app-indicator-icon-container .app-indicator-icon {
   font-size: 24px;
@@ -479,16 +506,16 @@ body {
   right: -4px;
 }
 #overlayPageContent .mCSB_scrollTools,
-#overlayPageContent .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
-#overlayPageContent .mCSB_scrollTools .mCSB_buttonUp,
-#overlayPageContent .mCSB_scrollTools .mCSB_buttonDown,
-#overlayPageContent .mCSB_scrollTools .mCSB_buttonLeft,
-#overlayPageContent .mCSB_scrollTools .mCSB_buttonRight,
 .app-list .mCSB_scrollTools,
+#overlayPageContent .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
 .app-list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
+#overlayPageContent .mCSB_scrollTools .mCSB_buttonUp,
 .app-list .mCSB_scrollTools .mCSB_buttonUp,
+#overlayPageContent .mCSB_scrollTools .mCSB_buttonDown,
 .app-list .mCSB_scrollTools .mCSB_buttonDown,
+#overlayPageContent .mCSB_scrollTools .mCSB_buttonLeft,
 .app-list .mCSB_scrollTools .mCSB_buttonLeft,
+#overlayPageContent .mCSB_scrollTools .mCSB_buttonRight,
 .app-list .mCSB_scrollTools .mCSB_buttonRight {
   -webkit-transition: none;
   transition: none;
@@ -700,6 +727,7 @@ a.menu-item:hover {
   width: 0px;
   overflow: hidden;
 }
+/* User Logout */
 .logout-content {
   padding: 10px;
   width: 350px;
@@ -754,6 +782,9 @@ a.menu-item:hover {
 .app-settings {
   background: #FFFFFF;
 }
+/*************************************************/
+/******** View styles (List/Edit/Detail..) *******/
+/*************************************************/
 .viewContent .content-area {
   padding-left: 50px;
 }
@@ -791,7 +822,6 @@ a.menu-item:hover {
 .fieldValue .value {
   max-width: 85%;
   display: inline-block;
-  word-break: break-word;
 }
 .modal-header button.close {
   padding: 0;
@@ -865,6 +895,9 @@ input[type="password"].inputElement {
   padding-right: 20px;
   padding-left: 20px;
 }
+/**********************************/
+/**** Side vertical Nav styles ****/
+/**********************************/
 .module-nav {
   background: #fff;
   z-index: 1004;
@@ -880,6 +913,9 @@ input[type="password"].inputElement {
   left: 0;
   transition: 0s width;
 }
+.module-nav:hover {
+  /*z-index: 1001;*/
+}
 .modules-menu ul {
   list-style: none;
   margin-left: 0;
@@ -914,7 +950,7 @@ input[type="password"].inputElement {
   float: left;
   font-size: 20px;
 }
-.modules-menu ul li a>span {
+.modules-menu ul li a > span {
   margin-left: 10px;
   vertical-align: middle;
   font-size: 13px;
@@ -954,6 +990,7 @@ input[type="password"].inputElement {
   width: 100%;
   left: 0%;
 }
+/** Lists Menu in Side bar */
 .module-filters .settings-sidebar,
 .module-filters .sidebar-container {
   padding: 0 12px;
@@ -987,6 +1024,7 @@ input[type="password"].inputElement {
 .lists-menu-container hr {
   margin: 5px 0;
 }
+/* mScrollbar customization for lists widget */
 .lists-menu-container .menu-scroller .mCSB_scrollTools {
   width: 13px;
 }
@@ -998,8 +1036,10 @@ input[type="password"].inputElement {
 .modules-menu .mCSB_scrollTools .mCSB_draggerContainer {
   left: 8px;
 }
+/* Customization ends */
 .lists-menu-container .list-menu-content .more-less-link {
   color: #fff;
+  /*text-decoration: none;*/
 }
 .lists-menu-container .list-menu-content .sub-header {
   color: #ddd;
@@ -1104,9 +1144,11 @@ input[type="password"].inputElement {
 .common-links-container > div a {
   color: #fff;
 }
+/*Search Container styles */
 .search-container {
   min-height: 300px;
   position: absolute;
+  /*z-index: 1030;*/
   width: 100%;
   top: 0;
   background: #FBFBFB;
@@ -1125,6 +1167,7 @@ input[type="password"].inputElement {
 .footer p {
   margin: 5px 0;
 }
+/*** Utilities ***/
 .showElement {
   display: block !important;
   height: 100%;
@@ -1247,11 +1290,11 @@ ul.unstyled {
 }
 .emptyRecordsDiv .emptyRecordsContent {
   display: inline-block;
-  font-size: 16px;
   left: 50%;
   margin-left: -25%;
   position: absolute;
   width: 50%;
+  font-size: 16px;
 }
 .textOverflowEllipsis {
   overflow: hidden;
@@ -1276,6 +1319,9 @@ ul.unstyled {
 .removeNoFileChosen {
   color: transparent !important;
 }
+/***********************************
+**********Button Styles**********
+***********************************/
 .module-buttons-container {
   float: right;
   margin-right: 10px;
@@ -1297,6 +1343,7 @@ ul.unstyled {
   margin: 4px 2px;
   border-radius: 2px;
   border: 1px solid #ddd;
+  text-transform: uppercase;
   color: #666;
   background: #fff;
 }
@@ -1317,6 +1364,9 @@ ul.unstyled {
   color: #FFFFFF !important;
   background: #5bc0de !important;
 }
+/***********************************
+**********List View Styles**********
+***********************************/
 .fa.pull-left {
   margin-right: 0;
 }
@@ -1351,7 +1401,7 @@ ul.unstyled {
   font-size: 20px;
 }
 .listview-pagination .disabled {
-  color: rgba(0,0,0,0.2);
+  color: rgba(0, 0, 0, 0.2);
 }
 .listview-pagination .disabled:hover {
   cursor: default;
@@ -1379,6 +1429,8 @@ ul.unstyled {
 .listview-table {
   margin-bottom: 0;
   border-top: 0;
+  /* Horizontal scroll will not work if table layout Fixed */
+  /*    table-layout: fixed;*/
 }
 .listview-table tr td,
 .listview-table tr th {
@@ -1408,7 +1460,7 @@ ul.unstyled {
   width: 100%;
 }
 .listViewEntries .relatedListEntryValues .fieldValue .value,
-.listViewEntries  .listViewEntryValue .fieldValue .value {
+.listViewEntries .listViewEntryValue .fieldValue .value {
   vertical-align: middle;
   width: 100%;
   display: inline-block;
@@ -1423,7 +1475,7 @@ ul.unstyled {
 }
 .listview-table-norecords .table-actions,
 .listview-table .table-actions {
-  width: 120px;
+  width: 110px;
   font-size: 15px;
   color: #555;
   margin-left: 7px;
@@ -1489,13 +1541,13 @@ input[type=checkbox]:checked {
   vertical-align: middle;
   display: table-cell;
 }
-.listview-table  tr.searchRow th {
+.listview-table tr.searchRow th {
   padding: 5px 3px;
 }
-.listview-table  tr.searchRow th.inline-search-btn {
+.listview-table tr.searchRow th.inline-search-btn {
   padding: 3px 10px;
 }
-.listview-table  tr.searchRow th.inline-search-btn button {
+.listview-table tr.searchRow th.inline-search-btn button {
   text-align: center;
   width: 85%;
   text-shadow: none;
@@ -1523,6 +1575,18 @@ input[type=checkbox]:checked {
   background-color: #FFEEEE !important;
   background-image: none !important;
 }
+/*.floatThead-wrapper .table-container{
+    z-index: 0 !important;
+}*/
+/* List view bottom fixed scroll */
+/*.bottom-fixed-scroll{
+    height: 14px;
+    position: relative;
+    top: -15px;
+    overflow-x: auto;
+    overflow-y: hidden;
+    width: 100%;
+}*/
 .scroller-div {
   height: 1px;
 }
@@ -1644,12 +1708,12 @@ input[type=checkbox]:checked {
 #listColumnFilterContainer .disabled i {
   color: #ccc;
 }
+/**********************************
+**********Detail View Styles**********
+**********************************/
 .detailViewButtoncontainer {
   padding-top: 5px;
 }
-.detailViewButtoncontainer button.btn {
-  margin: 0px 1px !important;
-}
 .detailview-header .recordBasicInfo > .info-row {
   margin-bottom: 4px;
 }
@@ -1730,9 +1794,6 @@ th {
   margin-top: 3%;
   margin-right: 2%;
 }
-.overlayDetailHeader button.btn {
-  margin: 0px 1px !important;
-}
 .referencefield-wrapper .createReferenceRecord {
   float: left;
   margin-left: 5px;
@@ -1972,10 +2033,10 @@ th {
   z-index: 1030;
 }
 .overlay-container-60 {
-  margin-left: 42px;
+  margin-left: 42px ;
 }
 .overlay-container-300 {
-  margin-left: 230px;
+  margin-left: 230px ;
 }
 .overlayPageContent {
   background: #FFFFFF;
@@ -2098,6 +2159,9 @@ th {
   height: 26px;
   line-height: 25px;
 }
+/**********************************
+**********Summary View Styles******
+**********************************/
 .summary-table {
   width: 100%;
   table-layout: fixed;
@@ -2218,33 +2282,33 @@ th {
   opacity: 1;
   cursor: pointer;
 }
-.details.row >form .social-media-toggle {
+.details.row > form .social-media-toggle {
   position: absolute;
   right: -15px;
   display: inline-block;
   width: 500px;
   border-left: 0px;
 }
-.details.row >form .social-media-widget {
+.details.row > form .social-media-widget {
   border-left: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
   height: 100%;
   background: white;
 }
-.details.row >form div[class*="col-"].resizable-summary-view {
+.details.row > form div[class*="col-"].resizable-summary-view {
   padding-left: 0;
   padding-right: 0px;
 }
-.details.row >form>div[class*="col-"],
-.details.row >form .resizable-summary-view div[class*="col-"] {
+.details.row > form > div[class*="col-"],
+.details.row > form .resizable-summary-view div[class*="col-"] {
   padding-right: 0;
   padding: 0px 5px;
 }
-.details.row >form>div[class*="col-"]:first-child,
-.details.row >form .left-block {
+.details.row > form > div[class*="col-"]:first-child,
+.details.row > form .left-block {
   padding-left: 0 !important;
 }
-.details.row >form>div[class*="col-"]:last-child {
+.details.row > form > div[class*="col-"]:last-child {
   padding-right: 0;
 }
 .summaryWidgetContainer .noContent {
@@ -2257,6 +2321,9 @@ th {
 .caseReplyArea .nav > li {
   padding: 0 10px;
 }
+/**********************************
+**********Edit View Styles*******
+**********************************/
 .main-container .editViewModNavigator.module-nav,
 .editViewModNavigator .mod-switcher-container,
 .editViewModNavigator .modules-menu {
@@ -2297,7 +2364,7 @@ th {
   width: 100%;
 }
 .editViewContents .input-group {
-  width: 229px;
+  width: 208px;
   float: left;
 }
 .input-group.inputElement .input-group-addon {
@@ -2376,6 +2443,9 @@ th {
   z-index: 1000;
   padding: 7px;
 }
+/**********************************
+**********Advance Search styles**********
+**********************************/
 .op0.fadeInx {
   opacity: 1;
 }
@@ -2448,7 +2518,11 @@ th {
 }
 .btn + input {
   margin-left: 5px;
+  /*    margin-top : 3px;*/
 }
+/**********************************
+**********Extension Store Styles**********
+**********************************/
 .extensionstore .app-trigger {
   width: 98%;
 }
@@ -2479,6 +2553,9 @@ th {
 .extensionContents .extensionError {
   color: #F10404;
 }
+/**********************************
+**********Extension Store Nav Bar**********
+**********************************/
 .tabbable-line > .nav-tabs {
   border: none;
   margin: 0px;
@@ -2547,6 +2624,9 @@ th {
 .extensionContents .listview-table {
   width: 100%;
 }
+/*******************************************
+******Detail View related list styles*******
+********************************************/
 .relatedContents .listViewContentHeaderValues:hover {
   text-decoration: none;
   color: #333;
@@ -2604,6 +2684,9 @@ th {
 .relatedViewActions .btn-group {
   margin-right: 15px;
 }
+/*******************************************
+****************** Modal *******************
+********************************************/
 .modal-header {
   padding: 5px 15px;
   background: #596875;
@@ -2631,6 +2714,7 @@ th {
   width: 100%;
   float: left;
   background: #596875;
+  /*    height: 100%;*/
 }
 .settings-menu {
   display: inline-block;
@@ -2647,7 +2731,7 @@ th {
   cursor: n-resize;
 }
 .settings-menu-items {
-  box-shadow: 0 1px 1px rgba(0,0,0,0.05);
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
   margin-bottom: 10px;
   text-align: justify;
 }
@@ -2765,9 +2849,6 @@ th {
 .active .stepNum {
   color: #FFFFFF;
 }
-.mailBoxEditDiv .crumbs li {
-  width: 22%;
-}
 .stepNum {
   display: inline-block;
   padding: 0 5px;
@@ -2776,6 +2857,7 @@ th {
   vertical-align: middle;
   color: #3399ff;
 }
+/* .squaredFour */
 .squaredFour {
   width: 20px;
   position: relative;
@@ -2789,9 +2871,9 @@ th {
   top: 0;
   left: 0;
   background: #fcfff4;
-  background: linear-gradient(top,#fcfff4 0%,#dfe5d7 40%,#b3bead 100%);
+  background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
   border-radius: 4px;
-  box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
+  box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
 }
 .squaredFour label:after {
   content: '';
@@ -2819,13 +2901,16 @@ th {
 .importBlockContainer {
   color: #596875;
 }
+/******************************************* 
+************* Social Buttons *************** 
+********************************************/
 .btn-block + .btn-block {
   margin-top: 5px;
 }
 .btn-google-plus {
   color: #FFFFFF !important;
   background-color: #DD4B39;
-  border-color: rgba(0,0,0,0.2);
+  border-color: rgba(0, 0, 0, 0.2);
 }
 .btn-social {
   position: relative;
@@ -2844,15 +2929,18 @@ th {
   line-height: 34px;
   font-size: 1.6em;
   text-align: center;
-  border-right: 1px solid rgba(0,0,0,0.2);
+  border-right: 1px solid rgba(0, 0, 0, 0.2);
 }
+/******************************************* 
+************* Updates Timeline *************** 
+********************************************/
 .recentActivitiesContainer .history {
   margin: 0 auto;
   padding: 20px 20px 1px;
   max-width: 100%;
   overflow-x: visible;
-  -webkit-transition: opacity .2s ease-out;
-  transition: opacity .2s ease-out;
+  -webkit-transition: opacity 0.2s ease-out;
+  transition: opacity 0.2s ease-out;
 }
 .updates_timeline {
   padding-top: 20px;
@@ -2861,6 +2949,7 @@ th {
   padding: 0;
   list-style: none;
 }
+/* The line */
 .updates_timeline:before {
   content: '';
   position: absolute;
@@ -2879,6 +2968,7 @@ th {
   min-height: 40px;
   z-index: 2;
 }
+/* Left Content(Time) */
 .updates_timeline > li .update_time {
   position: absolute;
   margin: 0;
@@ -2890,6 +2980,7 @@ th {
   font-size: 15px;
   font-style: italic;
 }
+/* Right content(Update info) */
 .updates_timeline > li .update_info {
   padding: 10px 10px 1px;
   display: block;
@@ -2898,10 +2989,11 @@ th {
   position: relative;
   top: -45px;
 }
-.updates_timeline > li .update_info >h3 {
+.updates_timeline > li .update_info > h3 {
   font-size: 1.1em;
   margin-left: -3%;
 }
+/* The icons  */
 .updates_timeline > li .update_icon {
   position: relative;
   border-radius: 50%;
@@ -2914,6 +3006,7 @@ th {
   color: #fff;
   line-height: 35px;
 }
+/* More Button */
 .updates_timeline #more_button .update_icon {
   position: relative;
   border-radius: 0;
@@ -3021,6 +3114,9 @@ th {
   vertical-align: super;
   font-size: 13px;
 }
+/******************************************* 
+************* Task Management ************** 
+********************************************/
 #taskManagementContainer .data-body {
   margin-bottom: 50px;
 }
@@ -3083,15 +3179,16 @@ th {
 #taskManagementContainer .other-details {
   color: #979797;
 }
+/*overwriting jquery ui css*/
 .ui-menu {
   z-index: 10000;
 }
 #taskManagementContainer button.active {
   background: #3B83F7;
   color: white;
-  text-shadow: 0 1px rgba(0,0,0,0.3);
+  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
   border: 1px solid #135fd7;
-  box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
+  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
 }
 .taskSubject {
   width: 99%;
@@ -3099,6 +3196,9 @@ th {
 #taskManagementContainer .mCustomScrollbar .mCSB_inside > .mCSB_container {
   margin-right: 13px;
 }
+/******************************************* 
+************* Settings Page ************** 
+********************************************/
 .settingsPageDiv.content-area {
   margin-right: 0;
 }
@@ -3132,6 +3232,9 @@ th {
 .settingsgroup-accordion a i {
   margin-right: 5px;
 }
+.settingsgroup-accordion a span {
+  text-transform: uppercase;
+}
 .settingsgroup {
   background: #2C3B49;
   height: 100%;
@@ -3288,35 +3391,59 @@ th {
 }
 .mini-slider-control[data-value="0"] .ui-slider-handle {
   background: #7d7e7d;
-  background: -moz-linear-gradient(top,#7d7e7d 0%,#0e0e0e 100%);
-  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#7d7e7d),color-stop(100%,#0e0e0e));
-  background: -webkit-linear-gradient(top,#7d7e7d 0%,#0e0e0e 100%);
-  background: -o-linear-gradient(top,#7d7e7d 0%,#0e0e0e 100%);
-  background: -ms-linear-gradient(top,#7d7e7d 0%,#0e0e0e 100%);
-  background: linear-gradient(to bottom,#7d7e7d 0%,#0e0e0e 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7e7d',endColorstr='#0e0e0e',GradientType=0);
+  /* Old browsers */
+  background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
+  /* FF3.6+ */
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7d7e7d), color-stop(100%, #0e0e0e));
+  /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
+  /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
+  /* Opera 11.10+ */
+  background: -ms-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
+  /* IE10+ */
+  background: linear-gradient(to bottom, #7d7e7d 0%, #0e0e0e 100%);
+  /* W3C */
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7e7d', endColorstr='#0e0e0e', GradientType=0);
+  /* IE6-9 */
   margin-left: 0px;
 }
 .mini-slider-control[data-value="1"] .ui-slider-handle {
   background: #ffb76b;
-  background: -moz-linear-gradient(top,#ffb76b 0%,#ffa73d 0%,#ff7c00 49%,#ff7f04 100%);
-  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffb76b),color-stop(0%,#ffa73d),color-stop(49%,#ff7c00),color-stop(100%,#ff7f04));
-  background: -webkit-linear-gradient(top,#ffb76b 0%,#ffa73d 0%,#ff7c00 49%,#ff7f04 100%);
-  background: -o-linear-gradient(top,#ffb76b 0%,#ffa73d 0%,#ff7c00 49%,#ff7f04 100%);
-  background: -ms-linear-gradient(top,#ffb76b 0%,#ffa73d 0%,#ff7c00 49%,#ff7f04 100%);
-  background: linear-gradient(to bottom,#ffb76b 0%,#ffa73d 0%,#ff7c00 49%,#ff7f04 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb76b',endColorstr='#ff7f04',GradientType=0);
+  /* Old browsers */
+  background: -moz-linear-gradient(top, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%);
+  /* FF3.6+ */
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffb76b), color-stop(0%, #ffa73d), color-stop(49%, #ff7c00), color-stop(100%, #ff7f04));
+  /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(top, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%);
+  /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(top, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%);
+  /* Opera 11.10+ */
+  background: -ms-linear-gradient(top, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%);
+  /* IE10+ */
+  background: linear-gradient(to bottom, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%);
+  /* W3C */
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb76b', endColorstr='#ff7f04', GradientType=0);
+  /* IE6-9 */
   margin-left: -6px;
 }
 .mini-slider-control[data-value="2"] .ui-slider-handle {
   background: #bfd255;
-  background: -moz-linear-gradient(top,#bfd255 0%,#8eb92a 79%,#72aa00 100%,#9ecb2d 100%);
-  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#bfd255),color-stop(79%,#8eb92a),color-stop(100%,#72aa00),color-stop(100%,#9ecb2d));
-  background: -webkit-linear-gradient(top,#bfd255 0%,#8eb92a 79%,#72aa00 100%,#9ecb2d 100%);
-  background: -o-linear-gradient(top,#bfd255 0%,#8eb92a 79%,#72aa00 100%,#9ecb2d 100%);
-  background: -ms-linear-gradient(top,#bfd255 0%,#8eb92a 79%,#72aa00 100%,#9ecb2d 100%);
-  background: linear-gradient(to bottom,#bfd255 0%,#8eb92a 79%,#72aa00 100%,#9ecb2d 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfd255',endColorstr='#9ecb2d',GradientType=0);
+  /* Old browsers */
+  background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%);
+  /* FF3.6+ */
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bfd255), color-stop(79%, #8eb92a), color-stop(100%, #72aa00), color-stop(100%, #9ecb2d));
+  /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(top, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%);
+  /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(top, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%);
+  /* Opera 11.10+ */
+  background: -ms-linear-gradient(top, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%);
+  /* IE10+ */
+  background: linear-gradient(to bottom, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%);
+  /* W3C */
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfd255', endColorstr='#9ecb2d', GradientType=0);
+  /* IE6-9 */
   margin-left: -13px;
 }
 .ModulemanagerSettings .moduleblock .hiden {
@@ -3341,10 +3468,13 @@ th {
 th {
   padding: 6px;
 }
+/******************************************* 
+********** CustomerPortal styles start ********
+********************************************/
 .cp-tabs .enabledModules {
   display: inline-block ! important;
-  margin-left: 4px !important;
-  margin-right: 4px !important;
+  margin-left: 4px!important;
+  margin-right: 4px!important;
   vertical-align: top;
 }
 .drag-portal-module {
@@ -3451,7 +3581,7 @@ th {
   margin-left: 5px;
 }
 .portal-field-delete {
-  margin-left: 45px !important;
+  margin-left: 45px!important;
 }
 .portalModuleRow {
   border-left: 4px solid #3CB878 !important;
@@ -3468,7 +3598,7 @@ th {
   content: "*";
   color: red;
 }
-.nav-tabs .cp-modules > .active >a,
+.nav-tabs .cp-modules > .active > a,
 .nav-tabs .cp-modules > .active > a:hover {
   border: 0px !important;
   border-top-right-radius: 0px;
@@ -3630,7 +3760,7 @@ th {
   display: inline-block;
 }
 .quickPreview .updates_timeline:before {
-  background: #e6e6e6;
+  background: #e5e5e5;
   width: 2px;
   margin-left: -1%;
 }
@@ -3645,13 +3775,16 @@ th {
 .quickPreviewComments .recentComments .commentDetails .comment {
   line-height: 15px;
 }
-.quickPreviewComments  .summaryWidgetContainer {
+.quickPreviewComments .summaryWidgetContainer {
   border: 0;
   padding: 0;
 }
 .quickPreview .recentActivitiesContainer .history {
   padding: 0;
 }
+/******************************************* 
+********** Calendar view styles ************
+********************************************/
 .calendar-sidebar {
   width: 100% !important;
 }
@@ -3808,6 +3941,11 @@ th {
   display: inline-block;
   text-align: center;
 }
+/******************************************* 
+********** Calendar view styles end ********
+
+********** Documents Module styles *********
+********************************************/
 .dragdrop-dotted {
   border: 2px dashed #C0C0C0;
   min-width: 300px;
@@ -3867,13 +4005,16 @@ tr.file > td.fileOwnerData {
   width: 100px;
   white-space: pre-wrap;
 }
+/******************************************* 
+********** Documents Module styles end *****
+********************************************/
 .engagementsContainer .engagements_content {
   padding-top: 15px;
 }
 .summaryWidgetContainer .engagementsContainer table {
   width: inherit;
 }
-.engagements_content table thead>tr:first-child {
+.engagements_content table thead > tr:first-child {
   border: 1px solid #CCC;
   background-color: #F5F5F5;
 }
@@ -3924,6 +4065,9 @@ tr.file > td.fileOwnerData {
   font-size: 15px;
   padding: 1% 0;
 }
+/******************************************* 
+********** Mailroom view styles start ********
+********************************************/
 .mailroomBanner {
   margin: 23px 0;
   height: 215px;
@@ -4132,6 +4276,7 @@ tr.file > td.fileOwnerData {
   margin-left: 0;
 }
 .mentionMessages .mention_follow_up {
+  /*//load this color from variable.less*/
   background-color: green;
 }
 .modelContainer .modal-content {
@@ -4280,6 +4425,7 @@ form[name="notification_settings"] .select2-choice {
   margin-left: 0;
 }
 .mentionMessages .mention_follow_up {
+  /*//load this color from variable.less*/
   background-color: green;
 }
 .modal-content .mention_followup .row {
@@ -4311,6 +4457,9 @@ form[name="notification_settings"] .select2-choice {
 .mentionMessageHeader .MultiFile-remove {
   color: #FFFFFF;
 }
+/******************************************* 
+********** Mailroom view styles end ********
+********************************************/
 .detailview-header {
   margin-bottom: 10px;
 }
@@ -4326,6 +4475,7 @@ form[name="notification_settings"] .select2-choice {
   margin: 0px 10px;
   text-decoration: underline !important;
   color: #3498DB;
+  /*font-size : 12px;*/
 }
 .tag {
   display: inline-block;
@@ -4409,11 +4559,10 @@ form[name="notification_settings"] .select2-choice {
   border: 1px solid #dcdcdc;
 }
 #tagCloud .tag {
-  color: #5ea9dd;
-  padding: 0px;
   background-color: #FFFFFF;
   border-color: #FFFFFF;
   border-radius: 0px;
+  color: #5ea9dd;
   margin: 3px;
 }
 #tagCloud .tag[data-type="public"] {
@@ -4424,6 +4573,9 @@ form[name="notification_settings"] .select2-choice {
   max-width: 80px;
   vertical-align: bottom;
 }
+/******************************************* 
+********** Groups view styles ********
+********************************************/
 #s2id_memberList li > div,
 .groupMembersColors li > div {
   margin-left: 10px;
@@ -4498,6 +4650,12 @@ form[name="notification_settings"] .select2-choice {
   margin: 0px;
   color: #444444;
 }
+/******************************************* 
+********** Groups view styles  ends********
+********************************************/
+/******************************************* 
+********** Picklist Css ********
+********************************************/
 .pickListValue {
   background-color: #FFFFFF;
 }
@@ -4512,6 +4670,12 @@ form[name="notification_settings"] .select2-choice {
   padding: 2px 1px !important;
   line-height: 15px;
 }
+/******************************************* 
+************* Dashboard Styles *************
+********************************************/
+li.dashboardWidget {
+  overflow: auto;
+}
 .dashboardWidgetHeader .title {
   padding-bottom: 10px;
   font-size: 15px;
@@ -4532,9 +4696,6 @@ form[name="notification_settings"] .select2-choice {
 .dashBoardContainer .tabContainer .tab-content {
   margin-top: 10px;
 }
-.dashBoardContainer .dashBoardTabContents ul {
-  margin: 0;
-}
 .dashBoardContainer .dashBoardTabContents ul li {
   border: 3px solid #E2E2E4;
   box-shadow: 1px;
@@ -4601,7 +4762,7 @@ form[name="notification_settings"] .select2-choice {
   display: inline-block;
   opacity: 1;
 }
-.dashBoardContainer .tabContainer li a  .deleteTab:hover {
+.dashBoardContainer .tabContainer li a .deleteTab:hover {
   cursor: pointer;
 }
 #minilistWizardContainer .fieldLabel {
@@ -4638,6 +4799,9 @@ form[name="notification_settings"] .select2-choice {
   resize: none;
   width: 100%;
 }
+/******************************************* 
+********** Picklist DependencyGraph ********
+********************************************/
 #dependencyGraph .tableHeading {
   text-align: center;
   padding-top: 30px;
@@ -4663,12 +4827,15 @@ form[name="notification_settings"] .select2-choice {
 #dependencyGraph .dependencyMapping .pickListDependencyTable .selectedCell {
   background: #a9cbf5;
 }
+/******************************************* 
+********** Rewriting select2 for consistency********
+********************************************/
 .select2-container .select2-choice {
   height: 29px;
   border-radius: 1px;
 }
 .modal {
-  z-index: 1100;
+  z-index: 1070;
 }
 .select2-container .select2-choice {
   height: 28px;
@@ -4756,6 +4923,7 @@ hr {
   position: fixed;
   bottom: 0;
   background: #EFEFEF;
+  /*width:100%;*/
   border-left: 42px solid #2c3b49;
   height: 60px;
   left: 0;
@@ -4774,7 +4942,6 @@ hr {
 }
 .settingsPageDiv .modal-overlay-footer {
   margin-left: 230px;
-  border-left: 0px solid;
 }
 .settingsOverlayContainer .modal-overlay-footer {
   margin: 0;
@@ -4797,14 +4964,14 @@ hr {
   vertical-align: middle;
   margin-top: 6px;
 }
-.list-menu-content .pull-right>.dropdown-menu {
+.list-menu-content .pull-right > .dropdown-menu {
   left: -126px;
   position: relative;
 }
-.dropdown-menu>li>a {
+.dropdown-menu > li > a {
   padding: 4px 6px;
 }
-.dropdown-menu>li>a span i {
+.dropdown-menu > li > a span i {
   font-size: 15px;
   vertical-align: middle;
 }
@@ -4812,11 +4979,11 @@ hr {
   max-height: 300px;
   padding-left: 0;
 }
-.related-tabs .dropdown-menu>.mCustomScrollBox>.mCSB_container {
+.related-tabs .dropdown-menu > .mCustomScrollBox > .mCSB_container {
   margin-right: 0;
   padding: 4px 6px;
 }
-.related-tabs .dropdown-menu>.mCustomScrollBox>.mCSB_container>li>a {
+.related-tabs .dropdown-menu > .mCustomScrollBox > .mCSB_container > li > a {
   display: block;
   padding: 3px 5px;
   clear: both;
@@ -4825,7 +4992,7 @@ hr {
   color: #333;
   white-space: nowrap;
 }
-.related-tabs .dropdown-menu>.mCustomScrollBox>.mCSB_container span i {
+.related-tabs .dropdown-menu > .mCustomScrollBox > .mCSB_container span i {
   font-size: 15px;
   vertical-align: middle;
 }
@@ -4848,16 +5015,16 @@ hr {
 .calendar-sidebar .calendar-sidebar-tabs.padding {
   padding-left: 20px !important;
 }
-.related-tabs.row .nav>li {
+.related-tabs.row .nav > li {
   padding: 0 10px;
   margin: 0 2px;
 }
-.massEditTabs.nav>li {
+.massEditTabs.nav > li {
   padding: 0 10px;
   margin: 0 4px;
 }
-.row .nav>li>a,
-.row .nav>li>a:hover {
+.row .nav > li > a,
+.row .nav > li > a:hover {
   padding: 10px 3px;
   border: none;
   vertical-align: bottom;
@@ -4867,38 +5034,39 @@ hr {
   -webkit-box-sizing: border-box;
   -o-box-sizing: border-box;
 }
-.row .nav>li>a:hover {
+.row .nav > li > a:hover {
   border-bottom-color: #555;
 }
-TN-34230
-
-.row .nav>li>a:hover {
+/*.row ul{
+    padding:0;
+}*/
+TN-34230 .row .nav > li > a:hover {
   border-bottom-color: #555;
   background: none;
 }
 .row ul li:first-child {
   margin-left: 0;
 }
-.related-tabs .nav-tabs>li.active,
-.related-tabs .nav-tabs>li:hover,
-.related-tabs .nav-tabs>li.active:focus,
-.dashBoardContainer .nav-tabs>li.active,
-.dashBoardContainer .nav-tabs>li:hover,
-.dashBoardContainer .nav-tabs>li.active:focus,
-.contents.tabbable .nav-tabs>li.active,
-.contents.tabbable .nav-tabs>li:hover,
-.contents.tabbable .nav-tabs>li.active:focus {
+.related-tabs .nav-tabs > li.active,
+.dashBoardContainer .nav-tabs > li.active,
+.contents.tabbable .nav-tabs > li.active,
+.related-tabs .nav-tabs > li:hover,
+.dashBoardContainer .nav-tabs > li:hover,
+.contents.tabbable .nav-tabs > li:hover,
+.related-tabs .nav-tabs > li.active:focus,
+.dashBoardContainer .nav-tabs > li.active:focus,
+.contents.tabbable .nav-tabs > li.active:focus {
   border: none;
   border-bottom: 3px solid #555;
 }
-.nav-tabs>li.active>a,
-.nav-tabs>li.active>a:hover,
-.nav-tabs>li.active>a:focus,
-.nav-tabs>li>a {
+.nav-tabs > li.active > a,
+.nav-tabs > li.active > a:hover,
+.nav-tabs > li.active > a:focus,
+.nav-tabs > li > a {
   border: 0;
 }
-.nav>li>a:hover,
-.nav>li>a:focus {
+.nav > li > a:hover,
+.nav > li > a:focus {
   background-color: #FFFFFF;
 }
 .fa-pencil,
@@ -4908,6 +5076,9 @@ TN-34230
 .commentAttachmentName {
   font-size: 11px;
 }
+/******************************************* 
+********** Layout Editor ********
+********************************************/
 .marginBottom10px {
   margin-bottom: 10px;
 }
@@ -4930,6 +5101,7 @@ TN-34230
 }
 .zeroOpacity {
   opacity: 0;
+  /*for IE*/
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
 }
@@ -4956,10 +5128,12 @@ TN-34230
 .layoutContent .opacity:hover .actions {
   opacity: 1;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+  /*for IE*/
   filter: alpha(opacity=100);
 }
 .layoutContent .fieldPropertyContainer:hover .actions {
   opacity: 1;
+  /*for IE*/
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=100);
 }
@@ -4982,6 +5156,7 @@ TN-34230
 .relatedTabModulesList .addButton {
   border-radius: 2px;
   border: 1px solid #DDDDDD;
+  text-transform: uppercase;
   color: #666666;
   background: #FFFFFF;
 }
@@ -5055,6 +5230,9 @@ TN-34230
   margin-left: 5px;
   word-break: break-all;
 }
+/******************************************* 
+************** Tax Management **************
+********************************************/
 #TaxCalculationsContainer .table tr:first-child,
 .taxModalContainer #editTax .table tr:first-child {
   border-bottom: 1px solid #ccc;
@@ -5094,6 +5272,9 @@ TN-34230
   max-height: 500px;
   overflow-y: auto;
 }
+/******************************************* 
+********** Workflows ********
+********************************************/
 #workflow_edit .editViewBody {
   overflow: inherit;
 }
@@ -5103,7 +5284,7 @@ TN-34230
 }
 .timePicker {
   width: 9.5em !important;
-  z-index: 1101 !important;
+  z-index: 1070 !important;
 }
 .weekDaySelect .ui-state-default {
   background: inherit;
@@ -5141,75 +5322,6 @@ TN-34230
 .module-filters.active {
   background: #F7F7F7;
 }
-.payment-type-selection {
-  margin-bottom: 30px;
-}
-.payment-type-selection img {
-  vertical-align: middle;
-}
-.currplan {
-  padding: 10px 20px;
-  background-color: #f3f3f3;
-  border: 1px solid #eee;
-  border-radius: 3px;
-}
-.currplan div {
-  display: inline-block;
-  font-size: 16px;
-}
-.planName {
-  display: inline-block;
-  color: #fff;
-  padding: 20px;
-  margin: 10px 20px;
-  font-size: 24px;
-  border-radius: 2px;
-}
-.plan-heading {
-  min-height: 168px;
-}
-.plan-title {
-  color: #fff;
-  font-size: 20px;
-  padding: 13px 0;
-}
-#sales_plan {
-  background: #3FC380;
-  font-size: x-large;
-  text-shadow: 1px 0 2px #555555;
-  color: #fff;
-}
-#salespremium_plan {
-  background: #00B16A;
-  font-size: x-large;
-  text-shadow: 1px 0 2px #555555;
-  color: #fff;
-}
-#support_plan {
-  background: #2980B9;
-  font-size: x-large;
-  text-shadow: 1px 0 2px #555555;
-  color: #fff;
-}
-#supportpremium_plan {
-  background: #2980B9;
-  font-size: x-large;
-  text-shadow: 1px 0 2px #555555;
-  color: #fff;
-}
-#ultimate_plan,
-#exclusive_plan {
-  background: #F39C12;
-  font-size: x-large;
-  text-shadow: 1px 0 2px #555555;
-  color: #fff;
-}
-#contact_plan {
-  background: #FF5959;
-  font-size: x-large;
-  text-shadow: 1px 0 2px #555555;
-  color: #fff;
-}
 .workflowListContainer .select2-container .select2-choice {
   height: 36px;
 }
@@ -5224,6 +5336,7 @@ TN-34230
 .contactAdd {
   border: 1px solid #eee;
   padding: 20px;
+  /*min-height: 310px !important;*/
 }
 #subDetails table td {
   padding: 7px 10px;
@@ -5346,9 +5459,9 @@ TN-34230
 .productBundles {
   padding-left: 20px;
 }
-.nav .open>a,
-.nav .open>a:hover,
-.nav .open>a:focus {
+.nav .open > a,
+.nav .open > a:hover,
+.nav .open > a:focus {
   color: #000000;
   background-color: #FFFFFF;
 }
@@ -5369,6 +5482,9 @@ TN-34230
   width: 100%;
   overflow-x: auto;
 }
+/******************************************* 
+*************** Mail Manager ***************
+********************************************/
 #mm_searchButton {
   height: 28px;
   background-color: #FFFFFF;
@@ -5424,8 +5540,8 @@ TN-34230
   padding: 1px 5px;
   border-radius: 3px;
   text-align: center;
-  text-shadow: 0 1px rgba(0,0,0,0.1);
-  background-image: -webkit-linear-gradient(top,#DD4B39 0,#D14836 100%);
+  text-shadow: 0 1px rgba(0, 0, 0, 0.1);
+  background-image: -webkit-linear-gradient(top, #DD4B39 0, #D14836 100%);
   border: 1px solid #C6322A;
   background-color: #DD4B39;
 }
@@ -5643,6 +5759,7 @@ TN-34230
 .width40per {
   width: 40%;
 }
+/****** Mail Manager Ends ******/
 .quickCreateContent .massEditTable textarea,
 .addCommentBlock .commentTextArea textarea {
   resize: vertical;
@@ -5655,19 +5772,20 @@ TN-34230
 .select2-container-multi .select2-choices {
   z-index: 1;
 }
-.nav .nav-stacks .cp-nav-header-wrapper>li.disabled>a:hover {
+/****** Customer Portal Settings ******/
+.nav .nav-stacks .cp-nav-header-wrapper > li.disabled > a:hover {
   background-color: #fff;
 }
-.cp-nav-header-wrapper>li.disabled>a:hover {
+.cp-nav-header-wrapper > li.disabled > a:hover {
   border: 0px ! important;
 }
-.nav .nav-stacks .cp-nav-header-wrapper>li.disabled>a {
+.nav .nav-stacks .cp-nav-header-wrapper > li.disabled > a {
   background-color: #fff;
 }
-#portalModulesTable>li.portalModuleRow.active>a:hover {
+#portalModulesTable > li.portalModuleRow.active > a:hover {
   background-color: #fff !important;
 }
-#portalModulesTable>li.portalModuleRow.active>a:focus {
+#portalModulesTable > li.portalModuleRow.active > a:focus {
   background-color: #fff !important;
 }
 .portal-dashboard {
@@ -5766,7 +5884,7 @@ TN-34230
 .portal-dashboard {
   border-bottom: 0px ! important;
 }
-#portal-shortcutsContainer>ul {
+#portal-shortcutsContainer > ul {
   border-bottom: 0px ! important;
 }
 .portalMenuHeader {
@@ -5775,14 +5893,15 @@ TN-34230
 }
 .cp-tabs .enabledModules {
   display: inline-block ! important;
-  margin-left: 4px !important;
-  margin-right: 4px !important;
+  margin-left: 4px!important;
+  margin-right: 4px!important;
   vertical-align: top;
   margin-top: 4px !important;
 }
 .portal-shortcut-list:hover {
   border-bottom: 3px solid transparent ! important;
 }
+/****** Customer Portal Settings ******/
 .label-radio label input[type="radio"] {
   position: relative;
   top: 2px;
@@ -5794,6 +5913,9 @@ TN-34230
 div.tooltip-inner {
   max-width: 400px;
 }
+/******************************************* 
+********** Menu Editor ********
+********************************************/
 .sortable.appContainer.ui-sortable {
   width: 160px;
 }
@@ -5968,7 +6090,7 @@ div.tooltip-inner {
   width: 13px !important;
   margin-top: 8px;
 }
-.detailview-table .input-group-addon+.inputElement.form-control,
+.detailview-table .input-group-addon + .inputElement.form-control,
 .detailview-table .inputElement.form-control.input-medium {
   width: 100%;
 }
@@ -6015,6 +6137,7 @@ div.tooltip-inner {
   float: left;
   margin-right: 5px;
 }
+/***** Oursites Changes *****/
 .portal-table .table-actions {
   width: inherit ! important;
 }
@@ -6026,6 +6149,7 @@ div.tooltip-inner {
   padding: 10px 5px ! important;
   padding-left: 10px ! important;
 }
+/***** Oursites Changes *****/
 .ExtensionscontentsDiv .content-area {
   padding-left: 15px;
   padding-right: 15px;
@@ -6039,14 +6163,14 @@ div.tooltip-inner {
 }
 .blockHeader {
   border-color: #F3F3F4 #F3F3F4 #cbcbcf;
-  border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
   background-color: #474747;
-  background-image: -moz-linear-gradient(top,#555555,#333333);
-  background-image: -ms-linear-gradient(top,#555555,#333333);
-  background-image: -webkit-gradient(linear,0 0,0 100%,from(#555555),to(#333333));
-  background-image: -webkit-linear-gradient(top,#555555,#333333);
-  background-image: -o-linear-gradient(top,#555555,#333333);
-  background-image: linear-gradient(top,#555555,#333333);
+  background-image: -moz-linear-gradient(top, #555555, #333333);
+  background-image: -ms-linear-gradient(top, #555555, #333333);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#333333));
+  background-image: -webkit-linear-gradient(top, #555555, #333333);
+  background-image: -o-linear-gradient(top, #555555, #333333);
+  background-image: linear-gradient(top, #555555, #333333);
   background-repeat: repeat-x;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#333333', GradientType=0);
   min-height: 30px;
@@ -6139,8 +6263,8 @@ div.tooltip-inner {
 .markStar .starredStatus {
   display: none;
 }
-.nav>li.addDashboardTab>a,
-.nav>li.addDashboardTab>a:hover {
+.nav > li.addDashboardTab > a,
+.nav > li.addDashboardTab > a:hover {
   padding: 10px 15px;
   background: inherit;
 }
@@ -6153,7 +6277,7 @@ div.tooltip-inner {
   height: 960px;
   width: 1260px;
 }
-.nav-tabs>li {
+.nav-tabs > li {
   border-bottom: 3px solid transparent;
   margin: 0 2px;
 }
@@ -6231,16 +6355,14 @@ div.tooltip-inner {
 }
 .select2-container.select2-container-multi.select2,
 .editViewPageDiv .select2-container.select2-container-multi.select2 {
-  height: auto !important;
+  height: auto!important;
 }
-.summaryViewFields .select2-container-multi.inputElement.form-control
-.quickCreateContent .select2-container.select2-container-multi.select2,
+.summaryViewFields .select2-container-multi.inputElement.form-control .quickCreateContent .select2-container.select2-container-multi.select2,
 #massEditContainer .select2-container.select2-container-multi.select2 {
   width: 150px;
   height: auto !important;
 }
-.summaryViewFields .select2-container-multi.inputElement.form-control
-.quickCreateContent .select2-container.select2-container-multi.select2 .input-save-wrap,
+.summaryViewFields .select2-container-multi.inputElement.form-control .quickCreateContent .select2-container.select2-container-multi.select2 .input-save-wrap,
 #massEditContainer .select2-container.select2-container-multi.select2 .input-save-wrap {
   float: right;
   margin-right: 25px;
@@ -6336,6 +6458,7 @@ a.cp-modules:hover {
 #RestrictionsLayout {
   background: #fafafb;
   margin-top: -92px;
+  /*to adjust with page padding top*/
 }
 #RestrictionsLayout .vtImage {
   width: 22%;
@@ -6369,6 +6492,7 @@ a.cp-modules:hover {
 .datepicker {
   z-index: 1100 !important;
 }
+/*****RSS Changes****/
 .feedListContainer .listview-table tr td:first-child,
 .listview-table tr th:first-child {
   width: inherit ! important;
@@ -6376,12 +6500,14 @@ a.cp-modules:hover {
 .feedListContainer .listViewEntries .listViewEntryValue {
   max-width: inherit ! important;
 }
-.ps-container>.ps-scrollbar-y-rail {
+/*****RSS Changes****/
+.ps-container > .ps-scrollbar-y-rail {
   z-index: 1002;
 }
 #relationBlock .recordScroll {
   max-height: 150px;
 }
+/*Start - List sidebar toggle*/
 .essentials-toggle {
   background-color: white;
   font-weight: bold;
@@ -6401,6 +6527,7 @@ a.cp-modules:hover {
 .essentials-toggle .fa-chevron-right {
   background-position: -460px -72px !important;
 }
+/*End - List essentials toggle*/
 .module-name-tooltip .qtip-content {
   font-size: 12px;
   padding: 3px;
@@ -6484,8 +6611,8 @@ li.select2-search-choice div {
 .popover ul.listmenu li {
   padding: 3px;
 }
-.popover-content .disabled>a,
-.popover .disabled>a {
+.popover-content .disabled > a,
+.popover .disabled > a {
   opacity: 0.5;
   cursor: not-allowed;
 }
@@ -6496,6 +6623,7 @@ li.select2-search-choice div {
   -o-transform: rotate(180deg);
   transform: rotate(180deg);
 }
+/*Start - List sidebar toggle*/
 .essentials-toggle {
   background-color: white;
   font-weight: bold;
@@ -6515,6 +6643,7 @@ li.select2-search-choice div {
 .essentials-toggle .fa-chevron-right {
   background-position: -460px -72px !important;
 }
+/*End - List essentials toggle*/
 .module-name-tooltip .qtip-content {
   font-size: 12px;
   padding: 3px;
@@ -6595,16 +6724,16 @@ li.select2-search-choice div {
 #reportDetails .pivot .toptitle.targetY0,
 #reportDetails .pivot .lefttitle.targetX0 {
   border-color: #F3F3F4 #F3F3F4 #cbcbcf;
-  border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
   background-color: #474747;
-  background-image: -moz-linear-gradient(top,#555555,#333333);
-  background-image: -ms-linear-gradient(top,#555555,#333333);
-  background-image: -webkit-gradient(linear,0 0,0 100%,from(#555555),to(#333333));
-  background-image: -webkit-linear-gradient(top,#555555,#333333);
-  background-image: -o-linear-gradient(top,#555555,#333333);
-  background-image: linear-gradient(top,#555555,#333333);
+  background-image: -moz-linear-gradient(top, #555555, #333333);
+  background-image: -ms-linear-gradient(top, #555555, #333333);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#333333));
+  background-image: -webkit-linear-gradient(top, #555555, #333333);
+  background-image: -o-linear-gradient(top, #555555, #333333);
+  background-image: linear-gradient(top, #555555, #333333);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555',endColorstr='#333333',GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#333333', GradientType=0);
   min-height: 30px;
 }
 #reportDetails .pivot th.toptitle.targetY0,
@@ -6646,7 +6775,8 @@ li.select2-search-choice div {
   background: #FFFFFF;
 }
 .templateActions {
-  background: rgba(0,0,0,0.1);
+  background: rgba(0, 0, 0, 0.1);
+  /*padding: 4%;*/
   bottom: 0;
   text-align: center;
   position: absolute;
@@ -6654,6 +6784,9 @@ li.select2-search-choice div {
   zoom: 1;
   width: 100%;
 }
+/*.templateActions i {
+    margin-right: 30px;
+}*/
 .thumbnails > li {
   float: left;
   height: 315px !important;
@@ -6828,9 +6961,10 @@ a.btnReport:hover {
   left: 0px;
 }
 .bx-wrapper .bx-viewport {
-  width:99%;
+  width: 99%;
   left: 0px;
   background: #fff;
+  /*fix other elements on the page moving (on Chrome)*/
   -webkit-transform: translatez(0);
   -moz-transform: translatez(0);
   -ms-transform: translatez(0);
@@ -6888,7 +7022,7 @@ a.btnReport:hover {
 .filter-search-show {
   display: block !important;
 }
-.emailTemplatesPopupTableContainer .listViewEntries  .listViewEntryValue {
+.emailTemplatesPopupTableContainer .listViewEntries .listViewEntryValue {
   max-width: 100%;
   min-width: 150px;
 }
@@ -6923,12 +7057,15 @@ input:focus::-webkit-input-placeholder {
 input:focus:-moz-placeholder {
   color: transparent;
 }
+/* FF 4-18 */
 input:focus::-moz-placeholder {
   color: transparent;
 }
+/* FF 19+ */
 input:focus:-ms-input-placeholder {
   color: transparent;
 }
+/* IE 10+ */
 .global-actions .dropdown-menu:before {
   position: absolute;
   top: -7px;
@@ -6937,7 +7074,7 @@ input:focus:-ms-input-placeholder {
   border-right: 7px solid transparent;
   border-bottom: 7px solid #ccc;
   border-left: 7px solid transparent;
-  border-bottom-color: rgba(0,0,0,0.2);
+  border-bottom-color: rgba(0, 0, 0, 0.2);
   content: '';
 }
 .global-actions .dropdown-menu:after {
@@ -7122,6 +7259,7 @@ input:focus:-ms-input-placeholder {
   text-align: center;
 }
 #OnBoardLayout #OnBoardPageContainer .crmGoals textarea::-webkit-input-placeholder {
+  /* WebKit browsers */
   text-align: center;
   padding: 20%;
   font-size: 12px;
@@ -7267,121 +7405,3 @@ input:focus:-ms-input-placeholder {
   border-left: 3px solid #3CB878;
   opacity: 1;
 }
-.fieldValue .value a {
-  color: #15c !important;
-}
-.editViewContents .fieldLabel {
-  min-width: 100px;
-  width: 20%;
-  word-break: break-all;
-}
-.editViewContents .fieldValue {
-  width:30%;
-}
-.editViewContents td.fieldValue[colspan="3"] {
-  width:80%;
-}
-.editViewContents textarea.textAreaElement {
-  width: 88%;
-}
-.editViewContents input[type="checkbox"] {
-  width: 15px;
-  height: 15px;
-}
-.editViewContents input[type="radio"] {
-  width: 15px;
-  height: 15px;
-}
-#composeEmailContainer .modal-body .quickCreateContent,
-#QuickCreate .modal-body .quickCreateContent,
-#create .quickCreateContent {
-  margin-top: 25px;
-}
-.settingsgroup-panel .widgetContainer .menuItemLabel .pinUnpinShortCut {
-  display: none;
-  margin-top: 2px;
-}
-.settingsgroup-panel .widgetContainer .menuItemLabel:hover .pinUnpinShortCut {
-  display: inline-block;
-}
-@-moz-document url-prefix() {
-  .duplicateHandlingContainer .tooltip-inner {
-    width: 550px;
-    max-width: 550px;
-  }
-}
-.duplicateHandlingContainer .tooltip-inner {
-  text-align: left !important;
-}
-.duplicateHandlingContainer .syncMessage {
-  margin-top: 5px !important;
-}
-.duplicateHandlingContainer .actionsList {
-  width: 230px !important;
-}
-.duplicationMessageContainer {
-  background-color: #f2dede !important;
-  color: #b94a48 !important;
-}
-.duplicationMessageContainer .duplicationMessageHeader {
-  margin-bottom: 8px;
-}
-.listViewRecordActions .quickView, .listViewRecordActions .markStar,
-.listViewRecordActions .markAsHeld,.listViewRecordActions .holdFollowupOn {
-  margin-top: 4px;
-}
-.app-menu .module-icon .custom-module {
-	font-size: 14px;
-	border-radius: 4px;
-	color: #000;
-	background-color: #fff;
-	padding: 4px 10px 4px 5px !important
-}
-.menu-item .custom-module {
-	font-family: 'OpenSans-Regular', sans-serif;
-	font-size: 12px;
-	border-radius: 4px;
-	padding: 2px;
-	color: #000;
-	background-color: #fff;
-}
-.modules-menu .custom-module {
-	color: #fff;
-	margin-left: 0px;
-	display: inline;
-	border: 1px solid #fff;
-	border-radius: 4px;
-	padding: 3px 4px 3px 2px !important;
-	font-weight: bold;
-}
-#quickCreateModules .custom-module, .workflowListContainer .custom-module, .dashBoardTabContents .custom-module {
-	border-radius: 4px;
-	padding: 3px 5px;
-	color: #fff;
-	background-color: #777;
-}
-.menuEditorItem .custom-module {
-	border-radius: 4px;
-	padding: 3px 5px;
-	color: #000;
-	background-color: #fff;
-}
-.task-details .custom-module {
-	border-radius: 4px;
-	padding: 1px 4px;
-	color: white;
-	background-color: #777;
-}
-.related-tabs .custom-module, #relatedmenuList .custom-module {
-	border-radius: 4px;
-	color: #fff;
-	background-color: #777;
-	padding: 5px 7px;
-	font-weight: bold;
-}
-.record-header .custom-module {
-	font-size: 30px;
-}
-.moduleIcon .custom-module {
-	font-weight: bold;
-}
diff --git a/layouts/v7/skins/project/style.css b/layouts/v7/skins/project/style.css
index 489bd72173fc038b8895297ae4f1ed5ebfa16e66..73aab69fe92fa767548aaf0832b4d5998593d708 100644
--- a/layouts/v7/skins/project/style.css
+++ b/layouts/v7/skins/project/style.css
@@ -1,7 +1,9 @@
 @font-face {
   font-family: 'Oswald';
   src: url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.eot');
-  src: url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.woff') format('woff'), url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.ttf') format('truetype'), url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.svg#Oswald') format('svg');
+  /* IE9 Compat Modes */
+  src: url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.svg#Oswald') format('svg');
+  /* Legacy iOS */
   font-weight: normal;
   font-style: normal;
   text-rendering: optimizeLegibility;
@@ -15,27 +17,37 @@ a:active {
 @font-face {
   font-family: 'OpenSans-Regular';
   src: url('../fonts/OpenSans/Regular/OpenSans-Regular.eot');
-  src: url('../fonts/OpenSans/Regular/OpenSans-Regular.ttf') format('truetype'), url('../fonts/OpenSans/Regular/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans/Regular/OpenSans-Regular.woff2') format('woff2'), url('../fonts/OpenSans/Regular/OpenSans-Regular.woff') format('woff'), url('../fonts/OpenSans/Regular/OpenSans-Regular.svg#svgFontName') format('svg');
+  /* IE9 Compat Modes */
+  src: url('../fonts/OpenSans/Regular/OpenSans-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/OpenSans/Regular/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/OpenSans/Regular/OpenSans-Regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/OpenSans/Regular/OpenSans-Regular.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/OpenSans/Regular/OpenSans-Regular.svg#svgFontName') format('svg');
+  /* Legacy iOS */
 }
 @font-face {
   font-family: 'OpenSans-Semibold';
   src: url('../fonts/OpenSans/Semibold/OpenSans-Semibold.eot');
-  src: url('../fonts/OpenSans/Semibold/OpenSans-Semibold.ttf') format('truetype'), url('../fonts/OpenSans/Semibold/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans/Semibold/OpenSans-Semibold.woff2') format('woff2'), url('../fonts/OpenSans/Semibold/OpenSans-Semibold.woff') format('woff'), url('../fonts/OpenSans/Semibold/OpenSans-Semibold.svg#svgFontName') format('svg');
+  /* IE9 Compat Modes */
+  src: url('../fonts/OpenSans/Semibold/OpenSans-Semibold.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/OpenSans/Semibold/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/OpenSans/Semibold/OpenSans-Semibold.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/OpenSans/Semibold/OpenSans-Semibold.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/OpenSans/Semibold/OpenSans-Semibold.svg#svgFontName') format('svg');
+  /* Legacy iOS */
 }
 @font-face {
   font-family: 'ProximaNova-Regular';
-  src: url('../fonts/ProximanovaWebfont/ProximaNova-Regular.ttf') format('truetype'), url('../fonts/ProximanovaWebfont/ProximaNova-Regular.woff') format('woff'), url('../fonts/ProximanovaWebfont/ProximaNova-Regular.eot?#iefix') format('embedded-opentype');
+  src: url('../fonts/ProximanovaWebfont/ProximaNova-Regular.ttf') format('truetype'), url('../fonts/ProximanovaWebfont/ProximaNova-Regular.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/ProximanovaWebfont/ProximaNova-Regular.eot?#iefix') format('embedded-opentype');
+  /* IE6-IE8 */
+  /* Safari, Android, iOS */
   font-style: normal;
   font-weight: normal;
   text-rendering: optimizeLegibility;
 }
 @font-face {
   font-family: 'ProximaNova-Semibold';
-  src: url('../fonts/ProximanovaWebfont/ProximaNova-Semibold.ttf') format('truetype'), url('../fonts/ProximanovaWebfont/ProximaNova-Semibold.woff') format('woff'), url('../fonts/ProximanovaWebfont/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype');
+  src: url('../fonts/ProximanovaWebfont/ProximaNova-Semibold.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/ProximanovaWebfont/ProximaNova-Semibold.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/ProximanovaWebfont/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype');
+  /* IE6-IE8 */
   font-style: normal;
   font-weight: normal;
   text-rendering: optimizeLegibility;
 }
+/**********************************/
+/************ Layout **************/
+/**********************************/
 html {
   height: 100%;
   overflow-y: auto;
@@ -102,6 +114,7 @@ body {
 @media (min-width: 992px) {
   .global-nav .logo-container {
     display: inline-block;
+    width: 150px;
     z-index: 2;
     padding-left: 6%;
     margin-top: 1px;
@@ -113,11 +126,13 @@ body {
     position: absolute;
     width: 100%;
     height: 42px;
+    /*        border-top:1px solid #ddd;*/
     border-bottom: 1px solid #ddd;
   }
   .app-nav .module-action-bar .module-action-content {
     background: #FBFBFB;
     height: 41px;
+    /*        border-bottom: 1px solid #eee;*/
   }
   .app-nav .module-action-bar .module-action-content .navbar-right {
     margin-right: 0;
@@ -163,7 +178,7 @@ body {
     padding-left: 0;
   }
 }
-.btn-toolbar >.btn-group:first-child {
+.btn-toolbar > .btn-group:first-child {
   margin-left: 5px;
 }
 .vt-notification {
@@ -196,15 +211,19 @@ body {
 .vt-notification [data-notify="message"] {
   color: #eaeaea;
 }
+/**********************************/
+/******** Navigation styles *******/
+/**********************************/
 .company-logo {
   height: 40px;
+  width: 150px;
   margin: 0 0;
   display: inline-block;
   margin-left: 1px;
 }
 .company-logo img {
-  max-height: 100%;
-  max-width: 100%;
+  height: 100%;
+  width: auto;
 }
 .navbar .fa {
   font-size: 15px;
@@ -214,10 +233,13 @@ body {
   font-size: 16px;
   position: relative;
 }
+/*.module-action-bar .module-action-content #appnav{
+    padding-top:5px;
+}*/
 .global-nav .navbar-nav > li div a {
   padding: 15px;
 }
-.global-nav>ul {
+.global-nav > ul {
   margin-right: 20px;
 }
 .global-nav .search-links-container {
@@ -267,26 +289,28 @@ body {
     float: right;
     height: 42px;
   }
-  .module-action-bar .navbar-right .nav>li {
+  .module-action-bar .navbar-right .nav > li {
     display: inline-block;
   }
-  .module-action-bar .navbar-right .nav>li a {
+  .module-action-bar .navbar-right .nav > li a {
     padding: 0 10px;
   }
   .global-nav .logo-container {
     border-bottom: 0;
+    width: 150px;
   }
 }
 @media (max-width: 991px) {
   .global-nav .logo-container {
     border-bottom: 0;
+    width: 150px;
   }
   .notificationMessageHolder {
     padding-left: 45%;
   }
 }
 @media (min-width: 991px) {
-  .nav>li>a.qc-button {
+  .nav > li > a.qc-button {
     padding: 2px 3px;
     margin-top: 13px;
     margin-right: 15px;
@@ -294,7 +318,7 @@ body {
     color: #fff;
     border-radius: 20px;
   }
-  .nav>li>a.qc-button span {
+  .nav > li > a.qc-button span {
     vertical-align: top;
   }
 }
@@ -313,6 +337,7 @@ body {
   width: 100%;
   height: 100%;
 }
+/** App Nav Styles */
 .active-app-title {
   white-space: nowrap;
   font-family: Oswald, "OpenSans-Semibold", "Helvetica Neue", Helvetica, sans-serif;
@@ -367,7 +392,9 @@ body {
   height: 42px;
   text-align: center;
   line-height: 42px;
+  /*    background-color: #2c3b49;*/
   color: #ffffff;
+  /*border-bottom: 1px solid #272B46;*/
 }
 .app-nav .app-indicator-icon-container .app-indicator-icon {
   font-size: 24px;
@@ -479,16 +506,16 @@ body {
   right: -4px;
 }
 #overlayPageContent .mCSB_scrollTools,
-#overlayPageContent .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
-#overlayPageContent .mCSB_scrollTools .mCSB_buttonUp,
-#overlayPageContent .mCSB_scrollTools .mCSB_buttonDown,
-#overlayPageContent .mCSB_scrollTools .mCSB_buttonLeft,
-#overlayPageContent .mCSB_scrollTools .mCSB_buttonRight,
 .app-list .mCSB_scrollTools,
+#overlayPageContent .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
 .app-list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
+#overlayPageContent .mCSB_scrollTools .mCSB_buttonUp,
 .app-list .mCSB_scrollTools .mCSB_buttonUp,
+#overlayPageContent .mCSB_scrollTools .mCSB_buttonDown,
 .app-list .mCSB_scrollTools .mCSB_buttonDown,
+#overlayPageContent .mCSB_scrollTools .mCSB_buttonLeft,
 .app-list .mCSB_scrollTools .mCSB_buttonLeft,
+#overlayPageContent .mCSB_scrollTools .mCSB_buttonRight,
 .app-list .mCSB_scrollTools .mCSB_buttonRight {
   -webkit-transition: none;
   transition: none;
@@ -700,6 +727,7 @@ a.menu-item:hover {
   width: 0px;
   overflow: hidden;
 }
+/* User Logout */
 .logout-content {
   padding: 10px;
   width: 350px;
@@ -754,6 +782,9 @@ a.menu-item:hover {
 .app-settings {
   background: #FFFFFF;
 }
+/*************************************************/
+/******** View styles (List/Edit/Detail..) *******/
+/*************************************************/
 .viewContent .content-area {
   padding-left: 50px;
 }
@@ -791,7 +822,6 @@ a.menu-item:hover {
 .fieldValue .value {
   max-width: 85%;
   display: inline-block;
-  word-break: break-word;
 }
 .modal-header button.close {
   padding: 0;
@@ -865,6 +895,9 @@ input[type="password"].inputElement {
   padding-right: 20px;
   padding-left: 20px;
 }
+/**********************************/
+/**** Side vertical Nav styles ****/
+/**********************************/
 .module-nav {
   background: #fff;
   z-index: 1004;
@@ -880,6 +913,9 @@ input[type="password"].inputElement {
   left: 0;
   transition: 0s width;
 }
+.module-nav:hover {
+  /*z-index: 1001;*/
+}
 .modules-menu ul {
   list-style: none;
   margin-left: 0;
@@ -914,7 +950,7 @@ input[type="password"].inputElement {
   float: left;
   font-size: 20px;
 }
-.modules-menu ul li a>span {
+.modules-menu ul li a > span {
   margin-left: 10px;
   vertical-align: middle;
   font-size: 13px;
@@ -954,6 +990,7 @@ input[type="password"].inputElement {
   width: 100%;
   left: 0%;
 }
+/** Lists Menu in Side bar */
 .module-filters .settings-sidebar,
 .module-filters .sidebar-container {
   padding: 0 12px;
@@ -987,6 +1024,7 @@ input[type="password"].inputElement {
 .lists-menu-container hr {
   margin: 5px 0;
 }
+/* mScrollbar customization for lists widget */
 .lists-menu-container .menu-scroller .mCSB_scrollTools {
   width: 13px;
 }
@@ -998,8 +1036,10 @@ input[type="password"].inputElement {
 .modules-menu .mCSB_scrollTools .mCSB_draggerContainer {
   left: 8px;
 }
+/* Customization ends */
 .lists-menu-container .list-menu-content .more-less-link {
   color: #fff;
+  /*text-decoration: none;*/
 }
 .lists-menu-container .list-menu-content .sub-header {
   color: #ddd;
@@ -1104,9 +1144,11 @@ input[type="password"].inputElement {
 .common-links-container > div a {
   color: #fff;
 }
+/*Search Container styles */
 .search-container {
   min-height: 300px;
   position: absolute;
+  /*z-index: 1030;*/
   width: 100%;
   top: 0;
   background: #FBFBFB;
@@ -1125,6 +1167,7 @@ input[type="password"].inputElement {
 .footer p {
   margin: 5px 0;
 }
+/*** Utilities ***/
 .showElement {
   display: block !important;
   height: 100%;
@@ -1247,11 +1290,11 @@ ul.unstyled {
 }
 .emptyRecordsDiv .emptyRecordsContent {
   display: inline-block;
-  font-size: 16px;
   left: 50%;
   margin-left: -25%;
   position: absolute;
   width: 50%;
+  font-size: 16px;
 }
 .textOverflowEllipsis {
   overflow: hidden;
@@ -1276,6 +1319,9 @@ ul.unstyled {
 .removeNoFileChosen {
   color: transparent !important;
 }
+/***********************************
+**********Button Styles**********
+***********************************/
 .module-buttons-container {
   float: right;
   margin-right: 10px;
@@ -1297,6 +1343,7 @@ ul.unstyled {
   margin: 4px 2px;
   border-radius: 2px;
   border: 1px solid #ddd;
+  text-transform: uppercase;
   color: #666;
   background: #fff;
 }
@@ -1317,6 +1364,9 @@ ul.unstyled {
   color: #FFFFFF !important;
   background: #5bc0de !important;
 }
+/***********************************
+**********List View Styles**********
+***********************************/
 .fa.pull-left {
   margin-right: 0;
 }
@@ -1351,7 +1401,7 @@ ul.unstyled {
   font-size: 20px;
 }
 .listview-pagination .disabled {
-  color: rgba(0,0,0,0.2);
+  color: rgba(0, 0, 0, 0.2);
 }
 .listview-pagination .disabled:hover {
   cursor: default;
@@ -1379,6 +1429,8 @@ ul.unstyled {
 .listview-table {
   margin-bottom: 0;
   border-top: 0;
+  /* Horizontal scroll will not work if table layout Fixed */
+  /*    table-layout: fixed;*/
 }
 .listview-table tr td,
 .listview-table tr th {
@@ -1408,7 +1460,7 @@ ul.unstyled {
   width: 100%;
 }
 .listViewEntries .relatedListEntryValues .fieldValue .value,
-.listViewEntries  .listViewEntryValue .fieldValue .value {
+.listViewEntries .listViewEntryValue .fieldValue .value {
   vertical-align: middle;
   width: 100%;
   display: inline-block;
@@ -1423,7 +1475,7 @@ ul.unstyled {
 }
 .listview-table-norecords .table-actions,
 .listview-table .table-actions {
-  width: 120px;
+  width: 110px;
   font-size: 15px;
   color: #555;
   margin-left: 7px;
@@ -1489,13 +1541,13 @@ input[type=checkbox]:checked {
   vertical-align: middle;
   display: table-cell;
 }
-.listview-table  tr.searchRow th {
+.listview-table tr.searchRow th {
   padding: 5px 3px;
 }
-.listview-table  tr.searchRow th.inline-search-btn {
+.listview-table tr.searchRow th.inline-search-btn {
   padding: 3px 10px;
 }
-.listview-table  tr.searchRow th.inline-search-btn button {
+.listview-table tr.searchRow th.inline-search-btn button {
   text-align: center;
   width: 85%;
   text-shadow: none;
@@ -1523,6 +1575,18 @@ input[type=checkbox]:checked {
   background-color: #FFEEEE !important;
   background-image: none !important;
 }
+/*.floatThead-wrapper .table-container{
+    z-index: 0 !important;
+}*/
+/* List view bottom fixed scroll */
+/*.bottom-fixed-scroll{
+    height: 14px;
+    position: relative;
+    top: -15px;
+    overflow-x: auto;
+    overflow-y: hidden;
+    width: 100%;
+}*/
 .scroller-div {
   height: 1px;
 }
@@ -1644,12 +1708,12 @@ input[type=checkbox]:checked {
 #listColumnFilterContainer .disabled i {
   color: #ccc;
 }
+/**********************************
+**********Detail View Styles**********
+**********************************/
 .detailViewButtoncontainer {
   padding-top: 5px;
 }
-.detailViewButtoncontainer button.btn {
-  margin: 0px 1px !important;
-}
 .detailview-header .recordBasicInfo > .info-row {
   margin-bottom: 4px;
 }
@@ -1730,9 +1794,6 @@ th {
   margin-top: 3%;
   margin-right: 2%;
 }
-.overlayDetailHeader button.btn {
-  margin: 0px 1px !important;
-}
 .referencefield-wrapper .createReferenceRecord {
   float: left;
   margin-left: 5px;
@@ -1972,10 +2033,10 @@ th {
   z-index: 1030;
 }
 .overlay-container-60 {
-  margin-left: 42px;
+  margin-left: 42px ;
 }
 .overlay-container-300 {
-  margin-left: 230px;
+  margin-left: 230px ;
 }
 .overlayPageContent {
   background: #FFFFFF;
@@ -2098,6 +2159,9 @@ th {
   height: 26px;
   line-height: 25px;
 }
+/**********************************
+**********Summary View Styles******
+**********************************/
 .summary-table {
   width: 100%;
   table-layout: fixed;
@@ -2218,33 +2282,33 @@ th {
   opacity: 1;
   cursor: pointer;
 }
-.details.row >form .social-media-toggle {
+.details.row > form .social-media-toggle {
   position: absolute;
   right: -15px;
   display: inline-block;
   width: 500px;
   border-left: 0px;
 }
-.details.row >form .social-media-widget {
+.details.row > form .social-media-widget {
   border-left: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
   height: 100%;
   background: white;
 }
-.details.row >form div[class*="col-"].resizable-summary-view {
+.details.row > form div[class*="col-"].resizable-summary-view {
   padding-left: 0;
   padding-right: 0px;
 }
-.details.row >form>div[class*="col-"],
-.details.row >form .resizable-summary-view div[class*="col-"] {
+.details.row > form > div[class*="col-"],
+.details.row > form .resizable-summary-view div[class*="col-"] {
   padding-right: 0;
   padding: 0px 5px;
 }
-.details.row >form>div[class*="col-"]:first-child,
-.details.row >form .left-block {
+.details.row > form > div[class*="col-"]:first-child,
+.details.row > form .left-block {
   padding-left: 0 !important;
 }
-.details.row >form>div[class*="col-"]:last-child {
+.details.row > form > div[class*="col-"]:last-child {
   padding-right: 0;
 }
 .summaryWidgetContainer .noContent {
@@ -2257,6 +2321,9 @@ th {
 .caseReplyArea .nav > li {
   padding: 0 10px;
 }
+/**********************************
+**********Edit View Styles*******
+**********************************/
 .main-container .editViewModNavigator.module-nav,
 .editViewModNavigator .mod-switcher-container,
 .editViewModNavigator .modules-menu {
@@ -2297,7 +2364,7 @@ th {
   width: 100%;
 }
 .editViewContents .input-group {
-  width: 229px;
+  width: 208px;
   float: left;
 }
 .input-group.inputElement .input-group-addon {
@@ -2376,6 +2443,9 @@ th {
   z-index: 1000;
   padding: 7px;
 }
+/**********************************
+**********Advance Search styles**********
+**********************************/
 .op0.fadeInx {
   opacity: 1;
 }
@@ -2448,7 +2518,11 @@ th {
 }
 .btn + input {
   margin-left: 5px;
+  /*    margin-top : 3px;*/
 }
+/**********************************
+**********Extension Store Styles**********
+**********************************/
 .extensionstore .app-trigger {
   width: 98%;
 }
@@ -2479,6 +2553,9 @@ th {
 .extensionContents .extensionError {
   color: #F10404;
 }
+/**********************************
+**********Extension Store Nav Bar**********
+**********************************/
 .tabbable-line > .nav-tabs {
   border: none;
   margin: 0px;
@@ -2547,6 +2624,9 @@ th {
 .extensionContents .listview-table {
   width: 100%;
 }
+/*******************************************
+******Detail View related list styles*******
+********************************************/
 .relatedContents .listViewContentHeaderValues:hover {
   text-decoration: none;
   color: #333;
@@ -2604,6 +2684,9 @@ th {
 .relatedViewActions .btn-group {
   margin-right: 15px;
 }
+/*******************************************
+****************** Modal *******************
+********************************************/
 .modal-header {
   padding: 5px 15px;
   background: #596875;
@@ -2631,6 +2714,7 @@ th {
   width: 100%;
   float: left;
   background: #596875;
+  /*    height: 100%;*/
 }
 .settings-menu {
   display: inline-block;
@@ -2647,7 +2731,7 @@ th {
   cursor: n-resize;
 }
 .settings-menu-items {
-  box-shadow: 0 1px 1px rgba(0,0,0,0.05);
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
   margin-bottom: 10px;
   text-align: justify;
 }
@@ -2765,9 +2849,6 @@ th {
 .active .stepNum {
   color: #FFFFFF;
 }
-.mailBoxEditDiv .crumbs li {
-  width: 22%;
-}
 .stepNum {
   display: inline-block;
   padding: 0 5px;
@@ -2776,6 +2857,7 @@ th {
   vertical-align: middle;
   color: #3399ff;
 }
+/* .squaredFour */
 .squaredFour {
   width: 20px;
   position: relative;
@@ -2789,9 +2871,9 @@ th {
   top: 0;
   left: 0;
   background: #fcfff4;
-  background: linear-gradient(top,#fcfff4 0%,#dfe5d7 40%,#b3bead 100%);
+  background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
   border-radius: 4px;
-  box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
+  box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
 }
 .squaredFour label:after {
   content: '';
@@ -2819,13 +2901,16 @@ th {
 .importBlockContainer {
   color: #596875;
 }
+/******************************************* 
+************* Social Buttons *************** 
+********************************************/
 .btn-block + .btn-block {
   margin-top: 5px;
 }
 .btn-google-plus {
   color: #FFFFFF !important;
   background-color: #DD4B39;
-  border-color: rgba(0,0,0,0.2);
+  border-color: rgba(0, 0, 0, 0.2);
 }
 .btn-social {
   position: relative;
@@ -2844,15 +2929,18 @@ th {
   line-height: 34px;
   font-size: 1.6em;
   text-align: center;
-  border-right: 1px solid rgba(0,0,0,0.2);
+  border-right: 1px solid rgba(0, 0, 0, 0.2);
 }
+/******************************************* 
+************* Updates Timeline *************** 
+********************************************/
 .recentActivitiesContainer .history {
   margin: 0 auto;
   padding: 20px 20px 1px;
   max-width: 100%;
   overflow-x: visible;
-  -webkit-transition: opacity .2s ease-out;
-  transition: opacity .2s ease-out;
+  -webkit-transition: opacity 0.2s ease-out;
+  transition: opacity 0.2s ease-out;
 }
 .updates_timeline {
   padding-top: 20px;
@@ -2861,6 +2949,7 @@ th {
   padding: 0;
   list-style: none;
 }
+/* The line */
 .updates_timeline:before {
   content: '';
   position: absolute;
@@ -2879,6 +2968,7 @@ th {
   min-height: 40px;
   z-index: 2;
 }
+/* Left Content(Time) */
 .updates_timeline > li .update_time {
   position: absolute;
   margin: 0;
@@ -2890,6 +2980,7 @@ th {
   font-size: 15px;
   font-style: italic;
 }
+/* Right content(Update info) */
 .updates_timeline > li .update_info {
   padding: 10px 10px 1px;
   display: block;
@@ -2898,10 +2989,11 @@ th {
   position: relative;
   top: -45px;
 }
-.updates_timeline > li .update_info >h3 {
+.updates_timeline > li .update_info > h3 {
   font-size: 1.1em;
   margin-left: -3%;
 }
+/* The icons  */
 .updates_timeline > li .update_icon {
   position: relative;
   border-radius: 50%;
@@ -2914,6 +3006,7 @@ th {
   color: #fff;
   line-height: 35px;
 }
+/* More Button */
 .updates_timeline #more_button .update_icon {
   position: relative;
   border-radius: 0;
@@ -3021,6 +3114,9 @@ th {
   vertical-align: super;
   font-size: 13px;
 }
+/******************************************* 
+************* Task Management ************** 
+********************************************/
 #taskManagementContainer .data-body {
   margin-bottom: 50px;
 }
@@ -3083,15 +3179,16 @@ th {
 #taskManagementContainer .other-details {
   color: #979797;
 }
+/*overwriting jquery ui css*/
 .ui-menu {
   z-index: 10000;
 }
 #taskManagementContainer button.active {
   background: #3B83F7;
   color: white;
-  text-shadow: 0 1px rgba(0,0,0,0.3);
+  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
   border: 1px solid #135fd7;
-  box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
+  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
 }
 .taskSubject {
   width: 99%;
@@ -3099,6 +3196,9 @@ th {
 #taskManagementContainer .mCustomScrollbar .mCSB_inside > .mCSB_container {
   margin-right: 13px;
 }
+/******************************************* 
+************* Settings Page ************** 
+********************************************/
 .settingsPageDiv.content-area {
   margin-right: 0;
 }
@@ -3132,6 +3232,9 @@ th {
 .settingsgroup-accordion a i {
   margin-right: 5px;
 }
+.settingsgroup-accordion a span {
+  text-transform: uppercase;
+}
 .settingsgroup {
   background: #2C3B49;
   height: 100%;
@@ -3288,35 +3391,59 @@ th {
 }
 .mini-slider-control[data-value="0"] .ui-slider-handle {
   background: #7d7e7d;
-  background: -moz-linear-gradient(top,#7d7e7d 0%,#0e0e0e 100%);
-  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#7d7e7d),color-stop(100%,#0e0e0e));
-  background: -webkit-linear-gradient(top,#7d7e7d 0%,#0e0e0e 100%);
-  background: -o-linear-gradient(top,#7d7e7d 0%,#0e0e0e 100%);
-  background: -ms-linear-gradient(top,#7d7e7d 0%,#0e0e0e 100%);
-  background: linear-gradient(to bottom,#7d7e7d 0%,#0e0e0e 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7e7d',endColorstr='#0e0e0e',GradientType=0);
+  /* Old browsers */
+  background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
+  /* FF3.6+ */
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7d7e7d), color-stop(100%, #0e0e0e));
+  /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
+  /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
+  /* Opera 11.10+ */
+  background: -ms-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
+  /* IE10+ */
+  background: linear-gradient(to bottom, #7d7e7d 0%, #0e0e0e 100%);
+  /* W3C */
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7e7d', endColorstr='#0e0e0e', GradientType=0);
+  /* IE6-9 */
   margin-left: 0px;
 }
 .mini-slider-control[data-value="1"] .ui-slider-handle {
   background: #ffb76b;
-  background: -moz-linear-gradient(top,#ffb76b 0%,#ffa73d 0%,#ff7c00 49%,#ff7f04 100%);
-  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffb76b),color-stop(0%,#ffa73d),color-stop(49%,#ff7c00),color-stop(100%,#ff7f04));
-  background: -webkit-linear-gradient(top,#ffb76b 0%,#ffa73d 0%,#ff7c00 49%,#ff7f04 100%);
-  background: -o-linear-gradient(top,#ffb76b 0%,#ffa73d 0%,#ff7c00 49%,#ff7f04 100%);
-  background: -ms-linear-gradient(top,#ffb76b 0%,#ffa73d 0%,#ff7c00 49%,#ff7f04 100%);
-  background: linear-gradient(to bottom,#ffb76b 0%,#ffa73d 0%,#ff7c00 49%,#ff7f04 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb76b',endColorstr='#ff7f04',GradientType=0);
+  /* Old browsers */
+  background: -moz-linear-gradient(top, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%);
+  /* FF3.6+ */
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffb76b), color-stop(0%, #ffa73d), color-stop(49%, #ff7c00), color-stop(100%, #ff7f04));
+  /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(top, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%);
+  /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(top, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%);
+  /* Opera 11.10+ */
+  background: -ms-linear-gradient(top, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%);
+  /* IE10+ */
+  background: linear-gradient(to bottom, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%);
+  /* W3C */
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb76b', endColorstr='#ff7f04', GradientType=0);
+  /* IE6-9 */
   margin-left: -6px;
 }
 .mini-slider-control[data-value="2"] .ui-slider-handle {
   background: #bfd255;
-  background: -moz-linear-gradient(top,#bfd255 0%,#8eb92a 79%,#72aa00 100%,#9ecb2d 100%);
-  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#bfd255),color-stop(79%,#8eb92a),color-stop(100%,#72aa00),color-stop(100%,#9ecb2d));
-  background: -webkit-linear-gradient(top,#bfd255 0%,#8eb92a 79%,#72aa00 100%,#9ecb2d 100%);
-  background: -o-linear-gradient(top,#bfd255 0%,#8eb92a 79%,#72aa00 100%,#9ecb2d 100%);
-  background: -ms-linear-gradient(top,#bfd255 0%,#8eb92a 79%,#72aa00 100%,#9ecb2d 100%);
-  background: linear-gradient(to bottom,#bfd255 0%,#8eb92a 79%,#72aa00 100%,#9ecb2d 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfd255',endColorstr='#9ecb2d',GradientType=0);
+  /* Old browsers */
+  background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%);
+  /* FF3.6+ */
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bfd255), color-stop(79%, #8eb92a), color-stop(100%, #72aa00), color-stop(100%, #9ecb2d));
+  /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(top, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%);
+  /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(top, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%);
+  /* Opera 11.10+ */
+  background: -ms-linear-gradient(top, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%);
+  /* IE10+ */
+  background: linear-gradient(to bottom, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%);
+  /* W3C */
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfd255', endColorstr='#9ecb2d', GradientType=0);
+  /* IE6-9 */
   margin-left: -13px;
 }
 .ModulemanagerSettings .moduleblock .hiden {
@@ -3341,10 +3468,13 @@ th {
 th {
   padding: 6px;
 }
+/******************************************* 
+********** CustomerPortal styles start ********
+********************************************/
 .cp-tabs .enabledModules {
   display: inline-block ! important;
-  margin-left: 4px !important;
-  margin-right: 4px !important;
+  margin-left: 4px!important;
+  margin-right: 4px!important;
   vertical-align: top;
 }
 .drag-portal-module {
@@ -3451,7 +3581,7 @@ th {
   margin-left: 5px;
 }
 .portal-field-delete {
-  margin-left: 45px !important;
+  margin-left: 45px!important;
 }
 .portalModuleRow {
   border-left: 4px solid #8E44AD !important;
@@ -3468,7 +3598,7 @@ th {
   content: "*";
   color: red;
 }
-.nav-tabs .cp-modules > .active >a,
+.nav-tabs .cp-modules > .active > a,
 .nav-tabs .cp-modules > .active > a:hover {
   border: 0px !important;
   border-top-right-radius: 0px;
@@ -3630,7 +3760,7 @@ th {
   display: inline-block;
 }
 .quickPreview .updates_timeline:before {
-  background: #e6e6e6;
+  background: #e5e5e5;
   width: 2px;
   margin-left: -1%;
 }
@@ -3645,13 +3775,16 @@ th {
 .quickPreviewComments .recentComments .commentDetails .comment {
   line-height: 15px;
 }
-.quickPreviewComments  .summaryWidgetContainer {
+.quickPreviewComments .summaryWidgetContainer {
   border: 0;
   padding: 0;
 }
 .quickPreview .recentActivitiesContainer .history {
   padding: 0;
 }
+/******************************************* 
+********** Calendar view styles ************
+********************************************/
 .calendar-sidebar {
   width: 100% !important;
 }
@@ -3808,6 +3941,11 @@ th {
   display: inline-block;
   text-align: center;
 }
+/******************************************* 
+********** Calendar view styles end ********
+
+********** Documents Module styles *********
+********************************************/
 .dragdrop-dotted {
   border: 2px dashed #C0C0C0;
   min-width: 300px;
@@ -3867,13 +4005,16 @@ tr.file > td.fileOwnerData {
   width: 100px;
   white-space: pre-wrap;
 }
+/******************************************* 
+********** Documents Module styles end *****
+********************************************/
 .engagementsContainer .engagements_content {
   padding-top: 15px;
 }
 .summaryWidgetContainer .engagementsContainer table {
   width: inherit;
 }
-.engagements_content table thead>tr:first-child {
+.engagements_content table thead > tr:first-child {
   border: 1px solid #CCC;
   background-color: #F5F5F5;
 }
@@ -3924,6 +4065,9 @@ tr.file > td.fileOwnerData {
   font-size: 15px;
   padding: 1% 0;
 }
+/******************************************* 
+********** Mailroom view styles start ********
+********************************************/
 .mailroomBanner {
   margin: 23px 0;
   height: 215px;
@@ -4132,6 +4276,7 @@ tr.file > td.fileOwnerData {
   margin-left: 0;
 }
 .mentionMessages .mention_follow_up {
+  /*//load this color from variable.less*/
   background-color: green;
 }
 .modelContainer .modal-content {
@@ -4280,6 +4425,7 @@ form[name="notification_settings"] .select2-choice {
   margin-left: 0;
 }
 .mentionMessages .mention_follow_up {
+  /*//load this color from variable.less*/
   background-color: green;
 }
 .modal-content .mention_followup .row {
@@ -4311,6 +4457,9 @@ form[name="notification_settings"] .select2-choice {
 .mentionMessageHeader .MultiFile-remove {
   color: #FFFFFF;
 }
+/******************************************* 
+********** Mailroom view styles end ********
+********************************************/
 .detailview-header {
   margin-bottom: 10px;
 }
@@ -4326,6 +4475,7 @@ form[name="notification_settings"] .select2-choice {
   margin: 0px 10px;
   text-decoration: underline !important;
   color: #3498DB;
+  /*font-size : 12px;*/
 }
 .tag {
   display: inline-block;
@@ -4409,11 +4559,10 @@ form[name="notification_settings"] .select2-choice {
   border: 1px solid #dcdcdc;
 }
 #tagCloud .tag {
-  color: #5ea9dd;
-  padding: 0px;
   background-color: #FFFFFF;
   border-color: #FFFFFF;
   border-radius: 0px;
+  color: #5ea9dd;
   margin: 3px;
 }
 #tagCloud .tag[data-type="public"] {
@@ -4424,6 +4573,9 @@ form[name="notification_settings"] .select2-choice {
   max-width: 80px;
   vertical-align: bottom;
 }
+/******************************************* 
+********** Groups view styles ********
+********************************************/
 #s2id_memberList li > div,
 .groupMembersColors li > div {
   margin-left: 10px;
@@ -4498,6 +4650,12 @@ form[name="notification_settings"] .select2-choice {
   margin: 0px;
   color: #444444;
 }
+/******************************************* 
+********** Groups view styles  ends********
+********************************************/
+/******************************************* 
+********** Picklist Css ********
+********************************************/
 .pickListValue {
   background-color: #FFFFFF;
 }
@@ -4512,6 +4670,12 @@ form[name="notification_settings"] .select2-choice {
   padding: 2px 1px !important;
   line-height: 15px;
 }
+/******************************************* 
+************* Dashboard Styles *************
+********************************************/
+li.dashboardWidget {
+  overflow: auto;
+}
 .dashboardWidgetHeader .title {
   padding-bottom: 10px;
   font-size: 15px;
@@ -4532,9 +4696,6 @@ form[name="notification_settings"] .select2-choice {
 .dashBoardContainer .tabContainer .tab-content {
   margin-top: 10px;
 }
-.dashBoardContainer .dashBoardTabContents ul {
-  margin: 0;
-}
 .dashBoardContainer .dashBoardTabContents ul li {
   border: 3px solid #E2E2E4;
   box-shadow: 1px;
@@ -4601,7 +4762,7 @@ form[name="notification_settings"] .select2-choice {
   display: inline-block;
   opacity: 1;
 }
-.dashBoardContainer .tabContainer li a  .deleteTab:hover {
+.dashBoardContainer .tabContainer li a .deleteTab:hover {
   cursor: pointer;
 }
 #minilistWizardContainer .fieldLabel {
@@ -4638,6 +4799,9 @@ form[name="notification_settings"] .select2-choice {
   resize: none;
   width: 100%;
 }
+/******************************************* 
+********** Picklist DependencyGraph ********
+********************************************/
 #dependencyGraph .tableHeading {
   text-align: center;
   padding-top: 30px;
@@ -4663,12 +4827,15 @@ form[name="notification_settings"] .select2-choice {
 #dependencyGraph .dependencyMapping .pickListDependencyTable .selectedCell {
   background: #a9cbf5;
 }
+/******************************************* 
+********** Rewriting select2 for consistency********
+********************************************/
 .select2-container .select2-choice {
   height: 29px;
   border-radius: 1px;
 }
 .modal {
-  z-index: 1100;
+  z-index: 1070;
 }
 .select2-container .select2-choice {
   height: 28px;
@@ -4756,6 +4923,7 @@ hr {
   position: fixed;
   bottom: 0;
   background: #EFEFEF;
+  /*width:100%;*/
   border-left: 42px solid #2c3b49;
   height: 60px;
   left: 0;
@@ -4774,7 +4942,6 @@ hr {
 }
 .settingsPageDiv .modal-overlay-footer {
   margin-left: 230px;
-  border-left: 0px solid;
 }
 .settingsOverlayContainer .modal-overlay-footer {
   margin: 0;
@@ -4797,14 +4964,14 @@ hr {
   vertical-align: middle;
   margin-top: 6px;
 }
-.list-menu-content .pull-right>.dropdown-menu {
+.list-menu-content .pull-right > .dropdown-menu {
   left: -126px;
   position: relative;
 }
-.dropdown-menu>li>a {
+.dropdown-menu > li > a {
   padding: 4px 6px;
 }
-.dropdown-menu>li>a span i {
+.dropdown-menu > li > a span i {
   font-size: 15px;
   vertical-align: middle;
 }
@@ -4812,11 +4979,11 @@ hr {
   max-height: 300px;
   padding-left: 0;
 }
-.related-tabs .dropdown-menu>.mCustomScrollBox>.mCSB_container {
+.related-tabs .dropdown-menu > .mCustomScrollBox > .mCSB_container {
   margin-right: 0;
   padding: 4px 6px;
 }
-.related-tabs .dropdown-menu>.mCustomScrollBox>.mCSB_container>li>a {
+.related-tabs .dropdown-menu > .mCustomScrollBox > .mCSB_container > li > a {
   display: block;
   padding: 3px 5px;
   clear: both;
@@ -4825,7 +4992,7 @@ hr {
   color: #333;
   white-space: nowrap;
 }
-.related-tabs .dropdown-menu>.mCustomScrollBox>.mCSB_container span i {
+.related-tabs .dropdown-menu > .mCustomScrollBox > .mCSB_container span i {
   font-size: 15px;
   vertical-align: middle;
 }
@@ -4848,16 +5015,16 @@ hr {
 .calendar-sidebar .calendar-sidebar-tabs.padding {
   padding-left: 20px !important;
 }
-.related-tabs.row .nav>li {
+.related-tabs.row .nav > li {
   padding: 0 10px;
   margin: 0 2px;
 }
-.massEditTabs.nav>li {
+.massEditTabs.nav > li {
   padding: 0 10px;
   margin: 0 4px;
 }
-.row .nav>li>a,
-.row .nav>li>a:hover {
+.row .nav > li > a,
+.row .nav > li > a:hover {
   padding: 10px 3px;
   border: none;
   vertical-align: bottom;
@@ -4867,38 +5034,39 @@ hr {
   -webkit-box-sizing: border-box;
   -o-box-sizing: border-box;
 }
-.row .nav>li>a:hover {
+.row .nav > li > a:hover {
   border-bottom-color: #555;
 }
-TN-34230
-
-.row .nav>li>a:hover {
+/*.row ul{
+    padding:0;
+}*/
+TN-34230 .row .nav > li > a:hover {
   border-bottom-color: #555;
   background: none;
 }
 .row ul li:first-child {
   margin-left: 0;
 }
-.related-tabs .nav-tabs>li.active,
-.related-tabs .nav-tabs>li:hover,
-.related-tabs .nav-tabs>li.active:focus,
-.dashBoardContainer .nav-tabs>li.active,
-.dashBoardContainer .nav-tabs>li:hover,
-.dashBoardContainer .nav-tabs>li.active:focus,
-.contents.tabbable .nav-tabs>li.active,
-.contents.tabbable .nav-tabs>li:hover,
-.contents.tabbable .nav-tabs>li.active:focus {
+.related-tabs .nav-tabs > li.active,
+.dashBoardContainer .nav-tabs > li.active,
+.contents.tabbable .nav-tabs > li.active,
+.related-tabs .nav-tabs > li:hover,
+.dashBoardContainer .nav-tabs > li:hover,
+.contents.tabbable .nav-tabs > li:hover,
+.related-tabs .nav-tabs > li.active:focus,
+.dashBoardContainer .nav-tabs > li.active:focus,
+.contents.tabbable .nav-tabs > li.active:focus {
   border: none;
   border-bottom: 3px solid #555;
 }
-.nav-tabs>li.active>a,
-.nav-tabs>li.active>a:hover,
-.nav-tabs>li.active>a:focus,
-.nav-tabs>li>a {
+.nav-tabs > li.active > a,
+.nav-tabs > li.active > a:hover,
+.nav-tabs > li.active > a:focus,
+.nav-tabs > li > a {
   border: 0;
 }
-.nav>li>a:hover,
-.nav>li>a:focus {
+.nav > li > a:hover,
+.nav > li > a:focus {
   background-color: #FFFFFF;
 }
 .fa-pencil,
@@ -4908,6 +5076,9 @@ TN-34230
 .commentAttachmentName {
   font-size: 11px;
 }
+/******************************************* 
+********** Layout Editor ********
+********************************************/
 .marginBottom10px {
   margin-bottom: 10px;
 }
@@ -4930,6 +5101,7 @@ TN-34230
 }
 .zeroOpacity {
   opacity: 0;
+  /*for IE*/
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
 }
@@ -4956,10 +5128,12 @@ TN-34230
 .layoutContent .opacity:hover .actions {
   opacity: 1;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+  /*for IE*/
   filter: alpha(opacity=100);
 }
 .layoutContent .fieldPropertyContainer:hover .actions {
   opacity: 1;
+  /*for IE*/
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=100);
 }
@@ -4982,6 +5156,7 @@ TN-34230
 .relatedTabModulesList .addButton {
   border-radius: 2px;
   border: 1px solid #DDDDDD;
+  text-transform: uppercase;
   color: #666666;
   background: #FFFFFF;
 }
@@ -5055,6 +5230,9 @@ TN-34230
   margin-left: 5px;
   word-break: break-all;
 }
+/******************************************* 
+************** Tax Management **************
+********************************************/
 #TaxCalculationsContainer .table tr:first-child,
 .taxModalContainer #editTax .table tr:first-child {
   border-bottom: 1px solid #ccc;
@@ -5094,6 +5272,9 @@ TN-34230
   max-height: 500px;
   overflow-y: auto;
 }
+/******************************************* 
+********** Workflows ********
+********************************************/
 #workflow_edit .editViewBody {
   overflow: inherit;
 }
@@ -5103,7 +5284,7 @@ TN-34230
 }
 .timePicker {
   width: 9.5em !important;
-  z-index: 1101 !important;
+  z-index: 1070 !important;
 }
 .weekDaySelect .ui-state-default {
   background: inherit;
@@ -5141,75 +5322,6 @@ TN-34230
 .module-filters.active {
   background: #F7F7F7;
 }
-.payment-type-selection {
-  margin-bottom: 30px;
-}
-.payment-type-selection img {
-  vertical-align: middle;
-}
-.currplan {
-  padding: 10px 20px;
-  background-color: #f3f3f3;
-  border: 1px solid #eee;
-  border-radius: 3px;
-}
-.currplan div {
-  display: inline-block;
-  font-size: 16px;
-}
-.planName {
-  display: inline-block;
-  color: #fff;
-  padding: 20px;
-  margin: 10px 20px;
-  font-size: 24px;
-  border-radius: 2px;
-}
-.plan-heading {
-  min-height: 168px;
-}
-.plan-title {
-  color: #fff;
-  font-size: 20px;
-  padding: 13px 0;
-}
-#sales_plan {
-  background: #3FC380;
-  font-size: x-large;
-  text-shadow: 1px 0 2px #555555;
-  color: #fff;
-}
-#salespremium_plan {
-  background: #00B16A;
-  font-size: x-large;
-  text-shadow: 1px 0 2px #555555;
-  color: #fff;
-}
-#support_plan {
-  background: #2980B9;
-  font-size: x-large;
-  text-shadow: 1px 0 2px #555555;
-  color: #fff;
-}
-#supportpremium_plan {
-  background: #2980B9;
-  font-size: x-large;
-  text-shadow: 1px 0 2px #555555;
-  color: #fff;
-}
-#ultimate_plan,
-#exclusive_plan {
-  background: #F39C12;
-  font-size: x-large;
-  text-shadow: 1px 0 2px #555555;
-  color: #fff;
-}
-#contact_plan {
-  background: #FF5959;
-  font-size: x-large;
-  text-shadow: 1px 0 2px #555555;
-  color: #fff;
-}
 .workflowListContainer .select2-container .select2-choice {
   height: 36px;
 }
@@ -5224,6 +5336,7 @@ TN-34230
 .contactAdd {
   border: 1px solid #eee;
   padding: 20px;
+  /*min-height: 310px !important;*/
 }
 #subDetails table td {
   padding: 7px 10px;
@@ -5346,9 +5459,9 @@ TN-34230
 .productBundles {
   padding-left: 20px;
 }
-.nav .open>a,
-.nav .open>a:hover,
-.nav .open>a:focus {
+.nav .open > a,
+.nav .open > a:hover,
+.nav .open > a:focus {
   color: #000000;
   background-color: #FFFFFF;
 }
@@ -5369,6 +5482,9 @@ TN-34230
   width: 100%;
   overflow-x: auto;
 }
+/******************************************* 
+*************** Mail Manager ***************
+********************************************/
 #mm_searchButton {
   height: 28px;
   background-color: #FFFFFF;
@@ -5424,8 +5540,8 @@ TN-34230
   padding: 1px 5px;
   border-radius: 3px;
   text-align: center;
-  text-shadow: 0 1px rgba(0,0,0,0.1);
-  background-image: -webkit-linear-gradient(top,#DD4B39 0,#D14836 100%);
+  text-shadow: 0 1px rgba(0, 0, 0, 0.1);
+  background-image: -webkit-linear-gradient(top, #DD4B39 0, #D14836 100%);
   border: 1px solid #C6322A;
   background-color: #DD4B39;
 }
@@ -5643,6 +5759,7 @@ TN-34230
 .width40per {
   width: 40%;
 }
+/****** Mail Manager Ends ******/
 .quickCreateContent .massEditTable textarea,
 .addCommentBlock .commentTextArea textarea {
   resize: vertical;
@@ -5655,19 +5772,20 @@ TN-34230
 .select2-container-multi .select2-choices {
   z-index: 1;
 }
-.nav .nav-stacks .cp-nav-header-wrapper>li.disabled>a:hover {
+/****** Customer Portal Settings ******/
+.nav .nav-stacks .cp-nav-header-wrapper > li.disabled > a:hover {
   background-color: #fff;
 }
-.cp-nav-header-wrapper>li.disabled>a:hover {
+.cp-nav-header-wrapper > li.disabled > a:hover {
   border: 0px ! important;
 }
-.nav .nav-stacks .cp-nav-header-wrapper>li.disabled>a {
+.nav .nav-stacks .cp-nav-header-wrapper > li.disabled > a {
   background-color: #fff;
 }
-#portalModulesTable>li.portalModuleRow.active>a:hover {
+#portalModulesTable > li.portalModuleRow.active > a:hover {
   background-color: #fff !important;
 }
-#portalModulesTable>li.portalModuleRow.active>a:focus {
+#portalModulesTable > li.portalModuleRow.active > a:focus {
   background-color: #fff !important;
 }
 .portal-dashboard {
@@ -5766,7 +5884,7 @@ TN-34230
 .portal-dashboard {
   border-bottom: 0px ! important;
 }
-#portal-shortcutsContainer>ul {
+#portal-shortcutsContainer > ul {
   border-bottom: 0px ! important;
 }
 .portalMenuHeader {
@@ -5775,14 +5893,15 @@ TN-34230
 }
 .cp-tabs .enabledModules {
   display: inline-block ! important;
-  margin-left: 4px !important;
-  margin-right: 4px !important;
+  margin-left: 4px!important;
+  margin-right: 4px!important;
   vertical-align: top;
   margin-top: 4px !important;
 }
 .portal-shortcut-list:hover {
   border-bottom: 3px solid transparent ! important;
 }
+/****** Customer Portal Settings ******/
 .label-radio label input[type="radio"] {
   position: relative;
   top: 2px;
@@ -5794,6 +5913,9 @@ TN-34230
 div.tooltip-inner {
   max-width: 400px;
 }
+/******************************************* 
+********** Menu Editor ********
+********************************************/
 .sortable.appContainer.ui-sortable {
   width: 160px;
 }
@@ -5968,7 +6090,7 @@ div.tooltip-inner {
   width: 13px !important;
   margin-top: 8px;
 }
-.detailview-table .input-group-addon+.inputElement.form-control,
+.detailview-table .input-group-addon + .inputElement.form-control,
 .detailview-table .inputElement.form-control.input-medium {
   width: 100%;
 }
@@ -6015,6 +6137,7 @@ div.tooltip-inner {
   float: left;
   margin-right: 5px;
 }
+/***** Oursites Changes *****/
 .portal-table .table-actions {
   width: inherit ! important;
 }
@@ -6026,6 +6149,7 @@ div.tooltip-inner {
   padding: 10px 5px ! important;
   padding-left: 10px ! important;
 }
+/***** Oursites Changes *****/
 .ExtensionscontentsDiv .content-area {
   padding-left: 15px;
   padding-right: 15px;
@@ -6039,14 +6163,14 @@ div.tooltip-inner {
 }
 .blockHeader {
   border-color: #F3F3F4 #F3F3F4 #cbcbcf;
-  border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
   background-color: #474747;
-  background-image: -moz-linear-gradient(top,#555555,#333333);
-  background-image: -ms-linear-gradient(top,#555555,#333333);
-  background-image: -webkit-gradient(linear,0 0,0 100%,from(#555555),to(#333333));
-  background-image: -webkit-linear-gradient(top,#555555,#333333);
-  background-image: -o-linear-gradient(top,#555555,#333333);
-  background-image: linear-gradient(top,#555555,#333333);
+  background-image: -moz-linear-gradient(top, #555555, #333333);
+  background-image: -ms-linear-gradient(top, #555555, #333333);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#333333));
+  background-image: -webkit-linear-gradient(top, #555555, #333333);
+  background-image: -o-linear-gradient(top, #555555, #333333);
+  background-image: linear-gradient(top, #555555, #333333);
   background-repeat: repeat-x;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#333333', GradientType=0);
   min-height: 30px;
@@ -6139,8 +6263,8 @@ div.tooltip-inner {
 .markStar .starredStatus {
   display: none;
 }
-.nav>li.addDashboardTab>a,
-.nav>li.addDashboardTab>a:hover {
+.nav > li.addDashboardTab > a,
+.nav > li.addDashboardTab > a:hover {
   padding: 10px 15px;
   background: inherit;
 }
@@ -6153,7 +6277,7 @@ div.tooltip-inner {
   height: 960px;
   width: 1260px;
 }
-.nav-tabs>li {
+.nav-tabs > li {
   border-bottom: 3px solid transparent;
   margin: 0 2px;
 }
@@ -6231,16 +6355,14 @@ div.tooltip-inner {
 }
 .select2-container.select2-container-multi.select2,
 .editViewPageDiv .select2-container.select2-container-multi.select2 {
-  height: auto !important;
+  height: auto!important;
 }
-.summaryViewFields .select2-container-multi.inputElement.form-control
-.quickCreateContent .select2-container.select2-container-multi.select2,
+.summaryViewFields .select2-container-multi.inputElement.form-control .quickCreateContent .select2-container.select2-container-multi.select2,
 #massEditContainer .select2-container.select2-container-multi.select2 {
   width: 150px;
   height: auto !important;
 }
-.summaryViewFields .select2-container-multi.inputElement.form-control
-.quickCreateContent .select2-container.select2-container-multi.select2 .input-save-wrap,
+.summaryViewFields .select2-container-multi.inputElement.form-control .quickCreateContent .select2-container.select2-container-multi.select2 .input-save-wrap,
 #massEditContainer .select2-container.select2-container-multi.select2 .input-save-wrap {
   float: right;
   margin-right: 25px;
@@ -6336,6 +6458,7 @@ a.cp-modules:hover {
 #RestrictionsLayout {
   background: #fafafb;
   margin-top: -92px;
+  /*to adjust with page padding top*/
 }
 #RestrictionsLayout .vtImage {
   width: 22%;
@@ -6369,6 +6492,7 @@ a.cp-modules:hover {
 .datepicker {
   z-index: 1100 !important;
 }
+/*****RSS Changes****/
 .feedListContainer .listview-table tr td:first-child,
 .listview-table tr th:first-child {
   width: inherit ! important;
@@ -6376,12 +6500,14 @@ a.cp-modules:hover {
 .feedListContainer .listViewEntries .listViewEntryValue {
   max-width: inherit ! important;
 }
-.ps-container>.ps-scrollbar-y-rail {
+/*****RSS Changes****/
+.ps-container > .ps-scrollbar-y-rail {
   z-index: 1002;
 }
 #relationBlock .recordScroll {
   max-height: 150px;
 }
+/*Start - List sidebar toggle*/
 .essentials-toggle {
   background-color: white;
   font-weight: bold;
@@ -6401,6 +6527,7 @@ a.cp-modules:hover {
 .essentials-toggle .fa-chevron-right {
   background-position: -460px -72px !important;
 }
+/*End - List essentials toggle*/
 .module-name-tooltip .qtip-content {
   font-size: 12px;
   padding: 3px;
@@ -6484,8 +6611,8 @@ li.select2-search-choice div {
 .popover ul.listmenu li {
   padding: 3px;
 }
-.popover-content .disabled>a,
-.popover .disabled>a {
+.popover-content .disabled > a,
+.popover .disabled > a {
   opacity: 0.5;
   cursor: not-allowed;
 }
@@ -6496,6 +6623,7 @@ li.select2-search-choice div {
   -o-transform: rotate(180deg);
   transform: rotate(180deg);
 }
+/*Start - List sidebar toggle*/
 .essentials-toggle {
   background-color: white;
   font-weight: bold;
@@ -6515,6 +6643,7 @@ li.select2-search-choice div {
 .essentials-toggle .fa-chevron-right {
   background-position: -460px -72px !important;
 }
+/*End - List essentials toggle*/
 .module-name-tooltip .qtip-content {
   font-size: 12px;
   padding: 3px;
@@ -6595,16 +6724,16 @@ li.select2-search-choice div {
 #reportDetails .pivot .toptitle.targetY0,
 #reportDetails .pivot .lefttitle.targetX0 {
   border-color: #F3F3F4 #F3F3F4 #cbcbcf;
-  border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
   background-color: #474747;
-  background-image: -moz-linear-gradient(top,#555555,#333333);
-  background-image: -ms-linear-gradient(top,#555555,#333333);
-  background-image: -webkit-gradient(linear,0 0,0 100%,from(#555555),to(#333333));
-  background-image: -webkit-linear-gradient(top,#555555,#333333);
-  background-image: -o-linear-gradient(top,#555555,#333333);
-  background-image: linear-gradient(top,#555555,#333333);
+  background-image: -moz-linear-gradient(top, #555555, #333333);
+  background-image: -ms-linear-gradient(top, #555555, #333333);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#333333));
+  background-image: -webkit-linear-gradient(top, #555555, #333333);
+  background-image: -o-linear-gradient(top, #555555, #333333);
+  background-image: linear-gradient(top, #555555, #333333);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555',endColorstr='#333333',GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#333333', GradientType=0);
   min-height: 30px;
 }
 #reportDetails .pivot th.toptitle.targetY0,
@@ -6646,7 +6775,8 @@ li.select2-search-choice div {
   background: #FFFFFF;
 }
 .templateActions {
-  background: rgba(0,0,0,0.1);
+  background: rgba(0, 0, 0, 0.1);
+  /*padding: 4%;*/
   bottom: 0;
   text-align: center;
   position: absolute;
@@ -6654,6 +6784,9 @@ li.select2-search-choice div {
   zoom: 1;
   width: 100%;
 }
+/*.templateActions i {
+    margin-right: 30px;
+}*/
 .thumbnails > li {
   float: left;
   height: 315px !important;
@@ -6828,9 +6961,10 @@ a.btnReport:hover {
   left: 0px;
 }
 .bx-wrapper .bx-viewport {
-  width:99%;
+  width: 99%;
   left: 0px;
   background: #fff;
+  /*fix other elements on the page moving (on Chrome)*/
   -webkit-transform: translatez(0);
   -moz-transform: translatez(0);
   -ms-transform: translatez(0);
@@ -6888,7 +7022,7 @@ a.btnReport:hover {
 .filter-search-show {
   display: block !important;
 }
-.emailTemplatesPopupTableContainer .listViewEntries  .listViewEntryValue {
+.emailTemplatesPopupTableContainer .listViewEntries .listViewEntryValue {
   max-width: 100%;
   min-width: 150px;
 }
@@ -6923,12 +7057,15 @@ input:focus::-webkit-input-placeholder {
 input:focus:-moz-placeholder {
   color: transparent;
 }
+/* FF 4-18 */
 input:focus::-moz-placeholder {
   color: transparent;
 }
+/* FF 19+ */
 input:focus:-ms-input-placeholder {
   color: transparent;
 }
+/* IE 10+ */
 .global-actions .dropdown-menu:before {
   position: absolute;
   top: -7px;
@@ -6937,7 +7074,7 @@ input:focus:-ms-input-placeholder {
   border-right: 7px solid transparent;
   border-bottom: 7px solid #ccc;
   border-left: 7px solid transparent;
-  border-bottom-color: rgba(0,0,0,0.2);
+  border-bottom-color: rgba(0, 0, 0, 0.2);
   content: '';
 }
 .global-actions .dropdown-menu:after {
@@ -7122,6 +7259,7 @@ input:focus:-ms-input-placeholder {
   text-align: center;
 }
 #OnBoardLayout #OnBoardPageContainer .crmGoals textarea::-webkit-input-placeholder {
+  /* WebKit browsers */
   text-align: center;
   padding: 20%;
   font-size: 12px;
@@ -7267,121 +7405,3 @@ input:focus:-ms-input-placeholder {
   border-left: 3px solid #8E44AD;
   opacity: 1;
 }
-.fieldValue .value a {
-  color: #15c !important;
-}
-.editViewContents .fieldLabel {
-  min-width: 100px;
-  width: 20%;
-  word-break: break-all;
-}
-.editViewContents .fieldValue {
-  width:30%;
-}
-.editViewContents td.fieldValue[colspan="3"] {
-  width:80%;
-}
-.editViewContents textarea.textAreaElement {
-  width: 88%;
-}
-.editViewContents input[type="checkbox"] {
-  width: 15px;
-  height: 15px;
-}
-.editViewContents input[type="radio"] {
-  width: 15px;
-  height: 15px;
-}
-#composeEmailContainer .modal-body .quickCreateContent,
-#QuickCreate .modal-body .quickCreateContent,
-#create .quickCreateContent {
-  margin-top: 25px;
-}
-.settingsgroup-panel .widgetContainer .menuItemLabel .pinUnpinShortCut {
-  display: none;
-  margin-top: 2px;
-}
-.settingsgroup-panel .widgetContainer .menuItemLabel:hover .pinUnpinShortCut {
-  display: inline-block;
-}
-@-moz-document url-prefix() {
-  .duplicateHandlingContainer .tooltip-inner {
-    width: 550px;
-    max-width: 550px;
-  }
-}
-.duplicateHandlingContainer .tooltip-inner {
-  text-align: left !important;
-}
-.duplicateHandlingContainer .syncMessage {
-  margin-top: 5px !important;
-}
-.duplicateHandlingContainer .actionsList {
-  width: 230px !important;
-}
-.duplicationMessageContainer {
-  background-color: #f2dede !important;
-  color: #b94a48 !important;
-}
-.duplicationMessageContainer .duplicationMessageHeader {
-  margin-bottom: 8px;
-}
-.listViewRecordActions .quickView, .listViewRecordActions .markStar,
-.listViewRecordActions .markAsHeld,.listViewRecordActions .holdFollowupOn {
-  margin-top: 4px;
-}
-.app-menu .module-icon .custom-module {
-	font-size: 14px;
-	border-radius: 4px;
-	color: #000;
-	background-color: #fff;
-	padding: 4px 10px 4px 5px !important
-}
-.menu-item .custom-module {
-	font-family: 'OpenSans-Regular', sans-serif;
-	font-size: 12px;
-	border-radius: 4px;
-	padding: 2px;
-	color: #000;
-	background-color: #fff;
-}
-.modules-menu .custom-module {
-	color: #fff;
-	margin-left: 0px;
-	display: inline;
-	border: 1px solid #fff;
-	border-radius: 4px;
-	padding: 3px 4px 3px 2px !important;
-	font-weight: bold;
-}
-#quickCreateModules .custom-module, .workflowListContainer .custom-module, .dashBoardTabContents .custom-module {
-	border-radius: 4px;
-	padding: 3px 5px;
-	color: #fff;
-	background-color: #777;
-}
-.menuEditorItem .custom-module {
-	border-radius: 4px;
-	padding: 3px 5px;
-	color: #000;
-	background-color: #fff;
-}
-.task-details .custom-module {
-	border-radius: 4px;
-	padding: 1px 4px;
-	color: white;
-	background-color: #777;
-}
-.related-tabs .custom-module, #relatedmenuList .custom-module {
-	border-radius: 4px;
-	color: #fff;
-	background-color: #777;
-	padding: 5px 7px;
-	font-weight: bold;
-}
-.record-header .custom-module {
-	font-size: 30px;
-}
-.moduleIcon .custom-module {
-	font-weight: bold;
-}
\ No newline at end of file
diff --git a/layouts/v7/skins/sales/style.css b/layouts/v7/skins/sales/style.css
index 75e92f9288a72c904025e78470e7714f243184f3..ac369cd3d1e58f66718b477fc89a12b241514b8e 100644
--- a/layouts/v7/skins/sales/style.css
+++ b/layouts/v7/skins/sales/style.css
@@ -1,7 +1,9 @@
 @font-face {
   font-family: 'Oswald';
   src: url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.eot');
-  src: url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.woff') format('woff'), url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.ttf') format('truetype'), url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.svg#Oswald') format('svg');
+  /* IE9 Compat Modes */
+  src: url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.svg#Oswald') format('svg');
+  /* Legacy iOS */
   font-weight: normal;
   font-style: normal;
   text-rendering: optimizeLegibility;
@@ -15,27 +17,37 @@ a:active {
 @font-face {
   font-family: 'OpenSans-Regular';
   src: url('../fonts/OpenSans/Regular/OpenSans-Regular.eot');
-  src: url('../fonts/OpenSans/Regular/OpenSans-Regular.ttf') format('truetype'), url('../fonts/OpenSans/Regular/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans/Regular/OpenSans-Regular.woff2') format('woff2'), url('../fonts/OpenSans/Regular/OpenSans-Regular.woff') format('woff'), url('../fonts/OpenSans/Regular/OpenSans-Regular.svg#svgFontName') format('svg');
+  /* IE9 Compat Modes */
+  src: url('../fonts/OpenSans/Regular/OpenSans-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/OpenSans/Regular/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/OpenSans/Regular/OpenSans-Regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/OpenSans/Regular/OpenSans-Regular.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/OpenSans/Regular/OpenSans-Regular.svg#svgFontName') format('svg');
+  /* Legacy iOS */
 }
 @font-face {
   font-family: 'OpenSans-Semibold';
   src: url('../fonts/OpenSans/Semibold/OpenSans-Semibold.eot');
-  src: url('../fonts/OpenSans/Semibold/OpenSans-Semibold.ttf') format('truetype'), url('../fonts/OpenSans/Semibold/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans/Semibold/OpenSans-Semibold.woff2') format('woff2'), url('../fonts/OpenSans/Semibold/OpenSans-Semibold.woff') format('woff'), url('../fonts/OpenSans/Semibold/OpenSans-Semibold.svg#svgFontName') format('svg');
+  /* IE9 Compat Modes */
+  src: url('../fonts/OpenSans/Semibold/OpenSans-Semibold.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/OpenSans/Semibold/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/OpenSans/Semibold/OpenSans-Semibold.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/OpenSans/Semibold/OpenSans-Semibold.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/OpenSans/Semibold/OpenSans-Semibold.svg#svgFontName') format('svg');
+  /* Legacy iOS */
 }
 @font-face {
   font-family: 'ProximaNova-Regular';
-  src: url('../fonts/ProximanovaWebfont/ProximaNova-Regular.ttf') format('truetype'), url('../fonts/ProximanovaWebfont/ProximaNova-Regular.woff') format('woff'), url('../fonts/ProximanovaWebfont/ProximaNova-Regular.eot?#iefix') format('embedded-opentype');
+  src: url('../fonts/ProximanovaWebfont/ProximaNova-Regular.ttf') format('truetype'), url('../fonts/ProximanovaWebfont/ProximaNova-Regular.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/ProximanovaWebfont/ProximaNova-Regular.eot?#iefix') format('embedded-opentype');
+  /* IE6-IE8 */
+  /* Safari, Android, iOS */
   font-style: normal;
   font-weight: normal;
   text-rendering: optimizeLegibility;
 }
 @font-face {
   font-family: 'ProximaNova-Semibold';
-  src: url('../fonts/ProximanovaWebfont/ProximaNova-Semibold.ttf') format('truetype'), url('../fonts/ProximanovaWebfont/ProximaNova-Semibold.woff') format('woff'), url('../fonts/ProximanovaWebfont/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype');
+  src: url('../fonts/ProximanovaWebfont/ProximaNova-Semibold.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/ProximanovaWebfont/ProximaNova-Semibold.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/ProximanovaWebfont/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype');
+  /* IE6-IE8 */
   font-style: normal;
   font-weight: normal;
   text-rendering: optimizeLegibility;
 }
+/**********************************/
+/************ Layout **************/
+/**********************************/
 html {
   height: 100%;
   overflow-y: auto;
@@ -102,6 +114,7 @@ body {
 @media (min-width: 992px) {
   .global-nav .logo-container {
     display: inline-block;
+    width: 150px;
     z-index: 2;
     padding-left: 6%;
     margin-top: 1px;
@@ -113,11 +126,13 @@ body {
     position: absolute;
     width: 100%;
     height: 42px;
+    /*        border-top:1px solid #ddd;*/
     border-bottom: 1px solid #ddd;
   }
   .app-nav .module-action-bar .module-action-content {
     background: #FBFBFB;
     height: 41px;
+    /*        border-bottom: 1px solid #eee;*/
   }
   .app-nav .module-action-bar .module-action-content .navbar-right {
     margin-right: 0;
@@ -163,7 +178,7 @@ body {
     padding-left: 0;
   }
 }
-.btn-toolbar >.btn-group:first-child {
+.btn-toolbar > .btn-group:first-child {
   margin-left: 5px;
 }
 .vt-notification {
@@ -196,15 +211,19 @@ body {
 .vt-notification [data-notify="message"] {
   color: #eaeaea;
 }
+/**********************************/
+/******** Navigation styles *******/
+/**********************************/
 .company-logo {
   height: 40px;
+  width: 150px;
   margin: 0 0;
   display: inline-block;
   margin-left: 1px;
 }
 .company-logo img {
-  max-height: 100%;
-  max-width: 100%;
+  height: 100%;
+  width: auto;
 }
 .navbar .fa {
   font-size: 15px;
@@ -214,10 +233,13 @@ body {
   font-size: 16px;
   position: relative;
 }
+/*.module-action-bar .module-action-content #appnav{
+    padding-top:5px;
+}*/
 .global-nav .navbar-nav > li div a {
   padding: 15px;
 }
-.global-nav>ul {
+.global-nav > ul {
   margin-right: 20px;
 }
 .global-nav .search-links-container {
@@ -267,26 +289,28 @@ body {
     float: right;
     height: 42px;
   }
-  .module-action-bar .navbar-right .nav>li {
+  .module-action-bar .navbar-right .nav > li {
     display: inline-block;
   }
-  .module-action-bar .navbar-right .nav>li a {
+  .module-action-bar .navbar-right .nav > li a {
     padding: 0 10px;
   }
   .global-nav .logo-container {
     border-bottom: 0;
+    width: 150px;
   }
 }
 @media (max-width: 991px) {
   .global-nav .logo-container {
     border-bottom: 0;
+    width: 150px;
   }
   .notificationMessageHolder {
     padding-left: 45%;
   }
 }
 @media (min-width: 991px) {
-  .nav>li>a.qc-button {
+  .nav > li > a.qc-button {
     padding: 2px 3px;
     margin-top: 13px;
     margin-right: 15px;
@@ -294,7 +318,7 @@ body {
     color: #fff;
     border-radius: 20px;
   }
-  .nav>li>a.qc-button span {
+  .nav > li > a.qc-button span {
     vertical-align: top;
   }
 }
@@ -313,6 +337,7 @@ body {
   width: 100%;
   height: 100%;
 }
+/** App Nav Styles */
 .active-app-title {
   white-space: nowrap;
   font-family: Oswald, "OpenSans-Semibold", "Helvetica Neue", Helvetica, sans-serif;
@@ -367,7 +392,9 @@ body {
   height: 42px;
   text-align: center;
   line-height: 42px;
+  /*    background-color: #2c3b49;*/
   color: #ffffff;
+  /*border-bottom: 1px solid #272B46;*/
 }
 .app-nav .app-indicator-icon-container .app-indicator-icon {
   font-size: 24px;
@@ -479,16 +506,16 @@ body {
   right: -4px;
 }
 #overlayPageContent .mCSB_scrollTools,
-#overlayPageContent .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
-#overlayPageContent .mCSB_scrollTools .mCSB_buttonUp,
-#overlayPageContent .mCSB_scrollTools .mCSB_buttonDown,
-#overlayPageContent .mCSB_scrollTools .mCSB_buttonLeft,
-#overlayPageContent .mCSB_scrollTools .mCSB_buttonRight,
 .app-list .mCSB_scrollTools,
+#overlayPageContent .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
 .app-list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
+#overlayPageContent .mCSB_scrollTools .mCSB_buttonUp,
 .app-list .mCSB_scrollTools .mCSB_buttonUp,
+#overlayPageContent .mCSB_scrollTools .mCSB_buttonDown,
 .app-list .mCSB_scrollTools .mCSB_buttonDown,
+#overlayPageContent .mCSB_scrollTools .mCSB_buttonLeft,
 .app-list .mCSB_scrollTools .mCSB_buttonLeft,
+#overlayPageContent .mCSB_scrollTools .mCSB_buttonRight,
 .app-list .mCSB_scrollTools .mCSB_buttonRight {
   -webkit-transition: none;
   transition: none;
@@ -700,6 +727,7 @@ a.menu-item:hover {
   width: 0px;
   overflow: hidden;
 }
+/* User Logout */
 .logout-content {
   padding: 10px;
   width: 350px;
@@ -754,6 +782,9 @@ a.menu-item:hover {
 .app-settings {
   background: #FFFFFF;
 }
+/*************************************************/
+/******** View styles (List/Edit/Detail..) *******/
+/*************************************************/
 .viewContent .content-area {
   padding-left: 50px;
 }
@@ -791,7 +822,6 @@ a.menu-item:hover {
 .fieldValue .value {
   max-width: 85%;
   display: inline-block;
-  word-break: break-word;
 }
 .modal-header button.close {
   padding: 0;
@@ -865,6 +895,9 @@ input[type="password"].inputElement {
   padding-right: 20px;
   padding-left: 20px;
 }
+/**********************************/
+/**** Side vertical Nav styles ****/
+/**********************************/
 .module-nav {
   background: #fff;
   z-index: 1004;
@@ -880,6 +913,9 @@ input[type="password"].inputElement {
   left: 0;
   transition: 0s width;
 }
+.module-nav:hover {
+  /*z-index: 1001;*/
+}
 .modules-menu ul {
   list-style: none;
   margin-left: 0;
@@ -914,7 +950,7 @@ input[type="password"].inputElement {
   float: left;
   font-size: 20px;
 }
-.modules-menu ul li a>span {
+.modules-menu ul li a > span {
   margin-left: 10px;
   vertical-align: middle;
   font-size: 13px;
@@ -954,6 +990,7 @@ input[type="password"].inputElement {
   width: 100%;
   left: 0%;
 }
+/** Lists Menu in Side bar */
 .module-filters .settings-sidebar,
 .module-filters .sidebar-container {
   padding: 0 12px;
@@ -987,6 +1024,7 @@ input[type="password"].inputElement {
 .lists-menu-container hr {
   margin: 5px 0;
 }
+/* mScrollbar customization for lists widget */
 .lists-menu-container .menu-scroller .mCSB_scrollTools {
   width: 13px;
 }
@@ -998,8 +1036,10 @@ input[type="password"].inputElement {
 .modules-menu .mCSB_scrollTools .mCSB_draggerContainer {
   left: 8px;
 }
+/* Customization ends */
 .lists-menu-container .list-menu-content .more-less-link {
   color: #fff;
+  /*text-decoration: none;*/
 }
 .lists-menu-container .list-menu-content .sub-header {
   color: #ddd;
@@ -1104,9 +1144,11 @@ input[type="password"].inputElement {
 .common-links-container > div a {
   color: #fff;
 }
+/*Search Container styles */
 .search-container {
   min-height: 300px;
   position: absolute;
+  /*z-index: 1030;*/
   width: 100%;
   top: 0;
   background: #FBFBFB;
@@ -1125,6 +1167,7 @@ input[type="password"].inputElement {
 .footer p {
   margin: 5px 0;
 }
+/*** Utilities ***/
 .showElement {
   display: block !important;
   height: 100%;
@@ -1247,11 +1290,11 @@ ul.unstyled {
 }
 .emptyRecordsDiv .emptyRecordsContent {
   display: inline-block;
-  font-size: 16px;
   left: 50%;
   margin-left: -25%;
   position: absolute;
   width: 50%;
+  font-size: 16px;
 }
 .textOverflowEllipsis {
   overflow: hidden;
@@ -1276,6 +1319,9 @@ ul.unstyled {
 .removeNoFileChosen {
   color: transparent !important;
 }
+/***********************************
+**********Button Styles**********
+***********************************/
 .module-buttons-container {
   float: right;
   margin-right: 10px;
@@ -1297,6 +1343,7 @@ ul.unstyled {
   margin: 4px 2px;
   border-radius: 2px;
   border: 1px solid #ddd;
+  text-transform: uppercase;
   color: #666;
   background: #fff;
 }
@@ -1317,6 +1364,9 @@ ul.unstyled {
   color: #FFFFFF !important;
   background: #5bc0de !important;
 }
+/***********************************
+**********List View Styles**********
+***********************************/
 .fa.pull-left {
   margin-right: 0;
 }
@@ -1351,7 +1401,7 @@ ul.unstyled {
   font-size: 20px;
 }
 .listview-pagination .disabled {
-  color: rgba(0,0,0,0.2);
+  color: rgba(0, 0, 0, 0.2);
 }
 .listview-pagination .disabled:hover {
   cursor: default;
@@ -1379,6 +1429,8 @@ ul.unstyled {
 .listview-table {
   margin-bottom: 0;
   border-top: 0;
+  /* Horizontal scroll will not work if table layout Fixed */
+  /*    table-layout: fixed;*/
 }
 .listview-table tr td,
 .listview-table tr th {
@@ -1408,7 +1460,7 @@ ul.unstyled {
   width: 100%;
 }
 .listViewEntries .relatedListEntryValues .fieldValue .value,
-.listViewEntries  .listViewEntryValue .fieldValue .value {
+.listViewEntries .listViewEntryValue .fieldValue .value {
   vertical-align: middle;
   width: 100%;
   display: inline-block;
@@ -1423,7 +1475,7 @@ ul.unstyled {
 }
 .listview-table-norecords .table-actions,
 .listview-table .table-actions {
-  width: 120px;
+  width: 110px;
   font-size: 15px;
   color: #555;
   margin-left: 7px;
@@ -1489,13 +1541,13 @@ input[type=checkbox]:checked {
   vertical-align: middle;
   display: table-cell;
 }
-.listview-table  tr.searchRow th {
+.listview-table tr.searchRow th {
   padding: 5px 3px;
 }
-.listview-table  tr.searchRow th.inline-search-btn {
+.listview-table tr.searchRow th.inline-search-btn {
   padding: 3px 10px;
 }
-.listview-table  tr.searchRow th.inline-search-btn button {
+.listview-table tr.searchRow th.inline-search-btn button {
   text-align: center;
   width: 85%;
   text-shadow: none;
@@ -1523,6 +1575,18 @@ input[type=checkbox]:checked {
   background-color: #FFEEEE !important;
   background-image: none !important;
 }
+/*.floatThead-wrapper .table-container{
+    z-index: 0 !important;
+}*/
+/* List view bottom fixed scroll */
+/*.bottom-fixed-scroll{
+    height: 14px;
+    position: relative;
+    top: -15px;
+    overflow-x: auto;
+    overflow-y: hidden;
+    width: 100%;
+}*/
 .scroller-div {
   height: 1px;
 }
@@ -1644,12 +1708,12 @@ input[type=checkbox]:checked {
 #listColumnFilterContainer .disabled i {
   color: #ccc;
 }
+/**********************************
+**********Detail View Styles**********
+**********************************/
 .detailViewButtoncontainer {
   padding-top: 5px;
 }
-.detailViewButtoncontainer button.btn {
-  margin: 0px 1px !important;
-}
 .detailview-header .recordBasicInfo > .info-row {
   margin-bottom: 4px;
 }
@@ -1730,9 +1794,6 @@ th {
   margin-top: 3%;
   margin-right: 2%;
 }
-.overlayDetailHeader button.btn {
-  margin: 0px 1px !important;
-}
 .referencefield-wrapper .createReferenceRecord {
   float: left;
   margin-left: 5px;
@@ -1972,10 +2033,10 @@ th {
   z-index: 1030;
 }
 .overlay-container-60 {
-  margin-left: 42px;
+  margin-left: 42px ;
 }
 .overlay-container-300 {
-  margin-left: 230px;
+  margin-left: 230px ;
 }
 .overlayPageContent {
   background: #FFFFFF;
@@ -2098,6 +2159,9 @@ th {
   height: 26px;
   line-height: 25px;
 }
+/**********************************
+**********Summary View Styles******
+**********************************/
 .summary-table {
   width: 100%;
   table-layout: fixed;
@@ -2218,33 +2282,33 @@ th {
   opacity: 1;
   cursor: pointer;
 }
-.details.row >form .social-media-toggle {
+.details.row > form .social-media-toggle {
   position: absolute;
   right: -15px;
   display: inline-block;
   width: 500px;
   border-left: 0px;
 }
-.details.row >form .social-media-widget {
+.details.row > form .social-media-widget {
   border-left: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
   height: 100%;
   background: white;
 }
-.details.row >form div[class*="col-"].resizable-summary-view {
+.details.row > form div[class*="col-"].resizable-summary-view {
   padding-left: 0;
   padding-right: 0px;
 }
-.details.row >form>div[class*="col-"],
-.details.row >form .resizable-summary-view div[class*="col-"] {
+.details.row > form > div[class*="col-"],
+.details.row > form .resizable-summary-view div[class*="col-"] {
   padding-right: 0;
   padding: 0px 5px;
 }
-.details.row >form>div[class*="col-"]:first-child,
-.details.row >form .left-block {
+.details.row > form > div[class*="col-"]:first-child,
+.details.row > form .left-block {
   padding-left: 0 !important;
 }
-.details.row >form>div[class*="col-"]:last-child {
+.details.row > form > div[class*="col-"]:last-child {
   padding-right: 0;
 }
 .summaryWidgetContainer .noContent {
@@ -2257,6 +2321,9 @@ th {
 .caseReplyArea .nav > li {
   padding: 0 10px;
 }
+/**********************************
+**********Edit View Styles*******
+**********************************/
 .main-container .editViewModNavigator.module-nav,
 .editViewModNavigator .mod-switcher-container,
 .editViewModNavigator .modules-menu {
@@ -2297,7 +2364,7 @@ th {
   width: 100%;
 }
 .editViewContents .input-group {
-  width: 229px;
+  width: 208px;
   float: left;
 }
 .input-group.inputElement .input-group-addon {
@@ -2376,6 +2443,9 @@ th {
   z-index: 1000;
   padding: 7px;
 }
+/**********************************
+**********Advance Search styles**********
+**********************************/
 .op0.fadeInx {
   opacity: 1;
 }
@@ -2448,7 +2518,11 @@ th {
 }
 .btn + input {
   margin-left: 5px;
+  /*    margin-top : 3px;*/
 }
+/**********************************
+**********Extension Store Styles**********
+**********************************/
 .extensionstore .app-trigger {
   width: 98%;
 }
@@ -2479,6 +2553,9 @@ th {
 .extensionContents .extensionError {
   color: #F10404;
 }
+/**********************************
+**********Extension Store Nav Bar**********
+**********************************/
 .tabbable-line > .nav-tabs {
   border: none;
   margin: 0px;
@@ -2547,6 +2624,9 @@ th {
 .extensionContents .listview-table {
   width: 100%;
 }
+/*******************************************
+******Detail View related list styles*******
+********************************************/
 .relatedContents .listViewContentHeaderValues:hover {
   text-decoration: none;
   color: #333;
@@ -2604,6 +2684,9 @@ th {
 .relatedViewActions .btn-group {
   margin-right: 15px;
 }
+/*******************************************
+****************** Modal *******************
+********************************************/
 .modal-header {
   padding: 5px 15px;
   background: #596875;
@@ -2631,6 +2714,7 @@ th {
   width: 100%;
   float: left;
   background: #596875;
+  /*    height: 100%;*/
 }
 .settings-menu {
   display: inline-block;
@@ -2647,7 +2731,7 @@ th {
   cursor: n-resize;
 }
 .settings-menu-items {
-  box-shadow: 0 1px 1px rgba(0,0,0,0.05);
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
   margin-bottom: 10px;
   text-align: justify;
 }
@@ -2765,9 +2849,6 @@ th {
 .active .stepNum {
   color: #FFFFFF;
 }
-.mailBoxEditDiv .crumbs li {
-  width: 22%;
-}
 .stepNum {
   display: inline-block;
   padding: 0 5px;
@@ -2776,6 +2857,7 @@ th {
   vertical-align: middle;
   color: #3399ff;
 }
+/* .squaredFour */
 .squaredFour {
   width: 20px;
   position: relative;
@@ -2789,9 +2871,9 @@ th {
   top: 0;
   left: 0;
   background: #fcfff4;
-  background: linear-gradient(top,#fcfff4 0%,#dfe5d7 40%,#b3bead 100%);
+  background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
   border-radius: 4px;
-  box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
+  box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
 }
 .squaredFour label:after {
   content: '';
@@ -2819,13 +2901,16 @@ th {
 .importBlockContainer {
   color: #596875;
 }
+/******************************************* 
+************* Social Buttons *************** 
+********************************************/
 .btn-block + .btn-block {
   margin-top: 5px;
 }
 .btn-google-plus {
   color: #FFFFFF !important;
   background-color: #DD4B39;
-  border-color: rgba(0,0,0,0.2);
+  border-color: rgba(0, 0, 0, 0.2);
 }
 .btn-social {
   position: relative;
@@ -2844,15 +2929,18 @@ th {
   line-height: 34px;
   font-size: 1.6em;
   text-align: center;
-  border-right: 1px solid rgba(0,0,0,0.2);
+  border-right: 1px solid rgba(0, 0, 0, 0.2);
 }
+/******************************************* 
+************* Updates Timeline *************** 
+********************************************/
 .recentActivitiesContainer .history {
   margin: 0 auto;
   padding: 20px 20px 1px;
   max-width: 100%;
   overflow-x: visible;
-  -webkit-transition: opacity .2s ease-out;
-  transition: opacity .2s ease-out;
+  -webkit-transition: opacity 0.2s ease-out;
+  transition: opacity 0.2s ease-out;
 }
 .updates_timeline {
   padding-top: 20px;
@@ -2861,6 +2949,7 @@ th {
   padding: 0;
   list-style: none;
 }
+/* The line */
 .updates_timeline:before {
   content: '';
   position: absolute;
@@ -2879,6 +2968,7 @@ th {
   min-height: 40px;
   z-index: 2;
 }
+/* Left Content(Time) */
 .updates_timeline > li .update_time {
   position: absolute;
   margin: 0;
@@ -2890,6 +2980,7 @@ th {
   font-size: 15px;
   font-style: italic;
 }
+/* Right content(Update info) */
 .updates_timeline > li .update_info {
   padding: 10px 10px 1px;
   display: block;
@@ -2898,10 +2989,11 @@ th {
   position: relative;
   top: -45px;
 }
-.updates_timeline > li .update_info >h3 {
+.updates_timeline > li .update_info > h3 {
   font-size: 1.1em;
   margin-left: -3%;
 }
+/* The icons  */
 .updates_timeline > li .update_icon {
   position: relative;
   border-radius: 50%;
@@ -2914,6 +3006,7 @@ th {
   color: #fff;
   line-height: 35px;
 }
+/* More Button */
 .updates_timeline #more_button .update_icon {
   position: relative;
   border-radius: 0;
@@ -3021,6 +3114,9 @@ th {
   vertical-align: super;
   font-size: 13px;
 }
+/******************************************* 
+************* Task Management ************** 
+********************************************/
 #taskManagementContainer .data-body {
   margin-bottom: 50px;
 }
@@ -3083,15 +3179,16 @@ th {
 #taskManagementContainer .other-details {
   color: #979797;
 }
+/*overwriting jquery ui css*/
 .ui-menu {
   z-index: 10000;
 }
 #taskManagementContainer button.active {
   background: #3B83F7;
   color: white;
-  text-shadow: 0 1px rgba(0,0,0,0.3);
+  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
   border: 1px solid #135fd7;
-  box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
+  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
 }
 .taskSubject {
   width: 99%;
@@ -3099,6 +3196,9 @@ th {
 #taskManagementContainer .mCustomScrollbar .mCSB_inside > .mCSB_container {
   margin-right: 13px;
 }
+/******************************************* 
+************* Settings Page ************** 
+********************************************/
 .settingsPageDiv.content-area {
   margin-right: 0;
 }
@@ -3132,6 +3232,9 @@ th {
 .settingsgroup-accordion a i {
   margin-right: 5px;
 }
+.settingsgroup-accordion a span {
+  text-transform: uppercase;
+}
 .settingsgroup {
   background: #2C3B49;
   height: 100%;
@@ -3288,35 +3391,59 @@ th {
 }
 .mini-slider-control[data-value="0"] .ui-slider-handle {
   background: #7d7e7d;
-  background: -moz-linear-gradient(top,#7d7e7d 0%,#0e0e0e 100%);
-  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#7d7e7d),color-stop(100%,#0e0e0e));
-  background: -webkit-linear-gradient(top,#7d7e7d 0%,#0e0e0e 100%);
-  background: -o-linear-gradient(top,#7d7e7d 0%,#0e0e0e 100%);
-  background: -ms-linear-gradient(top,#7d7e7d 0%,#0e0e0e 100%);
-  background: linear-gradient(to bottom,#7d7e7d 0%,#0e0e0e 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7e7d',endColorstr='#0e0e0e',GradientType=0);
+  /* Old browsers */
+  background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
+  /* FF3.6+ */
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7d7e7d), color-stop(100%, #0e0e0e));
+  /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
+  /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
+  /* Opera 11.10+ */
+  background: -ms-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
+  /* IE10+ */
+  background: linear-gradient(to bottom, #7d7e7d 0%, #0e0e0e 100%);
+  /* W3C */
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7e7d', endColorstr='#0e0e0e', GradientType=0);
+  /* IE6-9 */
   margin-left: 0px;
 }
 .mini-slider-control[data-value="1"] .ui-slider-handle {
   background: #ffb76b;
-  background: -moz-linear-gradient(top,#ffb76b 0%,#ffa73d 0%,#ff7c00 49%,#ff7f04 100%);
-  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffb76b),color-stop(0%,#ffa73d),color-stop(49%,#ff7c00),color-stop(100%,#ff7f04));
-  background: -webkit-linear-gradient(top,#ffb76b 0%,#ffa73d 0%,#ff7c00 49%,#ff7f04 100%);
-  background: -o-linear-gradient(top,#ffb76b 0%,#ffa73d 0%,#ff7c00 49%,#ff7f04 100%);
-  background: -ms-linear-gradient(top,#ffb76b 0%,#ffa73d 0%,#ff7c00 49%,#ff7f04 100%);
-  background: linear-gradient(to bottom,#ffb76b 0%,#ffa73d 0%,#ff7c00 49%,#ff7f04 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb76b',endColorstr='#ff7f04',GradientType=0);
+  /* Old browsers */
+  background: -moz-linear-gradient(top, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%);
+  /* FF3.6+ */
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffb76b), color-stop(0%, #ffa73d), color-stop(49%, #ff7c00), color-stop(100%, #ff7f04));
+  /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(top, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%);
+  /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(top, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%);
+  /* Opera 11.10+ */
+  background: -ms-linear-gradient(top, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%);
+  /* IE10+ */
+  background: linear-gradient(to bottom, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%);
+  /* W3C */
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb76b', endColorstr='#ff7f04', GradientType=0);
+  /* IE6-9 */
   margin-left: -6px;
 }
 .mini-slider-control[data-value="2"] .ui-slider-handle {
   background: #bfd255;
-  background: -moz-linear-gradient(top,#bfd255 0%,#8eb92a 79%,#72aa00 100%,#9ecb2d 100%);
-  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#bfd255),color-stop(79%,#8eb92a),color-stop(100%,#72aa00),color-stop(100%,#9ecb2d));
-  background: -webkit-linear-gradient(top,#bfd255 0%,#8eb92a 79%,#72aa00 100%,#9ecb2d 100%);
-  background: -o-linear-gradient(top,#bfd255 0%,#8eb92a 79%,#72aa00 100%,#9ecb2d 100%);
-  background: -ms-linear-gradient(top,#bfd255 0%,#8eb92a 79%,#72aa00 100%,#9ecb2d 100%);
-  background: linear-gradient(to bottom,#bfd255 0%,#8eb92a 79%,#72aa00 100%,#9ecb2d 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfd255',endColorstr='#9ecb2d',GradientType=0);
+  /* Old browsers */
+  background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%);
+  /* FF3.6+ */
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bfd255), color-stop(79%, #8eb92a), color-stop(100%, #72aa00), color-stop(100%, #9ecb2d));
+  /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(top, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%);
+  /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(top, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%);
+  /* Opera 11.10+ */
+  background: -ms-linear-gradient(top, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%);
+  /* IE10+ */
+  background: linear-gradient(to bottom, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%);
+  /* W3C */
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfd255', endColorstr='#9ecb2d', GradientType=0);
+  /* IE6-9 */
   margin-left: -13px;
 }
 .ModulemanagerSettings .moduleblock .hiden {
@@ -3341,10 +3468,13 @@ th {
 th {
   padding: 6px;
 }
+/******************************************* 
+********** CustomerPortal styles start ********
+********************************************/
 .cp-tabs .enabledModules {
   display: inline-block ! important;
-  margin-left: 4px !important;
-  margin-right: 4px !important;
+  margin-left: 4px!important;
+  margin-right: 4px!important;
   vertical-align: top;
 }
 .drag-portal-module {
@@ -3451,7 +3581,7 @@ th {
   margin-left: 5px;
 }
 .portal-field-delete {
-  margin-left: 45px !important;
+  margin-left: 45px!important;
 }
 .portalModuleRow {
   border-left: 4px solid #3CB878 !important;
@@ -3468,7 +3598,7 @@ th {
   content: "*";
   color: red;
 }
-.nav-tabs .cp-modules > .active >a,
+.nav-tabs .cp-modules > .active > a,
 .nav-tabs .cp-modules > .active > a:hover {
   border: 0px !important;
   border-top-right-radius: 0px;
@@ -3630,7 +3760,7 @@ th {
   display: inline-block;
 }
 .quickPreview .updates_timeline:before {
-  background: #e6e6e6;
+  background: #e5e5e5;
   width: 2px;
   margin-left: -1%;
 }
@@ -3645,13 +3775,16 @@ th {
 .quickPreviewComments .recentComments .commentDetails .comment {
   line-height: 15px;
 }
-.quickPreviewComments  .summaryWidgetContainer {
+.quickPreviewComments .summaryWidgetContainer {
   border: 0;
   padding: 0;
 }
 .quickPreview .recentActivitiesContainer .history {
   padding: 0;
 }
+/******************************************* 
+********** Calendar view styles ************
+********************************************/
 .calendar-sidebar {
   width: 100% !important;
 }
@@ -3808,6 +3941,11 @@ th {
   display: inline-block;
   text-align: center;
 }
+/******************************************* 
+********** Calendar view styles end ********
+
+********** Documents Module styles *********
+********************************************/
 .dragdrop-dotted {
   border: 2px dashed #C0C0C0;
   min-width: 300px;
@@ -3867,13 +4005,16 @@ tr.file > td.fileOwnerData {
   width: 100px;
   white-space: pre-wrap;
 }
+/******************************************* 
+********** Documents Module styles end *****
+********************************************/
 .engagementsContainer .engagements_content {
   padding-top: 15px;
 }
 .summaryWidgetContainer .engagementsContainer table {
   width: inherit;
 }
-.engagements_content table thead>tr:first-child {
+.engagements_content table thead > tr:first-child {
   border: 1px solid #CCC;
   background-color: #F5F5F5;
 }
@@ -3924,6 +4065,9 @@ tr.file > td.fileOwnerData {
   font-size: 15px;
   padding: 1% 0;
 }
+/******************************************* 
+********** Mailroom view styles start ********
+********************************************/
 .mailroomBanner {
   margin: 23px 0;
   height: 215px;
@@ -4132,6 +4276,7 @@ tr.file > td.fileOwnerData {
   margin-left: 0;
 }
 .mentionMessages .mention_follow_up {
+  /*//load this color from variable.less*/
   background-color: green;
 }
 .modelContainer .modal-content {
@@ -4280,6 +4425,7 @@ form[name="notification_settings"] .select2-choice {
   margin-left: 0;
 }
 .mentionMessages .mention_follow_up {
+  /*//load this color from variable.less*/
   background-color: green;
 }
 .modal-content .mention_followup .row {
@@ -4311,6 +4457,9 @@ form[name="notification_settings"] .select2-choice {
 .mentionMessageHeader .MultiFile-remove {
   color: #FFFFFF;
 }
+/******************************************* 
+********** Mailroom view styles end ********
+********************************************/
 .detailview-header {
   margin-bottom: 10px;
 }
@@ -4326,6 +4475,7 @@ form[name="notification_settings"] .select2-choice {
   margin: 0px 10px;
   text-decoration: underline !important;
   color: #3498DB;
+  /*font-size : 12px;*/
 }
 .tag {
   display: inline-block;
@@ -4409,11 +4559,10 @@ form[name="notification_settings"] .select2-choice {
   border: 1px solid #dcdcdc;
 }
 #tagCloud .tag {
-  color: #5ea9dd;
-  padding: 0px;
   background-color: #FFFFFF;
   border-color: #FFFFFF;
   border-radius: 0px;
+  color: #5ea9dd;
   margin: 3px;
 }
 #tagCloud .tag[data-type="public"] {
@@ -4424,6 +4573,9 @@ form[name="notification_settings"] .select2-choice {
   max-width: 80px;
   vertical-align: bottom;
 }
+/******************************************* 
+********** Groups view styles ********
+********************************************/
 #s2id_memberList li > div,
 .groupMembersColors li > div {
   margin-left: 10px;
@@ -4498,6 +4650,12 @@ form[name="notification_settings"] .select2-choice {
   margin: 0px;
   color: #444444;
 }
+/******************************************* 
+********** Groups view styles  ends********
+********************************************/
+/******************************************* 
+********** Picklist Css ********
+********************************************/
 .pickListValue {
   background-color: #FFFFFF;
 }
@@ -4512,6 +4670,12 @@ form[name="notification_settings"] .select2-choice {
   padding: 2px 1px !important;
   line-height: 15px;
 }
+/******************************************* 
+************* Dashboard Styles *************
+********************************************/
+li.dashboardWidget {
+  overflow: auto;
+}
 .dashboardWidgetHeader .title {
   padding-bottom: 10px;
   font-size: 15px;
@@ -4532,9 +4696,6 @@ form[name="notification_settings"] .select2-choice {
 .dashBoardContainer .tabContainer .tab-content {
   margin-top: 10px;
 }
-.dashBoardContainer .dashBoardTabContents ul {
-  margin: 0;
-}
 .dashBoardContainer .dashBoardTabContents ul li {
   border: 3px solid #E2E2E4;
   box-shadow: 1px;
@@ -4601,7 +4762,7 @@ form[name="notification_settings"] .select2-choice {
   display: inline-block;
   opacity: 1;
 }
-.dashBoardContainer .tabContainer li a  .deleteTab:hover {
+.dashBoardContainer .tabContainer li a .deleteTab:hover {
   cursor: pointer;
 }
 #minilistWizardContainer .fieldLabel {
@@ -4638,6 +4799,9 @@ form[name="notification_settings"] .select2-choice {
   resize: none;
   width: 100%;
 }
+/******************************************* 
+********** Picklist DependencyGraph ********
+********************************************/
 #dependencyGraph .tableHeading {
   text-align: center;
   padding-top: 30px;
@@ -4663,12 +4827,15 @@ form[name="notification_settings"] .select2-choice {
 #dependencyGraph .dependencyMapping .pickListDependencyTable .selectedCell {
   background: #a9cbf5;
 }
+/******************************************* 
+********** Rewriting select2 for consistency********
+********************************************/
 .select2-container .select2-choice {
   height: 29px;
   border-radius: 1px;
 }
 .modal {
-  z-index: 1100;
+  z-index: 1070;
 }
 .select2-container .select2-choice {
   height: 28px;
@@ -4756,6 +4923,7 @@ hr {
   position: fixed;
   bottom: 0;
   background: #EFEFEF;
+  /*width:100%;*/
   border-left: 42px solid #2c3b49;
   height: 60px;
   left: 0;
@@ -4774,7 +4942,6 @@ hr {
 }
 .settingsPageDiv .modal-overlay-footer {
   margin-left: 230px;
-  border-left: 0px solid;
 }
 .settingsOverlayContainer .modal-overlay-footer {
   margin: 0;
@@ -4797,14 +4964,14 @@ hr {
   vertical-align: middle;
   margin-top: 6px;
 }
-.list-menu-content .pull-right>.dropdown-menu {
+.list-menu-content .pull-right > .dropdown-menu {
   left: -126px;
   position: relative;
 }
-.dropdown-menu>li>a {
+.dropdown-menu > li > a {
   padding: 4px 6px;
 }
-.dropdown-menu>li>a span i {
+.dropdown-menu > li > a span i {
   font-size: 15px;
   vertical-align: middle;
 }
@@ -4812,11 +4979,11 @@ hr {
   max-height: 300px;
   padding-left: 0;
 }
-.related-tabs .dropdown-menu>.mCustomScrollBox>.mCSB_container {
+.related-tabs .dropdown-menu > .mCustomScrollBox > .mCSB_container {
   margin-right: 0;
   padding: 4px 6px;
 }
-.related-tabs .dropdown-menu>.mCustomScrollBox>.mCSB_container>li>a {
+.related-tabs .dropdown-menu > .mCustomScrollBox > .mCSB_container > li > a {
   display: block;
   padding: 3px 5px;
   clear: both;
@@ -4825,7 +4992,7 @@ hr {
   color: #333;
   white-space: nowrap;
 }
-.related-tabs .dropdown-menu>.mCustomScrollBox>.mCSB_container span i {
+.related-tabs .dropdown-menu > .mCustomScrollBox > .mCSB_container span i {
   font-size: 15px;
   vertical-align: middle;
 }
@@ -4848,16 +5015,16 @@ hr {
 .calendar-sidebar .calendar-sidebar-tabs.padding {
   padding-left: 20px !important;
 }
-.related-tabs.row .nav>li {
+.related-tabs.row .nav > li {
   padding: 0 10px;
   margin: 0 2px;
 }
-.massEditTabs.nav>li {
+.massEditTabs.nav > li {
   padding: 0 10px;
   margin: 0 4px;
 }
-.row .nav>li>a,
-.row .nav>li>a:hover {
+.row .nav > li > a,
+.row .nav > li > a:hover {
   padding: 10px 3px;
   border: none;
   vertical-align: bottom;
@@ -4867,38 +5034,39 @@ hr {
   -webkit-box-sizing: border-box;
   -o-box-sizing: border-box;
 }
-.row .nav>li>a:hover {
+.row .nav > li > a:hover {
   border-bottom-color: #555;
 }
-TN-34230
-
-.row .nav>li>a:hover {
+/*.row ul{
+    padding:0;
+}*/
+TN-34230 .row .nav > li > a:hover {
   border-bottom-color: #555;
   background: none;
 }
 .row ul li:first-child {
   margin-left: 0;
 }
-.related-tabs .nav-tabs>li.active,
-.related-tabs .nav-tabs>li:hover,
-.related-tabs .nav-tabs>li.active:focus,
-.dashBoardContainer .nav-tabs>li.active,
-.dashBoardContainer .nav-tabs>li:hover,
-.dashBoardContainer .nav-tabs>li.active:focus,
-.contents.tabbable .nav-tabs>li.active,
-.contents.tabbable .nav-tabs>li:hover,
-.contents.tabbable .nav-tabs>li.active:focus {
+.related-tabs .nav-tabs > li.active,
+.dashBoardContainer .nav-tabs > li.active,
+.contents.tabbable .nav-tabs > li.active,
+.related-tabs .nav-tabs > li:hover,
+.dashBoardContainer .nav-tabs > li:hover,
+.contents.tabbable .nav-tabs > li:hover,
+.related-tabs .nav-tabs > li.active:focus,
+.dashBoardContainer .nav-tabs > li.active:focus,
+.contents.tabbable .nav-tabs > li.active:focus {
   border: none;
   border-bottom: 3px solid #555;
 }
-.nav-tabs>li.active>a,
-.nav-tabs>li.active>a:hover,
-.nav-tabs>li.active>a:focus,
-.nav-tabs>li>a {
+.nav-tabs > li.active > a,
+.nav-tabs > li.active > a:hover,
+.nav-tabs > li.active > a:focus,
+.nav-tabs > li > a {
   border: 0;
 }
-.nav>li>a:hover,
-.nav>li>a:focus {
+.nav > li > a:hover,
+.nav > li > a:focus {
   background-color: #FFFFFF;
 }
 .fa-pencil,
@@ -4908,6 +5076,9 @@ TN-34230
 .commentAttachmentName {
   font-size: 11px;
 }
+/******************************************* 
+********** Layout Editor ********
+********************************************/
 .marginBottom10px {
   margin-bottom: 10px;
 }
@@ -4930,6 +5101,7 @@ TN-34230
 }
 .zeroOpacity {
   opacity: 0;
+  /*for IE*/
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
 }
@@ -4956,10 +5128,12 @@ TN-34230
 .layoutContent .opacity:hover .actions {
   opacity: 1;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+  /*for IE*/
   filter: alpha(opacity=100);
 }
 .layoutContent .fieldPropertyContainer:hover .actions {
   opacity: 1;
+  /*for IE*/
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=100);
 }
@@ -4982,6 +5156,7 @@ TN-34230
 .relatedTabModulesList .addButton {
   border-radius: 2px;
   border: 1px solid #DDDDDD;
+  text-transform: uppercase;
   color: #666666;
   background: #FFFFFF;
 }
@@ -5055,6 +5230,9 @@ TN-34230
   margin-left: 5px;
   word-break: break-all;
 }
+/******************************************* 
+************** Tax Management **************
+********************************************/
 #TaxCalculationsContainer .table tr:first-child,
 .taxModalContainer #editTax .table tr:first-child {
   border-bottom: 1px solid #ccc;
@@ -5094,6 +5272,9 @@ TN-34230
   max-height: 500px;
   overflow-y: auto;
 }
+/******************************************* 
+********** Workflows ********
+********************************************/
 #workflow_edit .editViewBody {
   overflow: inherit;
 }
@@ -5103,7 +5284,7 @@ TN-34230
 }
 .timePicker {
   width: 9.5em !important;
-  z-index: 1101 !important;
+  z-index: 1070 !important;
 }
 .weekDaySelect .ui-state-default {
   background: inherit;
@@ -5141,75 +5322,6 @@ TN-34230
 .module-filters.active {
   background: #F7F7F7;
 }
-.payment-type-selection {
-  margin-bottom: 30px;
-}
-.payment-type-selection img {
-  vertical-align: middle;
-}
-.currplan {
-  padding: 10px 20px;
-  background-color: #f3f3f3;
-  border: 1px solid #eee;
-  border-radius: 3px;
-}
-.currplan div {
-  display: inline-block;
-  font-size: 16px;
-}
-.planName {
-  display: inline-block;
-  color: #fff;
-  padding: 20px;
-  margin: 10px 20px;
-  font-size: 24px;
-  border-radius: 2px;
-}
-.plan-heading {
-  min-height: 168px;
-}
-.plan-title {
-  color: #fff;
-  font-size: 20px;
-  padding: 13px 0;
-}
-#sales_plan {
-  background: #3FC380;
-  font-size: x-large;
-  text-shadow: 1px 0 2px #555555;
-  color: #fff;
-}
-#salespremium_plan {
-  background: #00B16A;
-  font-size: x-large;
-  text-shadow: 1px 0 2px #555555;
-  color: #fff;
-}
-#support_plan {
-  background: #2980B9;
-  font-size: x-large;
-  text-shadow: 1px 0 2px #555555;
-  color: #fff;
-}
-#supportpremium_plan {
-  background: #2980B9;
-  font-size: x-large;
-  text-shadow: 1px 0 2px #555555;
-  color: #fff;
-}
-#ultimate_plan,
-#exclusive_plan {
-  background: #F39C12;
-  font-size: x-large;
-  text-shadow: 1px 0 2px #555555;
-  color: #fff;
-}
-#contact_plan {
-  background: #FF5959;
-  font-size: x-large;
-  text-shadow: 1px 0 2px #555555;
-  color: #fff;
-}
 .workflowListContainer .select2-container .select2-choice {
   height: 36px;
 }
@@ -5224,6 +5336,7 @@ TN-34230
 .contactAdd {
   border: 1px solid #eee;
   padding: 20px;
+  /*min-height: 310px !important;*/
 }
 #subDetails table td {
   padding: 7px 10px;
@@ -5346,9 +5459,9 @@ TN-34230
 .productBundles {
   padding-left: 20px;
 }
-.nav .open>a,
-.nav .open>a:hover,
-.nav .open>a:focus {
+.nav .open > a,
+.nav .open > a:hover,
+.nav .open > a:focus {
   color: #000000;
   background-color: #FFFFFF;
 }
@@ -5369,6 +5482,9 @@ TN-34230
   width: 100%;
   overflow-x: auto;
 }
+/******************************************* 
+*************** Mail Manager ***************
+********************************************/
 #mm_searchButton {
   height: 28px;
   background-color: #FFFFFF;
@@ -5424,8 +5540,8 @@ TN-34230
   padding: 1px 5px;
   border-radius: 3px;
   text-align: center;
-  text-shadow: 0 1px rgba(0,0,0,0.1);
-  background-image: -webkit-linear-gradient(top,#DD4B39 0,#D14836 100%);
+  text-shadow: 0 1px rgba(0, 0, 0, 0.1);
+  background-image: -webkit-linear-gradient(top, #DD4B39 0, #D14836 100%);
   border: 1px solid #C6322A;
   background-color: #DD4B39;
 }
@@ -5643,6 +5759,7 @@ TN-34230
 .width40per {
   width: 40%;
 }
+/****** Mail Manager Ends ******/
 .quickCreateContent .massEditTable textarea,
 .addCommentBlock .commentTextArea textarea {
   resize: vertical;
@@ -5655,19 +5772,20 @@ TN-34230
 .select2-container-multi .select2-choices {
   z-index: 1;
 }
-.nav .nav-stacks .cp-nav-header-wrapper>li.disabled>a:hover {
+/****** Customer Portal Settings ******/
+.nav .nav-stacks .cp-nav-header-wrapper > li.disabled > a:hover {
   background-color: #fff;
 }
-.cp-nav-header-wrapper>li.disabled>a:hover {
+.cp-nav-header-wrapper > li.disabled > a:hover {
   border: 0px ! important;
 }
-.nav .nav-stacks .cp-nav-header-wrapper>li.disabled>a {
+.nav .nav-stacks .cp-nav-header-wrapper > li.disabled > a {
   background-color: #fff;
 }
-#portalModulesTable>li.portalModuleRow.active>a:hover {
+#portalModulesTable > li.portalModuleRow.active > a:hover {
   background-color: #fff !important;
 }
-#portalModulesTable>li.portalModuleRow.active>a:focus {
+#portalModulesTable > li.portalModuleRow.active > a:focus {
   background-color: #fff !important;
 }
 .portal-dashboard {
@@ -5766,7 +5884,7 @@ TN-34230
 .portal-dashboard {
   border-bottom: 0px ! important;
 }
-#portal-shortcutsContainer>ul {
+#portal-shortcutsContainer > ul {
   border-bottom: 0px ! important;
 }
 .portalMenuHeader {
@@ -5775,14 +5893,15 @@ TN-34230
 }
 .cp-tabs .enabledModules {
   display: inline-block ! important;
-  margin-left: 4px !important;
-  margin-right: 4px !important;
+  margin-left: 4px!important;
+  margin-right: 4px!important;
   vertical-align: top;
   margin-top: 4px !important;
 }
 .portal-shortcut-list:hover {
   border-bottom: 3px solid transparent ! important;
 }
+/****** Customer Portal Settings ******/
 .label-radio label input[type="radio"] {
   position: relative;
   top: 2px;
@@ -5794,6 +5913,9 @@ TN-34230
 div.tooltip-inner {
   max-width: 400px;
 }
+/******************************************* 
+********** Menu Editor ********
+********************************************/
 .sortable.appContainer.ui-sortable {
   width: 160px;
 }
@@ -5968,7 +6090,7 @@ div.tooltip-inner {
   width: 13px !important;
   margin-top: 8px;
 }
-.detailview-table .input-group-addon+.inputElement.form-control,
+.detailview-table .input-group-addon + .inputElement.form-control,
 .detailview-table .inputElement.form-control.input-medium {
   width: 100%;
 }
@@ -6015,6 +6137,7 @@ div.tooltip-inner {
   float: left;
   margin-right: 5px;
 }
+/***** Oursites Changes *****/
 .portal-table .table-actions {
   width: inherit ! important;
 }
@@ -6026,6 +6149,7 @@ div.tooltip-inner {
   padding: 10px 5px ! important;
   padding-left: 10px ! important;
 }
+/***** Oursites Changes *****/
 .ExtensionscontentsDiv .content-area {
   padding-left: 15px;
   padding-right: 15px;
@@ -6039,14 +6163,14 @@ div.tooltip-inner {
 }
 .blockHeader {
   border-color: #F3F3F4 #F3F3F4 #cbcbcf;
-  border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
   background-color: #474747;
-  background-image: -moz-linear-gradient(top,#555555,#333333);
-  background-image: -ms-linear-gradient(top,#555555,#333333);
-  background-image: -webkit-gradient(linear,0 0,0 100%,from(#555555),to(#333333));
-  background-image: -webkit-linear-gradient(top,#555555,#333333);
-  background-image: -o-linear-gradient(top,#555555,#333333);
-  background-image: linear-gradient(top,#555555,#333333);
+  background-image: -moz-linear-gradient(top, #555555, #333333);
+  background-image: -ms-linear-gradient(top, #555555, #333333);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#333333));
+  background-image: -webkit-linear-gradient(top, #555555, #333333);
+  background-image: -o-linear-gradient(top, #555555, #333333);
+  background-image: linear-gradient(top, #555555, #333333);
   background-repeat: repeat-x;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#333333', GradientType=0);
   min-height: 30px;
@@ -6139,8 +6263,8 @@ div.tooltip-inner {
 .markStar .starredStatus {
   display: none;
 }
-.nav>li.addDashboardTab>a,
-.nav>li.addDashboardTab>a:hover {
+.nav > li.addDashboardTab > a,
+.nav > li.addDashboardTab > a:hover {
   padding: 10px 15px;
   background: inherit;
 }
@@ -6153,7 +6277,7 @@ div.tooltip-inner {
   height: 960px;
   width: 1260px;
 }
-.nav-tabs>li {
+.nav-tabs > li {
   border-bottom: 3px solid transparent;
   margin: 0 2px;
 }
@@ -6231,16 +6355,14 @@ div.tooltip-inner {
 }
 .select2-container.select2-container-multi.select2,
 .editViewPageDiv .select2-container.select2-container-multi.select2 {
-  height: auto !important;
+  height: auto!important;
 }
-.summaryViewFields .select2-container-multi.inputElement.form-control
-.quickCreateContent .select2-container.select2-container-multi.select2,
+.summaryViewFields .select2-container-multi.inputElement.form-control .quickCreateContent .select2-container.select2-container-multi.select2,
 #massEditContainer .select2-container.select2-container-multi.select2 {
   width: 150px;
   height: auto !important;
 }
-.summaryViewFields .select2-container-multi.inputElement.form-control
-.quickCreateContent .select2-container.select2-container-multi.select2 .input-save-wrap,
+.summaryViewFields .select2-container-multi.inputElement.form-control .quickCreateContent .select2-container.select2-container-multi.select2 .input-save-wrap,
 #massEditContainer .select2-container.select2-container-multi.select2 .input-save-wrap {
   float: right;
   margin-right: 25px;
@@ -6336,6 +6458,7 @@ a.cp-modules:hover {
 #RestrictionsLayout {
   background: #fafafb;
   margin-top: -92px;
+  /*to adjust with page padding top*/
 }
 #RestrictionsLayout .vtImage {
   width: 22%;
@@ -6369,6 +6492,7 @@ a.cp-modules:hover {
 .datepicker {
   z-index: 1100 !important;
 }
+/*****RSS Changes****/
 .feedListContainer .listview-table tr td:first-child,
 .listview-table tr th:first-child {
   width: inherit ! important;
@@ -6376,12 +6500,14 @@ a.cp-modules:hover {
 .feedListContainer .listViewEntries .listViewEntryValue {
   max-width: inherit ! important;
 }
-.ps-container>.ps-scrollbar-y-rail {
+/*****RSS Changes****/
+.ps-container > .ps-scrollbar-y-rail {
   z-index: 1002;
 }
 #relationBlock .recordScroll {
   max-height: 150px;
 }
+/*Start - List sidebar toggle*/
 .essentials-toggle {
   background-color: white;
   font-weight: bold;
@@ -6401,6 +6527,7 @@ a.cp-modules:hover {
 .essentials-toggle .fa-chevron-right {
   background-position: -460px -72px !important;
 }
+/*End - List essentials toggle*/
 .module-name-tooltip .qtip-content {
   font-size: 12px;
   padding: 3px;
@@ -6484,8 +6611,8 @@ li.select2-search-choice div {
 .popover ul.listmenu li {
   padding: 3px;
 }
-.popover-content .disabled>a,
-.popover .disabled>a {
+.popover-content .disabled > a,
+.popover .disabled > a {
   opacity: 0.5;
   cursor: not-allowed;
 }
@@ -6496,6 +6623,7 @@ li.select2-search-choice div {
   -o-transform: rotate(180deg);
   transform: rotate(180deg);
 }
+/*Start - List sidebar toggle*/
 .essentials-toggle {
   background-color: white;
   font-weight: bold;
@@ -6515,6 +6643,7 @@ li.select2-search-choice div {
 .essentials-toggle .fa-chevron-right {
   background-position: -460px -72px !important;
 }
+/*End - List essentials toggle*/
 .module-name-tooltip .qtip-content {
   font-size: 12px;
   padding: 3px;
@@ -6595,16 +6724,16 @@ li.select2-search-choice div {
 #reportDetails .pivot .toptitle.targetY0,
 #reportDetails .pivot .lefttitle.targetX0 {
   border-color: #F3F3F4 #F3F3F4 #cbcbcf;
-  border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
   background-color: #474747;
-  background-image: -moz-linear-gradient(top,#555555,#333333);
-  background-image: -ms-linear-gradient(top,#555555,#333333);
-  background-image: -webkit-gradient(linear,0 0,0 100%,from(#555555),to(#333333));
-  background-image: -webkit-linear-gradient(top,#555555,#333333);
-  background-image: -o-linear-gradient(top,#555555,#333333);
-  background-image: linear-gradient(top,#555555,#333333);
+  background-image: -moz-linear-gradient(top, #555555, #333333);
+  background-image: -ms-linear-gradient(top, #555555, #333333);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#333333));
+  background-image: -webkit-linear-gradient(top, #555555, #333333);
+  background-image: -o-linear-gradient(top, #555555, #333333);
+  background-image: linear-gradient(top, #555555, #333333);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555',endColorstr='#333333',GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#333333', GradientType=0);
   min-height: 30px;
 }
 #reportDetails .pivot th.toptitle.targetY0,
@@ -6646,7 +6775,8 @@ li.select2-search-choice div {
   background: #FFFFFF;
 }
 .templateActions {
-  background: rgba(0,0,0,0.1);
+  background: rgba(0, 0, 0, 0.1);
+  /*padding: 4%;*/
   bottom: 0;
   text-align: center;
   position: absolute;
@@ -6654,6 +6784,9 @@ li.select2-search-choice div {
   zoom: 1;
   width: 100%;
 }
+/*.templateActions i {
+    margin-right: 30px;
+}*/
 .thumbnails > li {
   float: left;
   height: 315px !important;
@@ -6828,9 +6961,10 @@ a.btnReport:hover {
   left: 0px;
 }
 .bx-wrapper .bx-viewport {
-  width:99%;
+  width: 99%;
   left: 0px;
   background: #fff;
+  /*fix other elements on the page moving (on Chrome)*/
   -webkit-transform: translatez(0);
   -moz-transform: translatez(0);
   -ms-transform: translatez(0);
@@ -6888,7 +7022,7 @@ a.btnReport:hover {
 .filter-search-show {
   display: block !important;
 }
-.emailTemplatesPopupTableContainer .listViewEntries  .listViewEntryValue {
+.emailTemplatesPopupTableContainer .listViewEntries .listViewEntryValue {
   max-width: 100%;
   min-width: 150px;
 }
@@ -6923,12 +7057,15 @@ input:focus::-webkit-input-placeholder {
 input:focus:-moz-placeholder {
   color: transparent;
 }
+/* FF 4-18 */
 input:focus::-moz-placeholder {
   color: transparent;
 }
+/* FF 19+ */
 input:focus:-ms-input-placeholder {
   color: transparent;
 }
+/* IE 10+ */
 .global-actions .dropdown-menu:before {
   position: absolute;
   top: -7px;
@@ -6937,7 +7074,7 @@ input:focus:-ms-input-placeholder {
   border-right: 7px solid transparent;
   border-bottom: 7px solid #ccc;
   border-left: 7px solid transparent;
-  border-bottom-color: rgba(0,0,0,0.2);
+  border-bottom-color: rgba(0, 0, 0, 0.2);
   content: '';
 }
 .global-actions .dropdown-menu:after {
@@ -7122,6 +7259,7 @@ input:focus:-ms-input-placeholder {
   text-align: center;
 }
 #OnBoardLayout #OnBoardPageContainer .crmGoals textarea::-webkit-input-placeholder {
+  /* WebKit browsers */
   text-align: center;
   padding: 20%;
   font-size: 12px;
@@ -7267,121 +7405,3 @@ input:focus:-ms-input-placeholder {
   border-left: 3px solid #3CB878;
   opacity: 1;
 }
-.fieldValue .value a {
-  color: #15c !important;
-}
-.editViewContents .fieldLabel {
-  min-width: 100px;
-  width: 20%;
-  word-break: break-all;
-}
-.editViewContents .fieldValue {
-  width:30%;
-}
-.editViewContents td.fieldValue[colspan="3"] {
-  width:80%;
-}
-.editViewContents textarea.textAreaElement {
-  width: 88%;
-}
-.editViewContents input[type="checkbox"] {
-  width: 15px;
-  height: 15px;
-}
-.editViewContents input[type="radio"] {
-  width: 15px;
-  height: 15px;
-}
-#composeEmailContainer .modal-body .quickCreateContent,
-#QuickCreate .modal-body .quickCreateContent,
-#create .quickCreateContent {
-  margin-top: 25px;
-}
-.settingsgroup-panel .widgetContainer .menuItemLabel .pinUnpinShortCut {
-  display: none;
-  margin-top: 2px;
-}
-.settingsgroup-panel .widgetContainer .menuItemLabel:hover .pinUnpinShortCut {
-  display: inline-block;
-}
-@-moz-document url-prefix() {
-  .duplicateHandlingContainer .tooltip-inner {
-    width: 550px;
-    max-width: 550px;
-  }
-}
-.duplicateHandlingContainer .tooltip-inner {
-  text-align: left !important;
-}
-.duplicateHandlingContainer .syncMessage {
-  margin-top: 5px !important;
-}
-.duplicateHandlingContainer .actionsList {
-  width: 230px !important;
-}
-.duplicationMessageContainer {
-  background-color: #f2dede !important;
-  color: #b94a48 !important;
-}
-.duplicationMessageContainer .duplicationMessageHeader {
-  margin-bottom: 8px;
-}
-.listViewRecordActions .quickView, .listViewRecordActions .markStar,
-.listViewRecordActions .markAsHeld,.listViewRecordActions .holdFollowupOn {
-  margin-top: 4px;
-}
-.app-menu .module-icon .custom-module {
-	font-size: 14px;
-	border-radius: 4px;
-	color: #000;
-	background-color: #fff;
-	padding: 4px 10px 4px 5px !important
-}
-.menu-item .custom-module {
-	font-family: 'OpenSans-Regular', sans-serif;
-	font-size: 12px;
-	border-radius: 4px;
-	padding: 2px;
-	color: #000;
-	background-color: #fff;
-}
-.modules-menu .custom-module {
-	color: #fff;
-	margin-left: 0px;
-	display: inline;
-	border: 1px solid #fff;
-	border-radius: 4px;
-	padding: 3px 4px 3px 2px !important;
-	font-weight: bold;
-}
-#quickCreateModules .custom-module, .workflowListContainer .custom-module, .dashBoardTabContents .custom-module {
-	border-radius: 4px;
-	padding: 3px 5px;
-	color: #fff;
-	background-color: #777;
-}
-.menuEditorItem .custom-module {
-	border-radius: 4px;
-	padding: 3px 5px;
-	color: #000;
-	background-color: #fff;
-}
-.task-details .custom-module {
-	border-radius: 4px;
-	padding: 1px 4px;
-	color: white;
-	background-color: #777;
-}
-.related-tabs .custom-module, #relatedmenuList .custom-module {
-	border-radius: 4px;
-	color: #fff;
-	background-color: #777;
-	padding: 5px 7px;
-	font-weight: bold;
-}
-.record-header .custom-module {
-	font-size: 30px;
-}
-.moduleIcon .custom-module {
-	font-weight: bold;
-}
\ No newline at end of file
diff --git a/layouts/v7/skins/support/style.css b/layouts/v7/skins/support/style.css
index debe4b5fe24f303a5cb5c4496f639fafc359c4a0..53e6b4855bc4013e36c1a4862ea544a34646e8e0 100644
--- a/layouts/v7/skins/support/style.css
+++ b/layouts/v7/skins/support/style.css
@@ -1,7 +1,9 @@
 @font-face {
   font-family: 'Oswald';
   src: url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.eot');
-  src: url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.woff') format('woff'), url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.ttf') format('truetype'), url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.svg#Oswald') format('svg');
+  /* IE9 Compat Modes */
+  src: url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.svg#Oswald') format('svg');
+  /* Legacy iOS */
   font-weight: normal;
   font-style: normal;
   text-rendering: optimizeLegibility;
@@ -15,27 +17,37 @@ a:active {
 @font-face {
   font-family: 'OpenSans-Regular';
   src: url('../fonts/OpenSans/Regular/OpenSans-Regular.eot');
-  src: url('../fonts/OpenSans/Regular/OpenSans-Regular.ttf') format('truetype'), url('../fonts/OpenSans/Regular/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans/Regular/OpenSans-Regular.woff2') format('woff2'), url('../fonts/OpenSans/Regular/OpenSans-Regular.woff') format('woff'), url('../fonts/OpenSans/Regular/OpenSans-Regular.svg#svgFontName') format('svg');
+  /* IE9 Compat Modes */
+  src: url('../fonts/OpenSans/Regular/OpenSans-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/OpenSans/Regular/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/OpenSans/Regular/OpenSans-Regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/OpenSans/Regular/OpenSans-Regular.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/OpenSans/Regular/OpenSans-Regular.svg#svgFontName') format('svg');
+  /* Legacy iOS */
 }
 @font-face {
   font-family: 'OpenSans-Semibold';
   src: url('../fonts/OpenSans/Semibold/OpenSans-Semibold.eot');
-  src: url('../fonts/OpenSans/Semibold/OpenSans-Semibold.ttf') format('truetype'), url('../fonts/OpenSans/Semibold/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans/Semibold/OpenSans-Semibold.woff2') format('woff2'), url('../fonts/OpenSans/Semibold/OpenSans-Semibold.woff') format('woff'), url('../fonts/OpenSans/Semibold/OpenSans-Semibold.svg#svgFontName') format('svg');
+  /* IE9 Compat Modes */
+  src: url('../fonts/OpenSans/Semibold/OpenSans-Semibold.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/OpenSans/Semibold/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/OpenSans/Semibold/OpenSans-Semibold.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/OpenSans/Semibold/OpenSans-Semibold.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/OpenSans/Semibold/OpenSans-Semibold.svg#svgFontName') format('svg');
+  /* Legacy iOS */
 }
 @font-face {
   font-family: 'ProximaNova-Regular';
-  src: url('../fonts/ProximanovaWebfont/ProximaNova-Regular.ttf') format('truetype'), url('../fonts/ProximanovaWebfont/ProximaNova-Regular.woff') format('woff'), url('../fonts/ProximanovaWebfont/ProximaNova-Regular.eot?#iefix') format('embedded-opentype');
+  src: url('../fonts/ProximanovaWebfont/ProximaNova-Regular.ttf') format('truetype'), url('../fonts/ProximanovaWebfont/ProximaNova-Regular.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/ProximanovaWebfont/ProximaNova-Regular.eot?#iefix') format('embedded-opentype');
+  /* IE6-IE8 */
+  /* Safari, Android, iOS */
   font-style: normal;
   font-weight: normal;
   text-rendering: optimizeLegibility;
 }
 @font-face {
   font-family: 'ProximaNova-Semibold';
-  src: url('../fonts/ProximanovaWebfont/ProximaNova-Semibold.ttf') format('truetype'), url('../fonts/ProximanovaWebfont/ProximaNova-Semibold.woff') format('woff'), url('../fonts/ProximanovaWebfont/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype');
+  src: url('../fonts/ProximanovaWebfont/ProximaNova-Semibold.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/ProximanovaWebfont/ProximaNova-Semibold.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/ProximanovaWebfont/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype');
+  /* IE6-IE8 */
   font-style: normal;
   font-weight: normal;
   text-rendering: optimizeLegibility;
 }
+/**********************************/
+/************ Layout **************/
+/**********************************/
 html {
   height: 100%;
   overflow-y: auto;
@@ -102,6 +114,7 @@ body {
 @media (min-width: 992px) {
   .global-nav .logo-container {
     display: inline-block;
+    width: 150px;
     z-index: 2;
     padding-left: 6%;
     margin-top: 1px;
@@ -113,11 +126,13 @@ body {
     position: absolute;
     width: 100%;
     height: 42px;
+    /*        border-top:1px solid #ddd;*/
     border-bottom: 1px solid #ddd;
   }
   .app-nav .module-action-bar .module-action-content {
     background: #FBFBFB;
     height: 41px;
+    /*        border-bottom: 1px solid #eee;*/
   }
   .app-nav .module-action-bar .module-action-content .navbar-right {
     margin-right: 0;
@@ -163,7 +178,7 @@ body {
     padding-left: 0;
   }
 }
-.btn-toolbar >.btn-group:first-child {
+.btn-toolbar > .btn-group:first-child {
   margin-left: 5px;
 }
 .vt-notification {
@@ -196,15 +211,19 @@ body {
 .vt-notification [data-notify="message"] {
   color: #eaeaea;
 }
+/**********************************/
+/******** Navigation styles *******/
+/**********************************/
 .company-logo {
   height: 40px;
+  width: 150px;
   margin: 0 0;
   display: inline-block;
   margin-left: 1px;
 }
 .company-logo img {
-  max-height: 100%;
-  max-width: 100%;
+  height: 100%;
+  width: auto;
 }
 .navbar .fa {
   font-size: 15px;
@@ -214,10 +233,13 @@ body {
   font-size: 16px;
   position: relative;
 }
+/*.module-action-bar .module-action-content #appnav{
+    padding-top:5px;
+}*/
 .global-nav .navbar-nav > li div a {
   padding: 15px;
 }
-.global-nav>ul {
+.global-nav > ul {
   margin-right: 20px;
 }
 .global-nav .search-links-container {
@@ -267,26 +289,28 @@ body {
     float: right;
     height: 42px;
   }
-  .module-action-bar .navbar-right .nav>li {
+  .module-action-bar .navbar-right .nav > li {
     display: inline-block;
   }
-  .module-action-bar .navbar-right .nav>li a {
+  .module-action-bar .navbar-right .nav > li a {
     padding: 0 10px;
   }
   .global-nav .logo-container {
     border-bottom: 0;
+    width: 150px;
   }
 }
 @media (max-width: 991px) {
   .global-nav .logo-container {
     border-bottom: 0;
+    width: 150px;
   }
   .notificationMessageHolder {
     padding-left: 45%;
   }
 }
 @media (min-width: 991px) {
-  .nav>li>a.qc-button {
+  .nav > li > a.qc-button {
     padding: 2px 3px;
     margin-top: 13px;
     margin-right: 15px;
@@ -294,7 +318,7 @@ body {
     color: #fff;
     border-radius: 20px;
   }
-  .nav>li>a.qc-button span {
+  .nav > li > a.qc-button span {
     vertical-align: top;
   }
 }
@@ -313,6 +337,7 @@ body {
   width: 100%;
   height: 100%;
 }
+/** App Nav Styles */
 .active-app-title {
   white-space: nowrap;
   font-family: Oswald, "OpenSans-Semibold", "Helvetica Neue", Helvetica, sans-serif;
@@ -367,7 +392,9 @@ body {
   height: 42px;
   text-align: center;
   line-height: 42px;
+  /*    background-color: #2c3b49;*/
   color: #ffffff;
+  /*border-bottom: 1px solid #272B46;*/
 }
 .app-nav .app-indicator-icon-container .app-indicator-icon {
   font-size: 24px;
@@ -479,16 +506,16 @@ body {
   right: -4px;
 }
 #overlayPageContent .mCSB_scrollTools,
-#overlayPageContent .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
-#overlayPageContent .mCSB_scrollTools .mCSB_buttonUp,
-#overlayPageContent .mCSB_scrollTools .mCSB_buttonDown,
-#overlayPageContent .mCSB_scrollTools .mCSB_buttonLeft,
-#overlayPageContent .mCSB_scrollTools .mCSB_buttonRight,
 .app-list .mCSB_scrollTools,
+#overlayPageContent .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
 .app-list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
+#overlayPageContent .mCSB_scrollTools .mCSB_buttonUp,
 .app-list .mCSB_scrollTools .mCSB_buttonUp,
+#overlayPageContent .mCSB_scrollTools .mCSB_buttonDown,
 .app-list .mCSB_scrollTools .mCSB_buttonDown,
+#overlayPageContent .mCSB_scrollTools .mCSB_buttonLeft,
 .app-list .mCSB_scrollTools .mCSB_buttonLeft,
+#overlayPageContent .mCSB_scrollTools .mCSB_buttonRight,
 .app-list .mCSB_scrollTools .mCSB_buttonRight {
   -webkit-transition: none;
   transition: none;
@@ -700,6 +727,7 @@ a.menu-item:hover {
   width: 0px;
   overflow: hidden;
 }
+/* User Logout */
 .logout-content {
   padding: 10px;
   width: 350px;
@@ -754,6 +782,9 @@ a.menu-item:hover {
 .app-settings {
   background: #FFFFFF;
 }
+/*************************************************/
+/******** View styles (List/Edit/Detail..) *******/
+/*************************************************/
 .viewContent .content-area {
   padding-left: 50px;
 }
@@ -791,7 +822,6 @@ a.menu-item:hover {
 .fieldValue .value {
   max-width: 85%;
   display: inline-block;
-  word-break: break-word;
 }
 .modal-header button.close {
   padding: 0;
@@ -865,6 +895,9 @@ input[type="password"].inputElement {
   padding-right: 20px;
   padding-left: 20px;
 }
+/**********************************/
+/**** Side vertical Nav styles ****/
+/**********************************/
 .module-nav {
   background: #fff;
   z-index: 1004;
@@ -880,6 +913,9 @@ input[type="password"].inputElement {
   left: 0;
   transition: 0s width;
 }
+.module-nav:hover {
+  /*z-index: 1001;*/
+}
 .modules-menu ul {
   list-style: none;
   margin-left: 0;
@@ -914,7 +950,7 @@ input[type="password"].inputElement {
   float: left;
   font-size: 20px;
 }
-.modules-menu ul li a>span {
+.modules-menu ul li a > span {
   margin-left: 10px;
   vertical-align: middle;
   font-size: 13px;
@@ -954,6 +990,7 @@ input[type="password"].inputElement {
   width: 100%;
   left: 0%;
 }
+/** Lists Menu in Side bar */
 .module-filters .settings-sidebar,
 .module-filters .sidebar-container {
   padding: 0 12px;
@@ -987,6 +1024,7 @@ input[type="password"].inputElement {
 .lists-menu-container hr {
   margin: 5px 0;
 }
+/* mScrollbar customization for lists widget */
 .lists-menu-container .menu-scroller .mCSB_scrollTools {
   width: 13px;
 }
@@ -998,8 +1036,10 @@ input[type="password"].inputElement {
 .modules-menu .mCSB_scrollTools .mCSB_draggerContainer {
   left: 8px;
 }
+/* Customization ends */
 .lists-menu-container .list-menu-content .more-less-link {
   color: #fff;
+  /*text-decoration: none;*/
 }
 .lists-menu-container .list-menu-content .sub-header {
   color: #ddd;
@@ -1104,9 +1144,11 @@ input[type="password"].inputElement {
 .common-links-container > div a {
   color: #fff;
 }
+/*Search Container styles */
 .search-container {
   min-height: 300px;
   position: absolute;
+  /*z-index: 1030;*/
   width: 100%;
   top: 0;
   background: #FBFBFB;
@@ -1125,6 +1167,7 @@ input[type="password"].inputElement {
 .footer p {
   margin: 5px 0;
 }
+/*** Utilities ***/
 .showElement {
   display: block !important;
   height: 100%;
@@ -1247,11 +1290,11 @@ ul.unstyled {
 }
 .emptyRecordsDiv .emptyRecordsContent {
   display: inline-block;
-  font-size: 16px;
   left: 50%;
   margin-left: -25%;
   position: absolute;
   width: 50%;
+  font-size: 16px;
 }
 .textOverflowEllipsis {
   overflow: hidden;
@@ -1276,6 +1319,9 @@ ul.unstyled {
 .removeNoFileChosen {
   color: transparent !important;
 }
+/***********************************
+**********Button Styles**********
+***********************************/
 .module-buttons-container {
   float: right;
   margin-right: 10px;
@@ -1297,6 +1343,7 @@ ul.unstyled {
   margin: 4px 2px;
   border-radius: 2px;
   border: 1px solid #ddd;
+  text-transform: uppercase;
   color: #666;
   background: #fff;
 }
@@ -1317,6 +1364,9 @@ ul.unstyled {
   color: #FFFFFF !important;
   background: #5bc0de !important;
 }
+/***********************************
+**********List View Styles**********
+***********************************/
 .fa.pull-left {
   margin-right: 0;
 }
@@ -1351,7 +1401,7 @@ ul.unstyled {
   font-size: 20px;
 }
 .listview-pagination .disabled {
-  color: rgba(0,0,0,0.2);
+  color: rgba(0, 0, 0, 0.2);
 }
 .listview-pagination .disabled:hover {
   cursor: default;
@@ -1379,6 +1429,8 @@ ul.unstyled {
 .listview-table {
   margin-bottom: 0;
   border-top: 0;
+  /* Horizontal scroll will not work if table layout Fixed */
+  /*    table-layout: fixed;*/
 }
 .listview-table tr td,
 .listview-table tr th {
@@ -1408,7 +1460,7 @@ ul.unstyled {
   width: 100%;
 }
 .listViewEntries .relatedListEntryValues .fieldValue .value,
-.listViewEntries  .listViewEntryValue .fieldValue .value {
+.listViewEntries .listViewEntryValue .fieldValue .value {
   vertical-align: middle;
   width: 100%;
   display: inline-block;
@@ -1423,7 +1475,7 @@ ul.unstyled {
 }
 .listview-table-norecords .table-actions,
 .listview-table .table-actions {
-  width: 120px;
+  width: 110px;
   font-size: 15px;
   color: #555;
   margin-left: 7px;
@@ -1489,13 +1541,13 @@ input[type=checkbox]:checked {
   vertical-align: middle;
   display: table-cell;
 }
-.listview-table  tr.searchRow th {
+.listview-table tr.searchRow th {
   padding: 5px 3px;
 }
-.listview-table  tr.searchRow th.inline-search-btn {
+.listview-table tr.searchRow th.inline-search-btn {
   padding: 3px 10px;
 }
-.listview-table  tr.searchRow th.inline-search-btn button {
+.listview-table tr.searchRow th.inline-search-btn button {
   text-align: center;
   width: 85%;
   text-shadow: none;
@@ -1523,6 +1575,18 @@ input[type=checkbox]:checked {
   background-color: #FFEEEE !important;
   background-image: none !important;
 }
+/*.floatThead-wrapper .table-container{
+    z-index: 0 !important;
+}*/
+/* List view bottom fixed scroll */
+/*.bottom-fixed-scroll{
+    height: 14px;
+    position: relative;
+    top: -15px;
+    overflow-x: auto;
+    overflow-y: hidden;
+    width: 100%;
+}*/
 .scroller-div {
   height: 1px;
 }
@@ -1644,12 +1708,12 @@ input[type=checkbox]:checked {
 #listColumnFilterContainer .disabled i {
   color: #ccc;
 }
+/**********************************
+**********Detail View Styles**********
+**********************************/
 .detailViewButtoncontainer {
   padding-top: 5px;
 }
-.detailViewButtoncontainer button.btn {
-  margin: 0px 1px !important;
-}
 .detailview-header .recordBasicInfo > .info-row {
   margin-bottom: 4px;
 }
@@ -1730,9 +1794,6 @@ th {
   margin-top: 3%;
   margin-right: 2%;
 }
-.overlayDetailHeader button.btn {
-  margin: 0px 1px !important;
-}
 .referencefield-wrapper .createReferenceRecord {
   float: left;
   margin-left: 5px;
@@ -1972,10 +2033,10 @@ th {
   z-index: 1030;
 }
 .overlay-container-60 {
-  margin-left: 42px;
+  margin-left: 42px ;
 }
 .overlay-container-300 {
-  margin-left: 230px;
+  margin-left: 230px ;
 }
 .overlayPageContent {
   background: #FFFFFF;
@@ -2098,6 +2159,9 @@ th {
   height: 26px;
   line-height: 25px;
 }
+/**********************************
+**********Summary View Styles******
+**********************************/
 .summary-table {
   width: 100%;
   table-layout: fixed;
@@ -2218,33 +2282,33 @@ th {
   opacity: 1;
   cursor: pointer;
 }
-.details.row >form .social-media-toggle {
+.details.row > form .social-media-toggle {
   position: absolute;
   right: -15px;
   display: inline-block;
   width: 500px;
   border-left: 0px;
 }
-.details.row >form .social-media-widget {
+.details.row > form .social-media-widget {
   border-left: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
   height: 100%;
   background: white;
 }
-.details.row >form div[class*="col-"].resizable-summary-view {
+.details.row > form div[class*="col-"].resizable-summary-view {
   padding-left: 0;
   padding-right: 0px;
 }
-.details.row >form>div[class*="col-"],
-.details.row >form .resizable-summary-view div[class*="col-"] {
+.details.row > form > div[class*="col-"],
+.details.row > form .resizable-summary-view div[class*="col-"] {
   padding-right: 0;
   padding: 0px 5px;
 }
-.details.row >form>div[class*="col-"]:first-child,
-.details.row >form .left-block {
+.details.row > form > div[class*="col-"]:first-child,
+.details.row > form .left-block {
   padding-left: 0 !important;
 }
-.details.row >form>div[class*="col-"]:last-child {
+.details.row > form > div[class*="col-"]:last-child {
   padding-right: 0;
 }
 .summaryWidgetContainer .noContent {
@@ -2257,6 +2321,9 @@ th {
 .caseReplyArea .nav > li {
   padding: 0 10px;
 }
+/**********************************
+**********Edit View Styles*******
+**********************************/
 .main-container .editViewModNavigator.module-nav,
 .editViewModNavigator .mod-switcher-container,
 .editViewModNavigator .modules-menu {
@@ -2297,7 +2364,7 @@ th {
   width: 100%;
 }
 .editViewContents .input-group {
-  width: 229px;
+  width: 208px;
   float: left;
 }
 .input-group.inputElement .input-group-addon {
@@ -2376,6 +2443,9 @@ th {
   z-index: 1000;
   padding: 7px;
 }
+/**********************************
+**********Advance Search styles**********
+**********************************/
 .op0.fadeInx {
   opacity: 1;
 }
@@ -2448,7 +2518,11 @@ th {
 }
 .btn + input {
   margin-left: 5px;
+  /*    margin-top : 3px;*/
 }
+/**********************************
+**********Extension Store Styles**********
+**********************************/
 .extensionstore .app-trigger {
   width: 98%;
 }
@@ -2479,6 +2553,9 @@ th {
 .extensionContents .extensionError {
   color: #F10404;
 }
+/**********************************
+**********Extension Store Nav Bar**********
+**********************************/
 .tabbable-line > .nav-tabs {
   border: none;
   margin: 0px;
@@ -2547,6 +2624,9 @@ th {
 .extensionContents .listview-table {
   width: 100%;
 }
+/*******************************************
+******Detail View related list styles*******
+********************************************/
 .relatedContents .listViewContentHeaderValues:hover {
   text-decoration: none;
   color: #333;
@@ -2604,6 +2684,9 @@ th {
 .relatedViewActions .btn-group {
   margin-right: 15px;
 }
+/*******************************************
+****************** Modal *******************
+********************************************/
 .modal-header {
   padding: 5px 15px;
   background: #596875;
@@ -2631,6 +2714,7 @@ th {
   width: 100%;
   float: left;
   background: #596875;
+  /*    height: 100%;*/
 }
 .settings-menu {
   display: inline-block;
@@ -2647,7 +2731,7 @@ th {
   cursor: n-resize;
 }
 .settings-menu-items {
-  box-shadow: 0 1px 1px rgba(0,0,0,0.05);
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
   margin-bottom: 10px;
   text-align: justify;
 }
@@ -2765,9 +2849,6 @@ th {
 .active .stepNum {
   color: #FFFFFF;
 }
-.mailBoxEditDiv .crumbs li {
-  width: 22%;
-}
 .stepNum {
   display: inline-block;
   padding: 0 5px;
@@ -2776,6 +2857,7 @@ th {
   vertical-align: middle;
   color: #3399ff;
 }
+/* .squaredFour */
 .squaredFour {
   width: 20px;
   position: relative;
@@ -2789,9 +2871,9 @@ th {
   top: 0;
   left: 0;
   background: #fcfff4;
-  background: linear-gradient(top,#fcfff4 0%,#dfe5d7 40%,#b3bead 100%);
+  background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
   border-radius: 4px;
-  box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
+  box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
 }
 .squaredFour label:after {
   content: '';
@@ -2819,13 +2901,16 @@ th {
 .importBlockContainer {
   color: #596875;
 }
+/******************************************* 
+************* Social Buttons *************** 
+********************************************/
 .btn-block + .btn-block {
   margin-top: 5px;
 }
 .btn-google-plus {
   color: #FFFFFF !important;
   background-color: #DD4B39;
-  border-color: rgba(0,0,0,0.2);
+  border-color: rgba(0, 0, 0, 0.2);
 }
 .btn-social {
   position: relative;
@@ -2844,15 +2929,18 @@ th {
   line-height: 34px;
   font-size: 1.6em;
   text-align: center;
-  border-right: 1px solid rgba(0,0,0,0.2);
+  border-right: 1px solid rgba(0, 0, 0, 0.2);
 }
+/******************************************* 
+************* Updates Timeline *************** 
+********************************************/
 .recentActivitiesContainer .history {
   margin: 0 auto;
   padding: 20px 20px 1px;
   max-width: 100%;
   overflow-x: visible;
-  -webkit-transition: opacity .2s ease-out;
-  transition: opacity .2s ease-out;
+  -webkit-transition: opacity 0.2s ease-out;
+  transition: opacity 0.2s ease-out;
 }
 .updates_timeline {
   padding-top: 20px;
@@ -2861,6 +2949,7 @@ th {
   padding: 0;
   list-style: none;
 }
+/* The line */
 .updates_timeline:before {
   content: '';
   position: absolute;
@@ -2879,6 +2968,7 @@ th {
   min-height: 40px;
   z-index: 2;
 }
+/* Left Content(Time) */
 .updates_timeline > li .update_time {
   position: absolute;
   margin: 0;
@@ -2890,6 +2980,7 @@ th {
   font-size: 15px;
   font-style: italic;
 }
+/* Right content(Update info) */
 .updates_timeline > li .update_info {
   padding: 10px 10px 1px;
   display: block;
@@ -2898,10 +2989,11 @@ th {
   position: relative;
   top: -45px;
 }
-.updates_timeline > li .update_info >h3 {
+.updates_timeline > li .update_info > h3 {
   font-size: 1.1em;
   margin-left: -3%;
 }
+/* The icons  */
 .updates_timeline > li .update_icon {
   position: relative;
   border-radius: 50%;
@@ -2914,6 +3006,7 @@ th {
   color: #fff;
   line-height: 35px;
 }
+/* More Button */
 .updates_timeline #more_button .update_icon {
   position: relative;
   border-radius: 0;
@@ -3021,6 +3114,9 @@ th {
   vertical-align: super;
   font-size: 13px;
 }
+/******************************************* 
+************* Task Management ************** 
+********************************************/
 #taskManagementContainer .data-body {
   margin-bottom: 50px;
 }
@@ -3083,15 +3179,16 @@ th {
 #taskManagementContainer .other-details {
   color: #979797;
 }
+/*overwriting jquery ui css*/
 .ui-menu {
   z-index: 10000;
 }
 #taskManagementContainer button.active {
   background: #3B83F7;
   color: white;
-  text-shadow: 0 1px rgba(0,0,0,0.3);
+  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
   border: 1px solid #135fd7;
-  box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
+  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
 }
 .taskSubject {
   width: 99%;
@@ -3099,6 +3196,9 @@ th {
 #taskManagementContainer .mCustomScrollbar .mCSB_inside > .mCSB_container {
   margin-right: 13px;
 }
+/******************************************* 
+************* Settings Page ************** 
+********************************************/
 .settingsPageDiv.content-area {
   margin-right: 0;
 }
@@ -3132,6 +3232,9 @@ th {
 .settingsgroup-accordion a i {
   margin-right: 5px;
 }
+.settingsgroup-accordion a span {
+  text-transform: uppercase;
+}
 .settingsgroup {
   background: #2C3B49;
   height: 100%;
@@ -3288,35 +3391,59 @@ th {
 }
 .mini-slider-control[data-value="0"] .ui-slider-handle {
   background: #7d7e7d;
-  background: -moz-linear-gradient(top,#7d7e7d 0%,#0e0e0e 100%);
-  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#7d7e7d),color-stop(100%,#0e0e0e));
-  background: -webkit-linear-gradient(top,#7d7e7d 0%,#0e0e0e 100%);
-  background: -o-linear-gradient(top,#7d7e7d 0%,#0e0e0e 100%);
-  background: -ms-linear-gradient(top,#7d7e7d 0%,#0e0e0e 100%);
-  background: linear-gradient(to bottom,#7d7e7d 0%,#0e0e0e 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7e7d',endColorstr='#0e0e0e',GradientType=0);
+  /* Old browsers */
+  background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
+  /* FF3.6+ */
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7d7e7d), color-stop(100%, #0e0e0e));
+  /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
+  /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
+  /* Opera 11.10+ */
+  background: -ms-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
+  /* IE10+ */
+  background: linear-gradient(to bottom, #7d7e7d 0%, #0e0e0e 100%);
+  /* W3C */
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7e7d', endColorstr='#0e0e0e', GradientType=0);
+  /* IE6-9 */
   margin-left: 0px;
 }
 .mini-slider-control[data-value="1"] .ui-slider-handle {
   background: #ffb76b;
-  background: -moz-linear-gradient(top,#ffb76b 0%,#ffa73d 0%,#ff7c00 49%,#ff7f04 100%);
-  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffb76b),color-stop(0%,#ffa73d),color-stop(49%,#ff7c00),color-stop(100%,#ff7f04));
-  background: -webkit-linear-gradient(top,#ffb76b 0%,#ffa73d 0%,#ff7c00 49%,#ff7f04 100%);
-  background: -o-linear-gradient(top,#ffb76b 0%,#ffa73d 0%,#ff7c00 49%,#ff7f04 100%);
-  background: -ms-linear-gradient(top,#ffb76b 0%,#ffa73d 0%,#ff7c00 49%,#ff7f04 100%);
-  background: linear-gradient(to bottom,#ffb76b 0%,#ffa73d 0%,#ff7c00 49%,#ff7f04 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb76b',endColorstr='#ff7f04',GradientType=0);
+  /* Old browsers */
+  background: -moz-linear-gradient(top, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%);
+  /* FF3.6+ */
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffb76b), color-stop(0%, #ffa73d), color-stop(49%, #ff7c00), color-stop(100%, #ff7f04));
+  /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(top, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%);
+  /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(top, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%);
+  /* Opera 11.10+ */
+  background: -ms-linear-gradient(top, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%);
+  /* IE10+ */
+  background: linear-gradient(to bottom, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%);
+  /* W3C */
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb76b', endColorstr='#ff7f04', GradientType=0);
+  /* IE6-9 */
   margin-left: -6px;
 }
 .mini-slider-control[data-value="2"] .ui-slider-handle {
   background: #bfd255;
-  background: -moz-linear-gradient(top,#bfd255 0%,#8eb92a 79%,#72aa00 100%,#9ecb2d 100%);
-  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#bfd255),color-stop(79%,#8eb92a),color-stop(100%,#72aa00),color-stop(100%,#9ecb2d));
-  background: -webkit-linear-gradient(top,#bfd255 0%,#8eb92a 79%,#72aa00 100%,#9ecb2d 100%);
-  background: -o-linear-gradient(top,#bfd255 0%,#8eb92a 79%,#72aa00 100%,#9ecb2d 100%);
-  background: -ms-linear-gradient(top,#bfd255 0%,#8eb92a 79%,#72aa00 100%,#9ecb2d 100%);
-  background: linear-gradient(to bottom,#bfd255 0%,#8eb92a 79%,#72aa00 100%,#9ecb2d 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfd255',endColorstr='#9ecb2d',GradientType=0);
+  /* Old browsers */
+  background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%);
+  /* FF3.6+ */
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bfd255), color-stop(79%, #8eb92a), color-stop(100%, #72aa00), color-stop(100%, #9ecb2d));
+  /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(top, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%);
+  /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(top, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%);
+  /* Opera 11.10+ */
+  background: -ms-linear-gradient(top, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%);
+  /* IE10+ */
+  background: linear-gradient(to bottom, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%);
+  /* W3C */
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfd255', endColorstr='#9ecb2d', GradientType=0);
+  /* IE6-9 */
   margin-left: -13px;
 }
 .ModulemanagerSettings .moduleblock .hiden {
@@ -3341,10 +3468,13 @@ th {
 th {
   padding: 6px;
 }
+/******************************************* 
+********** CustomerPortal styles start ********
+********************************************/
 .cp-tabs .enabledModules {
   display: inline-block ! important;
-  margin-left: 4px !important;
-  margin-right: 4px !important;
+  margin-left: 4px!important;
+  margin-right: 4px!important;
   vertical-align: top;
 }
 .drag-portal-module {
@@ -3451,7 +3581,7 @@ th {
   margin-left: 5px;
 }
 .portal-field-delete {
-  margin-left: 45px !important;
+  margin-left: 45px!important;
 }
 .portalModuleRow {
   border-left: 4px solid #6297C3 !important;
@@ -3468,7 +3598,7 @@ th {
   content: "*";
   color: red;
 }
-.nav-tabs .cp-modules > .active >a,
+.nav-tabs .cp-modules > .active > a,
 .nav-tabs .cp-modules > .active > a:hover {
   border: 0px !important;
   border-top-right-radius: 0px;
@@ -3630,7 +3760,7 @@ th {
   display: inline-block;
 }
 .quickPreview .updates_timeline:before {
-  background: #e6e6e6;
+  background: #e5e5e5;
   width: 2px;
   margin-left: -1%;
 }
@@ -3645,13 +3775,16 @@ th {
 .quickPreviewComments .recentComments .commentDetails .comment {
   line-height: 15px;
 }
-.quickPreviewComments  .summaryWidgetContainer {
+.quickPreviewComments .summaryWidgetContainer {
   border: 0;
   padding: 0;
 }
 .quickPreview .recentActivitiesContainer .history {
   padding: 0;
 }
+/******************************************* 
+********** Calendar view styles ************
+********************************************/
 .calendar-sidebar {
   width: 100% !important;
 }
@@ -3808,6 +3941,11 @@ th {
   display: inline-block;
   text-align: center;
 }
+/******************************************* 
+********** Calendar view styles end ********
+
+********** Documents Module styles *********
+********************************************/
 .dragdrop-dotted {
   border: 2px dashed #C0C0C0;
   min-width: 300px;
@@ -3867,13 +4005,16 @@ tr.file > td.fileOwnerData {
   width: 100px;
   white-space: pre-wrap;
 }
+/******************************************* 
+********** Documents Module styles end *****
+********************************************/
 .engagementsContainer .engagements_content {
   padding-top: 15px;
 }
 .summaryWidgetContainer .engagementsContainer table {
   width: inherit;
 }
-.engagements_content table thead>tr:first-child {
+.engagements_content table thead > tr:first-child {
   border: 1px solid #CCC;
   background-color: #F5F5F5;
 }
@@ -3924,6 +4065,9 @@ tr.file > td.fileOwnerData {
   font-size: 15px;
   padding: 1% 0;
 }
+/******************************************* 
+********** Mailroom view styles start ********
+********************************************/
 .mailroomBanner {
   margin: 23px 0;
   height: 215px;
@@ -4132,6 +4276,7 @@ tr.file > td.fileOwnerData {
   margin-left: 0;
 }
 .mentionMessages .mention_follow_up {
+  /*//load this color from variable.less*/
   background-color: green;
 }
 .modelContainer .modal-content {
@@ -4280,6 +4425,7 @@ form[name="notification_settings"] .select2-choice {
   margin-left: 0;
 }
 .mentionMessages .mention_follow_up {
+  /*//load this color from variable.less*/
   background-color: green;
 }
 .modal-content .mention_followup .row {
@@ -4311,6 +4457,9 @@ form[name="notification_settings"] .select2-choice {
 .mentionMessageHeader .MultiFile-remove {
   color: #FFFFFF;
 }
+/******************************************* 
+********** Mailroom view styles end ********
+********************************************/
 .detailview-header {
   margin-bottom: 10px;
 }
@@ -4326,6 +4475,7 @@ form[name="notification_settings"] .select2-choice {
   margin: 0px 10px;
   text-decoration: underline !important;
   color: #3498DB;
+  /*font-size : 12px;*/
 }
 .tag {
   display: inline-block;
@@ -4409,11 +4559,10 @@ form[name="notification_settings"] .select2-choice {
   border: 1px solid #dcdcdc;
 }
 #tagCloud .tag {
-  color: #5ea9dd;
-  padding: 0px;
   background-color: #FFFFFF;
   border-color: #FFFFFF;
   border-radius: 0px;
+  color: #5ea9dd;
   margin: 3px;
 }
 #tagCloud .tag[data-type="public"] {
@@ -4424,6 +4573,9 @@ form[name="notification_settings"] .select2-choice {
   max-width: 80px;
   vertical-align: bottom;
 }
+/******************************************* 
+********** Groups view styles ********
+********************************************/
 #s2id_memberList li > div,
 .groupMembersColors li > div {
   margin-left: 10px;
@@ -4498,6 +4650,12 @@ form[name="notification_settings"] .select2-choice {
   margin: 0px;
   color: #444444;
 }
+/******************************************* 
+********** Groups view styles  ends********
+********************************************/
+/******************************************* 
+********** Picklist Css ********
+********************************************/
 .pickListValue {
   background-color: #FFFFFF;
 }
@@ -4512,6 +4670,12 @@ form[name="notification_settings"] .select2-choice {
   padding: 2px 1px !important;
   line-height: 15px;
 }
+/******************************************* 
+************* Dashboard Styles *************
+********************************************/
+li.dashboardWidget {
+  overflow: auto;
+}
 .dashboardWidgetHeader .title {
   padding-bottom: 10px;
   font-size: 15px;
@@ -4532,9 +4696,6 @@ form[name="notification_settings"] .select2-choice {
 .dashBoardContainer .tabContainer .tab-content {
   margin-top: 10px;
 }
-.dashBoardContainer .dashBoardTabContents ul {
-  margin: 0;
-}
 .dashBoardContainer .dashBoardTabContents ul li {
   border: 3px solid #E2E2E4;
   box-shadow: 1px;
@@ -4601,7 +4762,7 @@ form[name="notification_settings"] .select2-choice {
   display: inline-block;
   opacity: 1;
 }
-.dashBoardContainer .tabContainer li a  .deleteTab:hover {
+.dashBoardContainer .tabContainer li a .deleteTab:hover {
   cursor: pointer;
 }
 #minilistWizardContainer .fieldLabel {
@@ -4638,6 +4799,9 @@ form[name="notification_settings"] .select2-choice {
   resize: none;
   width: 100%;
 }
+/******************************************* 
+********** Picklist DependencyGraph ********
+********************************************/
 #dependencyGraph .tableHeading {
   text-align: center;
   padding-top: 30px;
@@ -4663,12 +4827,15 @@ form[name="notification_settings"] .select2-choice {
 #dependencyGraph .dependencyMapping .pickListDependencyTable .selectedCell {
   background: #a9cbf5;
 }
+/******************************************* 
+********** Rewriting select2 for consistency********
+********************************************/
 .select2-container .select2-choice {
   height: 29px;
   border-radius: 1px;
 }
 .modal {
-  z-index: 1100;
+  z-index: 1070;
 }
 .select2-container .select2-choice {
   height: 28px;
@@ -4756,6 +4923,7 @@ hr {
   position: fixed;
   bottom: 0;
   background: #EFEFEF;
+  /*width:100%;*/
   border-left: 42px solid #2c3b49;
   height: 60px;
   left: 0;
@@ -4774,7 +4942,6 @@ hr {
 }
 .settingsPageDiv .modal-overlay-footer {
   margin-left: 230px;
-  border-left: 0px solid;
 }
 .settingsOverlayContainer .modal-overlay-footer {
   margin: 0;
@@ -4797,14 +4964,14 @@ hr {
   vertical-align: middle;
   margin-top: 6px;
 }
-.list-menu-content .pull-right>.dropdown-menu {
+.list-menu-content .pull-right > .dropdown-menu {
   left: -126px;
   position: relative;
 }
-.dropdown-menu>li>a {
+.dropdown-menu > li > a {
   padding: 4px 6px;
 }
-.dropdown-menu>li>a span i {
+.dropdown-menu > li > a span i {
   font-size: 15px;
   vertical-align: middle;
 }
@@ -4812,11 +4979,11 @@ hr {
   max-height: 300px;
   padding-left: 0;
 }
-.related-tabs .dropdown-menu>.mCustomScrollBox>.mCSB_container {
+.related-tabs .dropdown-menu > .mCustomScrollBox > .mCSB_container {
   margin-right: 0;
   padding: 4px 6px;
 }
-.related-tabs .dropdown-menu>.mCustomScrollBox>.mCSB_container>li>a {
+.related-tabs .dropdown-menu > .mCustomScrollBox > .mCSB_container > li > a {
   display: block;
   padding: 3px 5px;
   clear: both;
@@ -4825,7 +4992,7 @@ hr {
   color: #333;
   white-space: nowrap;
 }
-.related-tabs .dropdown-menu>.mCustomScrollBox>.mCSB_container span i {
+.related-tabs .dropdown-menu > .mCustomScrollBox > .mCSB_container span i {
   font-size: 15px;
   vertical-align: middle;
 }
@@ -4848,16 +5015,16 @@ hr {
 .calendar-sidebar .calendar-sidebar-tabs.padding {
   padding-left: 20px !important;
 }
-.related-tabs.row .nav>li {
+.related-tabs.row .nav > li {
   padding: 0 10px;
   margin: 0 2px;
 }
-.massEditTabs.nav>li {
+.massEditTabs.nav > li {
   padding: 0 10px;
   margin: 0 4px;
 }
-.row .nav>li>a,
-.row .nav>li>a:hover {
+.row .nav > li > a,
+.row .nav > li > a:hover {
   padding: 10px 3px;
   border: none;
   vertical-align: bottom;
@@ -4867,38 +5034,39 @@ hr {
   -webkit-box-sizing: border-box;
   -o-box-sizing: border-box;
 }
-.row .nav>li>a:hover {
+.row .nav > li > a:hover {
   border-bottom-color: #555;
 }
-TN-34230
-
-.row .nav>li>a:hover {
+/*.row ul{
+    padding:0;
+}*/
+TN-34230 .row .nav > li > a:hover {
   border-bottom-color: #555;
   background: none;
 }
 .row ul li:first-child {
   margin-left: 0;
 }
-.related-tabs .nav-tabs>li.active,
-.related-tabs .nav-tabs>li:hover,
-.related-tabs .nav-tabs>li.active:focus,
-.dashBoardContainer .nav-tabs>li.active,
-.dashBoardContainer .nav-tabs>li:hover,
-.dashBoardContainer .nav-tabs>li.active:focus,
-.contents.tabbable .nav-tabs>li.active,
-.contents.tabbable .nav-tabs>li:hover,
-.contents.tabbable .nav-tabs>li.active:focus {
+.related-tabs .nav-tabs > li.active,
+.dashBoardContainer .nav-tabs > li.active,
+.contents.tabbable .nav-tabs > li.active,
+.related-tabs .nav-tabs > li:hover,
+.dashBoardContainer .nav-tabs > li:hover,
+.contents.tabbable .nav-tabs > li:hover,
+.related-tabs .nav-tabs > li.active:focus,
+.dashBoardContainer .nav-tabs > li.active:focus,
+.contents.tabbable .nav-tabs > li.active:focus {
   border: none;
   border-bottom: 3px solid #555;
 }
-.nav-tabs>li.active>a,
-.nav-tabs>li.active>a:hover,
-.nav-tabs>li.active>a:focus,
-.nav-tabs>li>a {
+.nav-tabs > li.active > a,
+.nav-tabs > li.active > a:hover,
+.nav-tabs > li.active > a:focus,
+.nav-tabs > li > a {
   border: 0;
 }
-.nav>li>a:hover,
-.nav>li>a:focus {
+.nav > li > a:hover,
+.nav > li > a:focus {
   background-color: #FFFFFF;
 }
 .fa-pencil,
@@ -4908,6 +5076,9 @@ TN-34230
 .commentAttachmentName {
   font-size: 11px;
 }
+/******************************************* 
+********** Layout Editor ********
+********************************************/
 .marginBottom10px {
   margin-bottom: 10px;
 }
@@ -4930,6 +5101,7 @@ TN-34230
 }
 .zeroOpacity {
   opacity: 0;
+  /*for IE*/
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
 }
@@ -4956,10 +5128,12 @@ TN-34230
 .layoutContent .opacity:hover .actions {
   opacity: 1;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+  /*for IE*/
   filter: alpha(opacity=100);
 }
 .layoutContent .fieldPropertyContainer:hover .actions {
   opacity: 1;
+  /*for IE*/
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=100);
 }
@@ -4982,6 +5156,7 @@ TN-34230
 .relatedTabModulesList .addButton {
   border-radius: 2px;
   border: 1px solid #DDDDDD;
+  text-transform: uppercase;
   color: #666666;
   background: #FFFFFF;
 }
@@ -5055,6 +5230,9 @@ TN-34230
   margin-left: 5px;
   word-break: break-all;
 }
+/******************************************* 
+************** Tax Management **************
+********************************************/
 #TaxCalculationsContainer .table tr:first-child,
 .taxModalContainer #editTax .table tr:first-child {
   border-bottom: 1px solid #ccc;
@@ -5094,6 +5272,9 @@ TN-34230
   max-height: 500px;
   overflow-y: auto;
 }
+/******************************************* 
+********** Workflows ********
+********************************************/
 #workflow_edit .editViewBody {
   overflow: inherit;
 }
@@ -5103,7 +5284,7 @@ TN-34230
 }
 .timePicker {
   width: 9.5em !important;
-  z-index: 1101 !important;
+  z-index: 1070 !important;
 }
 .weekDaySelect .ui-state-default {
   background: inherit;
@@ -5141,75 +5322,6 @@ TN-34230
 .module-filters.active {
   background: #F7F7F7;
 }
-.payment-type-selection {
-  margin-bottom: 30px;
-}
-.payment-type-selection img {
-  vertical-align: middle;
-}
-.currplan {
-  padding: 10px 20px;
-  background-color: #f3f3f3;
-  border: 1px solid #eee;
-  border-radius: 3px;
-}
-.currplan div {
-  display: inline-block;
-  font-size: 16px;
-}
-.planName {
-  display: inline-block;
-  color: #fff;
-  padding: 20px;
-  margin: 10px 20px;
-  font-size: 24px;
-  border-radius: 2px;
-}
-.plan-heading {
-  min-height: 168px;
-}
-.plan-title {
-  color: #fff;
-  font-size: 20px;
-  padding: 13px 0;
-}
-#sales_plan {
-  background: #3FC380;
-  font-size: x-large;
-  text-shadow: 1px 0 2px #555555;
-  color: #fff;
-}
-#salespremium_plan {
-  background: #00B16A;
-  font-size: x-large;
-  text-shadow: 1px 0 2px #555555;
-  color: #fff;
-}
-#support_plan {
-  background: #2980B9;
-  font-size: x-large;
-  text-shadow: 1px 0 2px #555555;
-  color: #fff;
-}
-#supportpremium_plan {
-  background: #2980B9;
-  font-size: x-large;
-  text-shadow: 1px 0 2px #555555;
-  color: #fff;
-}
-#ultimate_plan,
-#exclusive_plan {
-  background: #F39C12;
-  font-size: x-large;
-  text-shadow: 1px 0 2px #555555;
-  color: #fff;
-}
-#contact_plan {
-  background: #FF5959;
-  font-size: x-large;
-  text-shadow: 1px 0 2px #555555;
-  color: #fff;
-}
 .workflowListContainer .select2-container .select2-choice {
   height: 36px;
 }
@@ -5224,6 +5336,7 @@ TN-34230
 .contactAdd {
   border: 1px solid #eee;
   padding: 20px;
+  /*min-height: 310px !important;*/
 }
 #subDetails table td {
   padding: 7px 10px;
@@ -5346,9 +5459,9 @@ TN-34230
 .productBundles {
   padding-left: 20px;
 }
-.nav .open>a,
-.nav .open>a:hover,
-.nav .open>a:focus {
+.nav .open > a,
+.nav .open > a:hover,
+.nav .open > a:focus {
   color: #000000;
   background-color: #FFFFFF;
 }
@@ -5369,6 +5482,9 @@ TN-34230
   width: 100%;
   overflow-x: auto;
 }
+/******************************************* 
+*************** Mail Manager ***************
+********************************************/
 #mm_searchButton {
   height: 28px;
   background-color: #FFFFFF;
@@ -5424,8 +5540,8 @@ TN-34230
   padding: 1px 5px;
   border-radius: 3px;
   text-align: center;
-  text-shadow: 0 1px rgba(0,0,0,0.1);
-  background-image: -webkit-linear-gradient(top,#DD4B39 0,#D14836 100%);
+  text-shadow: 0 1px rgba(0, 0, 0, 0.1);
+  background-image: -webkit-linear-gradient(top, #DD4B39 0, #D14836 100%);
   border: 1px solid #C6322A;
   background-color: #DD4B39;
 }
@@ -5643,6 +5759,7 @@ TN-34230
 .width40per {
   width: 40%;
 }
+/****** Mail Manager Ends ******/
 .quickCreateContent .massEditTable textarea,
 .addCommentBlock .commentTextArea textarea {
   resize: vertical;
@@ -5655,19 +5772,20 @@ TN-34230
 .select2-container-multi .select2-choices {
   z-index: 1;
 }
-.nav .nav-stacks .cp-nav-header-wrapper>li.disabled>a:hover {
+/****** Customer Portal Settings ******/
+.nav .nav-stacks .cp-nav-header-wrapper > li.disabled > a:hover {
   background-color: #fff;
 }
-.cp-nav-header-wrapper>li.disabled>a:hover {
+.cp-nav-header-wrapper > li.disabled > a:hover {
   border: 0px ! important;
 }
-.nav .nav-stacks .cp-nav-header-wrapper>li.disabled>a {
+.nav .nav-stacks .cp-nav-header-wrapper > li.disabled > a {
   background-color: #fff;
 }
-#portalModulesTable>li.portalModuleRow.active>a:hover {
+#portalModulesTable > li.portalModuleRow.active > a:hover {
   background-color: #fff !important;
 }
-#portalModulesTable>li.portalModuleRow.active>a:focus {
+#portalModulesTable > li.portalModuleRow.active > a:focus {
   background-color: #fff !important;
 }
 .portal-dashboard {
@@ -5766,7 +5884,7 @@ TN-34230
 .portal-dashboard {
   border-bottom: 0px ! important;
 }
-#portal-shortcutsContainer>ul {
+#portal-shortcutsContainer > ul {
   border-bottom: 0px ! important;
 }
 .portalMenuHeader {
@@ -5775,14 +5893,15 @@ TN-34230
 }
 .cp-tabs .enabledModules {
   display: inline-block ! important;
-  margin-left: 4px !important;
-  margin-right: 4px !important;
+  margin-left: 4px!important;
+  margin-right: 4px!important;
   vertical-align: top;
   margin-top: 4px !important;
 }
 .portal-shortcut-list:hover {
   border-bottom: 3px solid transparent ! important;
 }
+/****** Customer Portal Settings ******/
 .label-radio label input[type="radio"] {
   position: relative;
   top: 2px;
@@ -5794,6 +5913,9 @@ TN-34230
 div.tooltip-inner {
   max-width: 400px;
 }
+/******************************************* 
+********** Menu Editor ********
+********************************************/
 .sortable.appContainer.ui-sortable {
   width: 160px;
 }
@@ -5968,7 +6090,7 @@ div.tooltip-inner {
   width: 13px !important;
   margin-top: 8px;
 }
-.detailview-table .input-group-addon+.inputElement.form-control,
+.detailview-table .input-group-addon + .inputElement.form-control,
 .detailview-table .inputElement.form-control.input-medium {
   width: 100%;
 }
@@ -6015,6 +6137,7 @@ div.tooltip-inner {
   float: left;
   margin-right: 5px;
 }
+/***** Oursites Changes *****/
 .portal-table .table-actions {
   width: inherit ! important;
 }
@@ -6026,6 +6149,7 @@ div.tooltip-inner {
   padding: 10px 5px ! important;
   padding-left: 10px ! important;
 }
+/***** Oursites Changes *****/
 .ExtensionscontentsDiv .content-area {
   padding-left: 15px;
   padding-right: 15px;
@@ -6039,14 +6163,14 @@ div.tooltip-inner {
 }
 .blockHeader {
   border-color: #F3F3F4 #F3F3F4 #cbcbcf;
-  border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
   background-color: #474747;
-  background-image: -moz-linear-gradient(top,#555555,#333333);
-  background-image: -ms-linear-gradient(top,#555555,#333333);
-  background-image: -webkit-gradient(linear,0 0,0 100%,from(#555555),to(#333333));
-  background-image: -webkit-linear-gradient(top,#555555,#333333);
-  background-image: -o-linear-gradient(top,#555555,#333333);
-  background-image: linear-gradient(top,#555555,#333333);
+  background-image: -moz-linear-gradient(top, #555555, #333333);
+  background-image: -ms-linear-gradient(top, #555555, #333333);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#333333));
+  background-image: -webkit-linear-gradient(top, #555555, #333333);
+  background-image: -o-linear-gradient(top, #555555, #333333);
+  background-image: linear-gradient(top, #555555, #333333);
   background-repeat: repeat-x;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#333333', GradientType=0);
   min-height: 30px;
@@ -6139,8 +6263,8 @@ div.tooltip-inner {
 .markStar .starredStatus {
   display: none;
 }
-.nav>li.addDashboardTab>a,
-.nav>li.addDashboardTab>a:hover {
+.nav > li.addDashboardTab > a,
+.nav > li.addDashboardTab > a:hover {
   padding: 10px 15px;
   background: inherit;
 }
@@ -6153,7 +6277,7 @@ div.tooltip-inner {
   height: 960px;
   width: 1260px;
 }
-.nav-tabs>li {
+.nav-tabs > li {
   border-bottom: 3px solid transparent;
   margin: 0 2px;
 }
@@ -6231,16 +6355,14 @@ div.tooltip-inner {
 }
 .select2-container.select2-container-multi.select2,
 .editViewPageDiv .select2-container.select2-container-multi.select2 {
-  height: auto !important;
+  height: auto!important;
 }
-.summaryViewFields .select2-container-multi.inputElement.form-control
-.quickCreateContent .select2-container.select2-container-multi.select2,
+.summaryViewFields .select2-container-multi.inputElement.form-control .quickCreateContent .select2-container.select2-container-multi.select2,
 #massEditContainer .select2-container.select2-container-multi.select2 {
   width: 150px;
   height: auto !important;
 }
-.summaryViewFields .select2-container-multi.inputElement.form-control
-.quickCreateContent .select2-container.select2-container-multi.select2 .input-save-wrap,
+.summaryViewFields .select2-container-multi.inputElement.form-control .quickCreateContent .select2-container.select2-container-multi.select2 .input-save-wrap,
 #massEditContainer .select2-container.select2-container-multi.select2 .input-save-wrap {
   float: right;
   margin-right: 25px;
@@ -6336,6 +6458,7 @@ a.cp-modules:hover {
 #RestrictionsLayout {
   background: #fafafb;
   margin-top: -92px;
+  /*to adjust with page padding top*/
 }
 #RestrictionsLayout .vtImage {
   width: 22%;
@@ -6369,6 +6492,7 @@ a.cp-modules:hover {
 .datepicker {
   z-index: 1100 !important;
 }
+/*****RSS Changes****/
 .feedListContainer .listview-table tr td:first-child,
 .listview-table tr th:first-child {
   width: inherit ! important;
@@ -6376,12 +6500,14 @@ a.cp-modules:hover {
 .feedListContainer .listViewEntries .listViewEntryValue {
   max-width: inherit ! important;
 }
-.ps-container>.ps-scrollbar-y-rail {
+/*****RSS Changes****/
+.ps-container > .ps-scrollbar-y-rail {
   z-index: 1002;
 }
 #relationBlock .recordScroll {
   max-height: 150px;
 }
+/*Start - List sidebar toggle*/
 .essentials-toggle {
   background-color: white;
   font-weight: bold;
@@ -6401,6 +6527,7 @@ a.cp-modules:hover {
 .essentials-toggle .fa-chevron-right {
   background-position: -460px -72px !important;
 }
+/*End - List essentials toggle*/
 .module-name-tooltip .qtip-content {
   font-size: 12px;
   padding: 3px;
@@ -6484,8 +6611,8 @@ li.select2-search-choice div {
 .popover ul.listmenu li {
   padding: 3px;
 }
-.popover-content .disabled>a,
-.popover .disabled>a {
+.popover-content .disabled > a,
+.popover .disabled > a {
   opacity: 0.5;
   cursor: not-allowed;
 }
@@ -6496,6 +6623,7 @@ li.select2-search-choice div {
   -o-transform: rotate(180deg);
   transform: rotate(180deg);
 }
+/*Start - List sidebar toggle*/
 .essentials-toggle {
   background-color: white;
   font-weight: bold;
@@ -6515,6 +6643,7 @@ li.select2-search-choice div {
 .essentials-toggle .fa-chevron-right {
   background-position: -460px -72px !important;
 }
+/*End - List essentials toggle*/
 .module-name-tooltip .qtip-content {
   font-size: 12px;
   padding: 3px;
@@ -6595,16 +6724,16 @@ li.select2-search-choice div {
 #reportDetails .pivot .toptitle.targetY0,
 #reportDetails .pivot .lefttitle.targetX0 {
   border-color: #F3F3F4 #F3F3F4 #cbcbcf;
-  border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
   background-color: #474747;
-  background-image: -moz-linear-gradient(top,#555555,#333333);
-  background-image: -ms-linear-gradient(top,#555555,#333333);
-  background-image: -webkit-gradient(linear,0 0,0 100%,from(#555555),to(#333333));
-  background-image: -webkit-linear-gradient(top,#555555,#333333);
-  background-image: -o-linear-gradient(top,#555555,#333333);
-  background-image: linear-gradient(top,#555555,#333333);
+  background-image: -moz-linear-gradient(top, #555555, #333333);
+  background-image: -ms-linear-gradient(top, #555555, #333333);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#333333));
+  background-image: -webkit-linear-gradient(top, #555555, #333333);
+  background-image: -o-linear-gradient(top, #555555, #333333);
+  background-image: linear-gradient(top, #555555, #333333);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555',endColorstr='#333333',GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#333333', GradientType=0);
   min-height: 30px;
 }
 #reportDetails .pivot th.toptitle.targetY0,
@@ -6646,7 +6775,8 @@ li.select2-search-choice div {
   background: #FFFFFF;
 }
 .templateActions {
-  background: rgba(0,0,0,0.1);
+  background: rgba(0, 0, 0, 0.1);
+  /*padding: 4%;*/
   bottom: 0;
   text-align: center;
   position: absolute;
@@ -6654,6 +6784,9 @@ li.select2-search-choice div {
   zoom: 1;
   width: 100%;
 }
+/*.templateActions i {
+    margin-right: 30px;
+}*/
 .thumbnails > li {
   float: left;
   height: 315px !important;
@@ -6828,9 +6961,10 @@ a.btnReport:hover {
   left: 0px;
 }
 .bx-wrapper .bx-viewport {
-  width:99%;
+  width: 99%;
   left: 0px;
   background: #fff;
+  /*fix other elements on the page moving (on Chrome)*/
   -webkit-transform: translatez(0);
   -moz-transform: translatez(0);
   -ms-transform: translatez(0);
@@ -6888,7 +7022,7 @@ a.btnReport:hover {
 .filter-search-show {
   display: block !important;
 }
-.emailTemplatesPopupTableContainer .listViewEntries  .listViewEntryValue {
+.emailTemplatesPopupTableContainer .listViewEntries .listViewEntryValue {
   max-width: 100%;
   min-width: 150px;
 }
@@ -6923,12 +7057,15 @@ input:focus::-webkit-input-placeholder {
 input:focus:-moz-placeholder {
   color: transparent;
 }
+/* FF 4-18 */
 input:focus::-moz-placeholder {
   color: transparent;
 }
+/* FF 19+ */
 input:focus:-ms-input-placeholder {
   color: transparent;
 }
+/* IE 10+ */
 .global-actions .dropdown-menu:before {
   position: absolute;
   top: -7px;
@@ -6937,7 +7074,7 @@ input:focus:-ms-input-placeholder {
   border-right: 7px solid transparent;
   border-bottom: 7px solid #ccc;
   border-left: 7px solid transparent;
-  border-bottom-color: rgba(0,0,0,0.2);
+  border-bottom-color: rgba(0, 0, 0, 0.2);
   content: '';
 }
 .global-actions .dropdown-menu:after {
@@ -7122,6 +7259,7 @@ input:focus:-ms-input-placeholder {
   text-align: center;
 }
 #OnBoardLayout #OnBoardPageContainer .crmGoals textarea::-webkit-input-placeholder {
+  /* WebKit browsers */
   text-align: center;
   padding: 20%;
   font-size: 12px;
@@ -7282,7 +7420,7 @@ div.flip {
   background-color: #fff !important;
   border: 1px solid #f2e8fc;
   border-radius: 4px;
-  box-shadow: 0 1px 1px rgba(0,0,0,0.05);
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
   margin-bottom: 10px;
   font-size: 13px !important;
   text-align: justify;
@@ -7398,121 +7536,6 @@ div.flip {
   max-width: 100%;
   overflow-x: auto;
 }
-.fieldValue .value a {
-  color: #15c !important;
-}
-.editViewContents .fieldLabel {
-  min-width: 100px;
-  width: 20%;
-  word-break: break-all;
-}
-.editViewContents .fieldValue {
-  width:30%;
-}
-.editViewContents td.fieldValue[colspan="3"] {
-  width:80%;
-}
-.editViewContents textarea.textAreaElement {
-  width: 88%;
-}
-.editViewContents input[type="checkbox"] {
-  width: 15px;
-  height: 15px;
-}
-.editViewContents input[type="radio"] {
-  width: 15px;
-  height: 15px;
-}
-#composeEmailContainer .modal-body .quickCreateContent,
-#QuickCreate .modal-body .quickCreateContent,
-#create .quickCreateContent {
-  margin-top: 25px;
-}
-.settingsgroup-panel .widgetContainer .menuItemLabel .pinUnpinShortCut {
-  display: none;
-  margin-top: 2px;
-}
-.settingsgroup-panel .widgetContainer .menuItemLabel:hover .pinUnpinShortCut {
-  display: inline-block;
-}
-@-moz-document url-prefix() {
-  .duplicateHandlingContainer .tooltip-inner {
-    width: 550px;
-    max-width: 550px;
-  }
-}
-.duplicateHandlingContainer .tooltip-inner {
-  text-align: left !important;
-}
-.duplicateHandlingContainer .syncMessage {
-  margin-top: 5px !important;
-}
-.duplicateHandlingContainer .actionsList {
-  width: 230px !important;
-}
-.duplicationMessageContainer {
-  background-color: #f2dede !important;
-  color: #b94a48 !important;
-}
-.duplicationMessageContainer .duplicationMessageHeader {
-  margin-bottom: 8px;
-}
-.listViewRecordActions .quickView, .listViewRecordActions .markStar,
-.listViewRecordActions .markAsHeld,.listViewRecordActions .holdFollowupOn {
-  margin-top: 4px;
+.caseRelatedRecords {
+  margin-bottom: 0px !important;
 }
-.app-menu .module-icon .custom-module {
-	font-size: 14px;
-	border-radius: 4px;
-	color: #000;
-	background-color: #fff;
-	padding: 4px 10px 4px 5px !important
-}
-.menu-item .custom-module {
-	font-family: 'OpenSans-Regular', sans-serif;
-	font-size: 12px;
-	border-radius: 4px;
-	padding: 2px;
-	color: #000;
-	background-color: #fff;
-}
-.modules-menu .custom-module {
-	color: #fff;
-	margin-left: 0px;
-	display: inline;
-	border: 1px solid #fff;
-	border-radius: 4px;
-	padding: 3px 4px 3px 2px !important;
-	font-weight: bold;
-}
-#quickCreateModules .custom-module, .workflowListContainer .custom-module, .dashBoardTabContents .custom-module {
-	border-radius: 4px;
-	padding: 3px 5px;
-	color: #fff;
-	background-color: #777;
-}
-.menuEditorItem .custom-module {
-	border-radius: 4px;
-	padding: 3px 5px;
-	color: #000;
-	background-color: #fff;
-}
-.task-details .custom-module {
-	border-radius: 4px;
-	padding: 1px 4px;
-	color: white;
-	background-color: #777;
-}
-.related-tabs .custom-module, #relatedmenuList .custom-module {
-	border-radius: 4px;
-	color: #fff;
-	background-color: #777;
-	padding: 5px 7px;
-	font-weight: bold;
-}
-.record-header .custom-module {
-	font-size: 30px;
-}
-.moduleIcon .custom-module {
-	font-weight: bold;
-}
\ No newline at end of file
diff --git a/layouts/v7/skins/tools/style.css b/layouts/v7/skins/tools/style.css
index 0f56c1ee17daf9d3bd7e9490949f7e11def2f587..57b4c48fea1699ad54ae4a29e95a874d83c3d3b7 100644
--- a/layouts/v7/skins/tools/style.css
+++ b/layouts/v7/skins/tools/style.css
@@ -1,7 +1,9 @@
 @font-face {
   font-family: 'Oswald';
   src: url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.eot');
-  src: url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.woff') format('woff'), url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.ttf') format('truetype'), url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.svg#Oswald') format('svg');
+  /* IE9 Compat Modes */
+  src: url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.svg#Oswald') format('svg');
+  /* Legacy iOS */
   font-weight: normal;
   font-style: normal;
   text-rendering: optimizeLegibility;
@@ -15,27 +17,37 @@ a:active {
 @font-face {
   font-family: 'OpenSans-Regular';
   src: url('../fonts/OpenSans/Regular/OpenSans-Regular.eot');
-  src: url('../fonts/OpenSans/Regular/OpenSans-Regular.ttf') format('truetype'), url('../fonts/OpenSans/Regular/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans/Regular/OpenSans-Regular.woff2') format('woff2'), url('../fonts/OpenSans/Regular/OpenSans-Regular.woff') format('woff'), url('../fonts/OpenSans/Regular/OpenSans-Regular.svg#svgFontName') format('svg');
+  /* IE9 Compat Modes */
+  src: url('../fonts/OpenSans/Regular/OpenSans-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/OpenSans/Regular/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/OpenSans/Regular/OpenSans-Regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/OpenSans/Regular/OpenSans-Regular.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/OpenSans/Regular/OpenSans-Regular.svg#svgFontName') format('svg');
+  /* Legacy iOS */
 }
 @font-face {
   font-family: 'OpenSans-Semibold';
   src: url('../fonts/OpenSans/Semibold/OpenSans-Semibold.eot');
-  src: url('../fonts/OpenSans/Semibold/OpenSans-Semibold.ttf') format('truetype'), url('../fonts/OpenSans/Semibold/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans/Semibold/OpenSans-Semibold.woff2') format('woff2'), url('../fonts/OpenSans/Semibold/OpenSans-Semibold.woff') format('woff'), url('../fonts/OpenSans/Semibold/OpenSans-Semibold.svg#svgFontName') format('svg');
+  /* IE9 Compat Modes */
+  src: url('../fonts/OpenSans/Semibold/OpenSans-Semibold.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/OpenSans/Semibold/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/OpenSans/Semibold/OpenSans-Semibold.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/OpenSans/Semibold/OpenSans-Semibold.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/OpenSans/Semibold/OpenSans-Semibold.svg#svgFontName') format('svg');
+  /* Legacy iOS */
 }
 @font-face {
   font-family: 'ProximaNova-Regular';
-  src: url('../fonts/ProximanovaWebfont/ProximaNova-Regular.ttf') format('truetype'), url('../fonts/ProximanovaWebfont/ProximaNova-Regular.woff') format('woff'), url('../fonts/ProximanovaWebfont/ProximaNova-Regular.eot?#iefix') format('embedded-opentype');
+  src: url('../fonts/ProximanovaWebfont/ProximaNova-Regular.ttf') format('truetype'), url('../fonts/ProximanovaWebfont/ProximaNova-Regular.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/ProximanovaWebfont/ProximaNova-Regular.eot?#iefix') format('embedded-opentype');
+  /* IE6-IE8 */
+  /* Safari, Android, iOS */
   font-style: normal;
   font-weight: normal;
   text-rendering: optimizeLegibility;
 }
 @font-face {
   font-family: 'ProximaNova-Semibold';
-  src: url('../fonts/ProximanovaWebfont/ProximaNova-Semibold.ttf') format('truetype'), url('../fonts/ProximanovaWebfont/ProximaNova-Semibold.woff') format('woff'), url('../fonts/ProximanovaWebfont/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype');
+  src: url('../fonts/ProximanovaWebfont/ProximaNova-Semibold.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/ProximanovaWebfont/ProximaNova-Semibold.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/ProximanovaWebfont/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype');
+  /* IE6-IE8 */
   font-style: normal;
   font-weight: normal;
   text-rendering: optimizeLegibility;
 }
+/**********************************/
+/************ Layout **************/
+/**********************************/
 html {
   height: 100%;
   overflow-y: auto;
@@ -102,6 +114,7 @@ body {
 @media (min-width: 992px) {
   .global-nav .logo-container {
     display: inline-block;
+    width: 150px;
     z-index: 2;
     padding-left: 6%;
     margin-top: 1px;
@@ -113,11 +126,13 @@ body {
     position: absolute;
     width: 100%;
     height: 42px;
+    /*        border-top:1px solid #ddd;*/
     border-bottom: 1px solid #ddd;
   }
   .app-nav .module-action-bar .module-action-content {
     background: #FBFBFB;
     height: 41px;
+    /*        border-bottom: 1px solid #eee;*/
   }
   .app-nav .module-action-bar .module-action-content .navbar-right {
     margin-right: 0;
@@ -163,7 +178,7 @@ body {
     padding-left: 0;
   }
 }
-.btn-toolbar >.btn-group:first-child {
+.btn-toolbar > .btn-group:first-child {
   margin-left: 5px;
 }
 .vt-notification {
@@ -196,15 +211,19 @@ body {
 .vt-notification [data-notify="message"] {
   color: #eaeaea;
 }
+/**********************************/
+/******** Navigation styles *******/
+/**********************************/
 .company-logo {
   height: 40px;
+  width: 150px;
   margin: 0 0;
   display: inline-block;
   margin-left: 1px;
 }
 .company-logo img {
-  max-height: 100%;
-  max-width: 100%;
+  height: 100%;
+  width: auto;
 }
 .navbar .fa {
   font-size: 15px;
@@ -214,10 +233,13 @@ body {
   font-size: 16px;
   position: relative;
 }
+/*.module-action-bar .module-action-content #appnav{
+    padding-top:5px;
+}*/
 .global-nav .navbar-nav > li div a {
   padding: 15px;
 }
-.global-nav>ul {
+.global-nav > ul {
   margin-right: 20px;
 }
 .global-nav .search-links-container {
@@ -267,26 +289,28 @@ body {
     float: right;
     height: 42px;
   }
-  .module-action-bar .navbar-right .nav>li {
+  .module-action-bar .navbar-right .nav > li {
     display: inline-block;
   }
-  .module-action-bar .navbar-right .nav>li a {
+  .module-action-bar .navbar-right .nav > li a {
     padding: 0 10px;
   }
   .global-nav .logo-container {
     border-bottom: 0;
+    width: 150px;
   }
 }
 @media (max-width: 991px) {
   .global-nav .logo-container {
     border-bottom: 0;
+    width: 150px;
   }
   .notificationMessageHolder {
     padding-left: 45%;
   }
 }
 @media (min-width: 991px) {
-  .nav>li>a.qc-button {
+  .nav > li > a.qc-button {
     padding: 2px 3px;
     margin-top: 13px;
     margin-right: 15px;
@@ -294,7 +318,7 @@ body {
     color: #fff;
     border-radius: 20px;
   }
-  .nav>li>a.qc-button span {
+  .nav > li > a.qc-button span {
     vertical-align: top;
   }
 }
@@ -313,6 +337,7 @@ body {
   width: 100%;
   height: 100%;
 }
+/** App Nav Styles */
 .active-app-title {
   white-space: nowrap;
   font-family: Oswald, "OpenSans-Semibold", "Helvetica Neue", Helvetica, sans-serif;
@@ -367,7 +392,9 @@ body {
   height: 42px;
   text-align: center;
   line-height: 42px;
+  /*    background-color: #2c3b49;*/
   color: #ffffff;
+  /*border-bottom: 1px solid #272B46;*/
 }
 .app-nav .app-indicator-icon-container .app-indicator-icon {
   font-size: 24px;
@@ -479,16 +506,16 @@ body {
   right: -4px;
 }
 #overlayPageContent .mCSB_scrollTools,
-#overlayPageContent .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
-#overlayPageContent .mCSB_scrollTools .mCSB_buttonUp,
-#overlayPageContent .mCSB_scrollTools .mCSB_buttonDown,
-#overlayPageContent .mCSB_scrollTools .mCSB_buttonLeft,
-#overlayPageContent .mCSB_scrollTools .mCSB_buttonRight,
 .app-list .mCSB_scrollTools,
+#overlayPageContent .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
 .app-list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
+#overlayPageContent .mCSB_scrollTools .mCSB_buttonUp,
 .app-list .mCSB_scrollTools .mCSB_buttonUp,
+#overlayPageContent .mCSB_scrollTools .mCSB_buttonDown,
 .app-list .mCSB_scrollTools .mCSB_buttonDown,
+#overlayPageContent .mCSB_scrollTools .mCSB_buttonLeft,
 .app-list .mCSB_scrollTools .mCSB_buttonLeft,
+#overlayPageContent .mCSB_scrollTools .mCSB_buttonRight,
 .app-list .mCSB_scrollTools .mCSB_buttonRight {
   -webkit-transition: none;
   transition: none;
@@ -700,6 +727,7 @@ a.menu-item:hover {
   width: 0px;
   overflow: hidden;
 }
+/* User Logout */
 .logout-content {
   padding: 10px;
   width: 350px;
@@ -754,6 +782,9 @@ a.menu-item:hover {
 .app-settings {
   background: #FFFFFF;
 }
+/*************************************************/
+/******** View styles (List/Edit/Detail..) *******/
+/*************************************************/
 .viewContent .content-area {
   padding-left: 50px;
 }
@@ -791,7 +822,6 @@ a.menu-item:hover {
 .fieldValue .value {
   max-width: 85%;
   display: inline-block;
-  word-break: break-word;
 }
 .modal-header button.close {
   padding: 0;
@@ -865,6 +895,9 @@ input[type="password"].inputElement {
   padding-right: 20px;
   padding-left: 20px;
 }
+/**********************************/
+/**** Side vertical Nav styles ****/
+/**********************************/
 .module-nav {
   background: #fff;
   z-index: 1004;
@@ -880,6 +913,9 @@ input[type="password"].inputElement {
   left: 0;
   transition: 0s width;
 }
+.module-nav:hover {
+  /*z-index: 1001;*/
+}
 .modules-menu ul {
   list-style: none;
   margin-left: 0;
@@ -914,7 +950,7 @@ input[type="password"].inputElement {
   float: left;
   font-size: 20px;
 }
-.modules-menu ul li a>span {
+.modules-menu ul li a > span {
   margin-left: 10px;
   vertical-align: middle;
   font-size: 13px;
@@ -954,6 +990,7 @@ input[type="password"].inputElement {
   width: 100%;
   left: 0%;
 }
+/** Lists Menu in Side bar */
 .module-filters .settings-sidebar,
 .module-filters .sidebar-container {
   padding: 0 12px;
@@ -987,6 +1024,7 @@ input[type="password"].inputElement {
 .lists-menu-container hr {
   margin: 5px 0;
 }
+/* mScrollbar customization for lists widget */
 .lists-menu-container .menu-scroller .mCSB_scrollTools {
   width: 13px;
 }
@@ -998,8 +1036,10 @@ input[type="password"].inputElement {
 .modules-menu .mCSB_scrollTools .mCSB_draggerContainer {
   left: 8px;
 }
+/* Customization ends */
 .lists-menu-container .list-menu-content .more-less-link {
   color: #fff;
+  /*text-decoration: none;*/
 }
 .lists-menu-container .list-menu-content .sub-header {
   color: #ddd;
@@ -1104,9 +1144,11 @@ input[type="password"].inputElement {
 .common-links-container > div a {
   color: #fff;
 }
+/*Search Container styles */
 .search-container {
   min-height: 300px;
   position: absolute;
+  /*z-index: 1030;*/
   width: 100%;
   top: 0;
   background: #FBFBFB;
@@ -1125,6 +1167,7 @@ input[type="password"].inputElement {
 .footer p {
   margin: 5px 0;
 }
+/*** Utilities ***/
 .showElement {
   display: block !important;
   height: 100%;
@@ -1247,11 +1290,11 @@ ul.unstyled {
 }
 .emptyRecordsDiv .emptyRecordsContent {
   display: inline-block;
-  font-size: 16px;
   left: 50%;
   margin-left: -25%;
   position: absolute;
   width: 50%;
+  font-size: 16px;
 }
 .textOverflowEllipsis {
   overflow: hidden;
@@ -1276,6 +1319,9 @@ ul.unstyled {
 .removeNoFileChosen {
   color: transparent !important;
 }
+/***********************************
+**********Button Styles**********
+***********************************/
 .module-buttons-container {
   float: right;
   margin-right: 10px;
@@ -1297,6 +1343,7 @@ ul.unstyled {
   margin: 4px 2px;
   border-radius: 2px;
   border: 1px solid #ddd;
+  text-transform: uppercase;
   color: #666;
   background: #fff;
 }
@@ -1317,6 +1364,9 @@ ul.unstyled {
   color: #FFFFFF !important;
   background: #5bc0de !important;
 }
+/***********************************
+**********List View Styles**********
+***********************************/
 .fa.pull-left {
   margin-right: 0;
 }
@@ -1351,7 +1401,7 @@ ul.unstyled {
   font-size: 20px;
 }
 .listview-pagination .disabled {
-  color: rgba(0,0,0,0.2);
+  color: rgba(0, 0, 0, 0.2);
 }
 .listview-pagination .disabled:hover {
   cursor: default;
@@ -1379,6 +1429,8 @@ ul.unstyled {
 .listview-table {
   margin-bottom: 0;
   border-top: 0;
+  /* Horizontal scroll will not work if table layout Fixed */
+  /*    table-layout: fixed;*/
 }
 .listview-table tr td,
 .listview-table tr th {
@@ -1408,7 +1460,7 @@ ul.unstyled {
   width: 100%;
 }
 .listViewEntries .relatedListEntryValues .fieldValue .value,
-.listViewEntries  .listViewEntryValue .fieldValue .value {
+.listViewEntries .listViewEntryValue .fieldValue .value {
   vertical-align: middle;
   width: 100%;
   display: inline-block;
@@ -1423,7 +1475,7 @@ ul.unstyled {
 }
 .listview-table-norecords .table-actions,
 .listview-table .table-actions {
-  width: 120px;
+  width: 110px;
   font-size: 15px;
   color: #555;
   margin-left: 7px;
@@ -1489,13 +1541,13 @@ input[type=checkbox]:checked {
   vertical-align: middle;
   display: table-cell;
 }
-.listview-table  tr.searchRow th {
+.listview-table tr.searchRow th {
   padding: 5px 3px;
 }
-.listview-table  tr.searchRow th.inline-search-btn {
+.listview-table tr.searchRow th.inline-search-btn {
   padding: 3px 10px;
 }
-.listview-table  tr.searchRow th.inline-search-btn button {
+.listview-table tr.searchRow th.inline-search-btn button {
   text-align: center;
   width: 85%;
   text-shadow: none;
@@ -1523,6 +1575,18 @@ input[type=checkbox]:checked {
   background-color: #FFEEEE !important;
   background-image: none !important;
 }
+/*.floatThead-wrapper .table-container{
+    z-index: 0 !important;
+}*/
+/* List view bottom fixed scroll */
+/*.bottom-fixed-scroll{
+    height: 14px;
+    position: relative;
+    top: -15px;
+    overflow-x: auto;
+    overflow-y: hidden;
+    width: 100%;
+}*/
 .scroller-div {
   height: 1px;
 }
@@ -1644,12 +1708,12 @@ input[type=checkbox]:checked {
 #listColumnFilterContainer .disabled i {
   color: #ccc;
 }
+/**********************************
+**********Detail View Styles**********
+**********************************/
 .detailViewButtoncontainer {
   padding-top: 5px;
 }
-.detailViewButtoncontainer button.btn {
-  margin: 0px 1px !important;
-}
 .detailview-header .recordBasicInfo > .info-row {
   margin-bottom: 4px;
 }
@@ -1730,9 +1794,6 @@ th {
   margin-top: 3%;
   margin-right: 2%;
 }
-.overlayDetailHeader button.btn {
-  margin: 0px 1px !important;
-}
 .referencefield-wrapper .createReferenceRecord {
   float: left;
   margin-left: 5px;
@@ -1972,10 +2033,10 @@ th {
   z-index: 1030;
 }
 .overlay-container-60 {
-  margin-left: 42px;
+  margin-left: 42px ;
 }
 .overlay-container-300 {
-  margin-left: 230px;
+  margin-left: 230px ;
 }
 .overlayPageContent {
   background: #FFFFFF;
@@ -2098,6 +2159,9 @@ th {
   height: 26px;
   line-height: 25px;
 }
+/**********************************
+**********Summary View Styles******
+**********************************/
 .summary-table {
   width: 100%;
   table-layout: fixed;
@@ -2218,33 +2282,33 @@ th {
   opacity: 1;
   cursor: pointer;
 }
-.details.row >form .social-media-toggle {
+.details.row > form .social-media-toggle {
   position: absolute;
   right: -15px;
   display: inline-block;
   width: 500px;
   border-left: 0px;
 }
-.details.row >form .social-media-widget {
+.details.row > form .social-media-widget {
   border-left: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
   height: 100%;
   background: white;
 }
-.details.row >form div[class*="col-"].resizable-summary-view {
+.details.row > form div[class*="col-"].resizable-summary-view {
   padding-left: 0;
   padding-right: 0px;
 }
-.details.row >form>div[class*="col-"],
-.details.row >form .resizable-summary-view div[class*="col-"] {
+.details.row > form > div[class*="col-"],
+.details.row > form .resizable-summary-view div[class*="col-"] {
   padding-right: 0;
   padding: 0px 5px;
 }
-.details.row >form>div[class*="col-"]:first-child,
-.details.row >form .left-block {
+.details.row > form > div[class*="col-"]:first-child,
+.details.row > form .left-block {
   padding-left: 0 !important;
 }
-.details.row >form>div[class*="col-"]:last-child {
+.details.row > form > div[class*="col-"]:last-child {
   padding-right: 0;
 }
 .summaryWidgetContainer .noContent {
@@ -2257,6 +2321,9 @@ th {
 .caseReplyArea .nav > li {
   padding: 0 10px;
 }
+/**********************************
+**********Edit View Styles*******
+**********************************/
 .main-container .editViewModNavigator.module-nav,
 .editViewModNavigator .mod-switcher-container,
 .editViewModNavigator .modules-menu {
@@ -2297,7 +2364,7 @@ th {
   width: 100%;
 }
 .editViewContents .input-group {
-  width: 229px;
+  width: 208px;
   float: left;
 }
 .input-group.inputElement .input-group-addon {
@@ -2376,6 +2443,9 @@ th {
   z-index: 1000;
   padding: 7px;
 }
+/**********************************
+**********Advance Search styles**********
+**********************************/
 .op0.fadeInx {
   opacity: 1;
 }
@@ -2448,7 +2518,11 @@ th {
 }
 .btn + input {
   margin-left: 5px;
+  /*    margin-top : 3px;*/
 }
+/**********************************
+**********Extension Store Styles**********
+**********************************/
 .extensionstore .app-trigger {
   width: 98%;
 }
@@ -2479,6 +2553,9 @@ th {
 .extensionContents .extensionError {
   color: #F10404;
 }
+/**********************************
+**********Extension Store Nav Bar**********
+**********************************/
 .tabbable-line > .nav-tabs {
   border: none;
   margin: 0px;
@@ -2547,6 +2624,9 @@ th {
 .extensionContents .listview-table {
   width: 100%;
 }
+/*******************************************
+******Detail View related list styles*******
+********************************************/
 .relatedContents .listViewContentHeaderValues:hover {
   text-decoration: none;
   color: #333;
@@ -2604,6 +2684,9 @@ th {
 .relatedViewActions .btn-group {
   margin-right: 15px;
 }
+/*******************************************
+****************** Modal *******************
+********************************************/
 .modal-header {
   padding: 5px 15px;
   background: #596875;
@@ -2631,6 +2714,7 @@ th {
   width: 100%;
   float: left;
   background: #596875;
+  /*    height: 100%;*/
 }
 .settings-menu {
   display: inline-block;
@@ -2647,7 +2731,7 @@ th {
   cursor: n-resize;
 }
 .settings-menu-items {
-  box-shadow: 0 1px 1px rgba(0,0,0,0.05);
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
   margin-bottom: 10px;
   text-align: justify;
 }
@@ -2765,9 +2849,6 @@ th {
 .active .stepNum {
   color: #FFFFFF;
 }
-.mailBoxEditDiv .crumbs li {
-  width: 22%;
-}
 .stepNum {
   display: inline-block;
   padding: 0 5px;
@@ -2776,6 +2857,7 @@ th {
   vertical-align: middle;
   color: #3399ff;
 }
+/* .squaredFour */
 .squaredFour {
   width: 20px;
   position: relative;
@@ -2789,9 +2871,9 @@ th {
   top: 0;
   left: 0;
   background: #fcfff4;
-  background: linear-gradient(top,#fcfff4 0%,#dfe5d7 40%,#b3bead 100%);
+  background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
   border-radius: 4px;
-  box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
+  box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
 }
 .squaredFour label:after {
   content: '';
@@ -2819,13 +2901,16 @@ th {
 .importBlockContainer {
   color: #596875;
 }
+/******************************************* 
+************* Social Buttons *************** 
+********************************************/
 .btn-block + .btn-block {
   margin-top: 5px;
 }
 .btn-google-plus {
   color: #FFFFFF !important;
   background-color: #DD4B39;
-  border-color: rgba(0,0,0,0.2);
+  border-color: rgba(0, 0, 0, 0.2);
 }
 .btn-social {
   position: relative;
@@ -2844,15 +2929,18 @@ th {
   line-height: 34px;
   font-size: 1.6em;
   text-align: center;
-  border-right: 1px solid rgba(0,0,0,0.2);
+  border-right: 1px solid rgba(0, 0, 0, 0.2);
 }
+/******************************************* 
+************* Updates Timeline *************** 
+********************************************/
 .recentActivitiesContainer .history {
   margin: 0 auto;
   padding: 20px 20px 1px;
   max-width: 100%;
   overflow-x: visible;
-  -webkit-transition: opacity .2s ease-out;
-  transition: opacity .2s ease-out;
+  -webkit-transition: opacity 0.2s ease-out;
+  transition: opacity 0.2s ease-out;
 }
 .updates_timeline {
   padding-top: 20px;
@@ -2861,6 +2949,7 @@ th {
   padding: 0;
   list-style: none;
 }
+/* The line */
 .updates_timeline:before {
   content: '';
   position: absolute;
@@ -2879,6 +2968,7 @@ th {
   min-height: 40px;
   z-index: 2;
 }
+/* Left Content(Time) */
 .updates_timeline > li .update_time {
   position: absolute;
   margin: 0;
@@ -2890,6 +2980,7 @@ th {
   font-size: 15px;
   font-style: italic;
 }
+/* Right content(Update info) */
 .updates_timeline > li .update_info {
   padding: 10px 10px 1px;
   display: block;
@@ -2898,10 +2989,11 @@ th {
   position: relative;
   top: -45px;
 }
-.updates_timeline > li .update_info >h3 {
+.updates_timeline > li .update_info > h3 {
   font-size: 1.1em;
   margin-left: -3%;
 }
+/* The icons  */
 .updates_timeline > li .update_icon {
   position: relative;
   border-radius: 50%;
@@ -2914,6 +3006,7 @@ th {
   color: #fff;
   line-height: 35px;
 }
+/* More Button */
 .updates_timeline #more_button .update_icon {
   position: relative;
   border-radius: 0;
@@ -3021,6 +3114,9 @@ th {
   vertical-align: super;
   font-size: 13px;
 }
+/******************************************* 
+************* Task Management ************** 
+********************************************/
 #taskManagementContainer .data-body {
   margin-bottom: 50px;
 }
@@ -3083,15 +3179,16 @@ th {
 #taskManagementContainer .other-details {
   color: #979797;
 }
+/*overwriting jquery ui css*/
 .ui-menu {
   z-index: 10000;
 }
 #taskManagementContainer button.active {
   background: #3B83F7;
   color: white;
-  text-shadow: 0 1px rgba(0,0,0,0.3);
+  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
   border: 1px solid #135fd7;
-  box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
+  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
 }
 .taskSubject {
   width: 99%;
@@ -3099,6 +3196,9 @@ th {
 #taskManagementContainer .mCustomScrollbar .mCSB_inside > .mCSB_container {
   margin-right: 13px;
 }
+/******************************************* 
+************* Settings Page ************** 
+********************************************/
 .settingsPageDiv.content-area {
   margin-right: 0;
 }
@@ -3132,6 +3232,9 @@ th {
 .settingsgroup-accordion a i {
   margin-right: 5px;
 }
+.settingsgroup-accordion a span {
+  text-transform: uppercase;
+}
 .settingsgroup {
   background: #2C3B49;
   height: 100%;
@@ -3288,35 +3391,59 @@ th {
 }
 .mini-slider-control[data-value="0"] .ui-slider-handle {
   background: #7d7e7d;
-  background: -moz-linear-gradient(top,#7d7e7d 0%,#0e0e0e 100%);
-  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#7d7e7d),color-stop(100%,#0e0e0e));
-  background: -webkit-linear-gradient(top,#7d7e7d 0%,#0e0e0e 100%);
-  background: -o-linear-gradient(top,#7d7e7d 0%,#0e0e0e 100%);
-  background: -ms-linear-gradient(top,#7d7e7d 0%,#0e0e0e 100%);
-  background: linear-gradient(to bottom,#7d7e7d 0%,#0e0e0e 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7e7d',endColorstr='#0e0e0e',GradientType=0);
+  /* Old browsers */
+  background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
+  /* FF3.6+ */
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7d7e7d), color-stop(100%, #0e0e0e));
+  /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
+  /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
+  /* Opera 11.10+ */
+  background: -ms-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
+  /* IE10+ */
+  background: linear-gradient(to bottom, #7d7e7d 0%, #0e0e0e 100%);
+  /* W3C */
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7e7d', endColorstr='#0e0e0e', GradientType=0);
+  /* IE6-9 */
   margin-left: 0px;
 }
 .mini-slider-control[data-value="1"] .ui-slider-handle {
   background: #ffb76b;
-  background: -moz-linear-gradient(top,#ffb76b 0%,#ffa73d 0%,#ff7c00 49%,#ff7f04 100%);
-  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffb76b),color-stop(0%,#ffa73d),color-stop(49%,#ff7c00),color-stop(100%,#ff7f04));
-  background: -webkit-linear-gradient(top,#ffb76b 0%,#ffa73d 0%,#ff7c00 49%,#ff7f04 100%);
-  background: -o-linear-gradient(top,#ffb76b 0%,#ffa73d 0%,#ff7c00 49%,#ff7f04 100%);
-  background: -ms-linear-gradient(top,#ffb76b 0%,#ffa73d 0%,#ff7c00 49%,#ff7f04 100%);
-  background: linear-gradient(to bottom,#ffb76b 0%,#ffa73d 0%,#ff7c00 49%,#ff7f04 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb76b',endColorstr='#ff7f04',GradientType=0);
+  /* Old browsers */
+  background: -moz-linear-gradient(top, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%);
+  /* FF3.6+ */
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffb76b), color-stop(0%, #ffa73d), color-stop(49%, #ff7c00), color-stop(100%, #ff7f04));
+  /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(top, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%);
+  /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(top, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%);
+  /* Opera 11.10+ */
+  background: -ms-linear-gradient(top, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%);
+  /* IE10+ */
+  background: linear-gradient(to bottom, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%);
+  /* W3C */
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb76b', endColorstr='#ff7f04', GradientType=0);
+  /* IE6-9 */
   margin-left: -6px;
 }
 .mini-slider-control[data-value="2"] .ui-slider-handle {
   background: #bfd255;
-  background: -moz-linear-gradient(top,#bfd255 0%,#8eb92a 79%,#72aa00 100%,#9ecb2d 100%);
-  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#bfd255),color-stop(79%,#8eb92a),color-stop(100%,#72aa00),color-stop(100%,#9ecb2d));
-  background: -webkit-linear-gradient(top,#bfd255 0%,#8eb92a 79%,#72aa00 100%,#9ecb2d 100%);
-  background: -o-linear-gradient(top,#bfd255 0%,#8eb92a 79%,#72aa00 100%,#9ecb2d 100%);
-  background: -ms-linear-gradient(top,#bfd255 0%,#8eb92a 79%,#72aa00 100%,#9ecb2d 100%);
-  background: linear-gradient(to bottom,#bfd255 0%,#8eb92a 79%,#72aa00 100%,#9ecb2d 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfd255',endColorstr='#9ecb2d',GradientType=0);
+  /* Old browsers */
+  background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%);
+  /* FF3.6+ */
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bfd255), color-stop(79%, #8eb92a), color-stop(100%, #72aa00), color-stop(100%, #9ecb2d));
+  /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(top, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%);
+  /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(top, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%);
+  /* Opera 11.10+ */
+  background: -ms-linear-gradient(top, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%);
+  /* IE10+ */
+  background: linear-gradient(to bottom, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%);
+  /* W3C */
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfd255', endColorstr='#9ecb2d', GradientType=0);
+  /* IE6-9 */
   margin-left: -13px;
 }
 .ModulemanagerSettings .moduleblock .hiden {
@@ -3341,10 +3468,13 @@ th {
 th {
   padding: 6px;
 }
+/******************************************* 
+********** CustomerPortal styles start ********
+********************************************/
 .cp-tabs .enabledModules {
   display: inline-block ! important;
-  margin-left: 4px !important;
-  margin-right: 4px !important;
+  margin-left: 4px!important;
+  margin-right: 4px!important;
   vertical-align: top;
 }
 .drag-portal-module {
@@ -3451,7 +3581,7 @@ th {
   margin-left: 5px;
 }
 .portal-field-delete {
-  margin-left: 45px !important;
+  margin-left: 45px!important;
 }
 .portalModuleRow {
   border-left: 4px solid #2ECC71 !important;
@@ -3468,7 +3598,7 @@ th {
   content: "*";
   color: red;
 }
-.nav-tabs .cp-modules > .active >a,
+.nav-tabs .cp-modules > .active > a,
 .nav-tabs .cp-modules > .active > a:hover {
   border: 0px !important;
   border-top-right-radius: 0px;
@@ -3630,7 +3760,7 @@ th {
   display: inline-block;
 }
 .quickPreview .updates_timeline:before {
-  background: #e6e6e6;
+  background: #e5e5e5;
   width: 2px;
   margin-left: -1%;
 }
@@ -3645,13 +3775,16 @@ th {
 .quickPreviewComments .recentComments .commentDetails .comment {
   line-height: 15px;
 }
-.quickPreviewComments  .summaryWidgetContainer {
+.quickPreviewComments .summaryWidgetContainer {
   border: 0;
   padding: 0;
 }
 .quickPreview .recentActivitiesContainer .history {
   padding: 0;
 }
+/******************************************* 
+********** Calendar view styles ************
+********************************************/
 .calendar-sidebar {
   width: 100% !important;
 }
@@ -3808,6 +3941,11 @@ th {
   display: inline-block;
   text-align: center;
 }
+/******************************************* 
+********** Calendar view styles end ********
+
+********** Documents Module styles *********
+********************************************/
 .dragdrop-dotted {
   border: 2px dashed #C0C0C0;
   min-width: 300px;
@@ -3867,13 +4005,16 @@ tr.file > td.fileOwnerData {
   width: 100px;
   white-space: pre-wrap;
 }
+/******************************************* 
+********** Documents Module styles end *****
+********************************************/
 .engagementsContainer .engagements_content {
   padding-top: 15px;
 }
 .summaryWidgetContainer .engagementsContainer table {
   width: inherit;
 }
-.engagements_content table thead>tr:first-child {
+.engagements_content table thead > tr:first-child {
   border: 1px solid #CCC;
   background-color: #F5F5F5;
 }
@@ -3924,6 +4065,9 @@ tr.file > td.fileOwnerData {
   font-size: 15px;
   padding: 1% 0;
 }
+/******************************************* 
+********** Mailroom view styles start ********
+********************************************/
 .mailroomBanner {
   margin: 23px 0;
   height: 215px;
@@ -4132,6 +4276,7 @@ tr.file > td.fileOwnerData {
   margin-left: 0;
 }
 .mentionMessages .mention_follow_up {
+  /*//load this color from variable.less*/
   background-color: green;
 }
 .modelContainer .modal-content {
@@ -4280,6 +4425,7 @@ form[name="notification_settings"] .select2-choice {
   margin-left: 0;
 }
 .mentionMessages .mention_follow_up {
+  /*//load this color from variable.less*/
   background-color: green;
 }
 .modal-content .mention_followup .row {
@@ -4311,6 +4457,9 @@ form[name="notification_settings"] .select2-choice {
 .mentionMessageHeader .MultiFile-remove {
   color: #FFFFFF;
 }
+/******************************************* 
+********** Mailroom view styles end ********
+********************************************/
 .detailview-header {
   margin-bottom: 10px;
 }
@@ -4326,6 +4475,7 @@ form[name="notification_settings"] .select2-choice {
   margin: 0px 10px;
   text-decoration: underline !important;
   color: #3498DB;
+  /*font-size : 12px;*/
 }
 .tag {
   display: inline-block;
@@ -4409,11 +4559,10 @@ form[name="notification_settings"] .select2-choice {
   border: 1px solid #dcdcdc;
 }
 #tagCloud .tag {
-  color: #5ea9dd;
-  padding: 0px;
   background-color: #FFFFFF;
   border-color: #FFFFFF;
   border-radius: 0px;
+  color: #5ea9dd;
   margin: 3px;
 }
 #tagCloud .tag[data-type="public"] {
@@ -4424,6 +4573,9 @@ form[name="notification_settings"] .select2-choice {
   max-width: 80px;
   vertical-align: bottom;
 }
+/******************************************* 
+********** Groups view styles ********
+********************************************/
 #s2id_memberList li > div,
 .groupMembersColors li > div {
   margin-left: 10px;
@@ -4498,6 +4650,12 @@ form[name="notification_settings"] .select2-choice {
   margin: 0px;
   color: #444444;
 }
+/******************************************* 
+********** Groups view styles  ends********
+********************************************/
+/******************************************* 
+********** Picklist Css ********
+********************************************/
 .pickListValue {
   background-color: #FFFFFF;
 }
@@ -4512,6 +4670,12 @@ form[name="notification_settings"] .select2-choice {
   padding: 2px 1px !important;
   line-height: 15px;
 }
+/******************************************* 
+************* Dashboard Styles *************
+********************************************/
+li.dashboardWidget {
+  overflow: auto;
+}
 .dashboardWidgetHeader .title {
   padding-bottom: 10px;
   font-size: 15px;
@@ -4532,9 +4696,6 @@ form[name="notification_settings"] .select2-choice {
 .dashBoardContainer .tabContainer .tab-content {
   margin-top: 10px;
 }
-.dashBoardContainer .dashBoardTabContents ul {
-  margin: 0;
-}
 .dashBoardContainer .dashBoardTabContents ul li {
   border: 3px solid #E2E2E4;
   box-shadow: 1px;
@@ -4601,7 +4762,7 @@ form[name="notification_settings"] .select2-choice {
   display: inline-block;
   opacity: 1;
 }
-.dashBoardContainer .tabContainer li a  .deleteTab:hover {
+.dashBoardContainer .tabContainer li a .deleteTab:hover {
   cursor: pointer;
 }
 #minilistWizardContainer .fieldLabel {
@@ -4638,6 +4799,9 @@ form[name="notification_settings"] .select2-choice {
   resize: none;
   width: 100%;
 }
+/******************************************* 
+********** Picklist DependencyGraph ********
+********************************************/
 #dependencyGraph .tableHeading {
   text-align: center;
   padding-top: 30px;
@@ -4663,12 +4827,15 @@ form[name="notification_settings"] .select2-choice {
 #dependencyGraph .dependencyMapping .pickListDependencyTable .selectedCell {
   background: #a9cbf5;
 }
+/******************************************* 
+********** Rewriting select2 for consistency********
+********************************************/
 .select2-container .select2-choice {
   height: 29px;
   border-radius: 1px;
 }
 .modal {
-  z-index: 1100;
+  z-index: 1070;
 }
 .select2-container .select2-choice {
   height: 28px;
@@ -4756,6 +4923,7 @@ hr {
   position: fixed;
   bottom: 0;
   background: #EFEFEF;
+  /*width:100%;*/
   border-left: 42px solid #2c3b49;
   height: 60px;
   left: 0;
@@ -4774,7 +4942,6 @@ hr {
 }
 .settingsPageDiv .modal-overlay-footer {
   margin-left: 230px;
-  border-left: 0px solid;
 }
 .settingsOverlayContainer .modal-overlay-footer {
   margin: 0;
@@ -4797,14 +4964,14 @@ hr {
   vertical-align: middle;
   margin-top: 6px;
 }
-.list-menu-content .pull-right>.dropdown-menu {
+.list-menu-content .pull-right > .dropdown-menu {
   left: -126px;
   position: relative;
 }
-.dropdown-menu>li>a {
+.dropdown-menu > li > a {
   padding: 4px 6px;
 }
-.dropdown-menu>li>a span i {
+.dropdown-menu > li > a span i {
   font-size: 15px;
   vertical-align: middle;
 }
@@ -4812,11 +4979,11 @@ hr {
   max-height: 300px;
   padding-left: 0;
 }
-.related-tabs .dropdown-menu>.mCustomScrollBox>.mCSB_container {
+.related-tabs .dropdown-menu > .mCustomScrollBox > .mCSB_container {
   margin-right: 0;
   padding: 4px 6px;
 }
-.related-tabs .dropdown-menu>.mCustomScrollBox>.mCSB_container>li>a {
+.related-tabs .dropdown-menu > .mCustomScrollBox > .mCSB_container > li > a {
   display: block;
   padding: 3px 5px;
   clear: both;
@@ -4825,7 +4992,7 @@ hr {
   color: #333;
   white-space: nowrap;
 }
-.related-tabs .dropdown-menu>.mCustomScrollBox>.mCSB_container span i {
+.related-tabs .dropdown-menu > .mCustomScrollBox > .mCSB_container span i {
   font-size: 15px;
   vertical-align: middle;
 }
@@ -4848,16 +5015,16 @@ hr {
 .calendar-sidebar .calendar-sidebar-tabs.padding {
   padding-left: 20px !important;
 }
-.related-tabs.row .nav>li {
+.related-tabs.row .nav > li {
   padding: 0 10px;
   margin: 0 2px;
 }
-.massEditTabs.nav>li {
+.massEditTabs.nav > li {
   padding: 0 10px;
   margin: 0 4px;
 }
-.row .nav>li>a,
-.row .nav>li>a:hover {
+.row .nav > li > a,
+.row .nav > li > a:hover {
   padding: 10px 3px;
   border: none;
   vertical-align: bottom;
@@ -4867,38 +5034,39 @@ hr {
   -webkit-box-sizing: border-box;
   -o-box-sizing: border-box;
 }
-.row .nav>li>a:hover {
+.row .nav > li > a:hover {
   border-bottom-color: #555;
 }
-TN-34230
-
-.row .nav>li>a:hover {
+/*.row ul{
+    padding:0;
+}*/
+TN-34230 .row .nav > li > a:hover {
   border-bottom-color: #555;
   background: none;
 }
 .row ul li:first-child {
   margin-left: 0;
 }
-.related-tabs .nav-tabs>li.active,
-.related-tabs .nav-tabs>li:hover,
-.related-tabs .nav-tabs>li.active:focus,
-.dashBoardContainer .nav-tabs>li.active,
-.dashBoardContainer .nav-tabs>li:hover,
-.dashBoardContainer .nav-tabs>li.active:focus,
-.contents.tabbable .nav-tabs>li.active,
-.contents.tabbable .nav-tabs>li:hover,
-.contents.tabbable .nav-tabs>li.active:focus {
+.related-tabs .nav-tabs > li.active,
+.dashBoardContainer .nav-tabs > li.active,
+.contents.tabbable .nav-tabs > li.active,
+.related-tabs .nav-tabs > li:hover,
+.dashBoardContainer .nav-tabs > li:hover,
+.contents.tabbable .nav-tabs > li:hover,
+.related-tabs .nav-tabs > li.active:focus,
+.dashBoardContainer .nav-tabs > li.active:focus,
+.contents.tabbable .nav-tabs > li.active:focus {
   border: none;
   border-bottom: 3px solid #555;
 }
-.nav-tabs>li.active>a,
-.nav-tabs>li.active>a:hover,
-.nav-tabs>li.active>a:focus,
-.nav-tabs>li>a {
+.nav-tabs > li.active > a,
+.nav-tabs > li.active > a:hover,
+.nav-tabs > li.active > a:focus,
+.nav-tabs > li > a {
   border: 0;
 }
-.nav>li>a:hover,
-.nav>li>a:focus {
+.nav > li > a:hover,
+.nav > li > a:focus {
   background-color: #FFFFFF;
 }
 .fa-pencil,
@@ -4908,6 +5076,9 @@ TN-34230
 .commentAttachmentName {
   font-size: 11px;
 }
+/******************************************* 
+********** Layout Editor ********
+********************************************/
 .marginBottom10px {
   margin-bottom: 10px;
 }
@@ -4930,6 +5101,7 @@ TN-34230
 }
 .zeroOpacity {
   opacity: 0;
+  /*for IE*/
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
 }
@@ -4956,10 +5128,12 @@ TN-34230
 .layoutContent .opacity:hover .actions {
   opacity: 1;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+  /*for IE*/
   filter: alpha(opacity=100);
 }
 .layoutContent .fieldPropertyContainer:hover .actions {
   opacity: 1;
+  /*for IE*/
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=100);
 }
@@ -4982,6 +5156,7 @@ TN-34230
 .relatedTabModulesList .addButton {
   border-radius: 2px;
   border: 1px solid #DDDDDD;
+  text-transform: uppercase;
   color: #666666;
   background: #FFFFFF;
 }
@@ -5055,6 +5230,9 @@ TN-34230
   margin-left: 5px;
   word-break: break-all;
 }
+/******************************************* 
+************** Tax Management **************
+********************************************/
 #TaxCalculationsContainer .table tr:first-child,
 .taxModalContainer #editTax .table tr:first-child {
   border-bottom: 1px solid #ccc;
@@ -5094,6 +5272,9 @@ TN-34230
   max-height: 500px;
   overflow-y: auto;
 }
+/******************************************* 
+********** Workflows ********
+********************************************/
 #workflow_edit .editViewBody {
   overflow: inherit;
 }
@@ -5103,7 +5284,7 @@ TN-34230
 }
 .timePicker {
   width: 9.5em !important;
-  z-index: 1101 !important;
+  z-index: 1070 !important;
 }
 .weekDaySelect .ui-state-default {
   background: inherit;
@@ -5141,75 +5322,6 @@ TN-34230
 .module-filters.active {
   background: #F7F7F7;
 }
-.payment-type-selection {
-  margin-bottom: 30px;
-}
-.payment-type-selection img {
-  vertical-align: middle;
-}
-.currplan {
-  padding: 10px 20px;
-  background-color: #f3f3f3;
-  border: 1px solid #eee;
-  border-radius: 3px;
-}
-.currplan div {
-  display: inline-block;
-  font-size: 16px;
-}
-.planName {
-  display: inline-block;
-  color: #fff;
-  padding: 20px;
-  margin: 10px 20px;
-  font-size: 24px;
-  border-radius: 2px;
-}
-.plan-heading {
-  min-height: 168px;
-}
-.plan-title {
-  color: #fff;
-  font-size: 20px;
-  padding: 13px 0;
-}
-#sales_plan {
-  background: #3FC380;
-  font-size: x-large;
-  text-shadow: 1px 0 2px #555555;
-  color: #fff;
-}
-#salespremium_plan {
-  background: #00B16A;
-  font-size: x-large;
-  text-shadow: 1px 0 2px #555555;
-  color: #fff;
-}
-#support_plan {
-  background: #2980B9;
-  font-size: x-large;
-  text-shadow: 1px 0 2px #555555;
-  color: #fff;
-}
-#supportpremium_plan {
-  background: #2980B9;
-  font-size: x-large;
-  text-shadow: 1px 0 2px #555555;
-  color: #fff;
-}
-#ultimate_plan,
-#exclusive_plan {
-  background: #F39C12;
-  font-size: x-large;
-  text-shadow: 1px 0 2px #555555;
-  color: #fff;
-}
-#contact_plan {
-  background: #FF5959;
-  font-size: x-large;
-  text-shadow: 1px 0 2px #555555;
-  color: #fff;
-}
 .workflowListContainer .select2-container .select2-choice {
   height: 36px;
 }
@@ -5224,6 +5336,7 @@ TN-34230
 .contactAdd {
   border: 1px solid #eee;
   padding: 20px;
+  /*min-height: 310px !important;*/
 }
 #subDetails table td {
   padding: 7px 10px;
@@ -5346,9 +5459,9 @@ TN-34230
 .productBundles {
   padding-left: 20px;
 }
-.nav .open>a,
-.nav .open>a:hover,
-.nav .open>a:focus {
+.nav .open > a,
+.nav .open > a:hover,
+.nav .open > a:focus {
   color: #000000;
   background-color: #FFFFFF;
 }
@@ -5369,6 +5482,9 @@ TN-34230
   width: 100%;
   overflow-x: auto;
 }
+/******************************************* 
+*************** Mail Manager ***************
+********************************************/
 #mm_searchButton {
   height: 28px;
   background-color: #FFFFFF;
@@ -5424,8 +5540,8 @@ TN-34230
   padding: 1px 5px;
   border-radius: 3px;
   text-align: center;
-  text-shadow: 0 1px rgba(0,0,0,0.1);
-  background-image: -webkit-linear-gradient(top,#DD4B39 0,#D14836 100%);
+  text-shadow: 0 1px rgba(0, 0, 0, 0.1);
+  background-image: -webkit-linear-gradient(top, #DD4B39 0, #D14836 100%);
   border: 1px solid #C6322A;
   background-color: #DD4B39;
 }
@@ -5643,6 +5759,7 @@ TN-34230
 .width40per {
   width: 40%;
 }
+/****** Mail Manager Ends ******/
 .quickCreateContent .massEditTable textarea,
 .addCommentBlock .commentTextArea textarea {
   resize: vertical;
@@ -5655,19 +5772,20 @@ TN-34230
 .select2-container-multi .select2-choices {
   z-index: 1;
 }
-.nav .nav-stacks .cp-nav-header-wrapper>li.disabled>a:hover {
+/****** Customer Portal Settings ******/
+.nav .nav-stacks .cp-nav-header-wrapper > li.disabled > a:hover {
   background-color: #fff;
 }
-.cp-nav-header-wrapper>li.disabled>a:hover {
+.cp-nav-header-wrapper > li.disabled > a:hover {
   border: 0px ! important;
 }
-.nav .nav-stacks .cp-nav-header-wrapper>li.disabled>a {
+.nav .nav-stacks .cp-nav-header-wrapper > li.disabled > a {
   background-color: #fff;
 }
-#portalModulesTable>li.portalModuleRow.active>a:hover {
+#portalModulesTable > li.portalModuleRow.active > a:hover {
   background-color: #fff !important;
 }
-#portalModulesTable>li.portalModuleRow.active>a:focus {
+#portalModulesTable > li.portalModuleRow.active > a:focus {
   background-color: #fff !important;
 }
 .portal-dashboard {
@@ -5766,7 +5884,7 @@ TN-34230
 .portal-dashboard {
   border-bottom: 0px ! important;
 }
-#portal-shortcutsContainer>ul {
+#portal-shortcutsContainer > ul {
   border-bottom: 0px ! important;
 }
 .portalMenuHeader {
@@ -5775,14 +5893,15 @@ TN-34230
 }
 .cp-tabs .enabledModules {
   display: inline-block ! important;
-  margin-left: 4px !important;
-  margin-right: 4px !important;
+  margin-left: 4px!important;
+  margin-right: 4px!important;
   vertical-align: top;
   margin-top: 4px !important;
 }
 .portal-shortcut-list:hover {
   border-bottom: 3px solid transparent ! important;
 }
+/****** Customer Portal Settings ******/
 .label-radio label input[type="radio"] {
   position: relative;
   top: 2px;
@@ -5794,6 +5913,9 @@ TN-34230
 div.tooltip-inner {
   max-width: 400px;
 }
+/******************************************* 
+********** Menu Editor ********
+********************************************/
 .sortable.appContainer.ui-sortable {
   width: 160px;
 }
@@ -5968,7 +6090,7 @@ div.tooltip-inner {
   width: 13px !important;
   margin-top: 8px;
 }
-.detailview-table .input-group-addon+.inputElement.form-control,
+.detailview-table .input-group-addon + .inputElement.form-control,
 .detailview-table .inputElement.form-control.input-medium {
   width: 100%;
 }
@@ -6015,6 +6137,7 @@ div.tooltip-inner {
   float: left;
   margin-right: 5px;
 }
+/***** Oursites Changes *****/
 .portal-table .table-actions {
   width: inherit ! important;
 }
@@ -6026,6 +6149,7 @@ div.tooltip-inner {
   padding: 10px 5px ! important;
   padding-left: 10px ! important;
 }
+/***** Oursites Changes *****/
 .ExtensionscontentsDiv .content-area {
   padding-left: 15px;
   padding-right: 15px;
@@ -6039,14 +6163,14 @@ div.tooltip-inner {
 }
 .blockHeader {
   border-color: #F3F3F4 #F3F3F4 #cbcbcf;
-  border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
   background-color: #474747;
-  background-image: -moz-linear-gradient(top,#555555,#333333);
-  background-image: -ms-linear-gradient(top,#555555,#333333);
-  background-image: -webkit-gradient(linear,0 0,0 100%,from(#555555),to(#333333));
-  background-image: -webkit-linear-gradient(top,#555555,#333333);
-  background-image: -o-linear-gradient(top,#555555,#333333);
-  background-image: linear-gradient(top,#555555,#333333);
+  background-image: -moz-linear-gradient(top, #555555, #333333);
+  background-image: -ms-linear-gradient(top, #555555, #333333);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#333333));
+  background-image: -webkit-linear-gradient(top, #555555, #333333);
+  background-image: -o-linear-gradient(top, #555555, #333333);
+  background-image: linear-gradient(top, #555555, #333333);
   background-repeat: repeat-x;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#333333', GradientType=0);
   min-height: 30px;
@@ -6139,8 +6263,8 @@ div.tooltip-inner {
 .markStar .starredStatus {
   display: none;
 }
-.nav>li.addDashboardTab>a,
-.nav>li.addDashboardTab>a:hover {
+.nav > li.addDashboardTab > a,
+.nav > li.addDashboardTab > a:hover {
   padding: 10px 15px;
   background: inherit;
 }
@@ -6153,7 +6277,7 @@ div.tooltip-inner {
   height: 960px;
   width: 1260px;
 }
-.nav-tabs>li {
+.nav-tabs > li {
   border-bottom: 3px solid transparent;
   margin: 0 2px;
 }
@@ -6231,16 +6355,14 @@ div.tooltip-inner {
 }
 .select2-container.select2-container-multi.select2,
 .editViewPageDiv .select2-container.select2-container-multi.select2 {
-  height: auto !important;
+  height: auto!important;
 }
-.summaryViewFields .select2-container-multi.inputElement.form-control
-.quickCreateContent .select2-container.select2-container-multi.select2,
+.summaryViewFields .select2-container-multi.inputElement.form-control .quickCreateContent .select2-container.select2-container-multi.select2,
 #massEditContainer .select2-container.select2-container-multi.select2 {
   width: 150px;
   height: auto !important;
 }
-.summaryViewFields .select2-container-multi.inputElement.form-control
-.quickCreateContent .select2-container.select2-container-multi.select2 .input-save-wrap,
+.summaryViewFields .select2-container-multi.inputElement.form-control .quickCreateContent .select2-container.select2-container-multi.select2 .input-save-wrap,
 #massEditContainer .select2-container.select2-container-multi.select2 .input-save-wrap {
   float: right;
   margin-right: 25px;
@@ -6336,6 +6458,7 @@ a.cp-modules:hover {
 #RestrictionsLayout {
   background: #fafafb;
   margin-top: -92px;
+  /*to adjust with page padding top*/
 }
 #RestrictionsLayout .vtImage {
   width: 22%;
@@ -6369,6 +6492,7 @@ a.cp-modules:hover {
 .datepicker {
   z-index: 1100 !important;
 }
+/*****RSS Changes****/
 .feedListContainer .listview-table tr td:first-child,
 .listview-table tr th:first-child {
   width: inherit ! important;
@@ -6376,12 +6500,14 @@ a.cp-modules:hover {
 .feedListContainer .listViewEntries .listViewEntryValue {
   max-width: inherit ! important;
 }
-.ps-container>.ps-scrollbar-y-rail {
+/*****RSS Changes****/
+.ps-container > .ps-scrollbar-y-rail {
   z-index: 1002;
 }
 #relationBlock .recordScroll {
   max-height: 150px;
 }
+/*Start - List sidebar toggle*/
 .essentials-toggle {
   background-color: white;
   font-weight: bold;
@@ -6401,6 +6527,7 @@ a.cp-modules:hover {
 .essentials-toggle .fa-chevron-right {
   background-position: -460px -72px !important;
 }
+/*End - List essentials toggle*/
 .module-name-tooltip .qtip-content {
   font-size: 12px;
   padding: 3px;
@@ -6484,8 +6611,8 @@ li.select2-search-choice div {
 .popover ul.listmenu li {
   padding: 3px;
 }
-.popover-content .disabled>a,
-.popover .disabled>a {
+.popover-content .disabled > a,
+.popover .disabled > a {
   opacity: 0.5;
   cursor: not-allowed;
 }
@@ -6496,6 +6623,7 @@ li.select2-search-choice div {
   -o-transform: rotate(180deg);
   transform: rotate(180deg);
 }
+/*Start - List sidebar toggle*/
 .essentials-toggle {
   background-color: white;
   font-weight: bold;
@@ -6515,6 +6643,7 @@ li.select2-search-choice div {
 .essentials-toggle .fa-chevron-right {
   background-position: -460px -72px !important;
 }
+/*End - List essentials toggle*/
 .module-name-tooltip .qtip-content {
   font-size: 12px;
   padding: 3px;
@@ -6595,16 +6724,16 @@ li.select2-search-choice div {
 #reportDetails .pivot .toptitle.targetY0,
 #reportDetails .pivot .lefttitle.targetX0 {
   border-color: #F3F3F4 #F3F3F4 #cbcbcf;
-  border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
   background-color: #474747;
-  background-image: -moz-linear-gradient(top,#555555,#333333);
-  background-image: -ms-linear-gradient(top,#555555,#333333);
-  background-image: -webkit-gradient(linear,0 0,0 100%,from(#555555),to(#333333));
-  background-image: -webkit-linear-gradient(top,#555555,#333333);
-  background-image: -o-linear-gradient(top,#555555,#333333);
-  background-image: linear-gradient(top,#555555,#333333);
+  background-image: -moz-linear-gradient(top, #555555, #333333);
+  background-image: -ms-linear-gradient(top, #555555, #333333);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#333333));
+  background-image: -webkit-linear-gradient(top, #555555, #333333);
+  background-image: -o-linear-gradient(top, #555555, #333333);
+  background-image: linear-gradient(top, #555555, #333333);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555',endColorstr='#333333',GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#333333', GradientType=0);
   min-height: 30px;
 }
 #reportDetails .pivot th.toptitle.targetY0,
@@ -6646,7 +6775,8 @@ li.select2-search-choice div {
   background: #FFFFFF;
 }
 .templateActions {
-  background: rgba(0,0,0,0.1);
+  background: rgba(0, 0, 0, 0.1);
+  /*padding: 4%;*/
   bottom: 0;
   text-align: center;
   position: absolute;
@@ -6654,6 +6784,9 @@ li.select2-search-choice div {
   zoom: 1;
   width: 100%;
 }
+/*.templateActions i {
+    margin-right: 30px;
+}*/
 .thumbnails > li {
   float: left;
   height: 315px !important;
@@ -6828,9 +6961,10 @@ a.btnReport:hover {
   left: 0px;
 }
 .bx-wrapper .bx-viewport {
-  width:99%;
+  width: 99%;
   left: 0px;
   background: #fff;
+  /*fix other elements on the page moving (on Chrome)*/
   -webkit-transform: translatez(0);
   -moz-transform: translatez(0);
   -ms-transform: translatez(0);
@@ -6888,7 +7022,7 @@ a.btnReport:hover {
 .filter-search-show {
   display: block !important;
 }
-.emailTemplatesPopupTableContainer .listViewEntries  .listViewEntryValue {
+.emailTemplatesPopupTableContainer .listViewEntries .listViewEntryValue {
   max-width: 100%;
   min-width: 150px;
 }
@@ -6923,12 +7057,15 @@ input:focus::-webkit-input-placeholder {
 input:focus:-moz-placeholder {
   color: transparent;
 }
+/* FF 4-18 */
 input:focus::-moz-placeholder {
   color: transparent;
 }
+/* FF 19+ */
 input:focus:-ms-input-placeholder {
   color: transparent;
 }
+/* IE 10+ */
 .global-actions .dropdown-menu:before {
   position: absolute;
   top: -7px;
@@ -6937,7 +7074,7 @@ input:focus:-ms-input-placeholder {
   border-right: 7px solid transparent;
   border-bottom: 7px solid #ccc;
   border-left: 7px solid transparent;
-  border-bottom-color: rgba(0,0,0,0.2);
+  border-bottom-color: rgba(0, 0, 0, 0.2);
   content: '';
 }
 .global-actions .dropdown-menu:after {
@@ -7122,6 +7259,7 @@ input:focus:-ms-input-placeholder {
   text-align: center;
 }
 #OnBoardLayout #OnBoardPageContainer .crmGoals textarea::-webkit-input-placeholder {
+  /* WebKit browsers */
   text-align: center;
   padding: 20%;
   font-size: 12px;
@@ -7263,121 +7401,3 @@ input:focus:-ms-input-placeholder {
 .importServiceSelectionContainer .app-item {
   text-align: center;
 }
-.fieldValue .value a {
-  color: #15c !important;
-}
-.editViewContents .fieldLabel {
-  min-width: 100px;
-  width: 20%;
-  word-break: break-all;
-}
-.editViewContents .fieldValue {
-  width:30%;
-}
-.editViewContents td.fieldValue[colspan="3"] {
-  width:80%;
-}
-.editViewContents textarea.textAreaElement {
-  width: 88%;
-}
-.editViewContents input[type="checkbox"] {
-  width: 15px;
-  height: 15px;
-}
-.editViewContents input[type="radio"] {
-  width: 15px;
-  height: 15px;
-}
-#composeEmailContainer .modal-body .quickCreateContent,
-#QuickCreate .modal-body .quickCreateContent,
-#create .quickCreateContent {
-  margin-top: 25px;
-}
-.settingsgroup-panel .widgetContainer .menuItemLabel .pinUnpinShortCut {
-  display: none;
-  margin-top: 2px;
-}
-.settingsgroup-panel .widgetContainer .menuItemLabel:hover .pinUnpinShortCut {
-  display: inline-block;
-}
-@-moz-document url-prefix() {
-  .duplicateHandlingContainer .tooltip-inner {
-    width: 550px;
-    max-width: 550px;
-  }
-}
-.duplicateHandlingContainer .tooltip-inner {
-  text-align: left !important;
-}
-.duplicateHandlingContainer .syncMessage {
-  margin-top: 5px !important;
-}
-.duplicateHandlingContainer .actionsList {
-  width: 230px !important;
-}
-.duplicationMessageContainer {
-  background-color: #f2dede !important;
-  color: #b94a48 !important;
-}
-.duplicationMessageContainer .duplicationMessageHeader {
-  margin-bottom: 8px;
-}
-.listViewRecordActions .quickView, .listViewRecordActions .markStar,
-.listViewRecordActions .markAsHeld,.listViewRecordActions .holdFollowupOn {
-  margin-top: 4px;
-}
-.app-menu .module-icon .custom-module {
-	font-size: 14px;
-	border-radius: 4px;
-	color: #000;
-	background-color: #fff;
-	padding: 4px 10px 4px 5px !important
-}
-.menu-item .custom-module {
-	font-family: 'OpenSans-Regular', sans-serif;
-	font-size: 12px;
-	border-radius: 4px;
-	padding: 2px;
-	color: #000;
-	background-color: #fff;
-}
-.modules-menu .custom-module {
-	color: #fff;
-	margin-left: 0px;
-	display: inline;
-	border: 1px solid #fff;
-	border-radius: 4px;
-	padding: 3px 4px 3px 2px !important;
-	font-weight: bold;
-}
-#quickCreateModules .custom-module, .workflowListContainer .custom-module, .dashBoardTabContents .custom-module {
-	border-radius: 4px;
-	padding: 3px 5px;
-	color: #fff;
-	background-color: #777;
-}
-.menuEditorItem .custom-module {
-	border-radius: 4px;
-	padding: 3px 5px;
-	color: #000;
-	background-color: #fff;
-}
-.task-details .custom-module {
-	border-radius: 4px;
-	padding: 1px 4px;
-	color: white;
-	background-color: #777;
-}
-.related-tabs .custom-module, #relatedmenuList .custom-module {
-	border-radius: 4px;
-	color: #fff;
-	background-color: #777;
-	padding: 5px 7px;
-	font-weight: bold;
-}
-.record-header .custom-module {
-	font-size: 30px;
-}
-.moduleIcon .custom-module {
-	font-weight: bold;
-}
\ No newline at end of file