.rtable {
  vertical-align: top;
  max-width: 100%;
  
  overflow-x: auto;
  
 
  white-space: nowrap;

  border-collapse: collapse;
  border-spacing: 0;
  background:#FFFFFF;
  width:100%;
  text-align:center;
  margin-bottom:15px;
  
}

.rtable tr:nth-child(even) {
            background-color:#fff9f5;
        }

.rtable,
.rtable--flip tbody {
 
  -webkit-overflow-scrolling: touch;
  
  
  background: radial-gradient(left, ellipse, rgba(0,0,0, .2) 0%, rgba(0,0,0, 0) 75%) 0 center,
              radial-gradient(right, ellipse, rgba(0,0,0, .2) 0%, rgba(0,0,0, 0) 75%) 100% center;
  background-size: 10px 100%, 10px 100%;
  background-attachment: scroll, scroll;
  background-repeat: no-repeat;
   width:100%;
}


.rtable td:first-child,
.rtable--flip tbody tr:first-child {
  background-image: linear-gradient(to right, rgba(255,255,255, 1) 50%, rgba(255,255,255, 0) 100%);
  background-repeat: no-repeat;
  background-size: 20px 100%;
}


.rtable td:last-child,
.rtable--flip tbody tr:last-child {
  background-image: linear-gradient(to left, rgba(255,255,255, 1) 50%, rgba(255,255,255, 0) 100%);
  background-repeat: no-repeat;
  background-position: 100% 0;
  background-size: 20px 100%;
}

.rtable th {
  font-size: 11px;
  text-align: left;
  text-transform: uppercase;
  background: #feeada;
  white-space:nowrap;
}

.rtable th,
.rtable td {
  padding:4px 10px;
  border: 1px solid #feeada;
  font-size:11px;
  
}



.rtable tfoot th{ color:#80ad46; background:none;}

@media only screen and (max-width: 980px) {
.rtable { display:inline-block;}
}