.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: white !important;
    border: 1px solid #111;
    background-color: #b10f56;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #b10f56));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #b10f56 0%, #e20c0c 100%);
    /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(top, #b10f56 0%, #e20c0c 100%);
    /* FF3.6+ */
    background: -ms-linear-gradient(top, #b10f56 0%, #e20c0c 100%);
    /* IE10+ */
    background: -o-linear-gradient(top, #b10f56 0%, #e20c0c 100%);
    /* Opera 11.10+ */
    background: linear-gradient(to bottom, #b10f56 0%, #e20c0c 100%);
    /* W3C */
  }
  .dataTables_wrapper .dataTables_paginate .paginate_button:active {
    outline: none;
    background-color: #2b2b2b;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #b10f56 0%, #e20c0c 100%);
    /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(top, #b10f56 0%, #e20c0c 100%);
    /* FF3.6+ */
    background: -ms-linear-gradient(top, #b10f56 0%, #e20c0c 100%);
    /* IE10+ */
    background: -o-linear-gradient(top, #b10f56 0%, #e20c0c 100%);
    /* Opera 11.10+ */
    background: linear-gradient(to bottom, #b10f56 0%, #e20c0c 100%);
    /* W3C */
    box-shadow: inset 0 0 3px #111;
  }
  
  
@media (max-width: 1000px) { 
body, .main-wrapper { 
		overflow-x: hidden; }

body, main, .row { 
		width: 96vw; 
		margin: 0; padding: 0; }

main { margin-left: 10%;
		margin-right: 10%;
		text-align: center;
}
.row {
		text-align: center;
}
.col-lg-12 { max-width: 100%; } 
.table-responsive { display: block; width: auto; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } 
.table-responsive>.table-bordered { border: 0; } 
.table thead { display: none; } 
.table tbody td { display: flex; align-items: center; justify-content: space-between; text-align: right; border-top: 1px solid #dee2e6; padding-right: 8px; } 
.table tbody td:before { content: attr(data-label) ": "; flex: 1; text-align: left; font-weight: bold; margin-right: 10px; }
.table tbody td:nth-of-type(1):before { content: "Name :"; color: red; pading-right: 10px; } 
.table tbody td:nth-of-type(2):before { content: "Department :"; pading-right: 10px; } 
.table tbody td:nth-of-type(3):before { content: "Intercom :"; pading-right: 10px; } 
.table tbody td:nth-of-type(4):before { content: "Direct Line :"; pading-right: 10px; } 
.table tbody tr td:nth-of-type(4):empty { display: none; } 
.table.dataTable {width:100%}
.dataTables_wrapper .dataTables_paginate .paginate_button { padding: 0.2em 0.5em; font-size: 15px;  justify: center; }
.dataTables_info { font-size: 15px;}
div { width; auto;}

}