/*table v1 style*/
table.table_listdata td, table.table_listdata th{
border-bottom: 1px solid  #d4d8db;
}
/*table v2 style*/
table.table_listdata_v2 td, table.table_listdata_v2 th{
border: 1px solid  #d4d8db;
}
table.table_listdata_v2 tr:first-child th {
  border-top: 0;
}
table.table_listdata_v2 tr:last-child td {
  border-bottom: 0;
}
table.table_listdata_v2 tr td:first-child,
table.table_listdata_v2 tr th:first-child {
  border-left: 0;
}
table.table_listdata_v2 tr td:last-child,
table.table_listdata_v2 tr th:last-child {
  border-right: 0;
}
/*table v3 style*/
table.table_listdata_v3{
width: 100%;
border: 1px solid #d4d8db;
}
table.table_listdata_v3 th{
   background: linear-gradient(#FFFFFF, #E9F0F4);
  border: 1px solid #CBDBE2;
  color: #000000;
}
table.table_listdata_v3 td{
   border: 1px solid #d4d8db;
}
/*table v4 style*/
table.table_listdata_v4{
width: 100%;
border: 0px;
}
table.table_listdata_v4 th {
  background: linear-gradient(#FFFFFF, #E9F0F4);
  border: 1px solid #CBDBE2;
  color: #000000;
  padding: 0em 0.5em 0em 0.5em;
}
table.table_listdata_v4 td {
   border: 1px solid #d4d8db;
}
/*Responsive Table*/
.res-t1 {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
}

.res-t1 caption {
  font-size: 1.5em;
  margin: .25em 0 .75em;
}

.res-t1 tr {
  background: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
}

.res-t1 th, .res-t1 td {
  padding: .625em;
  text-align: center;
}

.res-t1 th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}
 
.res-t1 td img { text-align: center; }

/*grid-container (title + image same line)*/
	.grid-container{
  		display: grid;
    	grid-template-columns: 2fr 3fr;
      align-items: center;
  	}
	.flex-child{
  	flex: 1;      
	}

@media screen and (max-width: 600px) {

  .res-t1 { border: 0; }

  .res-t1 caption { font-size: 1.3em; }

  .res-t1 thead { display: none; }

  .res-t1 tr {
  border-bottom: 3px solid #ddd;
  display: block;
  margin-bottom: .625em;
  }


.res-t1 td {
  border-bottom: 1px solid #ddd;
  display: block;
  font-size: .8em;
  text-align: right;
}

.res-t1 td:before {
  content: attr(data-label);
  float: left;
  font-weight: bold;
  text-transform: uppercase;
}

.res-t1 td:last-child { border-bottom: 0; }
}

/*grid-container (title + image same line)*/
	.grid-container{
    	grid-template-columns: 3fr 2fr;
}

@media screen and (max-width: 400px) {
/*grid-container (title + image same line)*/
	.grid-container{
  		grid-template-columns: 2fr 1fr;
  	}