#{{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  transition: box-shadow 0.25 ease 0;\r\n}\r\n#{{table.view_id}} .ptsColHeader,\r\n#{{table.view_id}} .ptsColDesc {\r\n	padding: 10px;\r\n}\r\n#{{table.view_id}} p {\r\n	margin: 0;\r\n}\r\n#{{table.view_id}} .ptsRows .ptsCell,\r\n#{{table.view_id}} .ptsColFooter {\r\n	padding: 10px 0;\r\n}\r\n#{{table.view_id}} .ptsColHeader {\r\n	background-color: {{ adjBs(table.params.bg_color.val, -10) }}; /* background color for non-css3 browsers */\r\n	/* gradient */\r\n  background-image: linear-gradient(top, {{ table.params.bg_color.val }}, {{ adjBs(table.params.bg_color.val, -23) }}); /* W3C */\r\n	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='{{ table.params.bg_color.val }}', endColorstr='{{ adjBs(table.params.bg_color.val, -23) }}'); /* IE5.5 - 7 */\r\n	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='{{ table.params.bg_color.val }}', endColorstr='{{ adjBs(table.params.bg_color.val, -23) }}'); /* IE8 */\r\n	background: -ms-linear-gradient(top, {{ table.params.bg_color.val }}, {{ adjBs(table.params.bg_color.val, -23) }}); /* IE9 */\r\n  background: -moz-linear-gradient(top, {{ table.params.bg_color.val }}, {{ adjBs(table.params.bg_color.val, -23) }}); /* Firefox */ \r\n	background: -o-linear-gradient(top, {{ table.params.bg_color.val }}, {{ adjBs(table.params.bg_color.val, -23) }}); /* Opera 11  */\r\n	background: -webkit-linear-gradient(top, {{ table.params.bg_color.val }}, {{ adjBs(table.params.bg_color.val, -23) }}); /* Chrome 11  */\r\n	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, {{ table.params.bg_color.val }}), color-stop(1, {{ adjBs(table.params.bg_color.val, -23) }})); /* Chrome 10, Safari */\r\n  \r\n  	border-bottom: 1px solid {{ adjBs(table.params.bg_color.val, -40) }};\r\n}\r\n#{{table.view_id}} .ptsColDesc {\r\n	background-color: {{ adjBs(table.params.bg_color.val, -10) }}; /* background color for non-css3 browsers */\r\n	/* gradient */\r\n  background-image: linear-gradient(top, {{ adjBs(table.params.bg_color.val, -15) }}, {{ adjBs(table.params.bg_color.val, -40) }}); /* W3C */\r\n	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='{{ adjBs(table.params.bg_color.val, -15) }}', endColorstr='{{ adjBs(table.params.bg_color.val, -40) }}'); /* IE5.5 - 7 */\r\n	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='{{ adjBs(table.params.bg_color.val, -15) }}', endColorstr='{{ adjBs(table.params.bg_color.val, -40) }}'); /* IE8 */\r\n	background: -ms-linear-gradient(top, {{ adjBs(table.params.bg_color.val, -15) }}, {{ adjBs(table.params.bg_color.val, -40) }}); /* IE9 */\r\n  background: -moz-linear-gradient(top, {{ adjBs(table.params.bg_color.val, -15) }}, {{ adjBs(table.params.bg_color.val, -40) }}); /* Firefox */ \r\n	background: -o-linear-gradient(top, {{ adjBs(table.params.bg_color.val, -15) }}, {{ adjBs(table.params.bg_color.val, -40) }}); /* Opera 11  */\r\n	background: -webkit-linear-gradient(top, {{ adjBs(table.params.bg_color.val, -15) }}, {{ adjBs(table.params.bg_color.val, -40) }}); /* Chrome 11  */\r\n	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, {{ adjBs(table.params.bg_color.val, -15) }}), color-stop(1, {{ adjBs(table.params.bg_color.val, -40) }})); /* Chrome 10, Safari */\r\n  \r\n  	border-top: 1px solid {{ adjBs(table.params.bg_color.val, 5) }};\r\n}\r\n#{{table.view_id}} .ptsRows .ptsCell:nth-child(odd) {\r\n	background-color: {{ adjBs(table.params.bg_color.val, 165) }};\r\n}\r\n#{{table.view_id}} .ptsRows .ptsCell:nth-child(even) {\r\n	background-color: {{ adjBs(table.params.bg_color.val, 195) }};\r\n}\r\n#{{table.view_id}} .ptsCol:nth-child(odd) .ptsRows .ptsCell:nth-child(odd) {\r\n	background-color: {{ adjBs(table.params.bg_color.val, 145) }};\r\n}\r\n#{{table.view_id}} .ptsCol:nth-child(odd) .ptsRows .ptsCell:nth-child(even) {\r\n	background-color: {{ adjBs(table.params.bg_color.val, 165) }};\r\n}\r\n#{{table.view_id}} .ptsColFooter {\r\n 	background-color: {{ adjBs(table.params.bg_color.val, 130) }}; /* background color for non-css3 browsers */\r\n	/* gradient */\r\n	background-image: linear-gradient(top, {{ adjBs(table.params.bg_color.val, 160) }}, {{ adjBs(table.params.bg_color.val, 100) }}); /* W3C */\r\n	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='{{ adjBs(table.params.bg_color.val, 160) }}', endColorstr='{{ adjBs(table.params.bg_color.val, 100) }}'); /* IE5.5 - 7 */\r\n	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='{{ adjBs(table.params.bg_color.val, 160) }}', endColorstr='{{ adjBs(table.params.bg_color.val, 100) }}'); /* IE8 */\r\n	background: -ms-linear-gradient(top, {{ adjBs(table.params.bg_color.val, 160) }}, {{ adjBs(table.params.bg_color.val, 100) }}); /* IE9 */\r\n	background: -moz-linear-gradient(top, {{ adjBs(table.params.bg_color.val, 160) }}, {{ adjBs(table.params.bg_color.val, 100) }}); /* Firefox */ \r\n	background: -o-linear-gradient(top, {{ adjBs(table.params.bg_color.val, 160) }}, {{ adjBs(table.params.bg_color.val, 100) }}); /* Opera 11  */\r\n	background: -webkit-linear-gradient(top, {{ adjBs(table.params.bg_color.val, 160) }}, {{ adjBs(table.params.bg_color.val, 100) }}); /* Chrome 11  */\r\n	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, {{ adjBs(table.params.bg_color.val, 160) }}), color-stop(1, {{ adjBs(table.params.bg_color.val, 100) }})); /* Chrome 10, Safari */\r\n  \r\n	border-top: 1px solid {{ adjBs(table.params.bg_color.val, 145) }};\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	/* gradient */\r\n	background-image: linear-gradient(top, {{ adjBs(table.params.bg_color.val, 140) }}, {{ adjBs(table.params.bg_color.val, 80) }}); /* W3C */\r\n	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='{{ adjBs(table.params.bg_color.val, 140) }}', endColorstr='{{ adjBs(table.params.bg_color.val, 80) }}'); /* IE5.5 - 7 */\r\n	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='{{ adjBs(table.params.bg_color.val, 140) }}', endColorstr='{{ adjBs(table.params.bg_color.val, 80) }}'); /* IE8 */\r\n	background: -ms-linear-gradient(top, {{ adjBs(table.params.bg_color.val, 140) }}, {{ adjBs(table.params.bg_color.val, 80) }}); /* IE9 */\r\n	background: -moz-linear-gradient(top, {{ adjBs(table.params.bg_color.val, 140) }}, {{ adjBs(table.params.bg_color.val, 80) }}); /* Firefox */ \r\n	background: -o-linear-gradient(top, {{ adjBs(table.params.bg_color.val, 140) }}, {{ adjBs(table.params.bg_color.val, 80) }}); /* Opera 11  */\r\n	background: -webkit-linear-gradient(top, {{ adjBs(table.params.bg_color.val, 140) }}, {{ adjBs(table.params.bg_color.val, 80) }}); /* Chrome 11  */\r\n	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, {{ adjBs(table.params.bg_color.val, 140) }}), color-stop(1, {{ adjBs(table.params.bg_color.val, 80) }})); /* Chrome 10, Safari */\r\n}\r\n#{{table.view_id}} .ptsActBtn {\r\n	display: inline-block;\r\n  	padding: 4px 20px;\r\n  	border: 1px solid {{ adjBs(table.params.bg_color.val, 85) }};\r\n  	width: 80%;\r\n  	border-radius: 3px;\r\n}\r\n\r\n#{{table.view_id}} .ptsActBtn .ptsEditArea {\r\n	color: #444;\r\n  	font-size: 10pt; \r\n  	font-weight: bold;\r\n  	text-decoration: none !important;\r\n  	border: none !important;\r\n	width: 100%;\r\n}\r\n#{{table.view_id}} .ptsCol:first-of-type .ptsColHeader {\r\n	border-top-left-radius: 5px;\r\n}\r\n#{{table.view_id}} .ptsCol:last-of-type .ptsColHeader {\r\n	border-top-right-radius: 5px;\r\n}\r\n#{{table.view_id}} .ptsCol:first-of-type .ptsColFooter {\r\n	border-bottom-left-radius: 5px;\r\n}\r\n#{{table.view_id}} .ptsCol:last-of-type .ptsColFooter {\r\n	border-bottom-right-radius: 5px;\r\n}\r\n#{{table.view_id}} .ptsColFooter a {\r\n	color: #444444;\r\n  	text-decoration: 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 .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/*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