#{{table.view_id}} {
  {% if table.params.calc_width.val == 'table' %}
  width: {{ table.params.table_width.val }}{{ table.params.table_width_measure.val }};
  {% endif %}
}

#{{table.view_id}} .ptsCol {
  {% if table.params.calc_width.val == 'table' %}
    {% if table.params.enb_desc_col.val and table.params.enb_desc_col.val != "0" %}
      width: {{ 100 / (table.params.cols_num.val + 1) }}%;
    {% else%}
      width: {{ 100 / table.params.cols_num.val }}%;
    {% endif %}
  {% else%}
  width: {{ table.params.col_width.val }}px;
  {% endif %}
}

#{{table.view_id}} .ptsTableDescCol {
  {% if table.params.enb_desc_col.val == 0 %}
    display: none;
  {% endif %}
}

#{{table.view_id}} .ptsCol.ptsTableDescCol .ptsColFooter {
	visibility: hidden;
}

#{{table.view_id}} p {
  margin: 0;
}

/*Animations*/
#{{table.view_id}} .ptsCol .ptsTableElementContent,
#{{table.view_id}} .ptsCol .ptsTableElementContent span {
  transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

#{{table.view_id}} .ptsCol.hover .ptsTableElementContent {
  z-index: 101;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

#{{table.view_id}} .ptsCol.hover .ptsTableElementContent {
  z-index: 101;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

/** Template Style **/
#{{table.view_id}} .ptsTableElementContent {
    background: {{table.params.bg_color.val}};
    border: solid 1px {{adjBs(table.params.bg_color.val, -15)}};
    box-shadow: 0 0 20px -2px rgba(0,0,0,0);
    position: relative;
}

#{{table.view_id}} .ptsColHeader,
#{{table.view_id}} .ptsColDesc {
    background: {{adjBs(table.params.bg_color.val, -5)}};
    padding: 40px 5px 30px 5px;
  	position: relative;
}

#{{table.view_id}} .ptsColDesc:before {
	content: '';
  	position: absolute;
  	left: 25%;
  	bottom: 0;
  background-color: {{table.params.text_color_desc.val}};
  	height: 1px;
  	width: 50%;
}

#{{table.view_id}} .ptsColHeader .ptsIcon i {
	font-size: 55px;
  	color: {{table.params.text_color_header.val}};
}

#{{table.view_id}} .ptsColHeader span,
#{{table.view_id}} .ptsColHeader p {
    font-size: 28px;
    color: {{table.params.text_color_header.val}};
}

#{{table.view_id}} .ptsColDesc {
    padding: 0 5px 20px 5px;
}

#{{table.view_id}} .ptsRows {
	padding-top: 20px;
}

#{{table.view_id}} .ptsColDesc span,
#{{table.view_id}} .ptsColDesc p {
    font-size: 24px;
  	color: {{table.params.text_color_desc.val}};
}

#{{table.view_id}} .ptsRows .ptsCell {
  color: {{table.params.text_color.val}};
}

#{{table.view_id}} .ptsRows .ptsCell span,
#{{table.view_id}} .ptsRows .ptsCell p {
  font-size: 14px;
}

#{{table.view_id}} .ptsColFooter {
  padding: 20px 0 20px 0;
}

#{{table.view_id}} .ptsColFooter .ptsActBtn a {
    background-color: {{adjBs(table.params.bg_color.val, -5)}};
    text-decoration: blink;
 	color: {{table.params.bg_color.val}};
    font-size: 18px;
    padding: 10px 20px;
    border-radius: 4px;
    position: relative;
  	text-align: center;
}

#{{table.view_id}} .ptsColFooter .ptsActBtn {
	margin: 10px 0;
  	text-align: center;
}

#{{table.view_id}} .ptsColFooter .ptsActBtn a:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #fff;
    opacity: 0;
    transition: all .5s ease-out;
}

#{{table.view_id}} .ptsColFooter .ptsActBtn a:hover:before {
    opacity: .3;
}