#{{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}} * {\r\n   line-height: 1.2em;\r\n}\r\n#{{table.view_id}} p,\r\n#{{table.view_id}} span \r\n{\r\n   {% if table.params.font_family.val %}\r\n   	font-family: {{ table.params.font_family.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  padding: 0 5px;\r\n  \r\n}\r\n#{{table.view_id}} span, #{{table.view_id}} p {\r\n	word-break: break-word;\r\n}\r\n/*Bg Colors*/\r\n#{{table.view_id}} .ptsCol .ptsTableElementContent {\r\n	background-color: {{table.params.bg_color.val}};\r\n}\r\n#{{table.view_id}} .ptsCol .ptsTableElementContent .ptsColDesc,\r\n#{{table.view_id}} .ptsCol .ptsTableElementContent .ptsActBtn,\r\n#{{table.view_id}} .ptsCol .ptsTableElementContent .ptsRows .ptsCell:hover {\r\n	background-color: {{ adjBs(table.params.bg_color.val, 20) }};\r\n}\r\n#{{table.view_id}} .ptsCol .ptsTableElementContent .ptsActBtn:hover {\r\n	background-color: {{ adjBs(table.params.bg_color.val, -20) }};\r\n}\r\n/*Desc Col*/\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}} .ptsRows .ptsCell .ptsIcon {\r\n	margin-right: 10px;\r\n}\r\n#{{table.view_id}} .ptsColHeader,\r\n#{{table.view_id}} .ptsColDesc,\r\n#{{table.view_id}} .ptsRows .ptsCell {\r\n	padding: 10px;\r\n}\r\n#{{table.view_id}} .ptsColHeader {\r\n	padding-bottom: 40px;\r\n}\r\n#{{table.view_id}} .ptsColFooter {\r\n	padding: 20px 0 40px;\r\n  	text-align: center;\r\n}\r\n#{{table.view_id}} .ptsCol .ptsActBtn {\r\n  	cursor: pointer;\r\n}\r\n#{{table.view_id}} .ptsRows .ptsTog {\r\n  	display: inline-block;\r\n}\r\n#{{table.view_id}} .ptsCol .ptsActBtn .ptsEditArea {\r\n	font-size: 22px;\r\n  	padding: 10px 15px;\r\n  	text-decoration: none !important;\r\n  	border: none !important;\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 .ptsRows .ptsCell,\r\n#{{table.view_id}} .ptsCol .ptsTableElementContent span {\r\n	transition: box-shadow 0.3s ease, margin 0.3s ease, font 0.3s ease, background 0.3s ease;\r\n  	-webkit-transition: box-shadow 0.3s ease, margin 0.3s ease, font 0.3s ease, background 0.3s ease;\r\n    -moz-transition: box-shadow 0.3s ease, margin 0.3s ease, font 0.3s ease, background 0.3s ease;\r\n    -ms-transition: box-shadow 0.3s ease, margin 0.3s ease, font 0.3s ease, background 0.3s ease;\r\n    -o-transition: box-shadow 0.3s ease, margin 0.3s ease, font 0.3s ease, background 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\r\n/*Colors set*/\r\n#{{table.view_id}} .ptsCol .ptsColHeader,\r\n#{{table.view_id}} .ptsCol .ptsColHeader *\r\n{\r\n  	color: {{table.params.text_color_header.val}};\r\n}\r\n#{{table.view_id}} .ptsCol .ptsColDesc,\r\n#{{table.view_id}} .ptsCol .ptsColDesc *\r\n{\r\n  	color: {{table.params.text_color_desc.val}};\r\n}\r\n#{{table.view_id}} .ptsCol .ptsRows,\r\n#{{table.view_id}} .ptsCol .ptsRows *\r\n{\r\n  	color: {{table.params.text_color.val}};\r\n}\r\n/*start for col color 1*/\r\n#{{table.view_id}} .ptsCol-1 .ptsTableElementContent {\r\n	background-color: rgb(231, 76, 60);\r\n}\r\n#{{table.view_id}} .ptsCol-1 .ptsTableElementContent .ptsColDesc,\r\n#{{table.view_id}} .ptsCol-1 .ptsTableElementContent .ptsActBtn,\r\n#{{table.view_id}} .ptsCol-1 .ptsTableElementContent .ptsRows .ptsCell:hover {\r\n	background-color: #fb6050;\r\n}\r\n#{{table.view_id}} .ptsCol-1 .ptsTableElementContent .ptsActBtn:hover {\r\n	background-color: #d33828;\r\n}\r\n/*end for col color 1*/\r\n/*start for col color 2*/\r\n#{{table.view_id}} .ptsCol-2 .ptsTableElementContent {\r\n	background-color: rgb(155, 89, 182);\r\n}\r\n#{{table.view_id}} .ptsCol-2 .ptsTableElementContent .ptsColDesc,\r\n#{{table.view_id}} .ptsCol-2 .ptsTableElementContent .ptsActBtn,\r\n#{{table.view_id}} .ptsCol-2 .ptsTableElementContent .ptsRows .ptsCell:hover {\r\n	background-color: #af6dca;\r\n}\r\n#{{table.view_id}} .ptsCol-2 .ptsTableElementContent .ptsActBtn:hover {\r\n	background-color: #8745a2;\r\n}\r\n/*end for col color 2*/\r\n/*start for col color 3*/\r\n#{{table.view_id}} .ptsCol-3 .ptsTableElementContent {\r\n	background-color: rgb(39, 174, 96);\r\n}\r\n#{{table.view_id}} .ptsCol-3 .ptsTableElementContent .ptsColDesc,\r\n#{{table.view_id}} .ptsCol-3 .ptsTableElementContent .ptsActBtn,\r\n#{{table.view_id}} .ptsCol-3 .ptsTableElementContent .ptsRows .ptsCell:hover {\r\n	background-color: #3bc274;\r\n}\r\n#{{table.view_id}} .ptsCol-3 .ptsTableElementContent .ptsActBtn:hover {\r\n	background-color: #139a4c;\r\n}\r\n/*end for col color 3*/