.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, .row { width: 99vw; margin-left:15%; margin-right:15%; padding: 0; } 
main { margin-left: auto; margin-right: auto; } 
.row{ text-align: left;}
.col-lg-12 { max-width: 100%; } 
body, .main-wrapper { overflow-x: hidden; } 
.table-responsive { display: block; width: 100%; 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: block; text-align: right; border-top: 1px solid #dee2e6; padding-right: 8px; } 
.table tbody td:before { content: attr(data-label); float: left; font-weight: bold; } 
.table tbody td:nth-of-type(1):before { content: "Name"; color: red; } 
.table tbody td:nth-of-type(2):before { content: "Department"; } 
.table tbody td:nth-of-type(3):before { content: "Intercom"; } 
.table tbody td:nth-of-type(4):before { content: "Direct Line"; } 
.table tbody tr td:nth-of-type(4):empty { display: none; } 
div { width: 100%; } 
table.dataTable {width:100%}
}