my company styles and minor changes

cmsWebApp/webroot/css/common.css

@@ -4058,6 +4058,8 @@ img.alert-icon {float: left;}
   .appli-status{width: 13%; padding: 15px 0 0 12px; }
   
   .company-pro-logo {margin: 9% 0 2.6%;}
+  
+  .tabing-sidebar .nav-tabs > li > a{padding-left: 30px;}
 }
 
 @media screen and (max-width: 1480px){
@@ -4085,6 +4087,10 @@ img.alert-icon {float: left;}
   .dash-count {font-size: 48px;}
   .welcome-text {font-size: 30px;}
   .appl-c-box{margin: 0.3% 0.3%;}
+  
+  .tabing-sidebar .nav-tabs > li > a {padding-left: 24px;}
+
+  .thr-block{padding: 0 15px 15px;}
 }
 
 @media screen and (max-width: 1380px){
@@ -4146,6 +4152,8 @@ img.alert-icon {float: left;}
   .appli-name {font-size: 24px;}
   .main-applicant-content {width: 100%;}
   .applicant-sidebar{width: 20.65%;}
+    
+  .tabing-sidebar .nav-tabs > li > a {padding-left: 15px;}
 }
 @media screen and (max-width: 1278px){
   .main-pack-type li {float: left;margin: 0 7.5px 15px;width: 47%;}  
@@ -4275,6 +4283,13 @@ img.alert-icon {float: left;}
   .m-save-user{width: 75%;}
   .resend-link{padding: 15px 70px;}
   .manage-user-right{margin-top: 75px;padding: 20px;}
+  
+  .main-sign-up {width: 44.5%;}
+
+  .tabing-sidebar .nav-tabs > li > a {font-size: 12px;padding:12px 0 12px 10px;}
+  .tabing-sidebar .nav-tabs > li.active > a:focus, .tabing-sidebar .nav-tabs > li.active > a:hover, .tabing-sidebar .nav-tabs > li.active > a{font-size: 12px;}
+  .tabpage-title {font-size: 18px;}
+  .tabing-sidebar {padding: 36px 0 0 18px;}
 }
 
 @media screen and (max-width: 1080px){
@@ -4362,6 +4377,15 @@ img.alert-icon {float: left;}
   .eq-justify-content {display: inline-block;justify-content: unset;}
   .manage-user-left {width: 100%;}
   .manage-user-right {margin-left: 0;margin-top: 20px;padding: 20px;width: 100%;margin-bottom: 20px;}
+  
+  .main-sign-up {width: 66%;}
+
+  .company-content-area {padding: 6.3% 5.3% 6.1%;}
+  .tabing-sidebar {padding: 30px 0 0;}
+
+  .prev-btn {left: -18px;}
+  .next-btn {right: -18px;}
+
 }
 
 @media screen and (max-width: 980px){
@@ -4722,7 +4746,10 @@ img.alert-icon {float: left;}
 }
 
 @media screen and (max-width: 320px){
-  .verify-i-title {font-size: 13px;}
+    .verify-i-title {font-size: 13px;}
+    .tabing-sidebar .nav-tabs > li > a {font-size: 10px;padding: 10px 0 10px 5px;}
+    .tabing-sidebar .nav-tabs > li.active > a:focus, .tabing-sidebar .nav-tabs > li.active > a:hover, .tabing-sidebar .nav-tabs > li.active > a {font-size: 10px;}
+    .tabing-sidebar {padding: 13px 0 0;}
 }
 
 .footer{
@@ -5026,9 +5053,89 @@ label, label .label-title span {
     display: none;
 }
 
-
 /*Client edit end*/
 
+
+/*My Company Pages*/
+
+.tabs-left>li, .tabs-right>li {
+  float: none;  
+}
+
+.tabing-sidebar .nav > li > a{
+  font-size: 13px;  
+  color: #ffffff;
+}
+
+.tabing-sidebar .nav-tabs > li{
+  margin-bottom: 0;
+}
+
+.tabing-sidebar .nav-tabs{
+  border: 0;
+}
+
+.tabing-sidebar .nav-tabs > li > a{
+  margin-right: 0;
+  border: 0;
+  padding: 16px 0 16px 36px;
+}
+
+.tabing-sidebar .nav > li > a:focus,.tabing-sidebar .nav > li > a:hover{
+  background: none;
+  border: 0;
+}
+
+.tabing-sidebar .nav-tabs > li.active > a:focus,.tabing-sidebar .nav-tabs > li.active > a:hover,.tabing-sidebar .nav-tabs > li.active > a{
+  border-radius: 3px 0 0 3px;
+  background-color: rgba(245, 247, 248, 0.15);
+  font-size: 13px;
+  font-weight: bold;
+  border: 0;
+  color: #fff;
+}
+
+.my-company-area {
+    background: #fff none repeat scroll 0 0;
+    float: left;
+    width: 100%;
+}
+
+.tabing-sidebar {
+    float: left;
+    width: 20.618%;
+    background-color: #4e5258;
+    padding: 48px 0 0 20px;
+}
+
+.company-content-area {
+    float: right;
+    padding: 6.3% 8.3% 6.1%;
+    width: 79.382%;
+}
+
+.tabpage-title{
+    font-size: 20px;
+    font-weight: 700;
+    margin-bottom: 6%;
+}
+
+.company-content-area label {
+    font-weight: normal;
+}
+
+.company-content-area label
+{
+    font-family: "Usual-Regular";
+}
+
+.company-content-area .fileLink
+{
+    display: none;
+}
+/*My Company Pages End*/
+
+
 .hire-the-right-candi {
   height: 75px;
   font-family: Usual-Medium;

cmsWebApp/webroot/extensions/adminportal/inc/my_company_tabs.jsp

+<%@ page extends="oneit.servlets.jsp.JSPInclude" %>
+
+<%@ include file="/inc/stdimports50.jsp" %><%-- This is in cougar --%>
+<%@ include file="/inc/stdcms.jsp" %><%-- This is in cougar --%>
+<%@ include file="/extensions/performa/inc/stdimports.jsp" %>
+
+<%
+    String  tabNumber   =   (String)  getData(request, "TabNumber");
+    String  firstPage   =   WebUtils.getSamePageInRenderMode(request, "Page");
+%>
+
+<oneit:dynIncluded>
+    <div class="tabing-sidebar">
+        <ul class="nav nav-tabs tabs-left">
+            <li class="<%= tabNumber == "1" ? "active" : ""%>">
+                <oneit:button   value=" "   name="gotoPage" skin="link"
+                                requestAttribs="<%= CollectionUtils.mapEntry("nextPage", firstPage)
+                                                                .toMap() %>">
+                    Company Details
+                </oneit:button>
+            </li>
+            <li class="">Manage Plan</li>
+            <li class="">Billing</li>
+            <li class="disabled">Invoices</li>
+        </ul>
+    </div>
+</oneit:dynIncluded>
+

cmsWebApp/webroot/scripts/common.js

@@ -21,6 +21,16 @@ $(document).ready(function () {
     }
     
     $('.errorField input, .errorField select, .errorField textarea, .errorField .assocObjDesc').eq(0).focus();
+    
+    /*Set sidebar height*/
+    $(window).load(function() {
+      var sdh = $('.company-content-area').outerHeight();
+      $('.tabing-sidebar').css('min-height',sdh);
+    });
+    $(window).resize(function(){
+      var sdh = $('.company-content-area').outerHeight();
+      $('.tabing-sidebar').css('min-height',sdh);
+    });
 });
 
 function addUserPic(opt) {