@charset "UTF-8";
/* CSS Document */


/*================ Responsive Tables ================*/

 
#tbl-wrap {
	margin: 0px;
font-size: 15px;
      margin-left:auto; 
    margin-right:auto;
width: 100%;
    display:inline-block;

 
}

 #tbl-wrap table {
    border: 1px solid #ccc;
    width: 100%;
   table-layout:fixed;
    margin:0;
    padding:0;
    border-collapse: collapse;
    border-spacing: 0;
     
  
  
  }

 #tbl-wrap table tr {
    border: 1px solid #ddd;
    padding: 5px;
   
   
  }

 #tbl-wrap table th, table td {
    padding: 10px;
    text-align: center;
  }

 #tbl-wrap table th {
    font-size: 12px;
    
  }
  
  /* Zebra striping */
 #tbl-wrap tr:nth-of-type(odd) { 
		background: #eee; 
	}
 #tbl-wrap th { 
		background: #333; 
		color: white; 
   
		
	}
 #tbl-wrap td, th { 
		padding: 6px; 
		border: 1px solid #ccc; 
		text-align: left; 
   
	}
 
	
	

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

#tbl-wrap table {
      border: 0;
    }

#tbl-wrap table thead {
      display: none;
    }

#tbl-wrap table tr {
      margin-bottom: 10px;
      display: block;
      border-bottom: 2px solid #ddd;
 
    }

#tbl-wrap table td {
      display: block;
      text-align: right;
      font-size: 13px;
      border-bottom: 1px dotted #ccc;
    }

#tbl-wrap table td:last-child {
      border-bottom: 0;
    }

#tbl-wrap table td:before {
      content: attr(data-label);
      float: left;
      text-transform: uppercase;
     
    }
  }
	
/*================ End Responsive Tables ================*/