#{{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}\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  \r\n  padding: 0 10px;\r\n}\r\n#{{table.view_id}} .ptsCol .ptsTableElementContent .ptsRows {\r\n 	background-color: {{ table.params.bg_color.val }};\r\n}\r\n#{{table.view_id}} .ptsCol .ptsColHeader {\r\n	padding: 15px;\r\n}\r\n#{{table.view_id}} .ptsCol .ptsColDesc {\r\n	padding: 30px 15px;\r\n}\r\n#{{table.view_id}} .ptsCol .ptsRows {\r\n  	border: 1px solid {{ adjBs(table.params.bg_color.val, -35) }};\r\n  	border-top-width: 0;\r\n  	border-bottom-width: 0;\r\n}\r\n#{{table.view_id}} .ptsCol .ptsRows .ptsCell {\r\n	padding: 12px;\r\n  	border-bottom: 1px solid {{ adjBs(table.params.bg_color.val, -35) }};\r\n  	border-top: 1px solid #fff;\r\n}\r\n#{{table.view_id}} .ptsCol ptsRows .ptsCell:last-of-type {\r\n	border-bottom: none;\r\n}\r\n#{{table.view_id}} .ptsCol .ptsColFooter {\r\n	padding: 20px;\r\n  	border: 1px solid {{ adjBs(table.params.bg_color.val, -35) }};\r\n  	background-image: linear-gradient(to bottom, {{adjBs(table.params.bg_color.val, 20)}}, {{adjBs(table.params.bg_color.val, -20)}});\r\n}\r\n#{{table.view_id}} .ptsCol .ptsActBtn {\r\n	width: 100%;\r\n  	border-radius: 3px;\r\n  	cursor: pointer;\r\n}\r\n#{{table.view_id}} .ptsCol .ptsActBtn .ptsEditArea {\r\n	font-size: 1.4em;\r\n  	width: 100%;\r\n  	padding: 10px 0;\r\n  	text-decoration: none !important;\r\n  	border: none !important;\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.ptsTableDescCol .ptsColHeader,\r\n#{{table.view_id}} .ptsCol.ptsTableDescCol .ptsColDesc,\r\n#{{table.view_id}} .ptsCol.ptsTableDescCol .ptsColFooter {\r\n	visibility: hidden;\r\n}\r\n#{{table.view_id}} p {\r\n	margin: 0;\r\n}\r\n/*Animations*/\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: 0 0 10px rgba(0, 0, 0, 0.5);\r\n  	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);\r\n	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);\r\n	margin-top: -20px;\r\n}\r\n#{{table.view_id}} .ptsCol .ptsActBtn:hover {\r\n	background-color: {{ adjBs(table.params.bg_color.val, -35) }};\r\n}#{{table.view_id}} span, #{{table.view_id}} p {\r\n	word-break: break-word;\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/*start for col color 1*/\r\n#{{table.view_id}} .ptsCol-1 .ptsColHeader {\r\n	background-color: rgb(51, 153, 255);\r\n}\r\n#{{table.view_id}} .ptsCol-1 .ptsColDesc,\r\n#{{table.view_id}} .ptsCol-1 .ptsActBtn:hover {\r\n	background-color: #1076dc;\r\n}\r\n#{{table.view_id}} .ptsCol-1 .ptsActBtn {\r\n	background-color: rgb(51, 153, 255);\r\n}\r\n/*end for col color 1*/\r\n/*start for col color 2*/\r\n#{{table.view_id}} .ptsCol-2 .ptsColHeader {\r\n	background-color: rgb(147, 194, 48);\r\n}\r\n#{{table.view_id}} .ptsCol-2 .ptsColDesc,\r\n#{{table.view_id}} .ptsCol-2 .ptsActBtn:hover {\r\n	background-color: #709f0d;\r\n}\r\n#{{table.view_id}} .ptsCol-2 .ptsActBtn {\r\n	background-color: rgb(147, 194, 48);\r\n}\r\n/*end for col color 2*//*start for col color 3*/\r\n#{{table.view_id}} .ptsCol-3 .ptsColHeader {\r\n	background-color: rgb(255, 174, 53);\r\n}\r\n#{{table.view_id}} .ptsCol-3 .ptsColDesc,\r\n#{{table.view_id}} .ptsCol-3 .ptsActBtn:hover {\r\n	background-color: #dc8b12;\r\n}\r\n#{{table.view_id}} .ptsCol-3 .ptsActBtn {\r\n	background-color: rgb(255, 174, 53);\r\n}\r\n/*end for col color 3*//*start for col color 4*/\r\n#{{table.view_id}} .ptsCol-4 .ptsColHeader {\r\n	background-color: rgb(240, 61, 0);\r\n}\r\n#{{table.view_id}} .ptsCol-4 .ptsColDesc,\r\n#{{table.view_id}} .ptsCol-4 .ptsActBtn:hover {\r\n	background-color: #cd1a00;\r\n}\r\n#{{table.view_id}} .ptsCol-4 .ptsActBtn {\r\n	background-color: rgb(240, 61, 0);\r\n}\r\n/*end for col color 4*/