diff --git a/src/PLSmartPivot.css b/src/PLSmartPivot.css
deleted file mode 100644
index 01a4fa2..0000000
--- a/src/PLSmartPivot.css
+++ /dev/null
@@ -1,294 +0,0 @@
-.qv-object-PLSmartPivot div.qv-object-content-container {
-	overflow-x:scroll;
-	overflow-y:hidden;
-	z-index:110
-}
-
-.qv-object-PLSmartPivot icon-xls {
-	text-align:left
-}
-.qv-object-PLSmartPivot button {
-	width: 100%;
-}
-.qv-object-PLSmartPivot table{
-    border-collapse:collapse;
-    border-spacing:0;
-    width:auto;
-    border-left:1px solid #d3d3d3;
-    border-right:1px solid #d3d3d3;
-    border-top:1px solid #d3d3d3
-    }
-.qv-object-PLSmartPivot td, th{
-    border: 1px solid #ffffff;
-    padding:5px;
-    border-collapse: collapse;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    vertical-align: middle;
-    cursor: default;    
-    }
-
-.qv-object-PLSmartPivot .empty{
-    width:3%;
-    background:#ffffff;
-    min-width:4px !important;
-    max-width:4px !important;
-    /*border-right:1px solid white;
-    box-shadow:4px 2px 8px #e1e1e1
-    border-bottom:0;
-    border-top:0;
-    border-left:1px solid #d3d3d3;
-    border-right:1px solid #d3d3d3;
-    border-top:#fff 1px solid;
-    border-bottom:#fff 1px solid*/
-    }
-
-.qv-object-PLSmartPivot th.main-kpi{
-    text-align:center;
-    vertical-align:middle;
-    border-bottom:1px solid #d3d3d3
-    }
-.qv-object-PLSmartPivot .numeric{
-    text-align:right
-    }
-.grid{
-    height:50px;
-    width:350px
-    }
-.header-wrapper{
-    position:absolute;
-    top:0;
-    z-index:1
-    }
-/*popups for headers*/
-.tooltip
-{
-    position: fixed!important;
-    color: RGB(70,70,70);
-    background-color: RGB(245,239,207);
-    text-align: center;
-    border: groove;
-}
-/*end popups*/
-.row-wrapper{
-    position:absolute;
-    top:97px;
-    height:100%!Important;
-    overflow-x:hidden;
-    overflow-y:scroll;
-    padding:0;
-    margin-top:0;   
-    }
-
-/*This is for wrap text in headers*/
-.qv-object-PLSmartPivot .wrapclass25{
-	width:100%;
-	height:25px;
-	white-space: pre-line;
-	overflow: hidden;
-	display:block;
-}
-.qv-object-PLSmartPivot .wrapclass45{
-	width:100%;
-	height:45px;
-	white-space: pre-line;
-	overflow: hidden;
-	display:block;	
-}
-.qv-object-PLSmartPivot .wrapclass70{
-	width:100%;
-	height:70px;
-	white-space: pre-line;
-	overflow: hidden;
-	display:inline-block;
-	vertical-align: middle;
-	line-height: 20px;
-}
-.qv-object-PLSmartPivot .wrapclassEmpty{
-	width:100%;	
-}
-/*******************/
-/* Medium column size*/
-/*******************/
-/*body*/
-.qv-object-PLSmartPivot .grid-cells{
-    min-width:70px!Important;
-    max-width:70px!Important;
-    cursor: pointer;
-    /*padding:5px 10px;
-    margin:0;*/
-    }
-    
-/*header*/
-.qv-object-PLSmartPivot .grid-cells2{
-    min-width:69px!Important;
-    max-width:69px!Important;
-    cursor: pointer;
-    
-    /*padding:5px 10px;
-    margin:0;*/
-    }
-    
-/*body*/
-.qv-object-PLSmartPivot .grid-cells-small{
-    min-width:52px!Important;
-    max-width:52px!Important;
-    cursor: pointer;
-    /*padding:5px 10px;
-    margin:0;*/
-    }
-    
-/*header*/
-.qv-object-PLSmartPivot .grid-cells2-small{
-    min-width:51px!Important;
-    max-width:51px!Important;
-    cursor: pointer;
-    /*padding:5px 10px;
-    margin:0;*/
-    }
-    
-/*******************/
-/* Small column size*/
-/*******************/
-
-/*body*/
-.qv-object-PLSmartPivot .grid-cells-s{
-    min-width:67px!Important;
-    max-width:67px!Important;
-    cursor: pointer;
-    /*padding:5px 10px;
-    margin:0;*/
-    }
-    
-/*header*/
-.qv-object-PLSmartPivot .grid-cells2-s{
-    min-width:66px!Important;
-    max-width:66px!Important;
-    cursor: pointer;
-    /*padding:5px 10px;
-    margin:0;*/
-    }
-    
-/*body*/
-.qv-object-PLSmartPivot .grid-cells-small-s{
-    min-width:52px!Important;
-    max-width:52px!Important;
-    cursor: pointer;
-    /*padding:5px 10px;
-    margin:0;*/
-    }
-    
-/*header*/
-.qv-object-PLSmartPivot .grid-cells2-small-s{
-    min-width:51px!Important;
-    max-width:51px!Important;
-    cursor: pointer;
-    /*padding:5px 10px;
-    margin:0;*/
-    }
-
-/*******************/
-/* large column size*/
-/*******************/
-/*body*/
-.qv-object-PLSmartPivot .grid-cells-l{
-    min-width:82px!Important;
-    max-width:82px!Important;
-    cursor: pointer;
-    /*padding:5px 10px;
-    margin:0;*/
-    }
-    
-/*header*/
-.qv-object-PLSmartPivot .grid-cells2-l{
-    min-width:81px!Important;
-    max-width:81px!Important;
-    cursor: pointer;
-    /*padding:5px 10px;
-    margin:0;*/
-    }
-    
-/*body*/
-.qv-object-PLSmartPivot .grid-cells-small-l{
-    min-width:66px!Important;
-    max-width:66px!Important;
-    cursor: pointer;
-    /*padding:5px 10px;
-    margin:0;*/
-    }
-    
-/*header*/
-.qv-object-PLSmartPivot .grid-cells2-small-l{
-    min-width:65px!Important;
-    max-width:65px!Important;
-    cursor: pointer;
-    /*padding:5px 10px;
-    margin:0;*/
-    }
-/*END OF GRID CELLS*/
-
-/*First Column*/
-.qv-object-PLSmartPivot .fdim-cells{
-    min-width:230px!Important;
-    max-width:230px!Important;
-    cursor: pointer;
-    background-color:white;
-    /*padding:0 20px*/
-    }
-
-.qv-object-PLSmartPivot .fdim-cells:hover {
-    /*cursor: default;*/
-    background-color:#808080 !important;
-    color:#ffffff;
-}
-.qv-object-PLSmartPivot tbody tr:hover {
-    cursor: default;
-    background-color:#808080 !important;
-    color:#ffffff;
-}
-.qv-object-PLSmartPivot .grid-cells-header{
-    /*padding:15px 10px*/
-    padding:0px
-    }
-.qv-object-PLSmartPivot .grid-cells-title{
-    min-width:522px
-    }
-
-/*estos dos hcen referencia a la primera columna*/
-.kpi-table .fdim-cells{
-    /*padding:5px 10px*/
-    }
-.data-table .fdim-cells{
-    display:none
-    }
-.kpi-table{
-    width:240px !important;
-    overflow:hidden !important;
-    display:table;
-    height:100%;
-    z-index:100;
-    /*background:white;*/
-    left:258px;
-    margin:0;
-    padding:0;
-    z-index:999;
-    position:absolute;
-    top:0;
-    left:0;
-    border-right:1px solid white;
-    box-shadow:4px 2px 8px #e1e1e1
-    }
-.kpi-table .row-wrapper{
-    overflow:hidden
-    }
-.data-table{
-    width:272px !important;
-    float:left;
-    display:table;
-    height:100%;
-    z-index:90;
-    position:absolute;
-    margin-left:253px;
-    -ms-overflow-style:none
-    }
diff --git a/src/PLSmartPivot.less b/src/main.less
similarity index 63%
rename from src/PLSmartPivot.less
rename to src/main.less
index a409b96..8a64888 100644
--- a/src/PLSmartPivot.less
+++ b/src/main.less
@@ -1,14 +1,14 @@
-@TableBorder: 1px solid #d3d3d3;
-@KpiTableWidth: 230px;
+.qv-object-qlik-smart-pivot {
+  @TableBorder: 1px solid #d3d3d3;
+  @KpiTableWidth: 230px;
 
-._cell(@Width: 50px) {
-	min-width: @Width!important;
-	max-width: @Width!important;
-	cursor: pointer;
-	line-height: 1em!important;
-}
+  ._cell(@Width: 50px) {
+  	min-width: @Width!important;
+  	max-width: @Width!important;
+  	cursor: pointer;
+  	line-height: 1em!important;
+  }
 
-.qv-object-PLSmartPivot {
 	* {
 		box-sizing: border-box;
 	}
@@ -147,74 +147,73 @@
 	.grid-cells:before {
 		content: "\00a0";
 	}
-}
 
-.grid {
-	height: 50px;
-	width: 350px;
-}
+  .grid {
+  	height: 50px;
+  	width: 350px;
+  }
 
-.header-wrapper {
-	position: absolute;
-	top: 0;
-	z-index: 1;
-}
-/*popups for headers*/
-.tooltip {
-	position: fixed !important;
-	color: RGB(70,70,70);
-	background-color: RGB(245,239,207);
-	text-align: center;
-	border: groove;
-}
-/*end popups*/
-.row-wrapper {
-	position: absolute;
-	top: 97px;
-	height: 100% !Important;
-	overflow-x: hidden;
-	overflow-y: scroll;
-	padding: 0;
-	margin-top: 0;
-}
+  .header-wrapper {
+  	position: absolute;
+  	top: 0;
+  	z-index: 1;
+  }
 
-/*estos dos hcen referencia a la primera columna*/
-.kpi-table .fdim-cells {
-	line-height: 1em!important;
-}
+  /*popups for headers*/
+  .tooltip {
+  	position: fixed !important;
+  	color: RGB(70,70,70);
+  	background-color: RGB(245,239,207);
+  	text-align: center;
+  	border: groove;
+  }
 
-.data-table .fdim-cells {
-	display: none;
-}
+  /*end popups*/
+  .row-wrapper {
+  	position: absolute;
+  	top: 97px;
+  	height: 100% !Important;
+  	overflow-x: hidden;
+  	overflow-y: scroll;
+  	padding: 0;
+  	margin-top: 0;
+  }
 
-.kpi-table {
-	width: @KpiTableWidth !important;
-	overflow: hidden !important;
-	display: table;
-	height: 100%;
-	z-index: 100;
-	left: 258px;
-	margin: 0;
-	padding: 0;
-	z-index: 999;
-	position: absolute;
-	top: 0;
-	left: 0;
-	border-right: 1px solid white;
-	box-shadow: 4px 2px 8px #e1e1e1;
-}
+  .kpi-table .fdim-cells {
+  	line-height: 1em!important;
+  }
 
-.kpi-table .row-wrapper {
-	overflow: hidden;
-}
+  .data-table .fdim-cells {
+  	display: none;
+  }
 
-.data-table {
-	width: 272px !important;
-	float: left;
-	display: table;
-	height: 100%;
-	z-index: 90;
-	position: absolute;
-	margin-left: @KpiTableWidth + 13px;
-	-ms-overflow-style: none;
+  .kpi-table {
+  	width: @KpiTableWidth !important;
+  	overflow: hidden !important;
+  	display: table;
+  	height: 100%;
+  	margin: 0;
+  	padding: 0;
+  	z-index: 999;
+  	position: absolute;
+  	top: 0;
+  	left: 0;
+  	border-right: 1px solid white;
+  	box-shadow: 4px 2px 8px #e1e1e1;
+  }
+
+  .kpi-table .row-wrapper {
+  	overflow: hidden;
+  }
+
+  .data-table {
+  	width: 272px !important;
+  	float: left;
+  	display: table;
+  	height: 100%;
+  	z-index: 90;
+  	position: absolute;
+  	margin-left: @KpiTableWidth + 13px;
+  	-ms-overflow-style: none;
+  }
 }