.zebra-table {
	
	width: 100%;
        padding: 0;
        margin: 0 auto 1.5em auto;
		border-top: 1px solid #C1DAD7;
        border-left: 1px solid #C1DAD7;
        border-collapse:collapse;
		font-size:12px;
        font-family: verdana,arial,sans-serif;
        color:#545454;
	
width: 100%;
border-collapse: collapse;
box-shadow: 0 2px 3px 1px #ddd;
overflow: hidden;

}
.zebra-table th,.zebra-table td{
vertical-align: top;
padding:10px 7px;
text-align: left;
margin:0;
}
.zebra-table tbody tr:nth-child(odd) { /* Make table like zebra */
background:#eee;
}/* End CSS for Zebra Table in index.html */

.td-data {
	font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	padding: 3px 6px 3px 6px;
	color: #4f6b72;
	width: auto;
	text-align: center;
    }
	
	.head-data {
	font: normal 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	padding: 3px 6px 3px 6px;
	color: #4f6b72;
	width: auto;
	text-align: center;
	background-color:#F5FAFA;
	font-weight: bold;
    }
	
	.pinggir-data{
	font: normal 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	padding: 3px 6px 3px 6px;
	color: #4f6b72;
	width: auto;
	text-align: left;

    }