@CHARSET "UTF-8";

body, html, .outer {
  height: 100%;
}

body {
  background: linear-gradient(to bottom, rgba(0,0,0,0.10) 0%,rgba(0,0,0,0) 100%), url(/art/bg.png) calc(100% - 5px) calc(100% - 45px) no-repeat;
  background-attachment: fixed;
}

canvas {
  background: rgba(255,255,255,0.5);
}

.bannerimg {
  height: 200px;
  background: url(/art/banner.jpg) center center no-repeat;
  background-size: cover;
  padding-top: 80px;
  filter: saturate(70%);
}

table.add-dt[data-src] .dataTables_empty {
  font-size: 0;
}

table.add-dt[data-src] .dataTables_empty:before {
  content: 'Loading...';
  font-size: 11pt;
  display: block;
  text-align: center;
}

th.sorting:after, th.sorting_asc:after, th.sorting_desc:after {
  font-family: 'Icons';
  margin-left: 0.5em;
  font-weight: normal;
  display: inline;
  cursor: default;
}


th.sorting {
  cursor: pointer;
}

th.sorting_asc, th.sorting_desc {
  cursor: default;
}

th.sorting:hover {
  opacity: 0.8;
}

th.sorting:after {
  content:'\e0b5';
  opacity: 0.6;
}

th.sorting_asc:after {
  content:'\e013';
  color: #007bff;
}

th.sorting_desc:after {
  content:'\e008';
  color: #007bff
}

.dataTables_length>label, .dataTables_filter>label {
  display: block;
}

.dataTables_filter>label {
  text-align: right; 
}

.dataTables_length>label>.form-control {
  display: inline-block !important;
  width: 80px;
}

.dataTables_filter>label>.form-control {
  display: inline-block !important;
  width: 70%;
}

.dataTables_wrapper>.row:first-child {
  background: rgba(0,0,0,.05);
  padding-top: 0.5rem;
}

.dataTables_paginate .pagination {
  justify-content: end;
}