:root {
  --base00: #2E3440;
  --base01: #3B4252;
  --base02: #434C5E;
  --base03: #4C566A;
  --base04: #D8DEE9;
  --base05: #E5E9F0;
  --base06: #ECEFF4;
  --base07: #8FBCBB;
  --base08: #88C0D0;
  --base09: #81A1C1;
  --base0A: #5E81AC;
  --base0B: #BF616A;
  --base0C: #D08770;
  --base0D: #EBCB8B;
  --base0E: #A3BE8C;
  --base0F: #B48EAD;

}

body {
  background-color: var(--base00);
}
.share-status.dashboard {
  border: none;
  -webkit-box-shadow: 0px 3px 19px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 3px 19px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 3px 19px 0px rgba(0, 0, 0, 0.1);
}

.usage-disk {
  background-color: var(--base0a);
}
.usage-disk > span:first-child {
  background-color: var(--base08);
}
span.outer.solid {
  background-color: var(--base00);
}
.red {
  color: var(--base0b);
}
#title {
  margin: 20px 0 30px 0;
  padding: 8px 10px;
  clear: both;
  border-bottom: none;
  background-color: var(--base01);
  letter-spacing: 1.8px;
}

/* tables - The css can't be general because some UI elements like the
 "Array Operation" in the "Main" section are made with tables. */
 table {
     background-color: var(--base00);
 }

/* Dashboard Tables */
table.share_status.dashboard {
  background-color: var(--base00);
  -webkit-box-shadow: 0px 3px 19px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 3px 19px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 3px 19px 0px rgba(0, 0, 0, 0.1);
  border: none;
}
table.share_status.dashboard thead tr:nth-of-type(odd){
    background-color: var(--base01) !important;
}
table.share_status.dashboard thead tr:nth-of-type(even){
    background-color: var(--base01) !important;
}
table.share_status.dashboard tbody tr:nth-child(even) {
    background-color: var(--base00);
}
table.share_status.dashboard tr > td.next {
  border-top: 1px solid var(--base01);
}
/* tbody.share tr:nth-of-type(even) {
  background-color: var(--base03) !important;
} */
.sys_view tr{
    background-color: var(--base00) !important;
}
.cpu_open, .mem_view, .view1, .vpn_view {
    background-color: var(--base00) !important;
}
.docker_view tr {
    background-color: var(--base00) !important;
}
.vm_view tr {
    background-color: var(--base00) !important;
}
/* Main Tables */
td.line {
    border-color: var(--base03) !important;
}
table.disk_status, table.share_status {
    background-color: var(--base00);
}
table.disk_status thead tr:last-child, table.share_status thead tr:last-child {
    border-bottom: none;
}
table.disk_status thead tr td, table.share_status thead tr td{
    background-color: var(--base03) !important;
}
table.disk_status tbody tr:nth-child(even), table.share_status tbody tr:nth-child(even) {
    background-color: var(--base00);
}
table.disk_status tbody tr:nth-child(odd), table.share_status tbody tr:nth-child(odd) {
    background-color: var(--base01);
}
table tbody tr.tr_last {
    border: none;
    background-color: var(--base03) !important;
}
table.array_status {
    background-color: var(--base00);
}
div.user-list {
  border: none;
  border-radius: 0;
  background-color: var(--base01);
}
table.tablesorter thead tr .tablesorter-headerAsc,
table.tablesorter thead tr .tablesorter-headerDesc {
  background-color: var(--base03);
}
table.tablesorter tbody tr:nth-child(even) {
  background-color: var(--base01);
}
table.tablesorter tbody tr:nth-child(odd) {
    background-color: var(--base02);
  }
table.tablesorter thead tr {
  border-bottom: var(--base01) 1px solid;
}
table.tablesorter thead tr th {
  background-color: var(--base03);
}
table.tablesorter.four tbody tr:nth-child(4n-1) {
  background-color: var(--base01);
}
.ca_holder {
  background-color: var(--base01) !important;
  border: none !important;
  border-radius: 0 !important;
}
.disabledIcon {
  color: var(--base07);
}
div.tab [type="radio"]:checked + label {
  border: 1px solid var(--base07);
}
div.tab [type="radio"] + label {
  border-radius: 0;
}
div.tab [type="radio"] + label:hover {
  border: 1px solid var(--base07);
}
div.tab [type="radio"] + label {
  background-color: var(--base01);
}
.dropdown-menu {
  background-color: var(--base04);
  border: 1px solid var(--base04);
  border-radius: 0;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.dropdown-menu .divider {
  background-color: transparent;
  border-bottom: none;
}
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
  color: var(--base00);
  text-decoration: none;
  background-color: var(--base06);
  background-image: none;
  background-image: none;
  background-image: none;
}
.dropdown-menu a {
  color: var(--base00);
}
.usage-bar > span {
  display: block;
  height: 100%;
  text-align: right;
  border-radius: 0;
  color: var(--base00);
  background-color: var(--base08);
  box-shadow: none;
}
.usage-bar {
  float: left;
  height: 2rem;
  line-height: 2rem;
  width: 14rem;
  padding: 1px 1px 1px 2px;
  margin: 8px 12px;
  border-radius: 0;
  background-color: var(--base0a);
  box-shadow: none;
}
#nav-block #nav-item.active:after {
  background-color: var(--base08);
}