*{
	box-sizing: border-box;
}     
.content-table{
        border-collapse: collapse;
        margin: 0px 15px 0;
        font-size:0.9em;
        min-width:250px;
        border-radius:5px 5px 0 0;
        overflow: hidden;cursor: pointer;        
        box-shadow:0 0 20px rgba(0, 0, 0, 0.15)
      } 
      .content-table thead tr {
        background-color:Cornflowerblue;
        color:#ffffff;
        text-align: left;
        font-weight: bold;      
      }
      .content-table th,
      .content-table td {
        padding:12px 15px;      
      }
      .content-table tbody tr {
        border-bottom: 1px solid #dddddd;
      }
      .content-table tbody tr:nth-of-type(even) {
        background-color: grey;
      }
      .content-table tbody tr:last-of-type{
        border-bottom: 2px solid Cornflowerblue;
      }
      .content-table tbody tr.active-row:hover {
        
        background-color:lightslategray;}
    /*responsive*/

@media(max-width: 500px){
	.content-table thead{
		display: none;
	}

	.content-table, .content-table tbody, .content-table tr, .content-table td{
		display: block;border-bottom: 1px solid #ffffff;
		min-width:300px;
	}
	.content-table tr{
		margin-bottom:15px;
	}
	.content-table td{
		text-align: right;
		padding-left: 50%;
		text-align: right;
		position: relative;
	}
	.content-table td::before{
		content: attr(data-label);
		position: absolute;
		left:0;
		width: 50%;
		padding-left:15px;
		font-size:15px;
		font-weight: bold;
		text-align: left;
	}
  .content-table  tr {
        background-color:cornflowerblue;
        color:white;
        text-align: left;
        font-weight: bold;      
      }
}