@use 'theme-selector' as theme-selector;
@use './themes/Cerulean/variables' as Cerulean;
@use './themes/Cosmo/variables' as Cosmo;
@use './themes/Cyborg/variables' as Cyborg;
@use './themes/Darkly/variables' as Darkly;
@use './themes/Flatly/variables' as Flatly;
@use './themes/Journal/variables' as Journal;
@use './themes/Litera/variables' as Litera;
@use './themes/Lumen/variables' as Lumen;
@use './themes/Lux/variables' as Lux;
@use './themes/Materia/variables' as Materia;
@use './themes/Minty/variables' as Minty;
@use './themes/Pulse/variables' as Pulse;
@use './themes/Sandstone/variables' as Sandstone;
@use './themes/Simplex/variables' as Simplex;
@use './themes/Sketchy/variables' as Sketchy;
@use './themes/Slate/variables' as Slate;
@use './themes/Solar/variables' as Solar;
@use './themes/Spacelab/variables' as Spacelab;
@use './themes/Superhero/variables' as Superhero;
@use './themes/United/variables' as United;
@use './themes/Yeti/variables' as Yeti;

@mixin table-border-color() {
  @if theme-selector.$theme-name == "Cerulean" {
    border-color: Cerulean.$gray-300;
  } @else if theme-selector.$theme-name == "Cosmo" {
    border-color: Cosmo.$gray-300;
  } @else if theme-selector.$theme-name == "Cyborg" {
    border-color: Cyborg.$table-border-color;
  } @else if theme-selector.$theme-name == "Darkly" {
    border-color: Darkly.$table-border-color;
  } @else if theme-selector.$theme-name == "Flatly" {
    border-color: Flatly.$gray-300;
  } @else if theme-selector.$theme-name == "Journal" {
    border-color: Journal.$gray-300;
  } @else if theme-selector.$theme-name == "Litera" {
    border-color: Litera.$table-border-color;
  } @else if theme-selector.$theme-name == "Lumen" {
    border-color: Lumen.$gray-300;
  } @else if theme-selector.$theme-name == "Lux" {
    border-color: Lux.$table-border-color;
  } @else if theme-selector.$theme-name == "Materia" {
    border-color: Materia.$gray-300;
  } @else if theme-selector.$theme-name == "Minty" {
    border-color: Minty.$table-border-color;
  } @else if theme-selector.$theme-name == "Pulse" {
    border-color: Pulse.$table-border-color;
  } @else if theme-selector.$theme-name == "Sandstone" {
    border-color: Sandstone.$gray-300;
  } @else if theme-selector.$theme-name == "Simplex" {
    border-color: Simplex.$gray-300;
  } @else if theme-selector.$theme-name == "Sketchy" {
    border-color: Sketchy.$table-border-color;
  } @else if theme-selector.$theme-name == "Slate" {
    border-color: Slate.$table-border-color;
  } @else if theme-selector.$theme-name == "Solar" {
    border-color: Solar.$table-border-color;
  } @else if theme-selector.$theme-name == "Spacelab" {
    border-color: Spacelab.$gray-300;
  } @else if theme-selector.$theme-name == "Superhero" {
    border-color: Superhero.$table-border-color;
  } @else if theme-selector.$theme-name == "United" {
    border-color: United.$gray-300;
  } @else if theme-selector.$theme-name == "Yeti" {
    border-color: Yeti.$gray-300;
  } @else {
    border-color: #000000;
  }
}

body {
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
}

p {
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.2rem;
  margin-top: 0.5rem;
}

.footer {
  p {
    margin-top: 0.1rem;
    margin-bottom: 0.1rem;
  }
  .nav-link {
    padding: 0.1rem 0.1rem;
  }
  label {
    margin-bottom: 0.1rem;
  }
  .poweredby {
    margin-right: 0.2rem;
    font-size: 80%;
  }
  .social-link {
    margin-right: 0.2rem;
    font-size: 100%;
    img {
      width: 40px;
      margin: 5px 5px;
    }
  }
}

.footer-logo {
  height: 40px;
  position: absolute;
  bottom: 0px;
}

.navbar {
  padding: 0.2rem 0.4rem;
}

.nav-tabs {
  border-width: 1px;
  > .nav-item > .nav-link {
    border-width: 1px;
  }
}

#index-search {
  width: 80%;
}

.block-last {
  margin: 0;
  margin-right: 10px;
}

.block-next {
  margin: 0;
  margin-left: 10px;
}

table.table > thead > tr > th {
  border-top: 0;
  border-bottom: 0;
}

