#{{table.view_id}} {\r\n  {% if table.params.calc_width.val == 'table' %}\r\n	width: {{ table.params.table_width.val }}{{ table.params.table_width_measure.val }};\r\n  {% endif %}\r\n  text-transform: uppercase;\r\n}\r\n#{{table.view_id}} .ptsCol {\r\n  {% if table.params.calc_width.val == 'table' %}\r\n  	{% if table.params.enb_desc_col.val and table.params.enb_desc_col.val != \"0\" %}\r\n  		width: {{ 100 / (table.params.cols_num.val + 1) }}%;\r\n  	{% else%}\r\n  		width: {{ 100 / table.params.cols_num.val }}%;\r\n  	{% endif %}\r\n  {% else%}\r\n	width: {{ table.params.col_width.val }}px;\r\n  {% endif %}\r\n  transition: box-shadow 0.25 ease 0;\r\n}\r\n#{{table.view_id}} p {\r\n	margin: 0;\r\n}\r\n#{{table.view_id}} .ptsRows .ptsCell{\r\n	padding: 12px;\r\n	text-transform: none;\r\n	\r\n    border: 1px solid {{ adjBs(table.params.bg_color.val, 17) }};\r\n    border-bottom: 1px solid {{ adjBs(table.params.bg_color.val, -34) }};\r\n    border-right: 1px solid {{ adjBs(table.params.bg_color.val, -34) }};\r\n    box-shadow: 0 1px 2px rgba(0,0,0,0.15);\r\n    text-shadow: 0 -1px rgba(0,0,0,0.6);\r\n}\r\n#{{table.view_id}} .ptsColHeader {\r\n	padding: 15px;\r\n}\r\n#{{table.view_id}} .ptsColDesc {\r\n	padding: 30px 15px;\r\n}\r\n#{{table.view_id}} .ptsRows .ptsCell:nth-child(odd) {\r\n	background-color: {{ adjBs(table.params.bg_color.val, 0) }};\r\n}\r\n#{{table.view_id}} .ptsRows .ptsCell:nth-child(even) {\r\n	background-color: {{ adjBs(table.params.bg_color.val, -12) }};\r\n}\r\n#{{table.view_id}} .ptsColFooter {\r\n	background-color: {{ adjBs(table.params.bg_color.val, -23) }};\r\n	padding: 20px;\r\n	border: 1px solid {{ adjBs(table.params.bg_color.val, -51) }};\r\n    box-shadow: inset 0 1px {{ adjBs(table.params.bg_color.val, 2) }},inset 0 0 0 1px rgba(255,255,255,0.1);\r\n	\r\n	/* gradient */\r\n	background-image: linear-gradient(top, {{ adjBs(table.params.bg_color.val, -23) }}, {{ adjBs(table.params.bg_color.val, -44) }}); /* W3C */\r\n	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='{{ adjBs(table.params.bg_color.val, -23) }}', endColorstr='{{ adjBs(table.params.bg_color.val, -44) }}'); /* IE5.5 - 7 */\r\n	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='{{ adjBs(table.params.bg_color.val, -23) }}', endColorstr='{{ adjBs(table.params.bg_color.val, -44) }}'); /* IE8 */\r\n	background: -ms-linear-gradient(top, {{ adjBs(table.params.bg_color.val, -23) }}, {{ adjBs(table.params.bg_color.val, -44) }}); /* IE9 */\r\n	background: -moz-linear-gradient(top, {{ adjBs(table.params.bg_color.val, -23) }}, {{ adjBs(table.params.bg_color.val, -44) }}); /* Firefox */ \r\n	background: -o-linear-gradient(top, {{ adjBs(table.params.bg_color.val, -23) }}, {{ adjBs(table.params.bg_color.val, -44) }}); /* Opera 11  */\r\n	background: -webkit-linear-gradient(top, {{ adjBs(table.params.bg_color.val, -23) }}, {{ adjBs(table.params.bg_color.val, -44) }}); /* Chrome 11  */\r\n	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, {{ adjBs(table.params.bg_color.val, -23) }}), color-stop(1, {{ adjBs(table.params.bg_color.val, -44) }})); /* Chrome 10, Safari */\r\n}\r\n#{{table.view_id}} .ptsActBtn:hover {\r\n	 background-color: {{ adjBs(table.params.bg_color.val, 110) }}; /* background color for non-css3 browsers */\r\n}\r\n#{{table.view_id}} .ptsActBtn {\r\n	height: 50px;\r\n	padding: 0 2em;\r\n	cursor: pointer;\r\n	font-weight: 400;\r\n    font-size: 1.4em;\r\n    text-decoration: none;\r\n	display: inline-block;\r\n  	padding: 4px 20px;\r\n  	width: 100%;\r\n  	border-radius: 3px;\r\n}\r\n\r\n#{{table.view_id}} .ptsActBtn .ptsEditArea {\r\n  	text-decoration: none !important;\r\n  	border: none !important;\r\n	width: 100%;\r\n	text-transform: none;\r\n	line-height: 2em;\r\n	color: #fff;\r\n}\r\n#{{table.view_id}} .ptsTableDescCol {\r\n  {% if table.params.enb_desc_col.val == 0 %}\r\n  	display: none;\r\n  {% endif %}\r\n}\r\n#{{table.view_id}} .ptsCol .ptsTableElementContent,\r\n#{{table.view_id}} .ptsCol .ptsTableElementContent span {\r\n	transition: box-shadow 0.3s ease, margin 0.3s ease, font 0.3s ease;\r\n  	-webkit-transition: box-shadow 0.3s ease, margin 0.3s ease, font 0.3s ease;\r\n    -moz-transition: box-shadow 0.3s ease, margin 0.3s ease, font 0.3s ease;\r\n    -ms-transition: box-shadow 0.3s ease, margin 0.3s ease, font 0.3s ease;\r\n    -o-transition: box-shadow 0.3s ease, margin 0.3s ease, font 0.3s ease;\r\n}\r\n#{{table.view_id}} .ptsCol.hover .ptsTableElementContent {\r\n	z-index: 101;\r\n  	box-shadow: 5px 0 30px rgba(0, 0, 0, 0.5);\r\n  	-webkit-box-shadow: 5px 0 30px rgba(0, 0, 0, 0.5);\r\n	-moz-box-shadow: 5px 0 30px rgba(0, 0, 0, 0.5);\r\n	margin-top: -20px;\r\n}\r\n#{{table.view_id}} .ptsCol.hover .ptsColHeader {\r\n	border-top-left-radius: 5px;\r\n  	border-top-right-radius: 5px;\r\n}\r\n#{{table.view_id}} .ptsCol.hover .ptsColFooter {\r\n	border-bottom-left-radius: 5px;\r\n  	border-bottom-right-radius: 5px;\r\n}\r\n\r\n/*start for desc col color */\r\n#{{table.view_id}} .ptsCol.ptsTableDescCol  .ptsColHeader {\r\n	background-color: #fff;\r\n}\r\n#{{table.view_id}} .ptsCol.ptsTableDescCol .ptsColDesc{\r\n	background-color: #fff;\r\n}\r\n/*end for desc col color */\r\n\r\n/*start for col color 1*/\r\n#{{table.view_id}} .ptsCol-1 .ptsColHeader {\r\n	background-color: #ed8000;\r\n}\r\n#{{table.view_id}} .ptsCol-1 .ptsColDesc,\r\n#{{table.view_id}} .ptsCol-1 .ptsActBtn:hover {\r\n	background-color: #f19300;\r\n}\r\n#{{table.view_id}} .ptsCol-1 .ptsActBtn {\r\n	background-color: #ed8000;\r\n}\r\n/*end for col color 1*/\r\n\r\n/*start for col color 2*/\r\n#{{table.view_id}} .ptsCol-2 .ptsColHeader {\r\n	background-color: #D85200;\r\n}\r\n#{{table.view_id}} .ptsCol-2 .ptsColDesc,\r\n#{{table.view_id}} .ptsCol-2 .ptsActBtn:hover {\r\n	background-color: #E06400;\r\n}\r\n#{{table.view_id}} .ptsCol-2 .ptsActBtn {\r\n	background-color: #D85200;\r\n}\r\n/*end for col color 2*/\r\n\r\n/*start for col color 3*/\r\n#{{table.view_id}} .ptsCol-3 .ptsColHeader {\r\n	background-color: #B5280B;\r\n}\r\n#{{table.view_id}} .ptsCol-3 .ptsColDesc,\r\n#{{table.view_id}} .ptsCol-3 .ptsActBtn:hover {\r\n	background-color: #C3350F;\r\n}\r\n#{{table.view_id}} .ptsCol-3 .ptsActBtn {\r\n	background-color: #B5280B;\r\n}\r\n/*end for col color 3*/\r\n\r\n/*Colors set*/\r\n#{{table.view_id}} .ptsCol .ptsColHeader {\r\n  	color: {{table.params.text_color_header.val}};\r\n}\r\n#{{table.view_id}} .ptsCol .ptsColDesc {\r\n  	color: {{table.params.text_color_desc.val}};\r\n}\r\n#{{table.view_id}} .ptsCol .ptsRows {\r\n  	color: {{table.params.text_color.val}};\r\n}\r\n