:root {
  /*--bs-body-bg: #17181c;*/
  /*--bs-body-bg-rgb: 23, 24, 28;*/
  /*--bs-body-bg: #0d1217;*/
  /*--bs-body-bg: #18212a;*/
  /*--bs-body-bg-rgb: 13, 18, 23;*/
  /*--bs-body-bg: #111a22;*/
  /*--bs-body-bg: #131c25;*/
  /*--bs-body-bg-rgb: 19, 28, 37;*/
  --bs-body-bg: #0a1a26;
  --bs-body-bg-rgb: 10, 26, 38;
  --bs-body-font-size: 0.875rem;
  /*--bs-body-color: #fafafa;*/
  /*--bs-body-color-rgb: rgb(250, 250, 250);*/
  /*--bs-body-color: #e1e2e3;
  --bs-body-color-rgb: rgb(225, 226, 227);*/
  --bs-body-color: #d9e0e6fa;
  --bs-body-color-rgb: rgb(217, 224, 230);
  /*--bs-tertiary-bg: #151619; /* used for cards */
  /*--bs-tertiary-bg-rgb: 0, 0, 0; /* used for cards */
  --bs-tertiary-bg: #ffffff05; /* used for cards */
  --bs-tertiary-bg-rgb: 255, 255, 255; /* used for cards */
  --bs-border-radius: 0.5rem;
  --bs-border-color: #49505752;
  --bs-font-sans-serif: "Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  --bs-link-color: #2f80ed;
  --bs-link-hover-color: #2f80ed;
  --bs-link-color-rgb: 47, 128, 237;
  --bs-link-hover-color-rgb: 47, 128, 237;
  --bs-primary: #2172e5;
  --bs-primary-rgb: 33, 114, 229;

  --brand-accent-blue: #2172e5;
  --brand-accent-blue-rgb: 33, 114, 229;
  --brand-hr-color: #495057;
}
html {

}
body {
  font-size: var(--bs-body-font-size);
  max-width: 1600px;
  margin: 0 auto;
}
main {
  min-height: 100vh;
  max-height: 100vh;
  padding: 1.75rem;
  overflow-y: scroll;
  -ms-overflow-style: none;  /* Internet Explorer 10+ */
  scrollbar-width: none;  /* Firefox */
}
main::-webkit-scrollbar { 
  display: none;  /* Safari and Chrome */
}
@media only screen and (max-width: 575px) {
  main {
    /*padding: 0.75rem;*/
    padding: 0.5rem !important;
  }
}
@media only screen and (max-width: 992px) {
  main {
    /*padding-top: calc(1.75rem / 2 + 52px) !important;*/
    padding-top: 1.5rem !important;
  }
}
body>aside {
  min-height: 100vh;
  max-height: 100vh;
  /*width: 220px;*/
  /*min-width: 220px;*/
  width: 225px;
  min-width: 225px;
  /*padding: 1.5rem;*/
  padding: 1.25rem;
  padding-right: 0;
  overflow-y: scroll;
  -ms-overflow-style: none;  /* Internet Explorer 10+ */
  scrollbar-width: none;  /* Firefox */

  font-size: 0.85rem;
}
body>aside::-webkit-scrollbar { 
  display: none;  /* Safari and Chrome */
}

.bg-body-tertiary {
  /*--bs-bg-opacity: 0.1;*/
  --bs-bg-opacity: 0.02;
}
.bg-trans {
  background-color: transparent;
}
.border-warning {
  --bs-border-opacity: 0.8;
}



.card {
  background-color: var(--bs-tertiary-bg);
  /*border: 1px solid rgb(64, 68, 79);*/
  border: 1px solid var(--bs-border-color);
  /*margin-bottom: 2.15rem;*/
  /*margin-bottom: 1.75rem;*/
  margin-bottom: .75rem;
}
@media only screen and (max-width: 480px) {
  .card {
    --bs-card-spacer-x: 0.5rem;
  }
}
.card .card {
  background-color: #00000040;
  margin-bottom: 0.5rem;
}
.card-title,
.card-body h1,
.card-body h2,
.card-body h3,
.card-body h4,
.card-body h5,
.card-body h6 {
  font-size: 0.9375rem;
  /*font-size: 1.25rem;*/
  padding-top: 0;
  padding-bottom: .75rem;
  margin-top: 0 !important;
  margin-bottom: .75rem;
  border-bottom: 1px solid rgba(43, 43, 43, 0.435);
}
.card-body h1,
.card-body h2,
.card-body h3,
.card-body h4,
.card-body h5,
.card-body h6 {
  margin-top: 2rem;
}



