/* variable */
$border-color-dark: #000;
$bg-white-dark: #494959;
$bg-light-dark: #393949;
$link-color-dark: #33aeff;

@import "~bootstrap/scss/bootstrap.scss";

body {
  background: #292939;
  font-family: 'Lato', Tahoma, Helvetica, sans-serif;
  padding: 0 !important;
  font-size: 13px;
}

.page-form {
  background: rgba(42, 145, 138, 0.1);
  border-radius: 4px;
}

.card-header {
  background: #cfcfcf;
  color: #000;
}

.btn-group-xs > .btn, .btn-xs {
  padding: .35rem .4rem;
  font-size: .875rem;
  line-height: .5;
  border-radius: .2rem;
}

table thead tr th, .thead_th {
  background-color: #e4e4e4;
  font-weight: bold;
  border-bottom: 1px solid #d5d5d5;
}

main {
  background: #f4f4f4;
}

/* DARK THEME */
main.dark {
  background: none;
}

.dark {
  color: #ffffff;
}

.dark .page-form {
  background: rgba(42, 145, 138, 0.7);
}

.dark .text-secondary {
  color: #999 !important;
}

.dark .table {
  color: #ffffff;
}

.dark table thead tr th, .dark .thead_th {
  background-color: #393949;
  border-bottom: 1px solid #000000;
}

.dark .border {
  border-color: $border-color-dark !important;
}

.dark .border-top {
  border-top-color: $border-color-dark !important;
}

.dark .border-right {
  border-right-color: $border-color-dark !important;
}

.dark .border-bottom {
  border-bottom-color: $border-color-dark !important;
}

.dark .border-left {
  border-left-color: $border-color-dark !important;
}

.dark .bg-white {
  background-color: $bg-white-dark !important;
}

.dark .bg-light {
  background-color: $bg-light-dark !important;
}

.dark .card {
  border-color: $border-color-dark !important;
}

.dark .card-header {
  background: #393949;
  color: #fff;
}

.dark .list-group-item {
  background-color: $bg-white-dark !important;
  border-color: $border-color-dark;
}

.dark .alert-light {
  color: #ffffff !important;;
  background-color: #000 !important;
  border-color: $border-color-dark;
}

.dark a, .dark .btn-link {
  color: $link-color-dark !important;
}

.dark .shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.35) !important;
}