@import url('styles.css');


body.dark h3 {
  color: #6c6c6c;
}

body.dark {
  background-color: #1e1e1e;
}

body.dark .container {
  background-color: #2a2a2a;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
}

body.dark table {
  width: 100%;
  border-collapse: collapse;
  background-color: #2e2e2e;
}

body.dark table thead {
  background-color: #3c3c3c;
  color: #ffffff;
}

body.dark table tbody tr:nth-child(odd) {
  background-color: #3a3a3a;
}

body.dark table tbody tr:nth-child(even) {
  background-color: #2e2e2e;
}

body.dark table.data tr {
  border-bottom: 1px solid #444;
}

body.dark table tbody tr:hover {
  background-color: #444444;
}

body.dark table td, body.dark table th {
  border: 1px solid #444;
  color: #d4d4d4;
}

body.dark table.data th {
  background-color: green;
  color: white;
}

body.dark, body.dark button {
  background-color: #3c3c3c;
  color: #ebebeb;
}

body.dark input:focus, body.dark button:focus {
  outline: none;
  border: 1px solid #666;
}

body.dark .button-container,
body.dark .button-custom-container {
  border-right: 1px solid #444 !important;
}

body.dark tr:hover td,
body.dark tr:hover th {
  color: #1a1a1a;
}

body.dark .close-button,
body.dark .top-bar-button {
  background-color: transparent;
  border: none;
  color: #333;
}

body.dark .top-bar-button:hover,
body.dark .top-bar-button.active {
  color: var(--hover-color);
}

body.dark .setting-item span {
  color: #333;
}

body.dark #themeLabel,
body.dark .slider-thumb,
body.dark .broker-select-label,
body.dark .broker-input-label,
body.dark .broker-legend,
body.dark .broker-radio-label,
body.dark .title-slider-risk-reward,
body.dark .title-slider,
body.dark .position-size-label,
body.dark .timeframe-slider-thumb {
  color: #333;
}

body.dark .custom-input {
  color: #d4d4d4;
  border: 1px solid #d4d4d4;
  background-color: #333;
}

body.dark .custom-input:focus {
  outline: none;
  border: 1px solid green;
}

body.dark .close-btn {
  color: #333;
  background-color: transparent;
}

body.dark .close-btn:hover {
  color: red;
}

body.dark .button-line {
  border-top: 1px solid #d4d4d4;
}

body.dark table.data tr.selected {
  background-color: #707070;
  color: #d4d4d4;
}

body.dark .subscribe-button {
  background-color: #4caf50;
  color: white;
}

body.dark .selected-row {
  background-color: #333;
  border: 1px solid #707070;
}

body.dark .row-header {
  color: #d4d4d4;
  border-bottom: #707070 1px solid;
}

body.dark .row-header span,
body.dark .row-content span {
  color: #d4d4d4;
}

body.dark .row-header-status span, 
body.dark .row-content-status span {
  color: #d4d4d4
}

body.dark .row-header-status {
  border-bottom: #707070 1px solid;
}

body.dark #loading-overlay{
  background:
    radial-gradient(1200px 800px at 50% 30%, rgba(0,0,0,.12), transparent 70%),
    rgba(0,0,0,.12);
}

body.dark .pageBgOverlay {
  background: rgba(0, 0, 0, 0.4);
}