table {
  width: 100% !important;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  @include table-border-color;
  a:not(.btn), &.table a:not(.btn) {
    text-decoration: none;
  }
  &.table-paging {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  &.order-table {
    margin-top: 0 !important;
    border-top: 0;
    border-right: 0;
    > thead > tr {
      > th {
        border-bottom: 1px solid #000000;
        @include table-border-color;
      }
      > th:last-child {
        border-left: 1px solid #000000;
        @include table-border-color;
      }
      > th:nth-child(2) {
        border-right: 0;
      }
    }
  }
  &.history-table {
    border-left: 0;
    border-right: 0;
  }
  &.table-bordered:not(.table-paging) th, &.table-bordered:not(.table-paging) td {
    border-left-width: 0;
  }
  &.table-bordered:not(.table-paging):not(.right-border-0) th:last-child, &.table-bordered:not(.table-paging):not(.right-border-0) td:last-child {
    border-right-width: 0;
  }
  &.table-bordered.right-border-0 th:last-child, &.table-bordered.right-border-0 td:last-child {
    border-right-width: 1px;
  }
}

.dataTables_info, .dataTables_length {
  padding-left: 10px;
}

.dataTables_info {
  padding-top: 15px !important;
}

.dataTables_length {
  padding-top: 10px;
}

.dataTables_paginate {
  padding-right: 5px;
}

.dataTables_scrollHeadInner {
  padding-right: 16px !important;
  border-right: 1px solid #000000;
  @include table-border-color;
}

.pagination {
  margin-top: 6px !important;
  justify-content: flex-start;
  display: inline-block;
  > .paginate_button > a, > .paginate_button.disabled > a {
    border: 1px solid black;
  }
  > li {
    display: inline;
    > a {
      float: left;
    }
  }  
}

.table > tbody > tr > td.addr-summary {
  line-height: 7.7;
  font-size: 1.3em;
  font-weight: 800;
  text-align: center;
}

.dataTables_wrapper {
  border-top: 1px solid #000000;
  @include table-border-color;
  > .row:first-child {
    margin-right: 0;
    > div:first-child > .dataTables_length {
      border-left: 1px solid #000000;
      @include table-border-color;
    }
    > div:last-child {
      border-right: 1px solid #000000;
      @include table-border-color;  
    }
  }
  > .row:last-child {
    margin-left: 0;
    margin-right: 0;
    border: 1px solid #000000;
    border-top: 0;
    @include table-border-color;
    > div:first-child {
      padding-left: 0;
    }
    > div:last-child {
      padding-right: 0;
    }
  }
}

tr {
  width: 100%;
}

@media(max-width:575px) {
  .dataTables_paginate {
    font-size: 80%;
  }
  #marketChart {
    display: none;
  }
  table.table-paging:not(.mobile-border-right), table.summary-table:not(.mobile-border-right) {
    border-right-width: 0;
  }
}

@media(max-width:992px) {
  .navbar .nav-link {
    padding-left: 10px;
  }
}

.tab-pane .dataTables_wrapper, .tab-pane > .card-default > table, .wrapper-border-0 .dataTables_wrapper {
  border-top: 0;
}

.tab-pane {
  margin-top: 5px;
  > .card {
    border-radius: 0;
  }
}

.summary-table {
  margin: 0px !important;
  > tbody > tr > td {
    border-width: 1px;
  }
}

.table-bordered {
  border: 1px solid #000000;
  @include table-border-color;
  > thead > tr > th, > tbody > tr > td {
    border-width: 1px;
    border-bottom-width: 0;
  }
}

.margin-left-5 {
  margin-left: 5px;
}

#lblConnections {
  margin-left: 10px;
}

.header-panel span {
  margin: 0 5px 0 5px;
  top: 0;
}

.badge {
  a:link, a:visited, a:hover, a:active {
    color: #ffffff;
  }
}

#body-container {
  padding: 0 40px;
}

@media(max-width:767px) {
  #body-container {
    padding-left:0;
    padding-right:0;
  }
  .dataTables_wrapper {
    > .row:first-child > div:first-child {
      border-right: 1px solid #000000;
      @include table-border-color;  
    }
  }
}

.logo-main {
  padding: 0 15px;
}

.decimal {
  font-size: 0.7em;
}

.cardSpacer {
  margin-bottom: 10px;
}

.breakWord {
  word-break: break-word;
}

.entryField {
  max-width: 600px;
}

.container {
  padding-left: 0;
  padding-right: 0;
}

.card-body, .card-default.border-0 > .card-header {
  border: 1px solid #000000;
  @include table-border-color;
}

.card-body {
  border: 1px solid #000000;
  @include table-border-color;
}

.card-default.border-0 > .card-header {
  border: 1px solid #000000;
  border-bottom-width: 0;
  @include table-border-color;
}

.right-border-0 {
  border-right: 0;
}