.card-post .post-body {
  max-height: 500px;
  overflow: scroll;
  padding: 1rem;
  background-color: var(--bs-body-bg);
  border-radius: var(--bs-border-radius);
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 480px) {
  .card-post .post-body {
    padding: 0.5rem;
  }
}
.card-post.removed {
  display: none;
}
.card-post.unremoved:not(.filtered) {
  display: flex !important;
  /*border-color: rgba(var(--bs-danger-rgb),0.8) !important;*/
}
.card-post.unremoved:not(.filtered) summary {
  color: rgba(var(--bs-danger-rgb),0.9) !important;
}
.card-post.filtered summary {
  color: rgba(var(--bs-warning-rgb),0.9) !important;
}

aside.onebox {
  padding: 1rem;
  border: 0.25rem solid var(--bs-border-color);
  margin-bottom: 0.75rem;
}
aside.onebox .source a, {
  font-size: 0.9em;
}
aside.onebox .source img {
  margin-bottom: -1.4rem;
}
aside.onebox .onebox-body img,
aside.onebox .onebox-body .topic-category {
  display: none;
}
aside.onebox h3 {
  margin-left: 2.25rem;
}
aside.onebox .onebox-body p {
  /*font-style: italic;*/
  font-size: 0.95em;
  /*padding-left: 1rem;*/
  /*border-left: 0.25rem solid var(--bs-border-color);*/
  /*margin-top: 0.25rem;*/
  margin-bottom: 0;
}



.btn {
  --bs-btn-padding-y: 0.25rem;
  /*--bs-btn-padding-x: 0.5rem;*/
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: var(--bs-border-radius-sm);
}
.btn-group-sm>.btn, .btn-sm {
  /*--bs-btn-padding-y: 0.1rem;*/
  --bs-btn-padding-y: 0.05rem;
  /*--bs-btn-padding-x: 0.35rem;*/
  --bs-btn-padding-x: 0.5rem;
}
.btn-primary {
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: rgb(var(--brand-accent-blue-rgb));
  --bs-btn-border-color: rgb(var(--brand-accent-blue-rgb));
  --bs-btn-hover-color: var(--bs-body-color);
  --bs-btn-active-color: var(--bs-body-color);
  --bs-btn-disabled-color: var(--bs-body-color);
  --bs-btn-disabled-bg: rgb(var(--brand-accent-blue-rgb));
  --bs-btn-disabled-border-color: rgb(var(--brand-accent-blue-rgb));
}
btn-check:checked+.btn,
.btn.active, .btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
  border-color: var(--bs-btn-active-border-color) !important;
}



.badge {
  --bs-badge-border-radius: 0.25rem;
  --bs-badge-padding-x: 0.4rem;
  --bs-badge-padding-y: 0.3rem;
  --bs-badge-font-size: 0.625rem;
  --bs-badge-font-weight: inherit;
  margin-right: 0.4rem;
  border-radius: var(--bs-border-radius-pill) !important;
  height: fit-content;
  border: 1px solid;
  text-shadow: #00000075 1px 1px;
}



.alert {
  --bs-alert-padding-y: 0.5rem;
}
.alert p:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
.alert > svg,
.alert details summary > svg {
  margin-top: 0.15rem;
  margin-right: 0.5rem;
}
.alert a {
  color: inherit;
}


ul {
  padding-left: 1rem;
}
ol {
  padding-left: 1.5rem;
}
li {
  /*margin-bottom: 0.25rem;*/
  margin-bottom: 0.4rem;
}
ol li {
  padding-left: 0.25rem;
}



blockquote {
  border-left: 3px solid #ffffff26;
  padding-left: 0.75rem;
  color: var(--bs-body-color);
  color: #cdd0d4;
  border-color: var(--bs-border-color-translucent);
}



