#{{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\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\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\r\n#{{table.view_id}} .ptsCol.ptsTableDescCol .ptsColFooter {\r\n	visibility: hidden;\r\n}\r\n\r\n#{{table.view_id}} p {\r\n  margin: 0;\r\n}\r\n\r\n/*Animations*/\r\n#{{table.view_id}} .ptsCol .ptsTableElementContent,\r\n#{{table.view_id}} .ptsCol .ptsTableElementContent span {\r\n  transition: all 0.3s ease;\r\n    -webkit-transition: all 0.3s ease;\r\n    -moz-transition: all 0.3s ease;\r\n    -ms-transition: all 0.3s ease;\r\n    -o-transition: all 0.3s ease;\r\n}\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}\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}\r\n\r\n/** Template Style **/\r\n#{{table.view_id}} .ptsTableElementContent {\r\n    background: {{table.params.bg_color.val}};\r\n    border: solid 1px {{adjBs(table.params.bg_color.val, -15)}};\r\n    box-shadow: 0 0 20px -2px rgba(0,0,0,0);\r\n    position: relative;\r\n}\r\n\r\n#{{table.view_id}} .ptsColHeader,\r\n#{{table.view_id}} .ptsColDesc {\r\n    background: {{adjBs(table.params.bg_color.val, -5)}};\r\n    padding: 40px 5px 30px 5px;\r\n  	position: relative;\r\n}\r\n\r\n#{{table.view_id}} .ptsColDesc:before {\r\n	content: '';\r\n  	position: absolute;\r\n  	left: 25%;\r\n  	bottom: 0;\r\n  background-color: {{table.params.text_color_desc.val}};\r\n  	height: 1px;\r\n  	width: 50%;\r\n}\r\n\r\n#{{table.view_id}} .ptsColHeader .ptsIcon i {\r\n	font-size: 55px;\r\n  	color: {{table.params.text_color_header.val}};\r\n}\r\n\r\n#{{table.view_id}} .ptsColHeader span,\r\n#{{table.view_id}} .ptsColHeader p {\r\n    font-size: 28px;\r\n    color: {{table.params.text_color_header.val}};\r\n}\r\n\r\n#{{table.view_id}} .ptsColDesc {\r\n    padding: 0 5px 20px 5px;\r\n}\r\n\r\n#{{table.view_id}} .ptsRows {\r\n	padding-top: 20px;\r\n}\r\n\r\n#{{table.view_id}} .ptsColDesc span,\r\n#{{table.view_id}} .ptsColDesc p {\r\n    font-size: 24px;\r\n  	color: {{table.params.text_color_desc.val}};\r\n}\r\n\r\n#{{table.view_id}} .ptsRows .ptsCell {\r\n  color: {{table.params.text_color.val}};\r\n}\r\n\r\n#{{table.view_id}} .ptsRows .ptsCell span,\r\n#{{table.view_id}} .ptsRows .ptsCell p {\r\n  font-size: 14px;\r\n}\r\n\r\n#{{table.view_id}} .ptsColFooter {\r\n  padding: 20px 0 20px 0;\r\n}\r\n\r\n#{{table.view_id}} .ptsColFooter .ptsActBtn a {\r\n    background-color: {{adjBs(table.params.bg_color.val, -5)}};\r\n    text-decoration: blink;\r\n 	color: {{table.params.bg_color.val}};\r\n    font-size: 18px;\r\n    padding: 10px 20px;\r\n    border-radius: 4px;\r\n    position: relative;\r\n  	text-align: center;\r\n}\r\n\r\n#{{table.view_id}} .ptsColFooter .ptsActBtn {\r\n	margin: 10px 0;\r\n  	text-align: center;\r\n}\r\n\r\n#{{table.view_id}} .ptsColFooter .ptsActBtn a:before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n    left: 0;\r\n    bottom: 0;\r\n    background-color: #fff;\r\n    opacity: 0;\r\n    transition: all .5s ease-out;\r\n}\r\n\r\n#{{table.view_id}} .ptsColFooter .ptsActBtn a:hover:before {\r\n    opacity: .3;\r\n}