.table{
	margin-bottom:0.1rem;
}
.table thead th, .table-header{
	border:0rem;
	background: #f5f5f5;
}
.table td, .table th,.thead,.table-row .table-col{
	padding:1.0rem;
}
.table .table-row .table-col span{
	margin-top:0.8rem;
	display:inline-block;
}
.table th, .table-header .thead{
    font-size:1.4rem;
    font-weight:bold;
    border:0;
}
.table-header .thead{
	height:4.5rem;
}
.table td, .table th, .thead, .table-row {
	border-top:0rem;
	border-bottom:0.1rem solid #eee;
}
.table-a{
	border-bottom:1rem solid #f5f5f5
}
.table-a .row{
	margin-left:0rem;
	margin-right:0rem;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: #fff;
}
.table-striped tbody tr:nth-of-type(even),.table-b thead th,.table-c thead th {
    background: none;
}
.table-b td, .table-c td,.table-c tr td:last-child{
	border:0rem;
}
.table-c td{
    border-right:0.1rem solid #d8d8d8;
}
.table-b-wrapper,.table-c-wrapper{
   border-radius:0.5rem;
   background-color: #f5f5f5;
}
.table-c-wrapper{
	border:0.1rem solid #d8d8d8;
	overflow:hidden;
}
 .table-fixed-wrapper{
    border-radius:0.5rem;
    overflow:hidden;
}

/* width */

::-webkit-scrollbar {
    width: 1.0rem;
    border-radius:0.5rem;
}

::-webkit-scrollbar:horizontal {
    height: 1.0rem !important;
    border-radius:0.5rem;
}


/* Track */

::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius:0.5rem;
}


/* Handle */

::-webkit-scrollbar-thumb {
    background: #aaa ;
    border-radius:0.5rem;
}


/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
     background: #aaa ;
}

@media screen and (max-width: 600px) {
  
  .table-a thead, .table-b thead{
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  .table-c-wrapper{
    overflow-x:auto;
  }
  
  .table-c{
    min-width:96rem;
  }
  
  .table-fixed-wrapper{
    max-height:25rem;
    overflow-y:auto;
}
  
  .table-a tr, .table-b tr{
    display: block;
  }
  
  .table-a td,  .table-b td {
    display: block;
  }
  
   .table-a td span, .table-b td span{
    display: block;
    margin-left:11rem;
  }
  
  .table-a td::before,.table-b td::before  {
    content: attr(data-label);
    float: left;
    font-weight:bold;
    font-size:1.4rem;
  }
  
}