:root {
  --bs-table-borders: rgb(30, 30, 30);
  --bs-top-table-borders: rgb(60, 60, 60);
}

@media (min-width: 576px) {
  .narrow_news {
    display: none;
  }
}

@media (max-width: 576px) {
  .wide_news {
    display: none;
  }
}

@media (max-width: 576px) {
  .notification {
    width: 100%;
  }
}

@media (min-width: 576px) {
  .notification {
    width: auto;
  }
}

@media (max-width: 576px) {
  td:nth-child(3), td:nth-child(5), td:nth-child(7) {
    display: none;
  }
}

@media (max-width: 576px) {
  th:nth-child(3), th:nth-child(5), th:nth-child(7) {
    display: none;
  }
}

@keyframes highlight-up {
  100% {
    color: rgb(255,255,255);
  }
  0%, 90% {
    color: #1bcc00;
  }
}

@keyframes highlight-down {
  100% {
    color: rgb(255,255,255);
  }
  0%, 90% {
    color: red;
  }
}

@keyframes highlight-gray {
  100% {
    color: rgb(255,255,255);
  }
  0%, 90% {
    color: gray;
  }
}

.btn-outline-primary:hover {
  background-color: transparent;
  border-color: var(--bs-white) !important;
}

body {
  background: rgb(23,23,23);
  font-family: 'Trebuchet MS';
}

.navbar {
  background: rgb(23,23,23);
}

.table-responsive {
  margin-left: 1rem;
  margin-right: 1rem;
}

.btn {
  padding-top: 0;
  padding-bottom: 0;
  border-color: var(--bs-top-table-borders);
  color: var(--bs-top-table-borders);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: var(--bs-top-table-borders);
}

tbody {
  color: #fff;
}

.form-control::placeholder {
  color: var(--bs-top-table-borders);
}

::selection {
  background: rgba(60,60,60,0.5);
}

input {
  padding: 0 !important;
  padding-top: .5rem !important;
  padding-bottom: .5rem !important;
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {
  /*border: 1px solid green;*/
  -webkit-text-fill-color: rgb(255, 255, 255);
  -webkit-box-shadow: 0 0 0px 1000px rgba(0, 0, 0, 0.5) inset;
  box-shadow: 0 0 0px 1000px rgba(0, 0, 0, 0.5) inset;
  transition: background-color 5000s ease-in-out 0s;
}

.login-dark form {
  max-width: 320px;
  width: 90%;
  background-color: #1e2833;
  padding: 40px;
  border-radius: 4px;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
}

.login-dark .illustration {
  text-align: center;
  padding: 15px 0 20px;
  font-size: 100px;
  color: #2980ef;
}

.login-dark form .form-control {
  background: none;
  border: none;
  border-bottom: 1px solid var(--bs-top-table-borders);
  border-radius: 0;
  box-shadow: none;
  outline: none;
  color: inherit;
}

.login-dark form .btn-primary {
  background: #214a80;
  border: none;
  border-radius: 4px;
  padding: 11px;
  box-shadow: none;
  margin-top: 26px;
  text-shadow: none;
  outline: none;
}

.login-dark form .btn-primary:hover, .login-dark form .btn-primary:active {
  background: #214a80;
  outline: none;
}

.login-dark form .forgot {
  display: block;
  text-align: center;
  font-size: 12px;
  color: #6f7a85;
  opacity: 0.9;
  text-decoration: none;
}

.login-dark form .forgot:hover, .login-dark form .forgot:active {
  opacity: 1;
  text-decoration: none;
}

.login-dark form .btn-primary:active {
  transform: translateY(1px);
}

.news > div {
  margin: 1rem;
  color: #fff;
  font-size: 1rem;
  margin-left: 1rem;
  margin-right: 1rem;
}

.news > div > h1 {
  font-size: 1rem;
  color: var(--bs-top-table-borders);
  margin-bottom: 0;
}

.news {
  margin-top: 4rem;
}

.table_news > h6 {
  color: var(--bs-top-table-borders);
  margin: 0;
}

.table_news > a {
  margin: 0;
  color: #fff;
  text-decoration: none;
}

.table_news {
  text-align: left;
}

.recent_news {
  color: red;
  float: left;
  margin-right: .5rem;
}

.news > div > a {
  color: #fff;
  text-decoration: none;
}

td {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

th {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

th > button {
  background: none;
  color: var(--bs-top-table-borders);
  padding: 0;
  border: none;
}

.loader-container {
  z-index: 4;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  background-color: rgb(23,23,23);
  height: 100vh;
}

.notification {
  /*display: block !important;*/
  /*opacity: 100 !important;*/
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  border-radius: 1rem;
  background-color: var(--bs-table-borders);
  color: #ffffff;
}

.toast-header {
  border-radius: 1rem;
  background-color: var(--bs-top-table-borders);
  color: #ffffff;
}

p {
  margin-bottom: 0;
}

.table-positions {
  margin: 0 1rem 1rem 1rem;
}

.table-positions > table {
  width: 100%;
}

.table-positions th {
  background-color: rgb(23,23,23);
  box-shadow: inset 0 -2px 0 var(--bs-top-table-borders);
  padding: 2px 0;
  z-index: 2;
  position: sticky;
  top: 3.5rem;
  border-bottom-width: 2px;
  border-color: transparent;
}

.table-positions td button {
  padding: 0;
  color: #fff;
  border-style: none;
  text-align: left;
  width: 95vw;
  background: none;
  z-index: 1;
  position: relative;
}

tr {
  border-bottom-width: 1px;
  border-color: var(--bs-table-borders);
}

table {
  table-layout: fixed;
  text-align: right;
  border-collapse: collapse;
}

td:nth-child(1) sup {
  color: #ff333a;
}

td:nth-child(1) {
  text-align: left;
  width: 4rem;
}

th:nth-child(1) {
  text-align: left;
  width: 4rem;
}

table canvas {
  height: 1.5rem !important;
  margin-left: auto;
  display: block;
}

.container-fluid {
  padding: 0;
}

.alpha_chart {
  /*overflow-x: scroll;*/
}

::-webkit-scrollbar {
  display: none;
}