body, html {
     margin: 0;
     font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
     background-color: #e5e5e5;
}
 table.dataTable {
     width: 50%;
     margin: 0 auto;
     clear: both;
     border-collapse: separate;
     border-spacing: 0;
}
 table.dataTable thead th, table.dataTable tfoot th {
     font-weight: bold;
}
 table.dataTable thead th, table.dataTable thead td {
     padding: 10px 18px;
}
 table.dataTable thead th:active, table.dataTable thead td:active {
     outline: none;
}
 table.dataTable tfoot th, table.dataTable tfoot td {
     padding: 10px 18px 6px 18px;
     border-top: 1px solid #111;
}
 table.dataTable tbody th, table.dataTable tbody td {
     padding: 8px 10px;
}
 #table_wrapper {
     margin: 20px 40px;
}
 table tr th, table tr td {
     text-align: left;
     white-space: nowrap;
}
 #table_wrapper .dataTables_length, #table_wrapper .dataTables_filter {
     margin-top: 20px;
     margin-bottom: 20px;
     font-size: 10px;
     text-transform: uppercase;
     float: right;
     width:100%;
     text-align:center;
}
 #table_wrapper .dataTables_length label, #table_wrapper .dataTables_filter label, #table_wrapper .dataTables_paginate a, #table_wrapper .dataTables_info {
     color: #039;
     font-size: 15px !important;
}
 #table_wrapper .dataTables_filter input {
     font-size: 20px;
     margin: 0 3px;
     width: 500px;
     height: 40px;
     text-align:left;
     background-color: #b9bcc4;
     color: #3a3d55;
}
 #table_wrapper .dataTables_paginate a, #table_wrapper .dataTables_info {
     font-size: 10px;
     text-transform: uppercase;
}
 #table_wrapper .dataTables_paginate {
     display: none;
}
 #table_wrapper .paging_simple_numbers {
     float: right;
}
 #table_wrapper .dataTables_info {
     display: inline-block;
     margin-top: 10px;
}
 #table_wrapper .dataTables_paginate a {
     padding: 3px 6px;
     margin: 0 5px;
     cursor: pointer;
}
 #table_wrapper .dataTables_paginate a.current {
     color: #fff !important;
     background: #b9bcc4;;
}
 #table_wrapper table {
     font-size: 12px;
     border-collapse: collapse;
     text-align: left;
     width: 100%;
}
 #table_wrapper table caption {
     font-size: 20px;
     color: #039;
     text-align: left;
     margin-bottom: 10px;
}
 #table_wrapper table th {
     font-size: 14px;
     font-weight: normal;
     color: #039;
     padding: 10px 8px;
     border-bottom: 2px solid #6678b1;
     position: relative;
     font-weight: bold;
     background-color: #ccc;
}
 #table_wrapper .dataTables_scrollHead th.sorting, #table_wrapper .dataTables_scrollHead th.sorting_asc, #table_wrapper .dataTables_scrollHead th.sorting_desc {
     position: relative;
     cursor: pointer;
}
 #table_wrapper .dataTables_scrollHead th.sorting:before, #table_wrapper .dataTables_scrollHead th.sorting_asc:before, #table_wrapper .dataTables_scrollHead th.sorting:after, #table_wrapper .dataTables_scrollHead th.sorting_desc:after {
     border: 4px solid transparent;
     position: absolute;
     display: block;
     content: "";
     height: 0;
     right: 8px;
     top: 50%;
     width: 0;
     opacity: 0.4;
}
 #table_wrapper .dataTables_scrollHead th.sorting:before, #table_wrapper .dataTables_scrollHead th.sorting_asc:before {
     border-bottom-color: #bcbcd0;
     margin-top: -9px;
}
 #table_wrapper .dataTables_scrollHead th.sorting:after, #table_wrapper .dataTables_scrollHead th.sorting_desc:after {
     border-top-color: #bcbcd0;
     margin-top: 1px;
}
 #table_wrapper table td {
     /* border-bottom: 1px solid #ccc; */
     color: #039;
     padding: 5px 8px;
}
 #table_wrapper table tbody tr:hover td {
     color: #027;
     background-color: #bbb;
     font-weight: bold;
}
 .dt-buttons {
     display: inline-block;
}
 .dt-button {
     color: #FFFFFF;
     background: #039;
     margin-right: 10px;
     padding: 6px 12px;
     cursor: pointer;
     -webkit-transition: all 60ms ease-in-out;
     transition: all 60ms ease-in-out;
     text-align: center;
     white-space: nowrap;
     text-decoration: none !important;
     text-transform: none;
     text-transform: capitalize;
     border: 0 none;
     border-radius: 2px;
     font-size: 11px;
     line-height: 1.3;
     text-transform: uppercase;
}
 .dt-button-info {
     padding: 50px;
     color: #b9bcc4;
     text-align: center;
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: rgba(255, 255, 255, 0.7) 
}
 .dt-button-info h2 {
     display: none;
}
 .flex {
     display: flex;
     flex-direction: row;
}
 .odd {
     background-color: #ccc;
}
 .clickablePool {
     flex: 1;
     text-align: center;
}
 .clickablePlayer {
     flex: 1;
     text-align: left;
}

/*Link colors*/
a:link {
  color: #027;
}

a:visited {
  color: #027;
}

a:hover {
  color: #a10101;
}

a:active {
  color: #a10101;
}