details summary {
  display: flex;
  font-weight: 500;
  opacity: 1;
}
details summary p {
  margin-bottom: 0;
}
details > :not(summary) {
  /*padding-left: 1rem;*/
}
details summary > .arrowicon {
  margin-left: auto;
  margin-top: -1px;
}
details[open] summary > .arrowicon {
  transform: rotate(90deg);
  transition: all 0.1s ease 0s;
}
.card details {
  margin-top: -0.3rem !important;
  margin-bottom: -0.3rem;
}
.card details[open] {
  padding-bottom: 0.5rem;
}
details[disabled] summary,
details.disabled summary,
details summary[disabled],
details summary.disabled {
  opacity: 0.5 !important;
  pointer-events: none !important;
  cursor: default !important;
  user-select: none;
}
details img {
  max-width: 100%;
  height: auto;
}




.card-post .table,
.card-post table {
  --bs-table-bg: var(--bs-body-bg);
  /*margin-bottom: 0;*/
}
.table>:not(caption)>*>* {
  /*padding: 0.625rem 1rem;*/
  padding: 0.5rem 1rem;
}
table tbody tr:last-child {
  border-bottom: 0 solid transparent;
}
.table th,
.table td {
  border-right: solid 1px;
  border-color: inherit;
}
.table th:last-child,
.table td:last-child {
  border-right: none;
}
/*adds sticky header*/
.table-responsive {
  
}
.table-responsive::-webkit-scrollbar {
  display: none;
}
@media only screen and (max-width: 991px) {
  .table-responsive {
    max-height: 400px;
    overflow: scroll;
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
    position: relative!important;
  }
}
@media only screen and (max-width: 575px) {
  .table-responsive {
    max-height: 400px;
  }
}
/*adds sticks first column*/
.table th:first-child,
.table td:first-child {
  position: sticky;
  left: 0;
}
table>thead {
  /*fallback from .sticky-top*/
  position: sticky;
  top: -1px;
  /*z-index: 1020;*/
  z-index: 999; /*if greater it cuts overlaps dropdown*/
}



.input-group-text,
.form-select {
  font-size: inherit;
}
select.form-select {
  /*background-color: rgb(78 102 137 / 10%);*/
  /*background-color: rgb(138 168 210 / 10%);*/
}
select.form-select:focus {
  border: var(--bs-border-width) solid var(--bs-border-color);
  box-shadow: none;
}
.form-control {
  font-size: var(--bs-btn-font-size);
  background-color: var(--bs-tertiary-bg);
}
.dropdown-menu {
  --bs-dropdown-font-size:  var(--bs-body-font-size);
}


.nav-tabs {
  border: none;
  padding-left: 5px;
  padding-right: 5px;
}
.nav-tabs .nav-item {
  border: 3px solid transparent;
  border-bottom: none;
  min-width: revert;
  margin-bottom: 1px;
}
.nav-tabs .nav-link {
  width: 100%;
  --bs-border-opacity: 0.225;
  border-color: rgba(var(--bs-secondary-rgb),var(--bs-border-opacity))!important;
  border-bottom: none;
  color: inherit;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active,
.nav-tabs .nav-link:hover {
  background-color: var(--brand-accent-blue);
}
.tab-content {
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  padding: 0.75rem
}



hr {
  color: var(--brand-hr-color);
}



.tooltip {
  --bs-tooltip-font-size: 0.8rem;
  --bs-tooltip-opacity: 1;
  --bs-tooltip-bg: #1d2229;
  --bs-tooltip-color: inherit;
}
.text-copy:hover {
  cursor: pointer;
  opacity: 1;
}


code {
  color: #c2c2c2;
}
pre {
  max-height: 300px;
  background-color: var(--bs-tertiary-bg);
  border-radius: var(--bs-border-radius);
  border: 1px solid;
  border-color: var(--bs-border-color);
  padding: 1rem;
}
@media only screen and (max-width: 575px) {
  pre {
    max-height: 200px;
  }
}


.inline-dot {
  width: .75rem;
  height: .75rem;
  display: inline-block;
  margin-bottom: -0.1rem;
  border-radius: 50% !important;
}














