/* For this example, force x-scrolling by making the table width smaller */
    div.dataTables_wrapper {
        width: 100%;
        margin: 0 auto;
        
    }


div.dts{
	border:1px white solid;			
}

table.dataTable thead th{
	border: 1px white solid;

	border-top-style: none;
	border-right-style: none;
	
	/*background-color:#002454; */
	color: #fff;
	font-size: 16px;
	padding: 0.3em;
	font-family: Calibri, Arial;
	
		
}

/* MOBILE LANDSCAPE */
@media screen  and (max-width: 569px )
 {
	
	table.dataTable td, table.dataTable th {
    	padding: 0.3em;
    	font-size: 12px;
   
	}

}


/* SMALL TABLET */
@media only screen and (min-width: 570px) 
 {

	table.dataTable td, table.dataTable th {
    padding: 0.3em;
    font-size:16px;
   
	}
	
}

table.dataTable tbody{
 
    overflow: auto;
    border-bottom: solid thin #fff;		
    color: #fff	
}

table.dataTable tbody tr {
    background-color: inherit;
  
}

table.dataTable tbody td {
    background-color: inherit;
    border: 1px white solid;

	border-bottom-style: none;
	border-right-style: none;
	color: #fff;
	padding: 0.3em;
	font-family: Calibri, Arial;

}

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
    background-color: inherit;
}

table.dataTable tbody tr:hover {
    background-color: rgba(129,208,177,.3); /*rgba(146, 192, 219,.3);*/
}

table.dataTable.hover tbody tr:hover,table.dataTable.display tbody tr:hover{background-color:rgba(129,208,177,.3)}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;

}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
    color: #333;
    display:none;
}

<style>
/* For this example, force x-scrolling by making the table width smaller */
    div.dataTables_wrapper {
        width: 100%;
        margin: 0 auto;
        
    }


div.dts{
	border:1px white solid;			
}

table.dataTable thead th{
	border: 1px white solid;

	border-top-style: none;
	border-right-style: none;
	
	/*background-color:#002454; */
	color: #fff;
	font-size: 16px;
	padding: 0.3em;
	font-family: Calibri, Arial;
	
		
}


table.dataTable tbody{
 
    overflow: auto;
    border-bottom: solid thin #fff;		
    color: #fff	
}

table.dataTable tbody tr {
    background-color: inherit;
  
}

table.dataTable tbody td {
    background-color: inherit;
    border: 1px white solid;

	border-bottom-style: none;
	border-right-style: none;
	color: #fff;
	padding: 0.3em;
	font-family: Calibri, Arial;

}

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
    background-color: inherit;
}

table.dataTable tbody tr:hover {
    background-color: rgba(129,208,177,.3); /*rgba(146, 192, 219,.3);*/
}

table.dataTable.hover tbody tr:hover,table.dataTable.display tbody tr:hover{background-color:rgba(129,208,177,.3)}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;

}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
    color: #333;
    display:none;
}

.text-white {color: #fff}