body {
  font-size: 14px;
  font-family: 'SF Pro Display', 'Helvetica';
  background: #111316;
}

.fixed-scrollbar-off {
  scrollbar-gutter: stable;
}

.WidgetChart {
  overflow: hidden;
}

/****** Scrollbar On hover ******/

.fixed-scroll-off.colDashboardSection ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background-color: transparent;
}

.fixed-scroll-off {
  scrollbar-width: none;
}

.fixed-scroll-off:hover {
  scrollbar-color: auto;
  scrollbar-width: auto;
}

.fixed-scroll-off:hover ::-webkit-scrollbar {
  background: #303030;
  box-shadow: 0px 0px 3px #dfdfdf inset;
}

.fixed-scroll-off:hover ::-webkit-scrollbar-thumb {
  background-color: #555;
  width: 10px;
}

.fixed-scroll-off:hover ::-webkit-scrollbar-thumb:horizontal {
  height: 10px;
}

.fixed-scroll-off:hover ::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}

.fixed-scroll-off:hover ::-webkit-scrollbar-track:hover {
  background: #303030;
  box-shadow: 0px 0px 3px #dfdfdf inset;
}

/* ********** Fixed Scrollbar **********  */

.fixed-scroll-on .colDashboardSection ::-webkit-scrollbar {
  width: 10px !important;
  height: 10px !important;
}

.fixed-scroll-on::-webkit-scrollbar,
::-webkit-scrollbar {
  width: 10px !important;
  height: 10px !important;
}

.fixed-scroll-on::-webkit-scrollbar-track {
  background: #262626 !important;
  box-shadow: 0px 0px 3px #dfdfdf inset !important;
}

.fixed-scroll-on::-webkit-scrollbar-thumb:horizontal {
  background: #888 !important;
  height: 8px !important;
}

.fixed-scroll-on::-webkit-scrollbar-thumb:vertical {
  background: #888 !important;
}

.fixed-scroll-on::-webkit-scrollbar-thumb:hover {
  background: #555 !important;
}

.fixed-scroll-on::-webkit-scrollbar-button:vertical:end:increment {
  background-image: url(assets/img/down_arrow.png);
  background-size: 10px 10px;
  background-repeat: no-repeat;
  background-position: center center;
  height: 10px;
  width: 1em;
}

.fixed-scroll-on::-webkit-scrollbar-button:vertical:start:decrement {
  background-image: url(assets/img/up_arrow.png);
  background-size: 10px 10px;
  background-repeat: no-repeat;
  background-position: center center;
  height: 16px;
  width: 1em;
}

.divAllWidgetsHolders .no-grid {
  display: flex;
  gap: 3px;
  flex-wrap: wrap;
}

.divAllWidgetsHoldersWorldBook .no-grid {
  display: flex;
  gap: 3px;
  flex-wrap: wrap;
}

.navbar {
  background: #15181c !important;
  height: 40px;
  z-index: 6;
}
.navbar .navbar-brand img {
  margin-top: -3px;
  height: 15px;
  width: auto;
}

.navbar-nav:first-child {
  margin-left: 70px;
}

.nav-symbol {
  height: 20px;
}

.nav-link > p {
  display: none;
}

.nav-template-name {
  display: block !important;
}

.nav-link-dropdowns-span {
  width: 36px;
  height: 36px;
  border-radius: 36px;
  display: inline-block;
  vertical-align: middle;
  margin: -26px -20px -15px 0px;
  background-position: center;
  background-size: cover;
  text-align: center;
  padding-top: 10px;
  font-size: 14px;
  z-index: 4;
}

.nav-wrapper,
#v-pills-tabContent {
  height: 600px;
  overflow:auto;
}

.nav-wrapper {
  -ms-overflow-style: none;
  scrollbar-width: none; 
}
.nav-wrapper::-webkit-scrollbar { 
  display: none;
}

@media screen and (max-width: 768px) {
  .navbar-toggler {
    margin-left: auto;
    border: none;
  }

  .navbar-nav {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .nav-link > i {
    font-size: 1rem;
  }

  .navbar-nav:first-child {
    margin-left: 0;
  }

  .navbar {
    height: auto !important;
  }

  .navbar .navbar-brand img {
    margin-top: 0;
  }

  .nav-link {
    display: flex;
    gap: 5px;
    padding: 0.5rem;
  }

  .nav-link > p {
    display: block;
  }

  .nav-link-dropdowns-span {
    margin: -14px -20px -15px 0px;
  }

  .dropdown.ddNavSearchAsset,
  .nav-item.dropdown.ddGridSelector {
    z-index: 9999;
  }

  .nav-item.dropdown[data-bs-original-title="Notification"],
  .nav-item.dropdown[data-bs-original-title="Alerts"] {
    z-index: 1000;
  }

  /* .navbar-nav .dropdown-menu {
    position: absolute !important;
  } */
}
.navbar ul.navbar-nav li.nav-item:not(:nth-child(9)) {
  padding: 1px;
  height: 38px;
}

.navbar ul.navbar-nav li.nav-item .nav-link {
  background: #292f38 !important;
  height: 36px !important;
  padding: 8px 10px !important;
}

.navbar .input-group.mb-3 {
  margin-bottom: 0;
  margin-top: 1px !important;
}

.navbar .input-group.mb-3 .form-control {
  background: #000;
  color: #fff;
  border: none;
}
.navbar .input-group.mb-3 .input-group-append {
  background: #292f38;
  color: #fff;
  border-radius: 0 5px 5px 0;
  font-size: 12px;
  margin-right: -3px;
}
.navbar a.nav-link,
.navbar .navbar-brand {
  color: #fff !important;
  opacity: 1 !important;
  padding-top: 13px;
}
.navbar a.nav-link.dropdown-toggle:visited {
  color: #fff !important;
  background-color: #222 !important;
}
.ddNavSearchAsset .dropdown-toggle::after {
  border: none;
}
.navbar a.nav-link:hover,
.navbar .dropdown-toggle:hover {
  color: #ff9000 !important;
}
@media only screen and (min-width: 1000px) {
  .navbar #navbarToggler {
    margin-right: 0 !important;
    padding-right: 0 !important;
  }
}
.navbar-collapse::after {
  background: #222 !important;
}
.navbarbrand-left {
  padding: 5px;
  border: 1px solid #fff;
  text-transform: uppercase;
  font-weight: normal;
  display: inline !important;
  width: 95px !important;
}
.navbarbrand-right {
  padding: 5px 5px 5px 10px;
  border: 0px solid #fff;
  text-transform: uppercase;
  font-weight: normal;
  display: inline !important;
  width: 95px !important;
}
.footer {
  background: #000212 !important;
  color: #f1f1f1;
  text-align: center;
  padding: 10px 0;
}
a {
  color: #ff9800;
  text-decoration: none;
}
.footer a {
  color: #f1f1f1 !important;
}
.footer a:hover {
  color: #fff !important;
}
#ddUserProfileNav,
#navbarDropdownMenuLink {
  background: transparent !important;
}
#navbarDropdownMenuLink:after {
  opacity: 0;
}
/* #navbarDropdownMenuNotification .badge {
  position: absolute;
  top: 15px;
  right: 5px;
  background: #a00;
  color: #fff;
  font-size: 0.8em;
  border-radius: 5px;
  min-width: 10px;
  text-align: center;
} */
#ddUserProfileNav {
  background: #000212;
  transition: background 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
#ddUserProfileNav:hover {
  background: #fff;
}
#ddUserProfileNav a.nav-link {
  background: transparent !important;
}
.dropdown-menu.show {
  background: #080a0c !important;
  overflow: hidden;
  left: auto;
  right: 0px;
  padding: 0;
}
.dropdown-menu.show .dropdown-item {
  color: #fff !important;
  font-size: 1em;
  font-weight: 300;
  background: #080a0c;
  padding-top: 10px;
  padding-bottom: 10px;
}
.dropdown-menu.show .dropdown-item:hover {
  background: #000 !important;
}
.dropdown-menu:after {
  border-color: transparent transparent #000 transparent !important;
}
#navbarDropdownMenuNotificationBody {
  margin-top: 5px;
}
#navbarDropdownMenuNotificationBody:before,
#navbarDropdownMenuNotificationBody:after {
  display: none;
}
.enableDesktopNotification {
  white-space: normal !important;
  background: #7e6ea0;
}
#ddAdminNav .dropdown-menu.show {
  right: 0 !important;
  left: auto !important;
}
.dropdown-menu .nav-link {
  margin: 0 !important;
}
#ddNavbarAudio #ddNavbarAudioStatic img {
  height: 15px;
}
.playnavbaraudio {
  cursor: pointer;
  background: #15181c !important;
}
.playnavbaraudio img {
  margin-left: 7px;
  float: right;
  height: 10px;
}
.dropdown-item.changenavbaraudiovolume {
  height: 180px;
  width: 10px;
  padding-top: 80px;
  background: transparent !important;
}

.AudioPlaylistItem {
  padding: 5px 10px;
  cursor: pointer;
}
.AudioPlaylistItem:hover {
  background: #292f38;
}
#AudioPlayerPlaylistToggle {
  transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
#AudioPlayerPlaylistToggle,
#AudioPlayerPlayPrevious,
#AudioPlayerPlayCurrent,
#AudioPlayerPauseCurrent,
#AudioPlayerPlayNext,
#AudioPlayerPlayVolume {
  background: #393b3d;
}
#AudioPlayerPlaylistToggle:hover,
#AudioPlayerPlayPrevious:hover,
#AudioPlayerPlayCurrent:hover,
#AudioPlayerPauseCurrent:hover,
#AudioPlayerPlayNext:hover,
#AudioPlayerPlayVolume:hover {
  background: #5a6472;
}

input[type="range"][orient="vertical"] {
  transform: rotate(-90deg);
  width: 150px;
  height: 8px;
  padding: 0 !important;
}
input[type="range"][orient="horizontal"] {
  width: auto;
  height: 8px;
  padding: 0 !important;
}

.nav-item.dropdown.ddGridSelector.ddGridSelector_block {
  display: block;
  /* margin-top: 2px; */
}

.ddDetailChartingSelector a.nav-link.dropdown-toggle:visited {
  background: #212529 !important;
}

.nav-item.dropdown.ddGridSelector.ddGridSelector_none {
  display: none;
}

.ddGridSelector.ddGridSelector table tr td {
  text-align: center;
}
.ddGridSelector.ddGridSelector table tr .tdUserGrid {
  padding:0;
}

.tdUserGrid,
.gridCellNo {
  cursor: default!important;
}

.ddGridSelector.ddGridSelector table tr .tdUserGrid svg{
  padding:0;
  margin:10px;
}
.ddGridSelector table tr td svg g {
  stroke: #777777;
}

.ddGridSelector table tr td:hover {
  cursor: pointer;
}

.ddGridSelector table tr td.disabled {
  cursor: default;
}

.ddGridSelector .form-check.form-check-inline.has-disabled:hover,
.ddGridSelector .form-check.form-check-inline.has-disabled.selected {
  cursor: default;
}

.ddGridSelector table tr td.disabled:hover svg g {
  stroke: #777777;
}

.ddGridSelector table tr td.disabled svg g {
  stroke: #777777;
}

.ddGridSelector table tr td svg g {
  stroke: #ffffff;
}

.ddGridSelector table tr td:hover svg g {
  stroke: #ff9000;
}
.ddGridSelector table tr td.active svg g {
  stroke: #ff9000;
}
.ddGridSelector table .tdUserGrid.active {
  color: #ff9000;
}

.tdUserGrid .disabled .ddGridSelector table .tdUserGrid > label {
  margin: 5px !important;
}

.ddGridSelector table .tdUserGrid > label > input {
  opacity: 0;
  display: none;
}

.ddGridSelector .dropdownMulti > li > .dropdown-item {
  padding: 10px;
}
.ddGridSelector .dropdownMulti > li > .dropdown-item > i {
  margin-right: 10px;
}
.ddGridSelector .form-check.form-check-inline:active,
.ddGridSelector .form-check.form-check-inline.selected {
  background: #ff9000;
}
.ddGridSelector .form-check.form-check-inline input {
  opacity: 0;
  height: 0;
  width: 0;
}
.ddGridSelector .form-check.form-check-inline label {
  margin-left: -20px;
  padding: 10px 15px;
  cursor: pointer;
}

.ddGridSelector .form-check.form-check-inline {
  background: transparent;
}

.ddGridSelector .form-check.form-check-inline:hover {
  cursor: default;
}

#GC {
  width: 100%;
}
#GC .slider-selection {
  background: #ffc273;
}
#GC .slider-handle {
  background: #ff9000;
}
#G {
  width: 100px !important;
}

.dropdownMulti {
  overflow: visible !important;
}
@media all and (min-width: 992px) {
  .dropdown-menu li {
    position: relative;
    overflow: visible !important;
  }
  .nav-item .submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: -7px;
    z-index: 5000000;
    background: transparent;
  }
  .nav-item .submenu-left {
    right: 100%;
    left: auto;
  }
  .dropdown-menu > li:hover {
    background-color: #f1f1f1;
  }
  .dropdown-menu > li:hover > .submenu {
    display: block;
    overflow: visible !important;
  }
}
@media (max-width: 991px) {
  .dropdown-menu .dropdown-menu {
    margin-left: 0.7rem;
    margin-right: 0.7rem;
    margin-bottom: 0.5rem;
  }
}

.navWC {
  font-size: 12px;
  text-align: center;
  margin-top: -5px;
}
.navWC a.nav-link {
  color: #ffffff !important;
}
.navWC a.nav-link span:first-child {
  font-size: 12px;
}

.AlertSidebarTitle {
  background: #15181c;
  color: #ffffff;
  padding: 3px;
  font-weight: 700 !important;
}

.AlertSidebarClose {
  float: right;
  margin-top: 3px;
  margin-right: 3px;
  cursor: pointer;
}

.text-center.ddAlertModify {
  color: white !important;
  margin-top: auto;
  background-color: #15181c;
}

.text-center.ddAlertModify .dropdown-item {
  color: white !important;
  margin-top: auto;
  padding: 9px;
}

#navbarDropdownMenuAlertBody {
  position: fixed;
  top: 0;
  right: -400px;
  width: 400px;
  height: 100vh;
  overflow: hidden;
  background: #111316;
  z-index: 1050;
  border-left: 1px solid #333333;
  transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  display: flex;
  flex-direction: column;
}

#alertsContainer .dropdown-item {
  padding: 10px !important;
  margin-top: 2px;
}

#alertsContainer .dropdown-item:nth-child(odd) {
  background: #111315 !important;
}

#alertsContainer .dropdown-item:nth-child(even) {
  background: #15181c !important;
}

#alertsContainer .ddAlertTitle {
  font-weight: bold;
  display: inline-block;
  width: calc(100% - 42px);
  color: #fff;
}

#alertsContainer .dropdown-item > div > .ddAlertModify {
  cursor: pointer;
  background: #292f38;
  text-align: center;
  padding: 5px;
  color: #fff;
  font-size: 11px;
}

#alertsContainer .ddAlertRemove {
  cursor: pointer;
  background: #292f38;
  text-align: center;
  padding: 5px;
  font-size: 11px;
  color: #fff;
  margin-left: 2px;
}

#alertsContainer .ddAlertSymbol {
  margin: 5px;
  vertical-align: middle;
  font-size: 12px;
  color: #9d9d9d;
}

#alertsContainer .ddAlertStatus {
  color: #fff;
  vertical-align: middle;
  background-color: #0a702c;
  padding: 2px 4px;
  font-size: 12px;
  font-weight: 700;
}

#alertsContainer .ddAlertChart {
  color: #fff;
  vertical-align: middle;
}

.btnNoteStyle {
  background: #292f38;
  color: #d0d0d0;
  border-radius: 2px;
  margin-right: 2px;
  padding: 3px;
  font-size: 10px;
  cursor: pointer;
}
#NoteSidebar {
  position: fixed;
  top: 0;
  right: -400px;
  width: 400px;
  height: 100vh;
  overflow: hidden;
  background: #111316;
  z-index: 1050;
  border-left: 1px solid #333333;
  transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  display: flex;
  flex-direction: column;
}

/* .NoteModifyContainer {
  margin-top: auto;
} */

.NoteCenteredComponent {
  margin: auto;
  display: flex;
  gap: 5px;
  flex-direction: column;
}

.NoteCenteredComponent > img {
  margin: 0 auto;
  width: 100px;
  object-fit: contain;
}

.NoteCenteredComponent > p:nth-child(2) {
  font-weight: 700;
  text-align: center;
  color: #9d9d9d;
  margin: 0;
}

.NoteCenteredComponent > p:nth-child(3) {
  font-size: 12px;
  text-align: center;
  color: #9d9d9d;
  margin: 0;
}

.AlertSidebarTitle {
  background: #15181c;
  color: #ffffff;
  padding: 5px;
  font-weight: 700 !important;
}

.AlertSidebarClose {
  float: right;
  margin-top: 3px;
  margin-right: 3px;
  cursor: pointer;
}

.no-alert-text,
.no-alert-text-2 {
  color: #9d9d9d !important;
}

.NoteSidebarTitle {
  background: #15181c;
  color: #ffffff;
  padding: 5px;
  font-weight: 700 !important;
}
.NoteSidebarClose {
  float: right;
  margin-top: 3px;
  margin-right: 3px;
  cursor: pointer;
}
#NoteSidebar .NoteSidebarNote {
  background: #15181c;
  margin-top: 2px;
  color: #ffffff;
  padding: 10px;
}
#NoteSidebar .NoteTitle {
  font-weight: bold;
  max-width: calc(100% - 100px);
  display: inline-block;
}
#NoteSidebar .NoteSymbol {
  background: #ff9000;
  padding: 2px 5px;
  color: #ffffff;
  display: inline-block;
  font-size: 8px;
  font-weight: bold;
  border-radius: 2px;
  vertical-align: middle;
  margin-left: 5px;
}
#NoteSidebar .NoteText {
  color: #d0d0d0;
  margin: 5px 0;
  font-size: 11px;
  height: 35px;
  overflow: hidden;
}
#NoteSidebar .NoteSidebarNote .NoteModify {
  display: block;
  width: 20px;
  cursor: pointer;
  background: #292f38;
  text-align: center;
  padding: 3px;
  font-size: 9px;
  float: right;
}
#NoteSidebar .NoteRemove {
  display: block;
  width: 20px;
  cursor: pointer;
  background: #292f38;
  text-align: center;
  padding: 3px;
  font-size: 9px;
  float: right;
  margin-left: 2px;
}
#NoteSidebar .NoteTag {
  background: #292f38;
  padding: 3px 5px;
  font-size: 9px;
  color: #a0a0a0;
  margin-right: 2px;
  border-radius: 2px;
}
#formNewNote .NoteTag {
  background: #292f38;
  padding: 3px 5px;
  font-size: 9px;
  color: #a0a0a0;
  margin-right: 2px;
  border-radius: 2px;
}

.srch-container {
  position: relative;
  padding:0 15px;
}

.srch-container i {
  position:absolute;
  top: 50%;
  transform: translateY(-50%);
  padding:0 5px;
  left:20px;
  color: #777777;
}

.srch-container #inpSearchWidget {
  padding-left:35px;
}

/********************** navbar search***********************/
.dmNavSearchAsset {
  max-height: calc(100vh - 200px);
  overflow-y: hidden;
}
.dmNavSearchAsset li.active.odd a.dropdown-item {
  background: #080a0c;
}
.dmNavSearchAsset li.active.even a.dropdown-item {
  background: #15181c;
}
/* .ddNavSearchAsset {
  margin-top: -2px;
} */

.inpNavSearchAsset {
  width: 230px !important;
  height: 36px;
  padding: 0;
  font-size: 12px !important;
  border-radius: 0;
  padding-left: 10px;
  border: 1px solid #292f38 !important;
}
.ddNavSearchAsset .input-group-append {
  height: 36px;
  padding: 11px 12px !important;
  margin-right: -12px;
  border-radius: 0 !important;
}
.form-control.inpNavSearchAsset:focus {
  box-shadow: none !important;
}
.ddNavSearchAsset .input-group.show {
  box-shadow: 0 0 5px #ff9800;
  padding-right: 0 !important;
}

.ddNavSearchAsset .input-group {
  box-shadow: none;
}

.NavSearchLogo,
.NavSearchDetail,
.NavSearchSymbol {
  display: inline-block;
  vertical-align: middle;
}
.NavSearchLogo {
  width: 35px;
}
.NavSearchLogo img {
  height: 25px;
}
.NavSearchDetail {
  width: calc(100% - 135px);
}
.NavSearchName {
  font-size: 13px;
  font-weight: 600;
}
.NavSearchLast {
  font-size: 10px;
  display: inline-block;
}
.NavSearchChange {
  font-size: 10px;
  display: inline-block;
}
.NavSearchSymbol {
  width: 100px;
  font-weight: 600;
  text-align: right;
  font-size: 13px;
}

.wrapper {
  background-color: #111316;
  /* min-height: calc(100vh) !important; */
}

.wrapper > .section {
  /* margin-top:-15px; */
  background: #111316;
  /* min-height: 0vh; */
}

.wrapper > .section > .container {
  margin-top: 100px;
} 

body.nooverflow {
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  background: #111316;
}

.fixedposition {
  position: fixed;
  z-index: 10000;
}

.bodyoverlay {
  background: rgba(8, 10, 12, 0.8);
  height: 1px;
  width: 1px;
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 9999;
  display: none;
  transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
#bodyoverlay1 {
  width: 100vw;
}
#bodyoverlay4 {
  width: 100vw;
}
.bodyoverlaybox {
  position: fixed;
  z-index: 10001;
  display: none;
  border: 1px solid #fff;
}
.bodyoverlaytext {
  position: fixed;
  z-index: 10001;
  color: #fff;
  font-size: 2em;
  display: none;
  /* font-family: "Roboto", sans-serif !important; */
  top: 50vh;
  left: 50vw;
  max-width: 600px;
  text-shadow: 0 1px 5px #080a0c;
}
.BodyOverlayTextSmall {
  font-size: 0.8em;
  font-weight: 400;
}
.bodyoverlayarrow {
  position: fixed;
  z-index: 10001;
  display: none;
  top: 0;
  left: 0;
}
.table-dark tr,
.table-dark td,
.table-dark th,
.table-dark > thead > tr > th {
  color: #fff;
  transition: background 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  font-weight: 400 !important;
}

.table-noborder tr td,
.table-noborder > thead > tr > th {
  border: none !important;
}
.table.table-noborder tbody tr:nth-child(1) td {
  border-top: 2px solid #292f38 !important;
}
.table-stripe thead tr th {
  background: #292f38 !important;
}

.table_summary tbody .thead td {
  background-color: #4b5265;
  text-align: left !important;
}

.table_summary tbody tr .tsummary_header {
  color: #9d9d9d !important;
  font-weight: 700 !important;
}

.table_summary tbody tr .summary_img {
  text-align: center !important;
}

.table_summary tbody tr td {
  font-size: 12px;
}

.table_summary tbody tr td {
  background-color: #15181c;
  text-align: left !important;
}

.table-stripe tbody tr:nth-child(odd) td {
  background: #080a0c !important;
}
.table-stripe tbody tr:nth-child(even) td {
  background: #15181c !important;
}

.table-stripe tbody tr.thead td {
  background: #292f38 !important;
}
.table-hover tbody tr.thead:hover td {
  background: #292f38 !important;
}

.table_ppft,
.table_sft {
  width: 100%;
}

.table_summary {
  text-wrap: nowrap;
}

/* .table_ppft > tbody > tr > th,
.table_sft > tbody > tr > th {
  text-align: center !important;
  background-color: #292f38 !important;
  white-space: nowrap;
  border: 1px solid #000000 !important;
  padding: 8px !important;
} */

.IQNewsDetailView {
  color: #fff;
  margin-top: 15px;
  padding: 10px 0 0 10px;
}

.colDashboardSectionnews > thead {
  text-align: center !important;
  background-color: #1c2227 !important;
  white-space: nowrap;
  border: 1px solid #000000;
  padding: 8px !important;
  font-weight: 400 !important;
}

.table_sft > tbody > tr > th:nth-child(3) {
  border-right: 2px solid #292f38 !important;
}

.table_sft > tbody > tr > td {
  white-space: nowrap;
  padding: 8px !important;
  font-weight: 400 !important;
}

.table_ppft > tbody > tr > td,
.colDashboardSectionnews > tbody > tr > td {
  background-color: #15181c !important;
  padding: 5px !important;
  border: 1px solid #000000 !important;
  padding: 8px !important;
  font-weight: 400 !important;
}

.colDashboardSectionnews > thead > tr:nth-child(1) > th {
  text-align: left !important;
  background-color: #292f38 !important;
}

.colDashboardSectionnews > tbody > tr:nth-child(1) > td {
  text-align: left !important;
}

.colDashboardSectionnews > tbody > tr > td:not(:nth-child(4)) {
  text-align: center !important;
}

.table_sft > tbody > tr > th:nth-child(1),
.table_sft > tbody > tr > td:nth-child(1),
.table_sft > tbody > tr > td:nth-child(2),
.table_sft > tbody > tr > td:nth-child(3) {
  text-align: left !important;
}

.table_sft > tbody > tr > td:nth-child(4) {
  text-align: right !important;
}

.table_sft > tbody > tr:nth-child(even) > td {
  background-color: #1c1c1d !important;
}

.table_sft > tbody > tr:nth-child(odd) > td {
  background-color: #080a0c !important;
}

.table_ppft > tbody > tr:nth-child(1) > td {
  background-color: #292f38 !important;
}

.table_ppft > tbody > tr > td {
  background-color: #080a0c !important;
}

.table_ppft > tbody > tr:nth-child(even) > td {
  background-color: #1c1c1d !important;
}

.colDashboardSectionnews > tbody > tr:nth-child(odd) > td {
  background-color: #15181c !important;
}

.colDashboardSectionnews > tbody > tr:nth-child(even) > td {
  background-color: #15181c !important;
}

.card-inverse {
  background: #000;
  color: #f1f1f1;
}
.card-inverse .card-title {
  color: #f1f1f1;
}
label {
  margin-top: 10px;
}
.form-check-label {
  color: #fff;
}

#formUpdateProfile label {
  display: block;
  color: #fff;
}
#formChangePassword label {
  display: block;
  color: #fff;
}

.alert-success {
  background-color: rgba(8, 176, 25, 0.2) !important;
  color: #08b019 !important;
  font-weight: 400 !important;
  border: none !important;
  padding: 10px !important;
  border-radius: 0 !important;
}

.alert-danger {
  background-color: #ff000033 !important;
  color: #ff0000 !important;
  font-weight: 400 !important;
  border: none !important;
  padding: 10px !important;
  border-radius: 0 !important;
}

/* World Clock */

.profileSettingsWCparent {
  display: flex;
}

.hidden-time {
  display: none;
}

.Raphael-group-51-manager-plot > path {
  fill: #ff0000 !important;
}

/* tspan:nth-child(1) {
  font-size: 18px;
  font-weight: 700;
} */

.profileSettingsWCtimeholder {
  margin: 0 0 0 5px;
  padding: 15px;
  color: #ffffff;
  border-top: 1px solid #ff9800;
  background: #15181c;
}
.profileSettingsWCweekday {
  display: inline-block;
  width: 50%;
  color: #5a6472;
}
.profileSettingsWCdate {
  display: inline-block;
  width: 50%;
  color: #5a6472;
  text-align: right;
}
.profileSettingsWCtime {
  font-size: 30px;
  color: #ffffff;
}
.profileSettingsWCtz {
  color: #5a6472;
}
.profileSettingsWCcity {
  font-size: 14px;
  color: #ff9800;
}
.profileSettingsWCcountry {
  color: #ffffff;
}

.os-scrollbar,
.os-scrollbar-track,
.os-scrollbar-handle {
  z-index: 999 !important;
}

.simplebar-scrollbar::before {
  background-color: #959595!important;
  width: 8px!important;
}

.simplebar-track.simplebar-vertical {
  background-color: #424242!important;
  width: 10px !important;
}

/********************* Modal Styles ************************/

.os-padding {
  z-index: auto !important;
}

.modal-backdrop {
  z-index: 1050 !important;
}

.modal {
  z-index: 1060 !important;
}

.modal .modal-body {
  max-height: calc(100vh - 300px) !important;
  overflow-y: hidden;
}
.modal .form-control,
.modal .form-select {
  background-color: #15181c;
  border: none;
  box-shadow: none;
  color: #fff;
  border-radius: 0;
}

.watchlist-table .form-select{
  border: none;
  box-shadow: none;
  color: #fff;
  border-radius: 0;
  text-align:center;
  font-size: 14px;
}

.watchlist-table tr:nth-child(odd) .form-select{
  background-color: #1c2227 !important;
}

.watchlist-table tr:nth-child(even) .form-select{
  background-color: #15181c !important;
}

.modal .form-select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23e0e0e0' d='M310.6 246.6l-127.1 128C176.4 380.9 168.2 384 160 384s-16.38-3.125-22.63-9.375l-127.1-128C.2244 237.5-2.516 223.7 2.438 211.8S19.07 192 32 192h255.1c12.94 0 24.62 7.781 29.58 19.75S319.8 237.5 310.6 246.6z'/%3E%3C/svg%3E");
}

.modal.fade.show {
  background: rgba(150, 150, 150, 0.1);
  backdrop-filter: blur(20px);
}
.modal-dark .modal-content {
  background: #080a0c;
  border-radius: 0;
  border: none;
}
.modal-dark .modal-content .modal-header {
  padding-top: 3px;
  padding-bottom: 3px;
  color: #fff;
  border-bottom: 1px solid #080a0c;
  background: #15181c;
  border-radius: 0;
}
.modal-dark .modal-content .modal-header .modal-title {
  font-size: 14px;
}
.modal-dark .modal-content .modal-footer {
  border-top: 1px solid #15181c;
  text-align: center;
  width: 100%;
}
.modal-dark .modal-content .modal-header .btn-close {
  filter: invert(1) grayscale(100%) brightness(200%);
}
.modal-dark .modal-content .modal-body {
  padding: 0;
}
.modal-dark
  .modal-content
  .modal-body
  .nav[aria-orientation="vertical"]
  .nav-link {
  color: #f0f0f0;
  border-radius: 0;
  text-align: left;
}
.modal-dark
  .modal-content
  .modal-body
  .nav[aria-orientation="vertical"]
  .nav-link:nth-child(odd) {
  background: #080a0c;
}
.modal-dark
  .modal-content
  .modal-body
  .nav[aria-orientation="vertical"]
  .nav-link:nth-child(even) {
  background: #15181c;
}
.modal-dark
  .modal-content
  .modal-body
  .nav[aria-orientation="vertical"]
  .nav-link:hover {
  background: #ff9000;
  color: #f0f0f0;
}
.modal-dark
  .modal-content
  .modal-body
  .nav[aria-orientation="vertical"]
  .nav-link.active {
  background: #ff9000;
  color: #fff;
}
.modal-dark .modal-content .modal-body .innerheader {
  background: #15181c;
  padding: 3px 10px;
  color: #fff;
}

#modalNewWidget .thumb {
  width: 250px;
  height: 160px;
  margin: 2px;
  cursor: pointer;
  border: 1px solid #212529;
  position: relative;
  display: inline-block;
}
#modalNewWidget .thumb .thumbtext {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
}
#modalNewWidget .thumb:hover {
  border: 1px solid #7d5b15;
}
#modalNewWidget .thumb.active {
  filter: grayscale(10%) brightness(140%);
  border: 1px solid #693f00;
}
#modalNewWidget .thumb.active .thumbtext {
  text-shadow: 0 1px 5px #000000;
}
#modalNewWidget .thumb.noaccess img {
  filter: blur(2px);
}
#modalNewWidget .thumb.noaccess::after {
  content: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path fill='gray' d='M80 192V144C80 64.47 144.5 0 224 0C303.5 0 368 64.47 368 144V192H384C419.3 192 448 220.7 448 256V448C448 483.3 419.3 512 384 512H64C28.65 512 0 483.3 0 448V256C0 220.7 28.65 192 64 192H80zM144 192H304V144C304 99.82 268.2 64 224 64C179.8 64 144 99.82 144 144V192z'/></svg>");
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 999999999;
  width: 20px;
  height: 20px;
  filter: drop-shadow(2px 3px 5px rgb(0 0 0 / 1));
}
#modalNewWidget .newWidgetSettings {
  width: calc(100% - 19px);
  padding-left: 0px;
  margin: 10px 2px;
  border-top: 1px solid #15181c;
}
#modalNewWidget .form-control {
  /* background: #2d2f30; */
  border: none;
  color: #f0f0f0;
}
#modalNewWidget .NewWidgetSymbol option {
  display: none;
}
#modalNewWidget #v-pills-list #formNewWidget .addWidgetSymbol {
  display: none;
}
#modalNewWidget .NewWidgetModule option[data-access="noaccess"] {
  background: #333333 !important;
  color: #777777;
}
#modalNewWidget .thumb[data-thumb="chatai"] {
  background: url("assets/img/template_thumb_macroai.jpg?v=3");
  background-size: cover;
  background-position: center;
}
#modalNewWidget .thumb[data-thumb="trading_view"] {
  background: url("assets/img/template_thumb_trading_view.jpg?v=3");
  background-size: cover;
  background-position: center;
}
#modalNewWidget .thumb[data-thumb="overview_chart"] {
  background: url("assets/img/template_thumb_overview_chart.jpg?v=3");
  background-size: cover;
  background-position: center;
}
#modalNewWidget .thumb[data-thumb="mini_chart"] {
  background: url("assets/img/template_thumb_mini_chart.jpg?v=3");
  background-size: cover;
  background-position: center;
}
#modalNewWidget .thumb[data-thumb="seasonality_prediction"] {
  background: url("assets/img/template_thumb_seasonality_prediction.jpg?v=3");
  background-size: cover;
  background-position: center;
}
#modalNewWidget .thumb[data-thumb="seasonality_prediction_candles"] {
  background: url("assets/img/template_thumb_seasonality_prediction_candles.jpg?v=3");
  background-size: cover;
  background-position: center;
}
#modalNewWidget .thumb[data-thumb="seasonality_forecast_table"] {
  background: url("assets/img/template_thumb_seasonality_forecast_table.jpg?v=3");
  background-size: cover;
  background-position: center;
}
#modalNewWidget .thumb[data-thumb="seasonality_performance"] {
  background: url("assets/img/template_thumb_seasonality_performance.jpg?v=3");
  background-size: cover;
  background-position: center;
}
#modalNewWidget .thumb[data-thumb="seasonality_performance_bar"] {
  background: url("assets/img/template_thumb_seasonality_performance_bar.jpg?v=3");
  background-size: cover;
  background-position: center;
}
#modalNewWidget .thumb[data-thumb="seasonality_futures"] {
  background: url("assets/img/template_thumb_seasonality_futures.jpg?v=3");
  background-size: cover;
  background-position: center;
}
#modalNewWidget .thumb[data-thumb="pattern_prediction"] {
  background: url("assets/img/template_thumb_pattern_prediction.jpg?v=3");
  background-size: cover;
  background-position: center;
}
#modalNewWidget .thumb[data-thumb="pattern_prediction_forecast_table"] {
  background: url("assets/img/template_thumb_pattern_prediction_forecast_table.jpg?v=3");
  background-size: cover;
  background-position: center;
}
#modalNewWidget .thumb[data-thumb="quarter_movement"] {
  background: url("assets/img/template_thumb_quarter_movement.jpg?v=3");
  background-size: cover;
  background-position: center;
}
#modalNewWidget .thumb[data-thumb="session_map"] {
  background: url("assets/img/template_thumb_session_map.jpg?v=3");
  background-size: cover;
  background-position: center;
}
#modalNewWidget .thumb[data-thumb="percent_targets"] {
  background: url("assets/img/template_thumb_percent_targets.jpg?v=3");
  background-size: cover;
  background-position: center;
}
#modalNewWidget .thumb[data-thumb="session_ranges"] {
  background: url("assets/img/template_thumb_session_ranges.jpg?v=3");
  background-size: cover;
  background-position: center;
}

#modalNewWidget .thumb[data-thumb="bank_targets"] {
  background: url("assets/img/template_thumb_bank_targets.jpg?v=3");
  background-size: cover;
  background-position: center;
}

#modalNewWidget .thumb[data-thumb="bank_trades"] {
  background: url("assets/img/template_thumb_bank_trades.jpg?v=3");
  background-size: cover;
  background-position: center;
}

#modalNewWidget .thumb[data-thumb="live_news"] {
  background: url("assets/img/template_thumb_live_news.jpg?v=3");
  background-size: cover;
  background-position: center;
}
#modalNewWidget .thumb[data-thumb="news_ticker"] {
  background: url("assets/img/template_thumb_news_ticker.jpg?v=3");
  background-size: cover;
  background-position: center;
}
#modalNewWidget .thumb[data-thumb="realtime_news_ticker"] {
  background: url("assets/img/template_thumb_realtime_news_ticker.jpg?v=3");
  background-size: cover;
  background-position: center;
}
#modalNewWidget .thumb[data-thumb="event_calendar"] {
  background: url("assets/img/template_thumb_event_calendar.jpg?v=3");
  background-size: cover;
  background-position: center;
}
#modalNewWidget .thumb[data-thumb="news_sentiment"] {
  background: url("assets/img/template_thumb_news_sentiment.jpg?v=3");
  background-size: cover;
  background-position: center;
}
#modalNewWidget .thumb[data-thumb="sentiment_score"] {
  background: url("assets/img/template_thumb_sentiment_score.jpg?v=3");
  background-size: cover;
  background-position: center;
}
#modalNewWidget .thumb[data-thumb="single_currency_news_sentiment"] {
  background: url("assets/img/template_thumb_single_currency_news_sentiment.jpg?v=3");
  background-size: cover;
  background-position: center;
}
#modalNewWidget .thumb[data-thumb="currency_strength"] {
  background: url("assets/img/template_thumb_currency_strength.jpg?v=3");
  background-size: cover;
  background-position: center;
}
#modalNewWidget .thumb[data-thumb="correlation_matrix"] {
  background: url("assets/img/template_thumb_correlation_matrix.jpg?v=3");
  background-size: cover;
  background-position: center;
}
#modalNewWidget .thumb[data-thumb="cross_rates"] {
  background: url("assets/img/template_thumb_cross_rates.jpg?v=3");
  background-size: cover;
  background-position: center;
}
#modalNewWidget .thumb[data-thumb="ticker_tape"] {
  background: url("assets/img/template_thumb_ticker_tape.jpg?v=3");
  background-size: cover;
  background-position: center;
}
#modalNewWidget .thumb[data-thumb="stock_heatmap"] {
  background: url("assets/img/template_thumb_stock_heatmap.jpg?v=3");
  background-size: cover;
  background-position: center;
}
#modalNewWidget .thumb[data-thumb="smart_money_report"] {
  background: url("assets/img/template_thumb_smart_money_report.jpg?v=3");
  background-size: cover;
  background-position: center;
}
#modalNewWidget .thumb[data-thumb="cot_history_chart"] {
  background: url("assets/img/template_thumb_cot_history_chart.jpg?v=3");
  background-size: cover;
  background-position: center;
}
#modalNewWidget .thumb[data-thumb="cot_history_table"] {
  background: url("assets/img/template_thumb_cot_history_table.jpg?v=3");
  background-size: cover;
  background-position: center;
}
#modalNewWidget .thumb[data-thumb="primealgo"] {
  background: url("assets/img/template_thumb_cot_open_interest.jpg?v=3");
  background-size: cover;
  background-position: center;
}
#modalNewWidget .thumb[data-thumb="macro_compare"] {
  background: url("assets/img/template_thumb_macro_compare.jpg?v=3");
  background-size: cover;
  background-position: center;
}
#modalNewWidget .thumb[data-thumb="supertrend"] {
  background: url("assets/img/template_thumb_supertrend.jpg?v=3");
  background-size: cover;
  background-position: center;
}
#modalNewWidget .thumb[data-thumb="exponential_moving_average"] {
  background: url("assets/img/template_thumb_exponential_moving_average.jpg?v=3");
  background-size: cover;
  background-position: center;
}
#modalNewWidget .thumb[data-thumb="supply_and_demand_areas"] {
  background: url("assets/img/template_thumb_supply_and_demand_areas.jpg?v=3");
  background-size: cover;
  background-position: center;
}
#modalNewWidget .thumb[data-thumb="high_low_points"] {
  background: url("assets/img/template_thumb_high_low_points.jpg?v=3");
  background-size: cover;
  background-position: center;
}
#modalNewWidget .thumb[data-thumb="list"] {
  background: url("assets/img/template_thumb_list.jpg?v=3");
  background-size: cover;
  background-position: center;
}
#modalNewWidget .thumb[data-thumb="dxm"] {
  background: url("assets/img/template_thumb_dxm.jpg?v=3");
  background-size: cover;
  background-position: center;
}
#modalNewWidget .thumb[data-thumb="dxm_history"] {
  background: url("assets/img/template_thumb_dxm_history.jpg?v=3");
  background-size: cover;
  background-position: center;
}
#modalNewWidget .thumb[data-thumb="dxm_history_all"] {
  background: url("assets/img/template_thumb_dxm_history_all.jpg?v=3");
  background-size: cover;
  background-position: center;
}
#modalNewWidget .thumb[data-thumb="dxm_table"] {
  background: url("assets/img/template_thumb_dxm_table.jpg?v=3");
  background-size: cover;
  background-position: center;
}
#modalNewWidget .thumb[data-thumb="dxm_open_interest"] {
  background: url("assets/img/template_thumb_dxm_open_interest.jpg?v=3");
  background-size: cover;
  background-position: center;
}
#modalNewWidget .thumb[data-thumb="dxm_single_currency"] {
  background: url("assets/img/template_thumb_dxm_single_currency.jpg?v=3");
  background-size: cover;
  background-position: center;
}
#modalNewWidget .thumb[data-thumb="social_sentiment_score"] {
  background: url("assets/img/template_thumb_social_sentiment_score.jpg?v=3");
  background-size: cover;
  background-position: center;
}
#modalNewWidget .thumb[data-thumb="social_positive_sentiment"] {
  background: url("assets/img/template_thumb_social_positive_sentiment.jpg?v=3");
  background-size: cover;
  background-position: center;
}
#modalNewWidget .thumb[data-thumb="social_negative_sentiment"] {
  background: url("assets/img/template_thumb_social_negative_sentiment.jpg?v=3");
  background-size: cover;
  background-position: center;
}
#modalNewWidget .thumb[data-thumb="social_volume"] {
  background: url("assets/img/template_thumb_social_volume.jpg?v=3");
  background-size: cover;
  background-position: center;
}
#modalNewWidget .thumb[data-thumb="share_holders"] {
  background: url("assets/img/template_thumb_share_holders.jpg?v=3");
  background-size: cover;
  background-position: center;
}
#modalNewWidget .thumb[data-thumb="institutions"] {
  background: url("assets/img/template_thumb_institutions.jpg?v=3");
  background-size: cover;
  background-position: center;
}
#modalNewWidget .thumb[data-thumb="insider_transactions"] {
  background: url("assets/img/template_thumb_insider_transactions.jpg?v=3");
  background-size: cover;
  background-position: center;
}
#modalNewWidget .thumb[data-thumb="recommendation_trends"] {
  background: url("assets/img/template_thumb_recommendation_trends.jpg?v=3");
  background-size: cover;
  background-position: center;
}
#modalNewWidget .thumb[data-thumb="price_target"] {
  background: url("assets/img/template_thumb_price_target.jpg?v=3");
  background-size: cover;
  background-position: center;
}
#modalNewWidget .thumb[data-thumb="upgrade_downgrade"] {
  background: url("assets/img/template_thumb_upgrade_downgrade.jpg?v=3");
  background-size: cover;
  background-position: center;
}
#modalNewWidget .thumb[data-thumb="orderbook"] {
  background: url("assets/img/template_thumb_orderbook.jpg?v=3");
  background-size: cover;
  background-position: center;
}
#modalNewWidget .thumb[data-thumb="positionbook"] {
  background: url("assets/img/template_thumb_positionbook.jpg?v=3");
  background-size: cover;
  background-position: center;
}
#modalNewWidget .thumb[data-thumb="footprint_chart"] {
  background: url("assets/img/template_thumb_footprint_chart.jpg?v=3");
  background-size: cover;
  background-position: center;
}
#modalNewWidget .thumb[data-thumb="list_orderflow"] {
  background: url("assets/img/template_thumb_list_orderflow.jpg?v=3");
  background-size: cover;
  background-position: center;
}
#modalNewWidget .thumb[data-thumb="market_depth"] {
  background: url("assets/img/template_thumb_market_depth.jpg?v=3");
  background-size: cover;
  background-position: center;
}
#modalNewWidget .thumb[data-thumb="options_expiry"] {
  background: url("assets/img/template_thumb_options_expiry.jpg?v=3");
  background-size: cover;
  background-position: center;
}

#modalNewWidget .thumb[data-thumb="performance"] {
  background: url("assets/img/template_thumb_performance.jpg?v=3");
  background-size: cover;
  background-position: center;
}

#modalNewWidget .thumb[data-thumb="trading_view_4h_options"] {
  background: url("assets/img/template_thumb_trading_view.jpg?v=3");
  background-size: cover;
  background-position: center;
}

#modalNewWidget .thumb[data-thumb="world_clock"] {
  background: url("assets/img/template_thumb_world_clock.jpg?v=3");
  background-size: cover;
  background-position: center;
}
#modalNewWidget .thumb[data-thumb="interest_rate_probability"] {
  background: url("assets/img/template_thumb_interest_rate.jpg?v=3");
  background-size: cover;
  background-position: center;
}
#modalNewWidget .thumb[data-thumb="centralbank_interest_rate"] {
  background: url("assets/img/template_thumb_centralbank_interest_rate.jpg?v=3");
  background-size: cover;
  background-position: center;
}

#modalNewWidget .thumb[data-thumb="tab_menu"] {
  background: url("assets/img/template_thumb_tabs.jpg?v=3");
  background-size: cover;
  background-position: center;
}

#modalNewWidget .thumb[data-thumb="technical_analysis"] {
  background: url("assets/img/template_thumb_technical_analysis.jpg?v=3");
  background-size: cover;
  background-position: center;
}

#modalNewWidget .thumb[data-thumb="overview_summary"] {
  background: url("assets/img/template_thumb_overview_summary.jpg?v=3");
  background-size: cover;
  background-position: center;
}

#modalNewWidget .thumb[data-thumb="volatility_main_chart"] {
  background: url("assets/img/template_thumb_volatility_main_chart.jpg?v=3");
  background-size: cover;
  background-position: center;
}

#modalNewWidget .thumb[data-thumb="open_to_open"] {
  background: url("assets/img/template_thumb_open_to_open.jpg?v=3");
  background-size: cover;
  background-position: center;
}

#modalNewWidget .thumb[data-thumb="open_to_open_histogram"] {
  background: url("assets/img/template_thumb_open_to_open_histogram.jpg?v=3");
  background-size: cover;
  background-position: center;
}

#modalNewWidget .thumb[data-thumb="weekday_histogram"] {
  background: url("assets/img/template_thumb_weekday_histogram.jpg?v=3");
  background-size: cover;
  background-position: center;
}

#modalNewWidget .thumb[data-thumb="histogram_data"] {
  background: url("assets/img/template_thumb_histogram_data.jpg?v=3");
  background-size: cover;
  background-position: center;
}

#modalNewWidget .thumb[data-thumb="financial_analysis"] {
  background: url("assets/img/template_thumb_financial_analysis.jpg?v=3");
  background-size: cover;
  background-position: center;
}

#modalNewWidget .thumb[data-thumb="macro"] {
  background: url("assets/img/template_thumb_macro.jpg?v=3");
  background-size: cover;
  background-position: center;
}

#modalNewWidget .thumb[data-thumb="average_daily_ATR"] {
  background: url("assets/img/template_thumb_average_daily_atr.jpg?v=3");
  background-size: cover;
  background-position: center;
}

#modalNewWidget .thumb[data-thumb="average_weekly_ATR"] {
  background: url("assets/img/template_thumb_average_weekly_atr.jpg?v=3");
  background-size: cover;
  background-position: center;
}

#modalNewWidget .thumb[data-thumb="average_monthly_ATR"] {
  background: url("assets/img/template_thumb_average_monthly_atr.jpg?v=3");
  background-size: cover;
  background-position: center;
}

#modalNewWidget .thumb[data-thumb="prime_volume"] {
  background: url("assets/img/template_thumb_prime_volume.jpg?v=3");
  background-size: cover;
  background-position: center;
}

#modalNewWidget .thumb[data-thumb="volume"] {
  background: url("assets/img/template_thumb_volume.jpg?v=3");
  background-size: cover;
  background-position: center;
}

#modalNewWidget .thumb[data-thumb="visible_range"] {
  background: url("assets/img/template_thumb_visible_range.jpg?v=3");
  background-size: cover;
  background-position: center;
}

#modalNewWidget .thumb[data-thumb="rating_concensus"] {
  background: url("assets/img/template_thumb_rating_concensus.jpg?v=3");
  background-size: cover;
  background-position: center;
}

#modalNewWidget .thumb[data-thumb="analyst_live_stream"] {
  background: url("assets/img/template_thumb_analyst_live_stream.jpg?v=3");
  background-size: cover;
  background-position: center;
}

#modalNewWidget .thumb[data-thumb="week_ahead"] {
  background: url("assets/img/template_thumb_week_ahead.jpg?v=3");
  background-size: cover;
  background-position: center;
}

#modalNewWidget .thumb[data-thumb="event_trades"] {
  background: url("assets/img/template_thumb_event_trades.jpg?v=3");
  background-size: cover;
  background-position: center;
}

#modalNewWidget .thumb[data-thumb="notes"] {
  background: url("assets/img/template_thumb_notes.jpg?v=3");
  background-size: cover;
  background-position: center;
}

#modalNewWidget .thumb[data-thumb="watchlist"] {
  background: url("assets/img/template_thumb_watchlist.jpg?v=3");
  background-size: cover;
  background-position: center;
}

#modalNewWidget .thumb[data-thumb="ticklist"] {
  background: url("assets/img/template_thumb_ticklist.jpg?v=3");
  background-size: cover;
  background-position: center;
}

#modalNewWidget .thumb[data-thumb="macro_charts"] {
  background: url("assets/img/template_thumb_macro_charts.jpg?v=3");
  background-size: cover;
  background-position: center;
}

#modalNewWidget .thumb[data-thumb="macro_table"] {
  background: url("assets/img/template_thumb_macro_table.jpg?v=3");
  background-size: cover;
  background-position: center;
}

#modalNewWidget .thumb[data-thumb="macro_table_dynamic"] {
  background: url("assets/img/template_thumb_macro_table_dynamic.jpg?v=3");
  background-size: cover;
  background-position: center;
}


#modalNewWidget .thumb[data-thumb="news_dashboard"] {
  background: url("assets/img/template_thumb_news_dashboard.jpg?v=3");
  background-size: cover;
  background-position: center;
}

#modalNewWidget .thumb[data-thumb="latest_prime_news"] {
  background: url("assets/img/template_thumb_latest_prime_news.jpg?v=3");
  background-size: cover;
  background-position: center;
}

#modalNewWidget .thumb[data-thumb="trending_topics"] {
  background: url("assets/img/template_thumb_trending_topics.jpg?v=3");
  background-size: cover;
  background-position: center;
}

#modalNewWidget .thumb[data-thumb="trending_news"] {
  background: url("assets/img/template_thumb_trending_news.jpg?v=3");
  background-size: cover;
  background-position: center;
}

#modalNewWidget .thumb[data-thumb="research_files"] {
  background: url("assets/img/template_thumb_research_files.jpg?v=3");
  background-size: cover;
  background-position: center;
}

#modalNewWidget .thumb[data-thumb="analyst_reports"] {
  background: url("assets/img/template_thumb_analyst_reports.jpg?v=3");
  background-size: cover;
  background-position: center;
}

#modalNewWidget .thumb[data-thumb="world_book"] {
  background: url("assets/img/template_thumb_world_book.jpg?v=3");
  background-size: cover;
  background-position: center;
}

#modalNewWidget .thumb[data-thumb="smart_bias_tracker"] {
  background: url("assets/img/template_thumb_smart_bias_tracker.jpg?v=3");
  background-size: cover;
  background-position: center;
}

#modalNewWidget .thumb[data-thumb="smart_bias_summary"] {
  background: url("assets/img/template_thumb_smart_bias_summary.jpg?v=3");
  background-size: cover;
  background-position: center;
}

#modalNewWidget .thumb[data-thumb="smart_bias_single_currency"] {
  background: url("assets/img/template_thumb_smart_bias_single_currency.jpg?v=3");
  background-size: cover;
  background-position: center;
}

#modalNewWidget .thumb[data-thumb="smart_bias_history"] {
  background: url("assets/img/template_thumb_smart_bias_history.jpg?v=3");
  background-size: cover;
  background-position: center;
}

#modalNewWidget .thumb[data-thumb="dxm_overview"] {
  background: url("assets/img/template_thumb_dxm_overview.jpg?v=3");
  background-size: cover;
  background-position: center;
}

#modalNewWidget .thumb[data-thumb="event_countdown"] {
  background: url("assets/img/template_thumb_event_countdown.jpg?v=3");
  background-size: cover;
  background-position: center;
}

#modalNewWidget .thumb[data-thumb="moodboard"] {
  background: url("assets/img/template_thumb_moodboard.jpg?v=3");
  background-size: cover;
  background-position: center;
}

#modalNewWidget .thumb[data-thumb="notifications"] {
  background: url("assets/img/template_thumb_notifications.jpg?v=3");
  background-size: cover;
  background-position: center;
}

#modalNewWidget .thumb[data-thumb="journal"] {
  background: url("assets/img/template_thumb_journal.jpg?v=3");
  background-size: cover;
  background-position: center;
}

#modalNewWidget .thumb[data-thumb="currency_strength_meter"] {
  background: url("assets/img/template_thumb_currency_strength_meter.jpg?v=3");
  background-size: cover;
  background-position: center;
}

#modalNewWidget .thumb[data-thumb="risk_sentiment"] {
  background: url("assets/img/template_thumb_risk_sentiment.jpg?v=3");
  background-size: cover;
  background-position: center;
}

#modalNewWidget .thumb[data-thumb="risk_indicator"] {
  background: url("assets/img/template_thumb_risk_indicator.jpg?v=3");
  background-size: cover;
  background-position: center;
}

#modalNewWidget .thumb[data-thumb="cesi"] {
  background: url("assets/img/template_thumb_ceci.jpg?v=3");
  background-size: cover;
  background-position: center;
}

#modalNewWidget .thumb[data-thumb="fx_volatility_levels"] {
  background: url("assets/img/template_thumb_fx_volatility_levels.jpg?v=3");
  background-size: cover;
  background-position: center;
}

#modalNewWidget .thumb[data-thumb="momentum"] {
  background: url("assets/img/template_thumb_momentum.jpg?v=3");
  background-size: cover;
  background-position: center;
}

#modalNewWidget .thumb[data-thumb="risk_reversal"] {
  background: url("assets/img/template_thumb_risk_riversal.jpg?v=3");
  background-size: cover;
  background-position: center;
}

#modalNewWidget .thumb[data-thumb="forex_market_hours"] {
  background: url("assets/img/template_thumb_forex_market_hours.jpg?v=3");
  background-size: cover;
  background-position: center;
}

#modalNewWidget .thumb[data-thumb="macro_briefing"] {
  background: url("assets/img/template_thumb_macro_briefing.jpg?v=3");
  background-size: cover;
  background-position: center;
}

#modalNewWidget .thumb[data-thumb="cesi"] {
  background: url("assets/img/template_thumb_ceci.jpg?v=3");
  background-size: cover;
  background-position: center;
}

#modalNewWidget .thumb[data-thumb="fx_volatility_levels"] {
  background: url("assets/img/template_thumb_fx_volatility_levels.jpg?v=3");
  background-size: cover;
  background-position: center;
}

#modalNewWidget .thumb[data-thumb="momentum"] {
  background: url("assets/img/template_thumb_momentum.jpg?v=3");
  background-size: cover;
  background-position: center;
}

#modalNewWidget .thumb[data-thumb="risk_reversal"] {
  background: url("assets/img/template_thumb_risk_riversal.jpg?v=3");
  background-size: cover;
  background-position: center;
}

#modalNewWidget .thumb[data-thumb="forex_market_hours"] {
  background: url("assets/img/template_thumb_forex_market_hours.jpg?v=3");
  background-size: cover;
  background-position: center;
}

#modalNewWidget .thumb[data-thumb="trade_idea_generation_scoring"] {
  background: url("assets/img/template_thumb_trade_idea_generation_scoring.jpg?v=3");
  background-size: cover;
  background-position: center;
}

#modalSelectTemplate .modal-body {
  padding-top: 7px;
}
#modalSelectTemplate .modal-body .row .templateBox {
  background: #15181d;
  padding: 10px;
  height: 260px;
  overflow: auto;
  font-size: 14px;
  color: #ffffff;
}

#modalSelectTemplate .modal-body .row .templateBox a {
  display: block;
  text-decoration: none;
  min-height: 210px;
  color: #ffffff;
}
#modalSelectTemplate .modal-body .row .templateBox:hover {
  background: #21262d;
}
#modalSelectTemplate .modal-body .row .templateBox h5 {
  display: inline-block;
  width: calc(100% - 60px);
  font-size: 15px;
}
#modalSelectTemplate .modal-body .row .templateBox ul {
  padding-left: 10px;
  margin-left: 5px;
}
#modalSelectTemplate .modal-body .row .templateBox .fa-solid.fa-star {
  color: #444649;
  margin-right: 3px;
  cursor:pointer;
}
#modalSelectTemplate .modal-body .row .templateBox .fa-solid.fa-star:hover {
  color: #ffffff;
}
#modalSelectTemplate .modal-body .row .templateBox .fa-solid.fa-star.active {
  color: #ff9800;
}
#modalSelectTemplate .modal-body .row .templateBox .fa-solid.fa-clone {
  color: #444649;
  margin-right: 5px;
  cursor:pointer;
}
#modalSelectTemplate .modal-body .row .templateBox .fa-solid.fa-clone:hover {
  color: #ffffff;
}
#modalSelectTemplate .modal-body .row .templateBox .fa-solid.fa-trash {
  color: #f55555;
  cursor:pointer;
}
#modalSelectTemplate .modal-body .row .templateBox span,
.widget-list span{
  color: #a0a0a0;
  padding-left: 5px;
}

#modalOpenTabOptions .modal-body .row .tab-card {
  background: #15181d;
  padding: 10px;
  overflow: auto;
  font-size: 14px;
  color: #ffffff;
  height: 80px;
}

#dzUploadProfilepic.dragover {
  background: #333;
  border-color: #fff;
}
#dzUploadProfilepic img {
  max-height: 100%;
  max-width: 100%;
  display: none;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  left:50%;
  transform:translate(-50%);  
}

/* Pre defined widgets */

#modalCustomDashboardName #templateImage {
  border:1px solid #ff9800;
}

#modalPreDefTemplates .template-item.selected .templateBox{
  border:1px solid #ff9800;
  background:#21262d!important;
}

#modalCustomDashboardName .form-label {
  color:white;
}

#modalCustomDashboardName .modal-body {
  padding:5px 10px;
}

#modalPreDefTemplates .modal-body {
  padding-top: 7px;
}

#modalPreDefTemplates .modal-body .row .templateBox {
  background: #15181d;
  padding: 10px;
  height: 250px;
  overflow: hidden;
  font-size: 14px;
  color: #ffffff;
}
#modalPreDefTemplates .modal-body .row .templateBox a {
  display: block;
  text-decoration: none;
  min-height: 210px;
  color: #ffffff;
}
#modalPreDefTemplates .modal-body .row .templateBox:hover {
  background: #21262d;
}
#modalPreDefTemplates .modal-body .row .templateBox h5 {
  display: inline-block;
  width: calc(100% - 50px);
  font-size: 15px;
}
#modalPreDefTemplates .modal-body .row .templateBox ul {
  padding-left: 10px;
  margin-left: 5px;
}
#modalPreDefTemplates .modal-body .row .templateBox .fa-solid.fa-star {
  color: #444649;
  margin-right: 3px;
}
#modalPreDefTemplates .modal-body .row .templateBox .fa-solid.fa-star:hover {
  color: #ffffff;
}
#modalPreDefTemplates .modal-body .row .templateBox .fa-solid.fa-star.active {
  color: #ff9800;
}
#modalPreDefTemplates .modal-body .row .templateBox .fa-solid.fa-clone {
  color: #444649;
  margin-right: 5px;
}
#modalPreDefTemplates .modal-body .row .templateBox .fa-solid.fa-clone:hover {
  color: #ffffff;
}
#modalPreDefTemplates .modal-body .row .templateBox .fa-solid.fa-trash {
  color: #f55555;
}
#modalPreDefTemplates .modal-body .row .templateBox span {
  color: #a0a0a0;
  padding-left: 5px;
}





#formNewWidget .cbcontainer {
  padding: 10px 0 10px 40px;
  margin: 0;
}
#formNewWidget .checkmark {
  top: 10px;
  left: 10px;
}
#formNewWidget .cbcontainer:nth-child(odd) {
  background: #080a0c;
}
#formNewWidget .cbcontainer:nth-child(even) {
  background: #15181c;
}

#tabProfilePopup .nav-link {
  color: #ff9000;
}
#tabProfilePopup .nav-link.active {
  color: #ffffff;
  background: #ff9000;
  border-color: #ff9000;
}

#paymentTabs .nav-link {
  color: #ff9000;
}
#paymentTabs .nav-link.active {
  color: #ffffff;
  background: #ff9000;
  border-color: #ff9000;
}

.ajaxMessage .alert {
  font-weight: bold;
}
.register-form input {
  border-radius: 0;
  background-color: #232429;
}
.register-form input.form-control,
.register-form select.form-control,
.register-form textarea.form-control {
  border: none;
  border-bottom: 1px solid #555 !important;
  border-top: 1px solid #232429 !important;
  color: #a1a1a1;
}
.register-form select option {
  background: #333 !important;
}
.register-form input.form-control:focus {
  border-bottom: 1px solid #a1a1a1 !important;
  background-color: #232429;
}

.card-register {
  background: #000212;
  border: 1px solid #2a2d37;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
}
.card-register .card-title {
  color: #f1f1f1;
}
.card-register input,
.card-register input:focus,
.card-register input[readonly],
.card-register select,
.card-register textarea {
  border-radius: 0;
  background-color: #000212;
  border: none;
  border-bottom: 1px solid #555 !important;
  color: #fff;
}
.card-register select:focus {
  background-color: #000212;
}
.card-register textarea:focus {
  background-color: #000212;
  border: none;
}

.table-dark thead {
  border-bottom: 2px solid #15181c !important;
}
.table-dark thead tr th {
  background: #15181c !important;
}
.table-dark tbody tr:nth-child(1) td {
  border-top: 2px solid #15181c !important;
}

.hidden {
  display: none;
}
.ajaxMessage {
  margin-top: 15px;
}

.input-dark {
  background: #15181c;
  color: #fff;
  border: none;
}
.input-dark:focus {
  background: #15181c;
  color: #fff;
  border: none;
  outline: none;
}
.btn {
  font-size: 14px;
  border-radius: 0;
}

.add-timespan-btn,
.btn-seasonal-translucent {
  background-color: #39260a!important;
  color: #FF9800!important;
  border:1px solid #4c320a!important;
  border-radius:0!important;
}

.add-row-btn:hover,
.btn-seasonal-translucent:hover {
  background-color: #4a320e;
  color: #FF9800;
}

.btn-seasonal {
  background-color: #ff9800;
  color: #fff;
  /* border-color: #ff1d1d; */
}
.btn-seasonal:hover {
  background-color: #fac351;
  color: #fff;
}
.btn-seasonal-outline {
  border: 1px solid #ff9800;
  background: transparent;
}
.btn-seasonal-outline:hover {
  background-color: #ff9800;
}
.btn-seasonal-outline:focus {
  background-color: transparent;
  border: 1px solid #ff9800;
}
.btn-seasonal-primary {
  border: 1px solid #ff9800;
  background: #ff9800;
}
.btn-seasonal-primary:hover {
  background: #000212;
}
.btn-seasonal-danger {
  border: 1px solid #fd2e64;
  background: #fd2e64;
}
.btn-seasonal-danger:hover {
  background: #000212;
}
.btn-seasonal-link {
  background: transparent;
  color: #ff9800;
}
.btn-seasonal-link:hover {
  background: transparent;
  color: #ff9800;
}
.btn-seconday-outline {
  border: 1px solid #e0e0e0;
  background: transparent;
}
.text-success {
  color: #01b298 !important;
  margin-top: 2px;
}
.text-danger {
  color: #fd2e64 !important;
  margin-top: 2px;
}
.text-grey {
  color: #a0a0a0 !important;
}
.text-white {
  color: #fff !important;
}
.text-yellow {
  color: #f6b128 !important;
}
.text-seasonal {
  color: #ff9000 !important;
}
.text-gray {
  color: rgb(200, 206, 211);
}
.btn-black {
  background: #000;
  color: #fff;
}
.btn-black:hover {
  background: #000;
  color: #fafafa;
}

.form-switch {
  margin-top: 10px;
}
.form-switch .form-check-input {
  height: 24px;
  width: 48px;
  margin-top: -1px;
}
.form-switch .form-check-label {
  margin-left: 20px;
}
.form-switch .form-check-input:focus {
  border-color: #ff9000;
  outline: 0;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgb(255, 144, 0)'/></svg>");
}
.form-switch .form-check-input:checked {
  background-color: #ff9000;
  border-color: #ff9000;
  border: none;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba(255,255,255,1.0)'/></svg>");
}

.form-check-input:checked {
  background-color: #ff9000;
  border-color: #ff9000;
}
.form-check-input:checked[type="radio"] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='rgb(255, 144, 0)'/%3e%3c/svg%3e");
}

/********************* Watchlist Styles ************************/

#modalNewWatchlistSymbol .table tbody tr td {
  text-align: left;
}
#modalNewWatchlistSymbol .table tbody tr td:nth-child(1) {
  width: 150px;
}
#modalNewWatchlistSymbol .table img {
  height: 20px;
}
#modalNewWatchlistSymbol tr.selected td {
  background: #39260a !important;
}
#modalNewWatchlistSymbol .fa-solid.fa-plus,
#modalNewWatchlistSymbol .fa-solid.fa-xmark {
  cursor: pointer;
}
#modalNewWatchlistSymbol .SearchWatchlistSymbol {
  cursor: pointer;
  color: #fff;
  padding: 5px 10px;
  border-radius: 3px;
}
#modalNewWatchlistSymbol .SearchWatchlistSymbol.active {
  background: #15181c;
}

#modalWatchlist #nav-tab-watchlist .fa-solid.fa-xmark {
  float: right;
  color: #e0e0e0;
  margin-top: 5px;
}
#modalWatchlist #v-pills-tabContent-watchlist .table-responsive {
  min-height: 300px;
}
#modalWatchlist #v-pills-tabContent-watchlist .table thead tr th {
  text-align: center;
}
#modalWatchlist #v-pills-tabContent-watchlist .table tbody tr td {
  text-align: left;
}
#modalWatchlist #v-pills-tabContent-watchlist .table tbody tr td:nth-child(3),
#modalWatchlist #v-pills-tabContent-watchlist .table tbody tr td:nth-child(4),
#modalWatchlist #v-pills-tabContent-watchlist .table tbody tr td:nth-child(5) {
  text-align: right;
}
#modalWatchlist #v-pills-tabContent-watchlist .WatchlistExtrafieldt {
  width: 100px;
}

#WatchlistSidebar {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  right: -400px;
  width: 400px;
  height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
  background: #111316;
  z-index: 1050;
  transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  border-left: 1px solid #333333;
}

.no-watchlists-content {
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  height: 100%;
}

.no-watchlists-content > div:nth-child(2) {
  color: #9d9d9d;
  font-weight: 700;
  text-align: center;
}

.no-watchlists-content > div:nth-child(3) {
  color: #9d9d9d;
  font-size: 12px;
  text-align: center;
}

#tableSidebarWatchlists {
  width: 100%;
  font-size: 10.5px;
  color: #ffffff;
  margin-top: 2px;
}
#tableSidebarWatchlists tr td {
  border-top: 1px solid #000000;
  padding: 5px 0;
}

#tableSidebarWatchlists > tbody > tr:nth-child(1) > td {
  padding: 6px 10px 6px 6px;
  white-space: nowrap;
  font-weight: 700;
}

#tableSidebarWatchlists tr td:first-child {
  padding: 5px 0 5px 3px;
}
#tableSidebarWatchlists tr.oddrow td {
  background: #111315;
  padding: 6px 10px 6px 6px;
}

#tableSidebarWatchlists tr.evenrow td {
  background: #15181c;
}

#tableSidebarWatchlists tr:first-child td {
  background: #39260a;
}

#tableSidebarWatchlists tr td a.text-default {
  color: #c0c0c0;
  text-transform: uppercase;
  font-weight: 700;
}

#tableSidebarWatchlists tr td input[type="text"] {
  background: transparent;
  outline: none;
  border: none;
  color: #ff9800;
  font-weight: 700;
}

.WatchlistSymbolName {
  color: #ff9800;
  font-size: 11px;
  font-weight: 800;
}

.WatchlistSymbolCreateDate {
  color: #a0a0a0;
  font-size: 10px;
  white-space: nowrap;
}

.WatchlistSidebarTitle {
  background: #15181c;
  color: #ffffff;
  padding: 5px;
  font-weight: 700;
}

.WatchlistSidebarClose {
  float: right;
  margin-top: 3px;
  margin-right: 3px;
  cursor: pointer;
}
.modifyWatchlistSymbol {
  font-style: italic;
  cursor: pointer;
  color: #c0c0c0;
}

#WatchlistSidebarModify {
  position: fixed;
  top: 0;
  right: -400px;
  width: 400px;
  height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
  background: #111316;
  z-index: 1051;
  transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
.WatchlistSidebarModifyClose {
  float: right;
  margin-top: 3px;
  margin-right: 3px;
  cursor: pointer;
}
#formNewWatchlist {
  padding: 5px;
}
#formNewWatchlist label {
  margin-bottom: 5px;
}
#formNewWatchlist input.form-control[type="text"] {
  background: #15181c;
  border: none;
  color: #ffffff;
}
#formNewWatchlist input.form-control[type="text"]:focus {
  box-shadow: none !important;
}

#WatchlistSidebarSymbol {
  position: fixed;
  top: 0;
  right: -400px;
  width: 400px;
  height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
  background: #111316;
  z-index: 1051;
  transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
.WatchlistSidebarSymbolClose {
  float: right;
  margin-top: 3px;
  margin-right: 3px;
  cursor: pointer;
}
#WatchlistSidebarSymbol .table {
  font-size: 11px;
}
#WatchlistSidebarSymbol .table img {
  height: 20px;
}
#WatchlistSidebarSymbol tr.selected td {
  background: #39260a !important;
}
#WatchlistSidebarSymbol .SearchWatchlistSymbol {
  cursor: pointer;
  color: #fff;
  padding: 3px 5px;
  border-radius: 3px;
}
#WatchlistSidebarSymbol .SearchWatchlistSymbol.active {
  background: #15181c;
}
#WatchlistSidebarSymbol .fa-solid.fa-plus,
#WatchlistSidebarSymbol .fa-solid.fa-xmark {
  cursor: pointer;
}

/********************* Widget Styles 15181C************************/
.divAllWidgetsHolders {
  position: relative;
}

.divAllWidgetsHoldersWorldBook {
  position: relative;
}

/* .divAllWidgetsHolders.no-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
} */

.colDashboardSection {
  display: block;
  position: absolute;
  background: #111316;
  overflow: hidden;
  padding: 0px;
  border: 1px solid #15181c;
  z-index: 10;
}

.colDashboardSectionworld_book .DashboardSection{
  overflow:hidden;
}

.colDashboardSectiontechnical_analysis .DashboardSection {
  overflow:hidden!important;
  background: #080a0c;
}

#chartTechnicalAnalysis {
  margin-top:-120px;
}

#chartTechnicalAnalysisBS{
  background: #080a0c;
}

.hidden-li {
  display: none!important;
}

.hidden-thumb {
  display: none !important;
}

.colDashboardGrid li[id^="g"],
.colDashboardTabGrid li[id^="gt"]{
  opacity: 0;
  visibility: hidden;
  list-style: none;
  transition: visibility 0s, opacity 0.5s linear;
}

.colDashboardGrid .colDashboardGrid-anchor,
.colDashboardTabGrid > li > a {
  color: #fffff5 !important;
  text-decoration: none;
  font-size: 14px;
  background-color: #292f38;
  padding: 10px 16px;
}

.error-message-tabs {
  position: absolute;  
  bottom:0;
  margin:0 auto;
  width:100%;
  background-color: #ff000040 !important;
  color: #fd2e64;
  left:50%;
  transform: translate(-50%);
  text-align:center;
  text-wrap: nowrap;
  padding:6px;
}

.colDashboardGrid:hover li[id^="g"],
.colDashboardTabGrid:hover li[id^="gt"] {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}

.colDashboardGrid li[id^="g"].hidden-on-hover,
.colDashboardTabGrid li[id^="gt"].hidden-on-hover {
  display: none !important;
}

/* .hidden-on-load {
  opacity: 0!important;
  visibility: hidden!important;
} */

.colDashboardSectiontab_menu > .DashboardSectionTitle{
  height:25px;
  background:#111316;
}

.colDashboardSectiontab_menu  > .DashboardSectionTitle .WidgetSettings{
  margin-top:6px;
}

.colDashboardSectiontab_menu  > .DashboardSectionTitle .RemoveWidget {
  margin-top:3px;
}

.DashboardSectionTitle {
  background: #15181c;
  color: #fff;
  padding: 2px 5px 0;
  font-size: 14px;
}
.DashboardSectionTitleText {
  display: inline-block;
  width: calc(100% - 100px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: capitalize;
  font-weight: 700;
}

.openTradeIdeaOptions,
.addTaskBtn{
  position:absolute;
  z-index:6;
  float:right;  
  color: #e0e0e0;  
  right: 55px;
  cursor: pointer;
}

.pdf-export-btn {
  position:absolute;
  cursor: pointer;
  z-index:6;
  float:right;
  right: 55px;
}

.add-timespan-title-btn{
  position:absolute;
  cursor: pointer;
  z-index:6;
  float:right;
  right: 75px;
  top:5px;
  color: #e0e0e0;  
}

#modalNewWidget .thumb[data-thumb="profit_hunters"] {
  background: url("assets/img/template_thumb_profit_hunters.jpg?v=3");
  background-size: cover;
  background-position: center;
}

.divAllWidgetsHolders .eventCalendarOptionsBtn {
  position: absolute;
  z-index: 6;
  color: #e0e0e0;
  cursor: pointer;
  right: 55px;
}

.divAllWidgetsHolders.no-grid .eventCalendarOptionsBtn {
  right: 115px;
}

.openTicklistOptions,
.openTabOptions {
  position: absolute;
  z-index:7;
  float:right;  
  color: #e0e0e0;
  cursor: pointer;
  margin-top:3px;
  margin-right: 5px;
}

.openTicklistOptions {
  top:-1px;
  right: 75px;
}

.openTabOptions-default {
  right: 55px;
}

.openTabOptions-details {
  right: 0px;
}

.widgetFullScreen {
  position: relative;
  z-index: 6;
  float: right;
  color: #e0e0e0;
  margin-top: 3px;
  margin-right: 15px;
}

.WidgetSettings {
  position: relative;
  z-index: 6;
  float: right;
  color: #e0e0e0;
  margin-top: 3px;
}
.WidgetSettings:hover {
  float: right;
  color: #ffffff;
}
.RemoveWidget {
  position: relative;
  z-index: 6;
  float: right;
  color: #e0e0e0;
  margin-top: -1px;
  margin-left: 15px;
}
.ChangeWidget {
  position: relative;
  z-index: 7;
  float: right;
  color: #e0e0e0;
  margin-top: 1px;
  margin-left: 10px;
}
.RemoveWidget:hover,
.ChangeWidget:hover {
  color: #ffffff;
}
.UnlockWidget,
.LockWidget {
  float: right;
  color: #e0e0e0;
  margin-top: 2px;
  margin-right: 15px;
}
.UnlockWidget:hover,
.LockWidget:hover {
  color: #ffffff;
}
.LockWidget {
  display: none;
  color: #f0f0f0;
}
.DuplicateWidget {
  float: right;
  color: #e0e0e0;
  margin-top: 2px;
  margin-right: 15px;
}
.DashboardSectionBorderBoxXXXX {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border: 1px solid #15181c;
}
.DashboardSection {
  width: 100%;
  overflow: auto;
  height: calc(100% - 23px);
}
.DashboardSection canvas:first {
  background-color: #080a0c;
  overflow: hidden !important;
}
.iFrameCharts {
  border: none;
  overflow: hidden;
  background: #000;
  visibility: hidden;
}
/* .colDashboardSection .DashboardSection div {
  background: #000;
} */
.DashboardSectionOverlay {
  position: absolute;
  top: 27px;
  left: 2px;
  height: calc(100% - 29px);
  width: calc(100% - 4px);
  background: rgba(0, 0, 0, 0.5);
  display: none;
}
.DashboardSectionOverlayText {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.divRemoveConfirmation {
  text-align: center;
  color: #fff;
  margin: 15px auto;
}
.aSearchSymbol {
  display: none;
  width: 100%;
  padding: 3px 0;
}
.formWidgetSettings {
  color: #fff;
}
.formWidgetSettings h3 {
  margin: -30px auto 30px auto;
  color: #fff;
  text-align: center;
}

.divAllWidgetsHolders.no-grid .colDashboardGrid {
  opacity: 0;
}

.divAllWidgetsHoldersWorldBook.no-grid .colDashboardGrid {
  opacity: 0;
}

.colDashboardGrid,
.colDashboardTabGrid {
  position: absolute;
  border: 1px solid #000000;
  display: flex;
  justify-content: center;
  align-items: center;
}

.colDashboardGrid {
  z-index: 1;
}

.colDashboardGrid.details-template {
  display: block;  
}

.colDashboardDetailTabGrid {
  position: absolute;
  border: 1px solid #333;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.colDashboardTabGrid.m-t-0 {
  margin-top: 0;
}

.colDashboardTabGrid.m-t-32 {
  margin-top: 32px;
}

.colDashboardSectioncorrelation1 .DashboardSection,
.colDashboardSectioncorrelation2 .DashboardSection,
.colDashboardSectioncorrelation3 .DashboardSection,
.colDashboardSectioncorrelation4 .DashboardSection,
.colDashboardSectioncorrelation5 .DashboardSection,
.colDashboardSectioncorrelation6 .DashboardSection,
.colDashboardSectioncorrelation7 .DashboardSection,
.colDashboardSectioncorrelation8 .DashboardSection {
  overflow: hidden;
}

.overlay-tabs{
  z-index: 10;
  overflow: hidden;
  position: absolute;
  top: 30px;
  background: rgba(17, 19, 22);
  border:1px solid #333;
  width: 100%;
  height: 100%;
  display:flex;
  align-items:center;
  justify-content:center;
}

.colDashboardSectiontab_menu .WidgetSettings,
.colDashboardSectiontab_menu .RemoveWidget {
  z-index: 7;
}

.tabs-container {
  display: flex;
  gap: 4px;
  z-index: 6;
  position: absolute;
  top: 0;  
  width: 100%;
  height:100%;
}

.tab-items-container {
  display: flex;
  gap: 2px;
  overflow-x: auto;
  scrollbar-width: none;
  scroll-behavior: smooth;
}

.tab-scroll-btn {
  position: absolute;
  background-color: rgba(33, 37, 45);
  color: white;
  border: none;
  cursor: pointer;
  z-index: 12;
  height: 30px;
}

.left-scroll {
  left: 0;
}

.right-scroll {
  right: 0;
  width:85px;
  text-align: left;
  background-color: #111316;
}

.rt-scroll-btn {
  border:1px solid #333;
  height:30px;
  width:30px;
  margin-top:-1px;
  margin-left:-30px;
  display:flex;
  align-items:center;
  justify-content:center; 
  background-color: #111316; 
}

.lf-scroll-btn {
  height:30px;
  width:30px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-top:-1px;
  margin-left:-5px;
  border:1px solid #333;
  background-color: #111316;
}

.tabs-container:not(.scrollable) .tab-scroll-btn {
  display: none;
}

.tab-item.horizontal-bottom {
  margin-top:auto;
}

.EditableTabTitle:focus {
  outline: none;
  border: none;
  box-shadow: none;
}

.create-newtab-btn.horizontal-bottom {
  margin-top:auto;
}

#createTab{
  background: #21252d;
  font-weight: 600;
  cursor: pointer;
  color: white;
  text-wrap: nowrap;
  white-space: nowrap;
  border: none;
  outline: none;
  width: 30px;
  height: 30px;
  margin-right:80px;
}

.btn-clear-icon {
  outline: none;
  border:none;
  padding: 5px 10px;
  color: #ffffff66;
  background-color: #15181c;
  width:fit-content;
  margin-top:5px;
  cursor:pointer;
  opacity:0.8;
}

.btn-clear-icon:hover{
  opacity:1;
}

.add-tab-icon {
  padding: 5px 10px;
  color: #ffffff66;
  background-color: #15181c;
  width:fit-content;
  margin-top:5px;
  cursor:pointer;
  opacity:0.8;
}

.add-tab-icon:hover{
  opacity:1;
}

#modalAddTabIcon {
  z-index: 1061!important;
}

.modal-no-backdrop {
  pointer-events: none;
}

.modal-no-backdrop .modal-content {
  pointer-events: auto;
}

.modal-no-backdrop .modal-backdrop {
  display: none;
}

.icon-tab-panes {
  display: flex;
  width: 100%;
  border-bottom:1px solid #8080807d;
}

.icon-tab-pane {
  text-align:center;
  color:white;
  padding:10px 30px;
  width:30%;  
  cursor: pointer;
  font-family:"SF Pro Display"!important;
}

.icon-tab-pane:hover {
  background:#323840;
}

.category-tabs {
  display: flex;
  font-family: 'SF Pro Display', Helvetica;
}

.emoji.flag {
  display: inline-block;
  width: 30px;
  height: 20px;
  vertical-align: middle;
}

.emoji.flag img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.category-tab {
  padding: 5px 10px;
  cursor: pointer;
  white-space: nowrap;
  color: white;
}

.category-tab.active {
  background-color: #323840;
}

.category-tab i {
  margin-right: 5px;
}



.emoji-container,
.icon-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.icon-tab-pane.active {
  background:#323840a6;
  border-bottom:2px solid #ffcc00;
}

.search-container {
  margin:5px;
}

#searchInputIcons {
  border: none;
  outline: none;
  width:100%;
  padding:5px 8px;
  background:#15181c;
  color:white;
}

.emoji,
.icon-container i {
  font-size: 20px;
  margin: 5px;
  cursor: pointer;
}

.icon-container i {
  padding: 5px;
  color: rgb(88, 154, 180);  
}

.emoji:hover,
.icon-container i:hover {
  background-color: #018a76;
}

.create-new-tab-inputs{
  display: flex;
}

.selected-icon-container {
  vertical-align:middle;
  margin:auto;
  text-align:center;
  font-size:16px;
}

.create-new-tab-wrapper label {
  text-wrap:nowrap;
}

.tab-btn {
  display: flex;
  align-items: center;
  gap:12px;
  background: #21252d;
  height:30px;
  padding-left:10px;
  padding-right:10px;
  cursor: pointer;
  color: white;
  text-wrap: nowrap;
  white-space: nowrap;
}

.tab-btn.selected {
  color:#ff9800;
}

.tab-tabname {
  font-size: 12px;
}

.tab-icon > img {
  width:25px;
}

.tblMainCurrencyList thead tr th[data-thname="1 Mnt"],
.tblMainCurrencyList thead tr th[data-thname="3 Mnt"],
.tblMainCurrencyList thead tr th[data-thname="12 Mnt"] {
  min-width: 100px !important;
}
.tblMainCurrencyList thead tr th[data-thname="Latest News"] {
  min-width: 200px !important;
}
.tblMainCurrencyList thead tr th[data-thname="P."] {
  min-width: 50px !important;
}
.tblMainCurrencyList thead tr th a {
  font-weight: bold;
}
.tblMainCurrencyList thead tr th[data-thname="Strength"],
.tblMainCurrencyList thead tr th[data-thname="Symbol"] {
  cursor: pointer;
}

.tableMainChart thead tr th {
  background-color: #292f38 !important;
  border: 1px solid #000000;
  white-space: nowrap;
  font-weight: 700 !important;
}

.tableOptionExpiry > thead > tr:nth-child(1) > th,
.tableOptionExpiry > thead > tr:nth-child(3) > th {
  background-color: #292f38 !important;
  border: 1px solid #000000;
  white-space: nowrap;
}

.tableOptionExpiry > thead > tr:nth-child(2) > th {
  background-color: #292f38 !important;
  border: 1px solid #000000;
  white-space: nowrap;
}

.tblMainCurrencyList thead tr th:nth-child(1) {
  border-right: 2px solid #292f38;
}

.tblMainCurrencyList thead tr th[data-thname="Symbol"] {
  border-right: 2px solid #292f38;
  text-align: right;
}

.TableBankTrades thead tr th {
  background-color: #292f38 !important;
  white-space: nowrap;
  font-weight: 700 !important;
  border: 1px solid #111316;
}

.TableBankTrades tbody tr td {
  border: 1px solid #111316;
}

.marqueeSymbolName {
  color: #fff;
}

.marqueeSymbolPrice {
  color: #fff;
}

.TableBankTrades tbody tr:nth-child(odd) td {
  text-align: center;
  background-color: #1c2227;
}

.TableBankTrades tbody tr:nth-child(even) td {
  text-align: center;
  background-color: #15181c;
}

.tblMainCurrencyList thead tr th,
.table tr td {
  text-align: center;
}
.tblMainCurrencyList tbody tr td:nth-child(2),
.table tr th:nth-child(1) {
  text-align: left;
}
.tblMainCurrencyList tbody tr td:nth-child(2) a {
  font-weight: bold;
  color: #fff;
}
.tblMainCurrencyList .tableMainChart tbody tr td.ChangingChartImage,
.ChangingChartImage {
  background: rgba(255, 152, 0, 0.5) !important;
}
.tdSummary .btn {
  cursor: default;
}
.tblMainCurrencyList tbody tr td {
  border-bottom: 1px solid #13151b !important;
  border-right: 1px solid #13151b !important;
  padding-top: 0 !important;
  vertical-align: middle !important;
  max-height: 50px !important;
  overflow: hidden;
  background: #000 !important;
}
.tblMainCurrencyList tbody tr td.tdLogo {
  min-width: 40px;
  width: 40px;
  max-width: 40px;
}

.tblMainCurrencyList tbody tr td.tdNameToDisplay a {
  text-decoration: none;
  font-weight: 700;
}
.tblMainCurrencyList tbody tr td.MonthlyChangeNeg {
  color: #ed0240 !important;
  font-weight: bold;
}
.tblMainCurrencyList tbody tr td.MonthlyChangePos {
  color: #02b097 !important;
  font-weight: bold;
}
.tblMainCurrencyList tr td.tdStrength {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.tblMainCurrencyList tr td.tdNewsHeading {
  text-align: left !important;
  padding-left: 10px !important;
  padding-top: 5px !important;
  max-width: 300px;
}
.tblMainCurrencyList tr td.tdViewButtons .btn {
  border: 1px solid #ff9800 !important;
  border-radius: 2px;
  padding: 2px 10px;
  font-weight: 300;
  color: #fff !important;
  background: #ff9800;
}
.tblMainCurrencyList tr td.tdViewButtons .btn:hover {
  background: #ff9800;
}
.tblMainCurrencyList tr td.tdViewButtons .btn .far {
  margin-top: 5px;
}
.tblMainCurrencyList tr td img {
  height: 30px;
}
.tblMainCurrencyList tr td.tdTrend div {
  height: 40px;
  width: 100px !important;
  position: relative;
  background: transparent;
  margin-bottom: -5px;
  margin-left: auto;
  margin-right: auto;
}
.tblMainCurrencyList tr td.tdTrend div img {
  position: absolute;
  top: -10px;
  left: -70px;
  z-index: 7;
  height: 100px;
  max-width: none;
}
.tblMainCurrencyList tr td.tdTrend div img:first:child {
  z-index: 8;
}

.tblMainCurrencyList tr td.very-bearish {
  background: #ed0240 !important;
}

.tblMainCurrencyList tr td.bearish {
  background: #ed0240 !important;
}

.tblMainCurrencyList tr td.neutral {
  background: #ff9800 !important;
}

.tblMainCurrencyList tr td.bullish {
  background: #02b097 !important;
}

.tblMainCurrencyList tr td.very-bullish {
  background: #02b097 !important;
}

.colDashboardSectionseasonality_forecast_table .table-stripe tbody tr td,
.colDashboardSectionpattern_prediction_forecast_table
  .table-stripe
  tbody
  tr
  td {
  padding-top: 20px;
  padding-bottom: 20px;
}
.colDashboardSectionseasonality_forecast_table
  .table-stripe
  tbody
  tr:nth-child(1)
  td,
.colDashboardSectionpattern_prediction_forecast_table
  .table-stripe
  tbody
  tr:nth-child(1)
  td {
  background: #292f38 !important;
  padding-top: 10px;
  padding-bottom: 10px;
}

.tLongtermHeatmap {
  margin-bottom: 0;
  height: 400px;
}
.tLongtermHeatmap,
.tLongtermHeatmap tr,
.tLongtermHeatmap tr td {
  background: #000;
  color: #fff;
  border: none;
}
.tLongtermHeatmap tbody tr {
  width: 100% !important;
}
.tLongtermHeatmap tbody tr td {
  padding: 5px 1px !important;
  font-weight: bold;
  border: 1px solid #000 !important;
}
.tLongtermHeatmap tbody tr td:first-child {
  text-align: center !important;
  font-weight: normal;
  border-right: 1px solid #2a2d37 !important;
}
.tLongtermHeatmap tbody tr td:last-child {
  text-align: center !important;
  border-left: 1px solid #2a2d37 !important;
}
.tLongtermHeatmap tbody tr:first-child td {
  padding: 3px 1px !important;
  font-weight: normal;
  border-right: none !important;
  border-left: none !important;
  background-color: #000 !important;
}
.tLongtermHeatmap tbody tr td:nth-child(1) {
  background-color: #000 !important;
}
.tLongtermHeatmap tbody tr:nth-child(even) td:nth-child(2) {
  background-color: #171c28 !important;
  background-image: linear-gradient(to right, #131823, #151926) !important;
}
.tLongtermHeatmap tbody tr:nth-child(even) td:nth-child(3) {
  background-color: #171c28 !important;
  background-image: linear-gradient(to right, #151926, #161a27) !important;
}
.tLongtermHeatmap tbody tr:nth-child(even) td:nth-child(4) {
  background-color: #171c28 !important;
  background-image: linear-gradient(to right, #161a27, #181e2c) !important;
}
.tLongtermHeatmap tbody tr:nth-child(even) td:nth-child(5) {
  background-color: #171c28 !important;
  background-image: linear-gradient(to right, #181e2c, #191f2d) !important;
}
.tLongtermHeatmap tbody tr:nth-child(even) td:nth-child(6) {
  background-color: #171c28 !important;
  background-image: linear-gradient(to right, #191f2d, #1a202e) !important;
}
.tLongtermHeatmap tbody tr:nth-child(even) td:nth-child(7) {
  background-color: #171c28 !important;
  background-image: linear-gradient(to right, #1a202e, #1b212f) !important;
}
.tLongtermHeatmap tbody tr td.neg {
  background-color: #ed0240 !important;
  background-image: linear-gradient(to right, #ed0240, #c40034) !important;
}
.tLongtermHeatmap tbody tr td.pos {
  background-color: #02b097 !important;
  background-image: linear-gradient(to right, #02b097, #018a76) !important;
}
.tLongtermHeatmap tbody tr:nth-child(even) td.neg {
  background-color: #ed0240 !important;
  background-image: linear-gradient(to right, #ed0240, #c40034) !important;
}
.tLongtermHeatmap tbody tr:nth-child(even) td.pos {
  background-color: #171c28 !important;
  background-image: linear-gradient(to right, #02b097, #018a76) !important;
}

.rowGeneralNews {
  transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  color: #fff;
}
.rowGeneralNews.loading {
  opacity: 0.5;
}
.rowGeneralNews .NewsRow:nth-child(odd) {
  background: #1c2227 !important;
}
.rowGeneralNews .NewsRow:nth-child(even) {
  background: #15181c !important;
}
.rowGeneralNews .NewsImg {
  display: inline-block;
  width: 140px;
  background: transparent !important;
  vertical-align: text-top;
}
.rowGeneralNews .NewsTexts {
  display: inline-block;
  padding: 10px;
  vertical-align: text-top;
  background: transparent !important;
}
.rowGeneralNews img {
  width: 100%;
  height: auto;
  display: block;
  margin-top: 10px;
  background: transparent !important;
}
.rowGeneralNews .NewsTitle {
  display: block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.1em;
  color: #ff9800;
  font-weight: bold;
  text-decoration: none;
}
.rowGeneralNews .CurrencyNewsText {
  background: transparent !important;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #9d9d9d;
}
.rowGeneralNews .NewsFooter {
  background: transparent !important;
  margin-top: 2px;
  padding: 10px 0 0 10px;
}
.rowGeneralNews .NewsSymbol {
  display: none;
  background: #ff9800;
  color: #fff;
  padding: 2px 3px 2px;
  text-align: center;
}
.rowGeneralNews .NewsFooter .NewsSource {
  color: #a0a0a0;
}
.rowGeneralNews .NewsFooter .NewsDate {
  font-style: italic;
  color: #a0a0a0;
  font-size: 11px;
  margin-left: 5px;
}
.rowGeneralNews .NewsFooter .NewsSentiment {
  font-weight: bold;
}
.rowGeneralNews .NewsFooter .NewsSentiment.Positive {
  color: #01b298;
}
.rowGeneralNews .NewsFooter .NewsSentiment.Negative {
  color: #fd2e64;
}
.rowGeneralNews .NewsFooter .NewsSentiment.Neutral {
  color: #ff9000;
}
.rowGeneralNews .pagination {
  display: inline-block;
  border: 1px solid #ff9800;
  border-radius: 3px;
  width: 40px;
  padding: 5px 0;
  margin: 5px 3px;
  cursor: pointer;
}

.rowStockNews {
  transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  color: #fff;
}
.rowStockNews.loading {
  opacity: 0.5;
}
.rowStockNews .NewsRow:nth-child(odd):hover,
.rowStockNews .NewsRow:nth-child(even):hover {
  background: #323539 !important;
}
.rowStockNews .NewsRow:nth-child(odd) {
  margin-bottom: 2px;
  background: #1c2227 !important;
  align-items: center;
}
.rowStockNews .NewsRow:nth-child(even) {
  margin-bottom: 2px;
  background: #15181c !important;
  align-items: center;
}
.rowStockNews .NewsImg {
  display: inline-block;
  background: transparent !important;
}
.rowStockNews .NewsTexts {
  display: inline-block;
  max-width: 100%;
  padding: 10px 5px 10px 10px;
  background: transparent !important;
}
.rowStockNews img {
  width: 100%;
  height: auto;
  display: block;
  margin-top: 10px;
  background: transparent !important;
}
.rowStockNews .NewsTitle {
  display: block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.1em;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}
.rowStockNews .CurrencyNewsText {
  background: transparent !important;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #9d9d9d;
}
.rowStockNews .NewsFooter {
  background: transparent !important;
  margin-top: 2px;
  padding: 10px 0 0 0;
}
.rowStockNews .NewsSymbol {
  background: #ff9800;
  color: #000;
  text-align: center;
  border-radius: 100%;
  font-weight: 700;
  font-size: 24px;
  aspect-ratio: 1;
  display: none;
  align-items: center;
  justify-content: center;
  width: 70px;
  margin: 5px;
}
.rowStockNews .NewsFooter .NewsSource {
  color: #a0a0a0;
}
.rowStockNews .NewsFooter .NewsDate {
  font-style: italic;
  color: #a0a0a0;
  font-size: 11px;
  margin-left: 5px;
}

.rowStockNews .NewsFooter .NSymbol {
  background-color: #444649;
  font-weight: 700;
  padding: 3px 6px;
}

.rowStockNews .NewsFooter .NewsSentiment {
  font-weight: bold;
}
.rowStockNews .NewsFooter .NewsSentiment.Positive {
  color: #01b298;
}
.rowStockNews .NewsFooter .NewsSentiment.Negative {
  color: #fd2e64;
}
.rowStockNews .NewsFooter .NewsSentiment.Neutral {
  color: #ff9000;
}
.rowStockNews .pagination {
  display: inline-block;
  border: 1px solid #ff9800;
  border-radius: 3px;
  width: 40px;
  padding: 5px 0;
  margin: 5px 3px;
  cursor: pointer;
}
.NewsPagination {
  background: #15181c !important;
  padding-bottom: 0;
  margin-bottom: 2px;
  margin-bottom: 2px;
}
.NewsPagination .pagination {
  border: none;
  border-right: 1px solid #000;
  border-radius: 0;
  margin: 0;
  text-align: center;
}
.NewsPagination .pagination.active {
  background: transparent;
  color: #ff9000;
}

.rowRealtimeNewsTicker .NewsRow {
  display: block;
  transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  color: #ffffff;
  margin-top: 2px;
}

.rowRealtimeNewsTicker .NewsRow:nth-child(odd):hover,
.rowRealtimeNewsTicker .NewsRow:nth-child(even):hover{
  background: #323539 !important;
}

.News__Title {
  font-weight: 600;
  font-size: 1rem;
}

.rowRealtimeNewsTicker .NewsRow:nth-child(odd),
.rowRealtimeNewsTicker .NewsRow:nth-child(odd) .News__Title {
  background: #1c2227 !important;
}

.rowRealtimeNewsTicker .NewsRow:nth-child(even),
.rowRealtimeNewsTicker .NewsRow:nth-child(even) .News__Title {
  background: #15181c !important;
}

.rowRealtimeNewsTicker.loading {
  opacity: 0.5;
}
.rowRealtimeNewsTicker .NewsRow.NewNews {
  background: #7a4500 !important;
}
.rowRealtimeNewsTicker .NewsRow.Highlighted {
  background: #ff9800 !important;
}

.sort-currency,
.sort-date {
  padding-top: 0;
  padding-bottom: 0;
  margin: 0;
  cursor: pointer;
  border: none;
  background: transparent;
  color: #fff;
}

.rowRealtimeNewsTicker .NewsBulet {
  display: inline-block;
  width: 20px;
  background: transparent !important;
  color: #ff9000;
  text-align: right;
  vertical-align: top;
  padding-top: 10px;
}
.rowRealtimeNewsTicker .NewsRow.Highlighted .NewsBulet {
  color: #15181c;
}
.rowRealtimeNewsTicker .NewsTexts {
  display: inline-block;
  width: calc(100% - 20px);
  padding: 10px 5px 10px 10px;
  background: transparent !important;
}
.rowRealtimeNewsTicker .NewsImg {
  display: none;
  max-width: 100%;
  height: auto;
  margin-top: 5px;
  background: transparent !important;
}
.rowRealtimeNewsTicker .NewsImg img {
  max-width: 100%;
  height: auto;
  margin-top: 5px;
  background: transparent !important;
}
.rowRealtimeNewsTicker .NewsTitle {
  display: block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.1em;
  color: #ff9800;
  font-weight: bold;
  text-decoration: none;
}
.rowRealtimeNewsTicker .CurrencyNewsText {
  background: transparent !important;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.rowRealtimeNewsTicker .NewsFooter {
  background: transparent !important;
  margin-top: 15px;
}
.rowRealtimeNewsTicker .NewsSymbol {
  display: block;
  background: #ff9800;
  color: #fff;
  padding: 2px 3px 2px;
  text-align: center;
}
.rowRealtimeNewsTicker .NewsFooter .NewsSource {
  margin-left: 10px;
  color: #a0a0a0;
}

.rowRealtimeNewsTicker .NewsFooter .Tag {
  background: rgba(255, 152, 0, 0.1);
  color: #ff9800;
  margin-right: 2px;
  padding: 3px 5px;
  border-radius: 5px;
}

.rowRealtimeNewsTicker .NewsRow.Highlighted .NewsFooter .Tag {
  color: #000;
  border: 1px solid #15181c;
}

.rowRealtimeNewsTicker .NewsFooter .NewsDate {
  /* margin-top: -5px; */
  margin-right: 10px;
  padding: 3px 5px;
  /* font-style: italic;
  float: right; */
  color: #a0a0a0;
}
.rowRealtimeNewsTicker .NewsRow.Highlighted .NewsFooter .NewsDate {
  color: #555555;
}
.rowRealtimeNewsTicker .NewsFooter .NewsSentiment {
  font-weight: bold;
}
.rowRealtimeNewsTicker .NewsFooter .NewsSentiment.Positive {
  color: #01b298;
}
.rowRealtimeNewsTicker .NewsFooter .NewsSentiment.Negative {
  color: #fd2e64;
}
.rowRealtimeNewsTicker .NewsFooter .NewsSentiment.Neutral {
  color: #ff9000;
}

.tbhCOT .table thead tr th {
  border: 1px solid #000 !important;
  white-space: nowrap;
  text-align: center;
}
.tbhCOT .table tbody tr td {
  border: 1px solid #000 !important;
  white-space: nowrap;
}
.tbhCOT .table tbody tr:nth-child(odd) td:nth-child(10) {
  background-color: #e68a01 !important;
  font-weight: bold;
}
.tbhCOT .table tbody tr:nth-child(even) td:nth-child(10) {
  background-color: #9c5f05 !important;
  font-weight: bold;
}
.tbhCOT .table tbody tr:nth-child(odd) td:nth-child(14) {
  background-color: #e68a01 !important;
  font-weight: bold;
}
.tbhCOT .table tbody tr:nth-child(even) td:nth-child(14) {
  background-color: #9c5f05 !important;
  font-weight: bold;
}
.tbhCOT .table tbody tr:nth-child(odd) td:nth-child(19) {
  background-color: #e68a01 !important;
  font-weight: bold;
}
.tbhCOT .table tbody tr:nth-child(even) td:nth-child(19) {
  background-color: #9c5f05 !important;
  font-weight: bold;
}

.tbhCOT .table_cot_history_table thead tr:nth-child(1) th {
  background-color: #1c2227 !important;
  white-space: nowrap;
  border: 1px solid #000000;
}

.tbhCOT .table_cot_history_table thead tr:nth-child(2) th {
  background-color: #15181c !important;
  white-space: nowrap;
  border: 1px solid #000000;
}

.table_insider_transactions thead {
  font-weight: 700;
}

.table_upgrade_downgrade > tbody > tr:nth-child(1) > td {
  background-color: #1c2227 !important;
  font-weight: 700;
}

.table_list_orderflow > thead > tr > th {
  background-color: #1c2227 !important;
  font-weight: 700;
}

.table_insider_transactions td,
.table_institutions td,
.table_upgrade_downgrade td,
.table_dxm_table > tbody > tr > td,
.tbhCOT .table_cot_history_table thead tr td {
  text-align: left !important;
  background-color: #15181c !important;
  padding: 5px !important;
  white-space: nowrap;
  border: 1px solid #000000 !important;
}

.table_insider_transactions th,
.table_institutions th,
.table_upgrade_downgrade th {
  text-align: left !important;
  background-color: #1c2227 !important;
  white-space: nowrap;
  border: 1px solid #111316;
}

/* .table_dxm_table_detailed > tbody > tr:nth-child(even) > td {
  text-align: left !important;
  background-color: #15181c !important;
  padding: 5px !important;
  white-space: nowrap;
  border: 1px solid #000000 !important;
  text-align: left !important;
}

.table_dxm_table_detailed > tbody > tr:nth-child(odd) td {
  background-color: #1c2227 !important;
  padding: 5px !important;
  white-space: nowrap;
  border: 1px solid #000000 !important;
} */

table.table-inner th,
table.table-inner td {
  vertical-align: middle; /* Centers the content vertically */
  text-align: center; /* Optional: Centers the text horizontally */
}

.table_cht > thead > tr > th {
  background-color: #1c2227 !important;
  color: #fff;
}

.table_cht > tbody > tr:nth-child(even) td {
  background-color: #1c2227 !important;
  color: #fff;
}

.table_cht > tbody > tr:nth-child(odd) td {
  background-color: #15181c !important;
  color: #fff;
}

.table_cot_history_table > tbody > tr:nth-child(odd) td {
  background-color: #1c2227 !important;
}

.table_cot_history_table > tbody > tr:nth-child(even) td {
  background-color: #15181c !important;
}

.table_cot_history_table > tbody > tr > td {
  text-align: center !important;  
  border: 1px solid #000000 !important;
}

.trade-info-table > tbody > tr:nth-child(odd) td,
.journal-table > tbody > tr:nth-child(odd) td {
  background-color: #15181c !important;
  font-size:13px;
  white-space:nowrap;
  vertical-align:middle;
}

.trade-info-table > tbody > tr:nth-child(even) td,
.journal-table > tbody > tr:nth-child(even) td {
  background-color: #1c2227 !important;
  font-size:13px;
  white-space:nowrap;
  vertical-align:middle;
}

.trade-info-table > thead > tr > th,
.journal-table > thead > tr > th {
  background-color: #1c2227!important;
  border: 1px solid #000000 !important;
  border-bottom:2px solid #15181c!important;
  white-space:nowrap;
  font-size:13px;
}

.journal-table > tbody > tr > td[data-type="datetime"],
.journal-table > tbody > tr > td[data-type="date"] {
  min-width: 156px!important;
  max-width: 156px!important;
}

.trade-info-table > tbody > tr:nth-child(even) > td {
 background-color: #1c2227 !important;
}

.trade-info-table > tbody > tr:nth-child(odd) > td {
  background-color: #15181c !important;
}

.trade-info-table td {
  width: 25% !important;
}

.trade-info-table > tbody > tr > td,
.watchlist-table > tbody > tr > td,
.table-macro-table > tbody > tr > td,
.table-macrodynamic-table > tbody > tr > td,
.journal-table > tbody > tr > td {
  border: 1px solid #000000 !important;
}

.watchlist-table > tbody > tr:nth-child(odd) td,
.table-macro-table > tbody > tr:nth-child(odd) td,
.table-macrodynamic-table > tbody > tr:nth-child(odd) td {
  background-color: #1c2227 !important;
}

.watchlist-table > tbody > tr:nth-child(even) td,
.table-macro-table > tbody > tr:nth-child(even) td,
.table-macrodynamic-table > tbody > tr:nth-child(even) td {
  background-color: #15181c !important;
}

.watchlist-table > thead > tr > th,
.table-macro-table > thead > tr > th,
.table-macrodynamic-table > thead > tr > th {
  border: 1px solid #000000 !important;
  white-space:nowrap;
  min-width:100px;
}

.colDashboardSectionevent_calendar {
  color: #fff;
}
.colDashboardSectionevent_calendar tr td {
  border: none;
  text-align: center !important;
  cursor: pointer;
}
.colDashboardSectionevent_calendar tr td:nth-child(3) {
  min-width: 60px;
}
.colDashboardSectionevent_calendar thead {
  border-bottom: 2px solid #080a0c !important;
}
.colDashboardSectionevent_calendar thead tr th {
  background: #1C2227 !important;
  border: 1px solid #080a0c !important;
  font-weight: 700 !important;
  text-align: center;
}
.colDashboardSectionevent_calendar .fas.fa-globe {
  margin-right: 1px;
}
.colDashboardSectionevent_calendar .fas.fa-globe.disabled {
  color: #333;
}
.colDashboardSectionevent_calendar tr.NewsDayTheDay td {
  text-align: left !important;
  background-color: #ff9800 !important;
  color: #fff !important;
  font-weight: 700 !important;
}

.colDashboardSectionevent_calendar tbody tr:nth-child(odd) td {
  background-color: #1c2227;
  border: 1px solid #080a0c;
}

.colDashboardSectionevent_calendar tbody tr:nth-child(even) td {
  background-color: #15181c;
  border: 1px solid #080a0c;
}

.colDashboardSectionevent_calendar tbody tr td:nth-child(3) {
  text-align: center !important;
}

.colDashboardSectionevent_calendar tbody tr td i {
  margin-left: 4px !important;
}

.colDashboardSectionevent_calendar .blackFont {
  color: #fff;
}
.colDashboardSectionevent_calendar .redFont {
  color: #fd2e64;
}
.colDashboardSectionevent_calendar .greenFont {
  color: #01b298;
}
.EventDescriptionTabs {
  background: #15181c !important;
  padding-bottom: 0;
  margin-bottom: 2px;
}
.EventDescriptionTabs .EventDescriptionname {
  display: inline-block;
  border: none;
  border-right: 1px solid #000;
  border-radius: 0;
  margin: 0;
  padding: 3px 5px;
  color: #fff;
  text-align: center;
  cursor: pointer;
}
.EventDescriptionTabs .EventDescriptionname.active {
  background: transparent;
  color: #ff9000;
}
.EventDescriptionDetail {
  padding: 5px;
  color: #fff;
  display: none;
}

.colDashboardSectiondxm_table .table tbody tr td {
  padding-top: 15px;
  padding-bottom: 15px;
}
.colDashboardSectiondxm_table .table tbody tr td:nth-child(1) {
  text-align: left;
  padding-left: 10px;
}
.colDashboardSectiondxm_table .table tbody tr td:nth-child(2) {
  text-align: right;
  padding-right: 10px;
}

#tSeasonalPrediction_1 tr td {
  padding-top: 15px;
  padding-bottom: 15px;
}

.colDashboardSectioncorrelation_matrix .table th {
  border: 2px solid transparent;
  background: #080a0c;
}

.colDashboardSectioncorrelation_matrix .table th tr td:nth-child(1) {
  /* background: #15181c; */
  border: none;
}

.colDashboardSectioncorrelation_matrix .table th,
.colDashboardSectioncorrelation_matrix .table td {
  color: #fff;
}
.colDashboardSectioncorrelation_matrix
  .table.table-noborder
  tbody
  tr:nth-child(1)
  td {
  border-top: 2px solid #15181c !important;
}
.divCorrelationHeader {
  background: #15181c !important;
  white-space: nowrap;
  margin-top: 2px;
}
.divCorrelationHeader span {
  display: inline-block;
  font-size: 11px;
  vertical-align: middle;
  color: #fff;
  padding: 0 3px;
  text-align: center;
  background: #15181c;
  border-right: 2px solid #000;
  height: 32px;
}
.divCorrelationHeader span img {
  height: 30px;
}
.divCorrelationHeader span small {
  color: #fff;
}

.MacroTabnames {
  background: #15181c !important;
  padding-bottom: 0;
  margin-bottom: 2px;
}
.MacroTabnames .MacroTabname {
  display: inline-block;
  border: none;
  border-right: 1px solid #000;
  border-radius: 0;
  margin: 0;
  padding: 3px 5px;
  color: #fff;
  text-align: center;
  cursor: pointer;
}
.MacroTabnames .MacroTabname.active {
  background: transparent;
  color: #ff9000;
}

.macroSearchBar {
  background: #1c2227 !important;
  padding: 5px;
  color: #fff;
  border: 1px solid #333;
  outline: none;
}

.macrotable tbody tr td{
  color:#fff!important;
}
.macrotable tbody tr td:hover{
  color:#fff;
}
.macrotable tbody tr {
  display: none;
  cursor: pointer;
}
.macrotable tbody tr td:first-child {
  text-align: left;
}
.macrotable thead {
  border-bottom: 2px solid #15181c !important;
  text-align: center;
}
.MacroDescriptionTabs {
  background: #15181c !important;
  padding-bottom: 0;
  margin-bottom: 2px;
}
.MacroDescriptionTabs .MacroDescriptionname {
  display: inline-block;
  border: none;
  border-right: 1px solid #000;
  border-radius: 0;
  margin: 0;
  padding: 3px 5px;
  color: #fff;
  text-align: center;
  cursor: pointer;
}
.MacroDescriptionTabs .MacroDescriptionname.active {
  background: transparent;
  color: #ff9000;
}
.MacroDescriptionDetail {
  padding: 5px;
  color: #fff;
  display: none;
}

.trGetResearchFile {
  cursor: pointer;
}

.trGetResearchFile td {
  text-align: left !important;
}

.tableSocialTwitterPosts img,
.tableSocialRedditPosts img {
  width: 20px;
  margin-right: 10px;
}
.tableSocialTwitterPosts thead tr th,
.tableSocialRedditPosts thead tr th {
  text-align: center;
}
.tableSocialTwitterPosts .fa-twitter-square {
  font-size: 20px;
  color: #1da1f2;
}
.tableSocialRedditPosts .fa-reddit-square {
  font-size: 20px;
  color: #ff9000;
}

.cbcontainer {
  display: block;
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #fff;
}
.cbcontainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #000;
  border: 1px solid #999;
}
.cbcontainer:hover input ~ .checkmark {
  background-color: #000;
}
.cbcontainer input:checked ~ .checkmark {
  background-color: #ff9000;
  border: 1px solid #ff9000;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.cbcontainer input:checked ~ .checkmark:after {
  display: block;
}
.cbcontainer .checkmark:after {
  left: 6px;
  top: 2px;
  width: 7px;
  height: 12px;
  border: solid black;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.tblCrossRates {
  text-align: center;
  width: 100% !important;
}
.tblCrossRates tr td {
  border: 1px solid #111316 !important;
  padding: 10px 3px;
  width: 11.11111% !important;
  overflow: hidden;
  white-space: nowrap;
  color: #ffffff;
}

.tblCrossRates thead tr td {
  border: 2px solid #080a0c !important;
  background-color: #080a0c !important;
}

.tblCrossRates img {
  width: 20px;
  vertical-align: middle;
}

.tblCrossRates tbody tr:nth-child(odd) td {
  background: #080a0c;
}

.tblCrossRates tbody tr:nth-child(even) td {
  background: #080a0c;
}

.MiniChartTop .minichartsymbol {
  display: inline-block;
  padding-top: 10px;
  padding-left: 10px;
  color: #ffffff;
  font-size: 1.2em;
}
.MiniChartTop .minichartprice {
  display: inline-block;
  padding-top: 5px;
  padding-left: 10px;
  font-size: 2em;
  font-weight: bold;
  width: 120px;
}
.MiniChartTop .minichartchange {
  display: inline-block;
  padding-top: 5px;
  padding-left: 20px;
  color: #ffffff;
  font-size: 1.4em;
  font-weight: normal;
}
.MiniChartTop .minichartchange .fa-solid {
  font-size: 0.6em;
  vertical-align: middle;
}

.tableInstitution tr th {
  text-align: center !important;
}
.tableInstitution tr td:nth-child(1) {
  text-align: left;
}
.tableInsideTransactions tr th {
  text-align: center !important;
}
.tableInsideTransactions tr td:nth-child(1) {
  text-align: left;
}
.tableFinancialAnalysis tr th {
  text-align: center !important;
}
.tableFinancialAnalysis tr td:nth-child(1) {
  text-align: left;
}
.tableFinancialAnalysis tr.DataTitle td:nth-child(1) {
  text-align: left;
  padding-left: 25px;
}
.tableFinancialAnalysis tr td {
  background: #15181c !important;
  border: 0.5px solid #000000;
}
.tableOptionExpiry tr th {
  border: 0.5px solid #000000;
  text-align: center !important;
}
.tableOptionExpiry tr td {
  border: 0.5px solid #000000;
  line-height: 80%;
  padding: 10px;
  height: 70px !important;
}
.tableOptionExpiry tr td:first-child {
  text-align: left;
}
.tableOptionExpiry tr:nth-child(odd) td {
  background: #080a0c !important;
}
.tableOptionExpiry tr:nth-child(even) td {
  background: #15181c !important;
}
.tableOptionExpiry tr td.emptycell {
  background: url("assets/img/tableOptionExpiry.png") !important;
  background-size: cover;
}

/***************************************** Detail page ************************************************/
.nav-item.detailpagenavindex {
  background: #212529;
}
.nav-item.detailpagenavindex .nav-link {
  padding-top: 7px;
}
.divTabsHolder {
  position: relative;
  white-space: nowrap;
  width: 100%;
  height: 28px;
  overflow: hidden;
  margin-top: 45px;
}
.TabsWrapper {
  position: absolute;
  left: 2px;
  z-index: 2;
  transition: left 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
.divTabsHolder .TabLink {
  background: #292f38;
  padding: 5px 10px;
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  margin-right: 2px;
}
.divTabsHolder .TabLink.active,
.divTabsHolder .TabLink:hover {
  color: #ff9000;
}
.divTabsHolder .TabLink.noaccess {
  color: #777;
}
.divTabsHolder .TabLink[data-tab="ScrollLeft"] {
  position: absolute;
  left: 0;
  top: 0;
  padding: 2px 10px 1px 10px;
  font-size: 13px;
  z-index: 3;
  display: none;
}
.divTabsHolder .TabLink[data-tab="ScrollRight"] {
  position: absolute;
  right: 0;
  top: 0;
  padding: 2px 10px 1px 10px;
  font-size: 13px;
  z-index: 3;
  display: none;
}

.colDashboardSectionoverview_summary tr td small {
  color: #fff;
  display: block;
  margin-bottom: 10px;
  font-size: 10px;
}

.input-group-append,
.input-group-prepend {
  display: -ms-flexbox;
  display: flex;
}
.input-group-append .btn,
.input-group-prepend .btn {
  position: relative;
  z-index: 2;
}
.input-group-append .btn:focus,
.input-group-prepend .btn:focus {
  z-index: 3;
}
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .btn,
.input-group-append .input-group-text + .input-group-text,
.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-prepend .input-group-text + .input-group-text {
  margin-left: -1px;
}
.input-group-prepend {
  margin-right: -1px;
}
.input-group-append {
  margin-left: -1px;
}
.input-group-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background: transparent;
  border-bottom: 1px solid #555;
  border-radius: 0;
}
.input-group-text input[type="checkbox"],
.input-group-text input[type="radio"] {
  margin-top: 0;
}
.input-group-lg > .custom-select,
.input-group-lg > .form-control:not(textarea) {
  height: calc(1.5em + 1rem + 2px);
}
.input-group-lg > .custom-select,
.input-group-lg > .form-control,
.input-group-lg > .input-group-append > .btn,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-prepend > .input-group-text {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0;
}
.input-group-sm > .custom-select,
.input-group-sm > .form-control:not(textarea) {
  height: calc(1.5em + 0.5rem + 2px);
}
.input-group-sm > .custom-select,
.input-group-sm > .form-control,
.input-group-sm > .input-group-append > .btn,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-prepend > .input-group-text {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0;
}
.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
  padding-right: 1.75rem;
}
.input-group
  > .input-group-append:last-child
  > .btn:not(:last-child):not(.dropdown-toggle),
.input-group
  > .input-group-append:last-child
  > .input-group-text:not(:last-child),
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group
  > .input-group-prepend:first-child
  > .input-group-text:not(:first-child),
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.video-container {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.video-container::after {
  padding-top: 56.25%;
  display: block;
  content: "";
}

.video-container iframe,
.video-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 200px;
}

.iframe-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: none;
}

.error-message {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.error-message > a {
  color: #ff9000;
  font-size: 16px;
  font-family: 'SF Pro Display', 'Helvetica';
  font-weight: 500;
}

.error-message > a:hover {
  color: #ff9000;
}

.tooltip .arrow::before {
  border-left-color: transparent !important;
  border-top-color: #fff !important;
}
.tooltip .arrow::after {
  border-left-color: rgba(0, 0, 0, 0.2) !important;
  margin-left: 2px;
}
[class*="raphael-group-"]
  > text[font-size="9px"][x="6"][text-anchor="start"][fill-opacity="0.5"] {
  display: none !important;
}

::selection {
  color: #181d2a;
  background: #ff9800;
}

/* New widget holder redesign styles */

.modalNewWidgetIconsRow {
  margin:auto;
  padding:0;
}

.modalNewWidgetIconsRow .svgHolder {
  margin-top: 20px;
  padding: 20px 40px;
  text-align: center;
  cursor: pointer;
  border: 1px solid #ffffff;
  transition: border 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
.modalNewWidgetIconsRow svg {
  fill: #ffffff;
}
.modalNewWidgetIconsRow .svgTitle {
  margin-top: 10px;
  height: 30px;
  transition: color 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
.modalNewWidgetIconsRow .svgHolder:hover {
  border: 1px solid #ff9800;
}
.modalNewWidgetIconsRow .svgHolder:hover svg {
  fill: #ff9800;
  transition: fill 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
.modalNewWidgetIconsRow .svgHolder:hover .svgTitle {
  color: #ff9800;
}

.modalNewWidgetThumbsGoback {
  cursor: pointer;
}
.modalNewWidgetThumbsGoback:hover {
  color: #ff9800;
}

/* Flags */
.ceCountry {
  display: inline-block;
  vertical-align: middle;
  padding-left: 2px;
}
.ceFlags {
  width: 16px;
  height: 15px;
  background-image: url("assets/img/ce_flags_v6.png");
  background-repeat: no-repeat;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
}
.ASEAN {
  background-position: 0 0;
}
.Afghanistan {
  background-position: 0 -17px;
}
.AfricanUnion {
  background-position: 0 -34px;
}
.Albania {
  background-position: 0 -51px;
}
.Algeria {
  background-position: 0 -68px;
}
.AmericanSamoa {
  background-position: 0 -85px;
}
.Andorra {
  background-position: 0 -102px;
}
.Angola {
  background-position: 0 -119px;
}
.Anguilla {
  background-position: 0 -136px;
}
.Antarctica {
  background-position: 0 -153px;
}
.AntiguaBarbuda {
  background-position: 0 -170px;
}
.ArabLeague {
  background-position: 0 -187px;
}
.Argentina,
.ars {
  background-position: 0 -204px;
}
.Armenia {
  background-position: 0 -221px;
}
.Aruba {
  background-position: 0 -238px;
}
.Australia,
.aus,
.aud {
  background-position: 0 -255px;
}
.Austria {
  background-position: 0 -272px;
}
.Azerbaijan {
  background-position: 0 -289px;
}
.Bahamas {
  background-position: 0 -306px;
}
.Bahrain {
  background-position: 0 -323px;
}
.Bangladesh {
  background-position: 0 -340px;
}
.Barbados {
  background-position: 0 -357px;
}
.Belarus {
  background-position: 0 -374px;
}
.Belgium {
  background-position: 0 -391px;
}
.Belize {
  background-position: 0 -408px;
}
.Benin {
  background-position: 0 -425px;
}
.Bermuda {
  background-position: 0 -442px;
}
.Bhutan {
  background-position: 0 -459px;
}
.Bolivia {
  background-position: 0 -476px;
}
.Bosnia,
.Bosnia_and_Herzegovina {
  background-position: 0 -493px;
}
.Botswana {
  background-position: 0 -510px;
}
.Brazil,
.brl {
  background-position: 0 -527px;
}
.Brunei {
  background-position: 0 -544px;
}
.Bulgaria {
  background-position: 0 -561px;
}
.BurkinaFaso {
  background-position: 0 -578px;
}
.Burundi {
  background-position: 0 -595px;
}
.CARICOM {
  background-position: 0 -612px;
}
.CIS {
  background-position: 0 -629px;
}
.Cambodja {
  background-position: 0 -646px;
}
.Cameroon {
  background-position: 0 -663px;
}
.Canada,
.can,
.cad {
  background-position: 0 -680px;
}
.CapeVerde,
.Cape_Verde {
  background-position: 0 -697px;
}
.Cayman_Islands {
  background-position: 0 -714px;
}
.Central_African_Republic {
  background-position: 0 -731px;
}
.Chad {
  background-position: 0 -748px;
}
.Chile,
.clp {
  background-position: 0 -765px;
}
.China,
.cny {
  background-position: 0 -782px;
}
.Colombia,
.cop {
  background-position: 0 -799px;
}
.Commonwealth {
  background-position: 0 -816px;
}
.Comoros {
  background-position: 0 -833px;
}
.Congo-Brazzaville {
  background-position: 0 -850px;
}
.Congo-KinshasaZaire {
  background-position: 0 -867px;
}
.Cook_Islands {
  background-position: 0 -884px;
}
.Costa_Rica {
  background-position: 0 -901px;
}
.Cote_dIvoire {
  background-position: 0 -918px;
}
.Croatia {
  background-position: 0 -935px;
}
.Cuba {
  background-position: 0 -952px;
}
.Cyprus {
  background-position: 0 -969px;
}
.Czech_Republic,
.czk {
  background-position: 0 -986px;
}
.Denmark,
.dkk {
  background-position: 0 -1003px;
}
.Djibouti {
  background-position: 0 -1020px;
}
.Dominica {
  background-position: 0 -1037px;
}
.Dominican_Republic {
  background-position: 0 -1054px;
}
.Dubai {
  background-position: -17px -1819px;
}
.EastTimor {
  background-position: 0 -1071px;
}
.Ecuador {
  background-position: 0 -1088px;
}
.Egypt {
  background-position: 0 -1105px;
}
.El_Salvador {
  background-position: 0 -1122px;
}
.England {
  background-position: 0 -1139px;
}
.EquatorialGuinea {
  background-position: 0 -1156px;
}
.Eritrea {
  background-position: 0 -1173px;
}
.Estonia {
  background-position: 0 -1190px;
}
.Ethiopia {
  background-position: 0 -1207px;
}
.European_Union,
.eur,
.Europe {
  background-position: 0 -1224px;
}
.Faroes {
  background-position: 0 -1241px;
}
.Fiji {
  background-position: 0 -1258px;
}
.Finland {
  background-position: 0 -1275px;
}
.France {
  background-position: 0 -1292px;
}
.Gabon {
  background-position: 0 -1309px;
}
.Gambia {
  background-position: 0 -1326px;
}
.Georgia {
  background-position: 0 -1343px;
}
.Germany {
  background-position: 0 -1360px;
}
.Ghana {
  background-position: 0 -1377px;
}
.Gibraltar {
  background-position: 0 -1394px;
}
.Greece {
  background-position: 0 -1411px;
}
.Greenland {
  background-position: 0 -1428px;
}
.Grenada {
  background-position: 0 -1445px;
}
.Guadeloupe {
  background-position: 0 -1462px;
}
.Guademala {
  background-position: 0 -1479px;
}
.Guam {
  background-position: 0 -1496px;
}
.Guinea-Bissau {
  background-position: 0 -1513px;
}
.Guinea {
  background-position: 0 -1530px;
}
.Guyana {
  background-position: 0 -1547px;
}
.Haiti {
  background-position: 0 -1564px;
}
.Honduras {
  background-position: 0 -1581px;
}
.Hong_Kong,
.hkd {
  background-position: 0 -1598px;
}
.Hungary,
.huf {
  background-position: 0 -1615px;
}
.Iceland {
  background-position: 0 -1632px;
}
.India,
.inr {
  background-position: 0 -1649px;
}
.Indonesia,
.idr {
  background-position: 0 -1666px;
}
.Iran {
  background-position: 0 -1683px;
}
.Iraq {
  background-position: 0 -1700px;
}
.Ireland {
  background-position: 0 -1717px;
}
.IslamicConference {
  background-position: 0 -1734px;
}
.Israel {
  background-position: 0 -1751px;
}
.Italy {
  background-position: 0 -1768px;
}
.Jamaica {
  background-position: 0 -1785px;
}
.Japan,
.jpn,
.jpy {
  background-position: 0 -1802px;
}
.Jersey {
  background-position: 0 -1819px;
}
.Jordan {
  background-position: 0 -1836px;
}
.Kazakhstan {
  background-position: 0 -1853px;
}
.Kenya {
  background-position: 0 -1870px;
}
.Kiribati {
  background-position: 0 -1887px;
}
.Kuwait {
  background-position: 0 -1904px;
}
.Kyrgyzstan {
  background-position: 0 -1921px;
}
.Laos {
  background-position: 0 -1938px;
}
.Latvia {
  background-position: 0 -1955px;
}
.Lebanon {
  background-position: 0 -1972px;
}
.Lesotho {
  background-position: 0 -1989px;
}
.Liberia {
  background-position: -17px 0;
}
.Libya {
  background-position: -17px -17px;
}
.Liechtenstein {
  background-position: -17px -34px;
}
.Lithuania {
  background-position: -17px -51px;
}
.Luxembourg {
  background-position: -17px -68px;
}
.Macao {
  background-position: -17px -85px;
}
.Macedonia {
  background-position: -17px -102px;
}
.Madagascar {
  background-position: -17px -119px;
}
.Malawi {
  background-position: -17px -136px;
}
.Malaysia,
.myr {
  background-position: -17px -153px;
}
.Maldives {
  background-position: -17px -170px;
}
.Mali {
  background-position: -17px -187px;
}
.Malta {
  background-position: -17px -204px;
}
.MarshallIslands {
  background-position: -17px -221px;
}
.Martinique {
  background-position: -17px -238px;
}
.Mauritania {
  background-position: -17px -255px;
}
.Mauritius {
  background-position: -17px -272px;
}
.Mexico,
.mxn {
  background-position: -17px -289px;
}
.Micronesia {
  background-position: -17px -306px;
}
.Moldova {
  background-position: -17px -323px;
}
.Monaco {
  background-position: -17px -340px;
}
.Mongolia {
  background-position: -17px -357px;
}
.Montenegro {
  background-position: -17px -374px;
}
.Montserrat {
  background-position: -17px -391px;
}
.Morocco {
  background-position: -17px -408px;
}
.Mozambique {
  background-position: -17px -425px;
}
.MyanmarBurma {
  background-position: -17px -442px;
}
.NATO {
  background-position: -17px -459px;
}
.Namibia {
  background-position: -17px -476px;
}
.Nauru {
  background-position: -17px -493px;
}
.Nepal {
  background-position: -17px -510px;
}
.Netherlands {
  background-position: -17px -527px;
}
.Netherlands_Antilles {
  background-position: -17px -544px;
}
.New_Zealand,
.nzl,
.nzd {
  background-position: -17px -561px;
}
.Nicaragua {
  background-position: -17px -578px;
}
.Niger {
  background-position: -17px -595px;
}
.Nigeria {
  background-position: -17px -612px;
}
.NorthKorea {
  background-position: -17px -629px;
}
.NorthernIreland {
  background-position: -17px -646px;
}
.Northern_Cyprus {
  background-position: -17px -663px;
}
.Norway,
.nok {
  background-position: -17px -680px;
}
.OPEC {
  background-position: -17px -697px;
}
.OlimpicMovement {
  background-position: -17px -714px;
}
.Oman {
  background-position: -17px -731px;
}
.Pakistan {
  background-position: -17px -748px;
}
.Palau {
  background-position: -17px -765px;
}
.Palestine,
.Palestinian_Territory {
  background-position: -17px -782px;
}
.Panama {
  background-position: -17px -799px;
}
.Papua_New_Guinea {
  background-position: -17px -816px;
}
.Paraguay {
  background-position: -17px -833px;
}
.Peru,
.pen {
  background-position: -17px -850px;
}
.Philippines,
.php {
  background-position: -17px -867px;
}
.Poland,
.pln {
  background-position: -17px -884px;
}
.Portugal {
  background-position: -17px -901px;
}
.PuertoRico {
  background-position: -17px -918px;
}
.Qatar {
  background-position: -17px -935px;
}
.RedCross {
  background-position: -17px -952px;
}
.Reunion {
  background-position: -17px -969px;
}
.Romania {
  background-position: -17px -986px;
}
.Russian_Federation,
.rub {
  background-position: -17px -1003px;
}
.Rwanda {
  background-position: -17px -1020px;
}
.SaintLucia {
  background-position: -17px -1037px;
}
.Samoa {
  background-position: -17px -1054px;
}
.SanMarino {
  background-position: -17px -1071px;
}
.Sao_Tome_Principe {
  background-position: -17px -1088px;
}
.Saudi_Arabia {
  background-position: -17px -1105px;
}
.Scotland {
  background-position: -17px -1122px;
}
.Senegal {
  background-position: -17px -1139px;
}
.Serbia {
  background-position: -17px -1156px;
}
.Seychelles {
  background-position: -17px -1173px;
}
.SierraLeone {
  background-position: -17px -1190px;
}
.Singapore,
.sgd {
  background-position: -17px -1207px;
}
.Slovakia {
  background-position: -17px -1224px;
}
.Slovenia {
  background-position: -17px -1241px;
}
.Solomon_Islands {
  background-position: -17px -1258px;
}
.Somalia {
  background-position: -17px -1275px;
}
.Somaliland {
  background-position: -17px -1292px;
}
.South_Afriica,
.South_Africa,
.zar {
  background-position: -17px -1309px;
}
.South_Korea,
.krw {
  background-position: -17px -1326px;
}
.Spain {
  background-position: -17px -1343px;
}
.Sri_Lanka {
  background-position: -17px -1360px;
}
.StKittsNevis {
  background-position: -17px -1377px;
}
.StVincenttheGrenadines {
  background-position: -17px -1394px;
}
.Sudan {
  background-position: -17px -1411px;
}
.Suriname {
  background-position: -17px -1428px;
}
.Swaziland {
  background-position: -17px -1445px;
}
.Sweden,
.sek {
  background-position: -17px -1462px;
}
.Switzerland,
.che,
.chf {
  background-position: -17px -1479px;
}
.Syria {
  background-position: -17px -1496px;
}
.TahitiFrenchPolinesia {
  background-position: -17px -1513px;
}
/*.Taiwan, .twd{background-position:-17px -1530px;} */
.Taiwan,
.twd {
  background-position: -17px -2005px;
}
.Tajikistan {
  background-position: -17px -1547px;
}
.Tanzania {
  background-position: -17px -1564px;
}
.Thailand,
.thb {
  background-position: -17px -1581px;
}
.Timor-Leste {
  background-position: -17px -1598px;
}
.Togo {
  background-position: -17px -1615px;
}
.Tonga {
  background-position: -17px -1632px;
}
.Trinidad_Tobago {
  background-position: -17px -1649px;
}
.Tunisia {
  background-position: -17px -1666px;
}
.Turkey,
.try {
  background-position: -17px -1683px;
}
.Turkmenistan {
  background-position: -17px -1700px;
}
.TurksandCaicosIslands {
  background-position: -17px -1717px;
}
.Tuvalu {
  background-position: -17px -1734px;
}
.USA,
.USD,
.usa,
.usd,
.United_States {
  background-position: -17px -1751px;
}
.Uganda {
  background-position: -17px -1768px;
}
.Ukraine,
.uah {
  background-position: -17px -1785px;
}
.UnitedNations {
  background-position: -17px -1802px;
}
.United_Arab_Emirates {
  background-position: -17px -1819px;
}
.UK,
.United_Kingdom,
.gbr,
.gbp {
  background-position: -17px -1836px;
}
.Uruguay {
  background-position: -17px -1853px;
}
.Uzbekistan {
  background-position: -17px -1870px;
}
.Vanuatu {
  background-position: -17px -1887px;
}
.VaticanCity {
  background-position: -17px -1904px;
}
.Venezuela,
.vef {
  background-position: -17px -1921px;
}
.Viet_Nam,
.vnd,
.Vietnam {
  background-position: -17px -1938px;
}
.VirginIslandsBritish,
.British_Virgin_Islands {
  background-position: -17px -1955px;
}
.VirginIslandsUS,
.Virgin_Islands_US {
  background-position: -17px -1972px;
}
.Wales {
  background-position: -17px -1989px;
}
.WesternSahara {
  background-position: -34px 0;
}
.Yemen {
  background-position: -34px -17px;
}
.Zambia {
  background-position: -34px -34px;
}
.Zimbabwe {
  background-position: -34px -51px;
}
/* Flags */

/* Details tables redesign styles */

.table_open_to_open {
  color: #fff;
  border: 1px solid #080a0c;
}

.table_open_to_open > tbody > tr:nth-child(odd) {
  background-color: #1c2227 !important;
}

.table_open_to_open > tbody > tr:nth-child(even) {
  background-color: #15181c !important;
}

.table_open_to_open > tbody > tr > td:nth-child(odd) {
  text-align: left !important;
}

.table_open_to_open > tbody > tr > td:nth-child(even) {
  text-align: right !important;
}

.table_histogram {
  border: 1px solid #080a0c;
}

.table_histogram > thead > tr > th {
  text-align: center !important;
}

.table_volatility_main_chart > thead > tr > th {
  text-align: center !important;
  color: #fff;
}

.table_volatility_main_chart,
.table_volatility_main_chart > thead > tr > th {
  border: 1px solid #080a0c !important;
}

.table_volatility_main_chart > thead > tr > th {
  background-color: #1c2227 !important;
}

.table_volatility_main_chart > tbody > tr:nth-child(even) {
  background-color: #1c2227 !important;
  color: #fff;
}

.table_volatility_main_chart > tbody > tr:nth-child(odd) {
  background-color: #15181c !important;
  color: #fff;
}

.table_Average_Daily_ATR,
.table_Average_Weekly_ATR,
.table_Average_Monthly_ATR {
  border: 1px solid #080a0c !important;
  color: #fff;
}

.table_Average_Daily_ATR > thead > tr > th,
.table_Average_Weekly_ATR > thead > tr > th,
.table_Average_Monthly_ATR > thead > tr > th {
  background-color: #1c2227 !important;
  text-align: center;
}

.table_seasonality_forecast,
.table_momentum,
.table_related_symbols,
.table_pattern_prediction_forecast_table,
.table_pattern_prediction_forecast_table_detailed {
  border: 1px solid #080a0c !important;
  color: #fff;
  white-space: nowrap;
}

.table_momentum tbody td {
  padding: 5px 0 5px 0;
}

.table_pattern_prediction_forecast_table_detailed
  > tbody
  > tr:nth-child(1)
  > td {
  background-color: #1c2227 !important;
  color: #fff;
}

.table_pattern_prediction_forecast_table_detailed
  > tbody
  > tr:nth-child(odd)
  > td {
  background-color: #15181c !important;
}

.table_pattern_prediction_forecast_table_detailed
  > tbody
  > tr:nth-child(even)
  > td {
  background-color: #1c2227 !important;
}

.table_research_ft {
  border: 1px solid #080a0c !important;
}

.table_list_orderflow {
  border: 1px solid #080a0c !important;
  font-size: 12px !important;
}

.table_list_orderflow > thead > tr {
  color: #fff;
}

.user-tradeidea-scoring-table > thead > tr > th{
  background-color: #292f38!important;
  border:1px solid #000!important;
  padding:6px;
  font-size:13px;
  text-align:center!important;
}

.user-tradeidea-scoring-table > tbody > tr > td{
  text-align:left;
  border:1px solid #000!important;
}

.user-tradeidea-scoring-table > tbody > tr:nth-child(even) td,
.table_seasonality_forecast > tbody > tr:nth-child(even),
.table_momentum > tr > td:nth-child(even),
.table_pattern_prediction_forecast_table > tbody > tr:nth-child(even),
.table_list_orderflow > tbody > tr:nth-child(even),
.table_market_depth > tbody > tr:nth-child(odd),
.table_research_ft > tbody > tr:nth-child(odd),
.macrotable > tbody > tr:nth-child(odd),
.table-macrajaxindexSection > tbody > tr:nth-child(odd) > td {
  background-color: #15181c !important;
}

.user-tradeidea-scoring-table > tbody > tr:nth-child(odd) td,
.table_seasonality_forecast > tbody > tr:nth-child(odd),
.table_momentum > tr > td:nth-child(odd),
.table_pattern_prediction_forecast_table > tbody > tr:nth-child(even),
.table_list_orderflow > tbody > tr:nth-child(odd),
.table_market_depth > tbody > tr:nth-child(even),
.table_research_ft > tbody > tr:nth-child(even),
.macrotable > tbody > tr:nth-child(even),
.table-macrajaxindexSection > tbody > tr:nth-child(even) > td {
  background-color: #1c2227 !important;
}
.table_seasonality_performance > tbody > tr:nth-child(1) > td,
.table_seasonality_performance
  > tbody
  > tr:nth-child(-n + 13)
  > td:nth-child(1) {
  background-color: #080a0c !important;
}

.table_seasonality_performance {
  border: 1px solid #080a0c !important;
  color: #fff !important;
}

.table_seasonality_performance td {
  background-color: #15181c !important;
  border: 1px solid #000000;
}

/* .table_seasonality_performance > tbody > tr > td.pos {
  color: #01b298 !important;
}
.table_seasonality_performance > tbody > tr > td.neg {
  color: #fd2e64 !important;
} */

.table_seasonality_performance > tbody > tr > .pos {
  background-color: #01b298 !important;
}

.table_seasonality_performance > tbody > tr > .neg {
  background-color: #fd2e64 !important;
}

.table-macrajaxindexSection thead tr th {
  background-color:#1c2227!important;  
  border-left:1px solid #080a0c !important;
  border-right:1px solid #080a0c !important;
  border-top:1px solid #080a0c !important;
  border-bottom: 2px solid #15181c!important;
}

.table-macrajaxindexSection tbody tr td,
.table_market_depth,
.macrotable {
  border: 1px solid #080a0c !important;
}

.table_market_depth > tbody > tr > td,
.macrotable > tbody > tr > td {
  color: #fff;
}

.table_research_ft > thead > tr > th,
.macrotable > thead > tr > th {
  background-color: #1c2227;
  color: #fff;
}

.macroContainer {
  display: flex;
  height:100%;
}

.macroTabsAndTableContainer {
  flex:1;
  height:100%;
  overflow:auto;
}

.macroSectionsContainer {
  flex:1;
  height:100%;
  display:flex;
  flex-direction:column;
}

.macrajaxoverview {  
  flex:1.5;
}

.macrajaxindex {  
  flex:3;
}

.macrajaxtable {  
  flex:4;
}

.macro-search-container {
  margin: 5px;  
}

.macro-search-input {
  width: 100%;
  padding: 5px;
  border: 1px solid #333;
  background-color: #1c2227 !important;
  color: #fff;
}

.table_research_ft > tbody > tr > td {
  color: #fff;
  text-align: left;
}

.table_market_depth > thead > tr > th {
  background-color: #292f38 !important;
  color: #fff;
}

.colDashboardSectionresearch_file_table {
  width: 100%;
}

/* News Page Styling */

.title {
  color: white;
  background-color: #15181c;
  padding-left: 5px;
  word-wrap: break-word;
}

/* .news-content {
  margin-top: 45px;
} */

.news-content .box {
  background-color: #15181c;
}

.news-content .sub-news .box {
  background-color: #15181c;
  margin-left: 5px;
  padding: 5px;
}

.news-content .mini-news .box {
  background-color: #15181c;
  padding: 5px;
}

.news-content .box h3 {
  color: white;
  font-size: 20px;
  font-weight: 600;
}

.news-content .box h5 {
  color: white;
  font-weight: 600;
  font-size: 12px;
  line-height: 14.32px;
  overflow: hidden;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.news-content .sub-news .box p {
  color: white;
  font-size: 12px;
  line-height: 14.32px;
}

.news-content .box p {
  
  font-size: 10px;
  line-height: 11.93px;
  word-wrap: break-word;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
}

.news-content .box .news-dashboard-analys {
  display: flex;
}

.news-content .sub-news .box .news-dashboard-analys .analys-text {
  color: white;
  margin-right: 5px;
  font-size: 10px;
  background-color: #292f38;
  padding: 2px 4px;
  font-weight: 700;
}

.news-content .sub-news .box .news-dashboard-analys .date {
  color: #5c5c5d;
  margin-right: 5px;
  font-size: 8px;
  font-style: italic;
  margin-top: 3px;
}

.news-content .mini-news .box .news-dashboard-analys .analys-text {
  color: white;
  margin-right: 5px;
  font-size: 9px;
}

.news-content .mini-news .box .news-dashboard-analys .date {
  color: #5c5c5d;
  margin-right: 5px;
  font-size: 8px;
  font-style: italic;
}

.news-content .sub-news {
  background-color: #15181c;
}

.mini-news {
  background-color: #15181c;
}

.latest_news h5 {
  color: white;
  font-size: small;
  line-height: 0.9;
  margin-top: 3px;
  word-wrap: break-word;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  /* number of lines to show */
  line-clamp: 1;
  -webkit-box-orient: vertical;
}

.latest_news p {
  color: #5f6164;
  font-size: smaller;
  line-height: 0.6;
  margin-top: 3px;
  padding: 0;
  margin-bottom: 10px;
}

.most_clicked_news p {
  color: #5f6164;
  font-size: smaller;
  line-height: 0.6;
  margin-top: 3px;
  padding: 0;
  margin-bottom: 10px;
}

.most_clicked_news h5 {
  color: white;
  font-size: small;
  line-height: 0.9;
  margin-top: 3px;
  word-wrap: break-word;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  /* number of lines to show */
  line-clamp: 1;
  -webkit-box-orient: vertical;
}

.news_count {
  color: white;
  margin-top: 3px !important;
  margin-right: 5px !important;
  margin-left: 3px !important;
  font-size: larger !important;
  padding: 10px !important;
  background-color: #292f38;
}

.category-item {
  background: #292f38;
  font-weight: 600;
  padding: 6px 12px;
  cursor: pointer;
  color: white;
  text-wrap: nowrap;
  white-space: nowrap;
}

.latest_news_content {
  background-color: #15181c;
}

#trBottom {
  border: none;
}

#trBottom td {
  border: none;
  background-color: #111316;
}

.lightpick__day.is-start-date.is-in-range{
  background-color: #FF9800!important;
}

.lightpick__day.is-end-date.is-in-range{
  background-color: #FF9800!important;
}

.lightpick__month{
  background-color: #15181C!important;
}

.lightpick{
  color: #fff!important;
  background-color: #15181C!important;
}

.lightpick__month-title > .lightpick__select{
  color: #fff!important;
}

/* CSS for non-fixed grid layout menu */

.greyed-out {
  color: grey !important;
}

.greyed-out svg {
  opacity: 0.5 !important;
  pointer-events: none;
}

.non-interactive:hover svg g,
.non-interactive.active svg g {
  stroke: #fff !important;
}

.resize-handle-right, .resize-handle-left {
  width: 10px;
  height: 100%;
  position: absolute;
  top: 0;
  cursor: ew-resize;
}

.resize-handle-right {
  right: -5px;
}

.resize-handle-left {
  left: -5px;
}

.resize-handle-top, .resize-handle-bottom {
  width: 100%;
  height: 10px;
  position: absolute;
  left: 0;
  cursor: ns-resize;
}

.resize-handle-top {
  top: -5px;
}

.resize-handle-bottom {
  bottom: -5px;
}

.tab-resize-handle-right, .tab-resize-handle-left {
  width: 10px;
  height: 100%;
  position: absolute;
  top: 0;
  cursor: ew-resize;
}

.tab-resize-handle-right {
  right: -5px;
}

.tab-resize-handle-left {
  left: -5px;
}

.tab-resize-handle-top, .tab-resize-handle-bottom {
  width: 100%;
  height: 10px;
  position: absolute;
  left: 0;
  cursor: ns-resize;
}

.tab-resize-handle-top {
  top: -5px;
}

.tab-resize-handle-bottom {
  bottom: -5px;
}

.resize-handle {
  width: 10px;
  height: 100%;
  position: absolute;
  top: 0;
  cursor: ew-resize;
  background-color: #ccc;
  opacity: 0.5;
  z-index: 1000;
}

/* Event Trades CSS */

.trade-datetime {
  color:#ff9000;
}

.trade-item {
  color:#fff;
  margin-bottom: 5px;
}

.trade-item blockquote {
  margin: 0 0 1em 1em;
  padding: 0.5em 1em;
  border-left: 5px solid #ccc;
}

.trade-header {
  background-color: #292f38;
  padding:2px 4px;
  color:#ff9000;
  font-weight: 700;
}

.trade-item {
  border:1px solid #333;
}

.trade-event {
  padding:5px;
}

.empty-trades {
  background-color: #292f38;
  border:1px solid #ff9800;
  color: #ff9800;
  top:50%;
  position:absolute;
  left:50%;
  transform:translate(-50%, -50%);
  text-align:center;
  padding:20px;
  font-size: 15px;
}

.empty-trades p {
  padding:0;
  margin:0;
}

/* CSS for Week ahead tool */


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

.timeline {
  position: relative;
  padding: 50px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow-x: auto;
  white-space: nowrap;
  min-width: 100%;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.timeline::before {
  content: '';
  position: absolute;
  height: 2px;
  background-color: #fff;
  top: 50%;
  width: 100%;
  left: 0;
}

.timeline::after {
  content: '';
  position: absolute;
  height: 2px;
  background-color: #fff;
  top: 50%;
  width: 50%;
  left: 100%;
  z-index:-1;
}

.zoom-controls {
  display: inline-block;
}

.zoom-controls button {
  color:#fff;
  background:transparent;
  outline:none;
  border:none;
  z-index:10;
}

.event {
  display: inline-block;
  text-align: center;
  position: relative;
  /* margin-left: 50px;
  margin-right: 5%; */
  white-space: normal;
  color: #fff;
}

.circle {
  background: #393b3d;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  width: 92px;
  height: 92px;
  text-align: center;
  font-size: 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.circle.highlight {
  background: orange;
  outline: 10px solid hsl(36, 70%, 13%);
}

.event-date {
  font-weight: 700;
  font-size: 28px;
}

.circle span {
  line-height: 24px;
}

.circle small {
  font-size: 10px;
}

.connector {
  position: absolute;
  left: 50%;
  z-index: 1;
  width: 2px;
  background-color: #fff;
}

.event:nth-child(odd) .connector {
  bottom: 50%;
  height: 85px;
}

.event:nth-child(even) .connector {
  top: 50%;
  height: 85px;
}

.connector.highlight:before,
.connector.highlight,
.connector-dot.highlight {
  background:orange;
}

.connector:before {
  content: '';
  position: absolute;
  width: 30px;
  height: 2px;
  background-color: #fff;
  right: -24px;
}

.event:nth-child(odd) .connector:before {
  top: 0;
  transform: rotate(-45deg);
  margin-top:-10px;
}

.event:nth-child(even) .connector:before {
  bottom: 0;
  transform: rotate(45deg);
  margin-bottom:-10px;
}

.connector-dot {
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: #fff;
  outline: 4px solid #54442d;
  border-radius: 50%;
  right: -25px;
}

.event:nth-child(odd) .connector-dot {
  top: -24px;
}

.event:nth-child(even) .connector-dot {
  bottom: -24px;
}

.content {
  background: #292F38;
  padding: 15px;
  text-align: left;
  width: 400px;
  position: absolute;
  left: calc(50% + 222px);
  transform: translateX(-50%);
}

.content h4 {
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 18px;
}

.content p {
  margin: 0;
}

.event:nth-child(odd) .content {
  bottom: calc(50% + 90px);
}

.event:nth-child(even) .content {
  top: calc(50% + 90px);
}

.detailed-text {
  padding:5px 10px;
  color: #fff;
}

/* END of Week ahead tool CSS*/

.template-view {  
  margin-left:auto;
  position:absolute;
  right:40px;
}

.template-view span:nth-child(1),
.template-view span:nth-child(3) {
  cursor:pointer;
}

.template-view span {
  margin-left:5px;
}

.widget-list {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}

.widget-list.expanded {
  max-height: 500px;
  transition: max-height 0.5s ease-in;
}

.list-group-item {
  background:#15181d;
  cursor: pointer;
}

.list-group-item .EditableTemplateTitle{
  color:#fff;
  font-size:16px;
}

.list-group-item .fa-solid.fa-plus,
.list-group-item .fa-solid.fa-minus {
  color: #444649;
}

.list-group-item .fa-solid.fa-star {
  color: #444649;
  margin-right: 3px;
}

.list-group-item .fa-solid.fa-star:hover {
  color: #ffffff;
}

.list-group-item .fa-solid.fa-star.active {
  color: #ff9800;
}

.list-group-item .fa-solid.fa-clone {
  color: #444649;
  margin-right: 5px;
}

.list-group-item .fa-solid.fa-clone:hover {
  color: #ffffff;
}

.list-group-item .fa-solid.fa-trash {
  color: #f55555;
}

.list-group-item:hover {
  background: #21262d;
}

.list-group-item .expand-icon:hover {
  color: #ffffff;
}

.widget-list{
  color: #ffffff;
}

.hide-resize-handles .tab-resize-handle-right,
.hide-resize-handles .tab-resize-handle-left,
.hide-resize-handles .tab-resize-handle-bottom,
.hide-resize-handles .tab-resize-handle-top {
    display: none !important;
}

.dynamic-tooltip {
  pointer-events: none;
  transition: opacity 0.3s ease-in-out;
}

.resize-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 9999;
  display: none;
}

/* Notes widget */ 

.notesContainer {
  height: 100%;
}

#newNoteFields {
  display:flex;
  flex-direction:column;
}

#newNoteFields > input:nth-child(1) {
  margin-top:10px;
}


#newNoteFields .form-group label {
  margin-bottom: 5px;
}

#newNoteFields .form-group:nth-child(2) {
  margin-bottom: 4px;
}

#newNoteFields > input:nth-child(1) {
  margin-top:10px;
}

.notes-title {
  font-size: 18px;
  font-weight: 700;
}

.notes-tags {
  background: #292f38;
  padding: 3px 5px;
  color: #a0a0a0;
  margin-right: 2px;
  border-radius: 2px;
}

#newNoteFields #saveNoteBtn {
  margin:auto;
  width: 120px;
}

#newNoteFields .simditor-body {
  height:150px;
}

.simditor {
  border:1px solid #292f38!important;
  height: 100%;
  background:#16181c;
  text-align:left;
}

.simditor .simditor-wrapper {
  background: #15181c!important;
  height: 100%; 
}

.simditor .simditor-body, .editor-style {
  height:100%!important;
}

.simditor .simditor-toolbar {
  background: #292f38!important;
  border-bottom:1px solid #292f38!important;
  z-index: 4;
  position:relative;
}

.simditor .simditor-toolbar > ul > li.menu-on .toolbar-item {
  background: #292f38!important;
}

.simditor .simditor-toolbar .toolbar-menu {
  background: #292f38!important;
}

.simditor .simditor-toolbar > ul > li > .toolbar-item {
  color: #fff!important;
}

.journal-input-group .simditor .simditor-toolbar > ul > li > .toolbar-item {
  color: #fff!important;
  width: 30px!important;
  height: 36px!important;
  font-size: 12px!important;
  line-height: 36px!important;
}

.simditor .simditor-toolbar .toolbar-menu ul > li .menu-item {
  color: #fff!important;
}

.simditor .simditor-body i, .simditor .simditor-body em, .editor-style i, .editor-style em,
.simditor .simditor-body p, .simditor .simditor-body div, .editor-style p, .editor-style div, .simditor-body p font {
  color: #fff!important;
}

.simditor .simditor-body table td.active, .simditor .simditor-body table th.active, .editor-style table td.active, .editor-style table th.active {
  background-color: transparent !important;
}

.simditor .simditor-toolbar .toolbar-menu ul > li .menu-item:hover {
  background: #15181c !important;
}

.simditor .simditor-body table thead, .editor-style table thead {
  background-color: #292f38 !important;
}

.simditor .simditor-body table th.active,
.editor-style table th.active {
  background-color: #292f38 !important;
}

.simditor .simditor-body blockquote, .editor-style blockquote {
  border-left: 6px solid #ccc;  
}

.simditor .simditor-toolbar > ul > li > .toolbar-item:focus-within {
  color: #fff!important;
  background:#15181c!important;
}

.simditor .simditor-toolbar > ul > li > .toolbar-item.active {
  color: #fff!important;
  background:#15181c!important;
}

select[name="SavedNotes"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg fill='%23e0e0e0' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-repeat: no-repeat;
  background-position-x: calc(100% - 10px);
  background-position-y: 50%;
  padding-right: 100px;
}

select[name="SavedNotes"]::-ms-expand {
  display: none;
}

select[name="SavedNotes"]:hover {
  border-color: #888;
}

/* Ticklist */

.table-ticklist td:first-child {
  text-align: left;
}

.ticklist-input {
  background-color: #15181c!important;
  border: none!important;
  box-shadow: none!important;
  color: #fff!important;
  border-radius: 0!important;
  width:95%;
  margin: 2.5% auto;
}

.task-status {
  position: relative;
  appearance: none;
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  background-color: #000;
  border: 1px solid #999;
  cursor: pointer;
  vertical-align: middle;
  margin-right: 10px;
}
.task-status:hover {
  background-color: #000;
}
.task-status:checked {
  background-color: #ff9000;
  border: 1px solid #ff9000;
}
.task-status:checked::after {
  content: '';
  position: absolute;
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.task-completed {  
  text-decoration: line-through;
  opacity: 0.9;
}

/* Tabs customization */

.tab-position-disabled-optn {
  color: #018a76;
}

.customization-options {
  display: flex;
  align-items: stretch;
}

.tab-customization-form-group {
  flex: 75px;
}

.color-picker-dropdown {
  position: relative;
}

.color-picker-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.375rem 0.75rem;  
  color: #fff;
  background-color: #21252d;
  background-clip: padding-box;
  cursor: pointer;  
  height: 36px;
  position: relative;
  overflow: hidden;
}

.selected-color-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  mix-blend-mode: difference;
}

.color-preview {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  border: 1px solid #ced4da;
}

.color-picker-popup {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  background-color: #21252d;
  border: 1px solid #333;
  padding: 10px;
  width: 200px;
}

.color-group {
  margin-bottom: 10px;
}

.color-group-label {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 5px;
  color: #fff;
}

.color-options {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  gap: 2px;
}

.color-option {
  width: 100%;
  padding-top: 100%;
  cursor: pointer;
  border: 1px solid #555;
  position: relative;
}

.color-option:hover::after {
  content: '';
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  border: 1px solid #fff;
}

.tab-customization-form-group .form-control,
.tab-customization-form-group .color-picker-toggle {
    width: 100%;
    box-sizing: border-box;
}

.tab-customization-wrapper > h5 {
  font-size:14px!important;
  margin-top:12px;
  font-weight:400;
}

#colorPickerToggle {
  font-size:14px;
  text-align:center;
}

.tab-customization-wrapper > h5 {
  font-size:14px!important;
  margin-top:12px;
  font-weight:400;
}

.DashboardSectionTitle.title-bottom {
  position:absolute;
  width:100%;
  bottom:0;
  background:transparent;
}

.dlt-chklist {
  padding:0;
  border:none;
  background:transparent;
  color:#9d9d9d;
}

.symbol-search input {
  padding:2px;
  font-size:14px;
  border-radius:0;
  background:#000;
  border:1px solid #333;
  color:#fff;
  width: 150px;
}

.symbol-search input:focus{
  background:#000;
  border:1px solid #333;
  color:#fff;
}

.add-symbol-btn {
  border:none;
  margin-left:2px;
  font-size:14px;
  background-color: #292f38!important;
  color:#fff;
}

.symbol-searchdiv {
  margin:2px 0 2px 5px;
}

.symbol-dropdown {
  position: absolute;
  list-style-type: none;
  padding: 0;
  margin: 0;
  border: 1px solid #333;
  max-height: 200px;
  overflow-y: auto;
  display: none;
  z-index: 10;
  width: 150px;
  scrollbar-width: none;
}
.symbol-dropdown div {
  padding: 5px 10px;
  cursor: pointer;
  color:#fff;
}
.symbol-dropdown div:nth-child(odd) {
  background-color: #000;
}
.symbol-dropdown div:nth-child(even) {
  background-color: #15181C;
}

.LinkWidget {
  position: absolute;
  z-index: 6;
  float: right;
  color: #e0e0e0;
  background:transparent;
  border:1px solid #ff9800;
  cursor:pointer;
  right:55px;
  top:0px;
  width:25px;
  text-align:center;
}

.link-item {
  cursor: pointer;
  padding: 8px;
  margin: 5px 8px;
  border: 1px solid #39260a;
  border-radius: 4px;
  color:#fff;
}

.link-item:hover {
  background-color: #39260a;
}

.link-item.linked {
  background-color: #39260a;
}

.watchlist-table a{
  color:#c0c0c0;
  font-weight:700;
}

.watchlist-table > tbody > tr > td:nth-child(1) {
  color:#ff9800;
  font-weight:700!important;
  cursor: pointer;
}

.watchlist-table a{
  color:#c0c0c0;
  font-weight:600;
}

.watchlist-table .WatchlistExtrafieldt {
  background:transparent;
  border:none;
  color:#ff9800;
  font-weight:600;
  text-align:center;
  font-size:12px;
}

.watchlist-table .WatchlistExtrafieldt:focus {
  border: none;
  outline: none;
}

.watchlist-table {
  font-size:13px;
}

.linked-widget-column {
  display: none;
}

.linked-widget-column {
  display: none;
}
.linked-widget-column.linked {
  display: table-cell;
}

.table-ticklist > tbody > tr:nth-child(odd) > td{
  background-color: #1c2227!important;
  border: 1px solid #000000 !important;
}

.table-ticklist > tbody > tr:nth-child(even) > td{
  background-color: #15181c!important;
  border: 1px solid #000000 !important;
}


.table-generalnews > tbody > tr:nth-child(odd) > td,
.table-topnews > tbody > tr:nth-child(odd) > td {
  background-color: #1c2227!important;
  border-bottom:1px solid #000000 !important;
  text-align: left;
  vertical-align:middle;
  padding:10px 0 0 5px;
  text-align: left;
}

.table-generalnews > tbody > tr:nth-child(even) > td,
.table-topnews > tbody > tr:nth-child(even) > td {
  background-color: #15181c!important;
  border-bottom:1px solid #000000 !important;
  text-align: left;
  vertical-align:middle;
  padding:10px 0 0 5px;
  text-align: left;
}

.highlight-row {
  border-bottom: 2px solid #ff9800!important;
}

.table-research-files > tbody > tr > td,
.table-research-files > thead > tr > th {
  border: 1px solid #000000 !important;
}

.table-analyst-reports > tbody > tr > td,
.table-analyst-reports > thead > tr > th {
  border: 1px solid #000000 !important;
}

.table-payment-history > thead > tr > th,
.table-payment-history > tbody > tr > td {
  border: 1px solid #000000 !important;
}

.colDashboardSectionevent_calendar .no-data-message {
  top:50%;
  left:50%;
  position:absolute;
  transform:translate(-50%,50%);
}

.colDashboardSectionevent_calendar .no-data-message p {
  text-align:center;
  padding:0;
  margin:0;
  background:transparent;
  height:fit-content;  
}

.colDashboardSectionnotes .DashboardSection{
  overflow:hidden!important;
  scrollbar-width:none;
}

.colDashboardSectionnotes .simditor-placeholder {
  font-family:'SF Pro Display'!important;
  font-weight: 400!important;
}

.colDashboardSectionnotes .simditor-body{
  scrollbar-width:none;
  font-family:'SF Pro Display'!important;
  font-weight: 400!important;
}

.logged-in-timezone {
  padding:8px 5px;
}

.note-title-class {
  color:#ff9800;
}

.notes-dropdown-container {
  padding: 10px;
  position: sticky;
  top: 0;
  background-color: inherit;
  z-index: 10;
}

.news-dashboard-container {
  display:flex;
  flex-direction:column;
  height:100%;
  overflow:hidden;
}

.news-dashboard-news-item {
  cursor:pointer;
  padding-top:10px;
  border:1px solid #000;
  max-height:200px;
  position:relative;
}

.news-dashboard-highlight {
  flex:1;
  max-height: 470px;
}

.news-dashboard-news-item, .news-dashboard-news-item p, .news-dashboard-news-item span, .news-dashboard-news-item strong, .news-dashboard-news-item h1, .news-dashboard-news-item h2, .news-dashboard-news-item h3, .news-dashboard-news-item h4, .news-dashboard-news-item h5:not(.news-dashboard-news-item-title), .news-dashboard-news-item h6, .news-dashboard-news-item a, .news-dashboard-news-item em, .news-dashboard-news-item small, .news-dashboard-news-item label, .news-dashboard-news-item b, .news-dashboard-news-item i, .news-dashboard-news-item u, .news-dashboard-news-item sup, .news-dashboard-news-item sub, .news-dashboard-news-item del, .news-dashboard-news-item ins, .news-dashboard-news-item pre, .news-dashboard-news-item blockquote, .news-dashboard-news-item code, .news-dashboard-news-item ul li { 
  font-size: 11px !important;
  font-weight: 400 !important;
  color: #c4c2c2!important;
}

.news-dashboard-news-item ul,
.news-dashboard-news-item ol {
  list-style: none;
  padding: 0;
  margin: 0;
}

.news-dashboard-common {
  flex:1.75;
  overflow:auto;
}

.news-dashboard-common h5 {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  max-height: 2.4em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

.news-dashboard-common p {
  color:#c4c2c2;
  font-size:12px;
  word-break:break-word;
  margin:0;
  padding:0;  
  line-height: 1.5;
  max-height: 6em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

.news-dashboard-common .news-dashboard-analys {
  display:flex;
  gap:10px;
  position: absolute;
  bottom: 10px;
}

.news-dashboard-common .news-dashboard-analys .analys-text{
  font-size:11px!important;
  padding:0!important;
  margin:0!important;
}

.news-dashboard-common .news-dashboard-analys .date{
  color:#a8a8a8!important;
  font-size:11px!important;
  font-style:italic!important;
  padding:0!important;
  margin:0!important;
}

#modalDetailedNews .news-headline {
  font-size:24px;
  font-weight:600;
  padding: 0 25px;
}

#modalDetailedNews .news-details {
  display:flex;
  flex-direction:column;
  gap:10px;
  padding: 10px 5px;
  border-top:1px solid #292F38;
  border-bottom:1px solid #292F38;
  font-size:12px!important;
  margin-bottom:10px;
  width:92%;
  margin:0 auto;
  margin-bottom:15px;
}

.news-info .col-md-6 {
  display:flex;
}

.news-info span {
  max-height: 3em;
  line-height: 1.5em;
  overflow: hidden;
  display: block;
}

#modalDetailedNews .news-time {
  color:#a8a8a8;
}

#modalDetailedNews .news-description {
  font-size:15px;
  padding: 15px 25px;
  color:#c4c2c2;
}

#modalDetailedNews .news-provider {
  padding: 0 0 0 25px;
  font-weight: 600;
  color:#a6a7a8;
}

#modalDetailedNews .news-time-about {
  color:#a6a7a8;
}

#modalDetailedNews .news-provider {
  padding: 0 0 0 25px;
  font-weight: 600;
  color:#a6a7a8;
}

#modalDetailedNews .img-div {
  width:100%;
  display:flex;
}

#modalDetailedNews .news-img {
  width:90%;
  margin:0 auto;
  padding: 5px 0 0 10px;
}

.table-topnews .top-news-headline {
  font-size: 13px;
}

.table-topnews .top-news-date {
  font-size: 10px;
}

.table-topnews .table-topnews-index {
  background-color: #292F38;
  font-size:14px;
  font-weight: 500;
  padding:6px 10px;
  border-radius:2px;
}

.table-topnews > tbody > tr > td:nth-child(1) {  
  text-align:center;
  vertical-align:middle;
  padding:0;
} 

.trending-tags {
  display:flex;
  flex-wrap:wrap;
  gap:3px;
  margin:3px;
}

.trending-tags .tag-item {
  background-color:#1C2227;
  color:#fff;
  padding:4px 6px;
  font-size:12px;
}

.table-generalnews .general-news-headline {
  font-size: 13px;
}

.table-generalnews .general-news-date {
  font-size: 10px;
  font-style: italic;
}

#topNewsCarousel img {
  width: 100%;
  height: 450px;
  object-fit: contain;
  object-position: center;
  background: none;
}

#topNewsCarousel .text-muted {
  font-size:14px!important;
  font-weight:400;
}

.carousel-item-title {
  color:#fff;
  font-weight:600;
}

#topNewsCarousel .carousel-item p:not(.text-muted), #topNewsCarousel .carousel-item span, #topNewsCarousel .carousel-item strong, #topNewsCarousel .carousel-item b, #topNewsCarousel .carousel-item em, #topNewsCarousel .carousel-item u, #topNewsCarousel .carousel-item a, #topNewsCarousel .carousel-item small, #topNewsCarousel .carousel-item sup, #topNewsCarousel .carousel-item sub, #topNewsCarousel .carousel-item del, #topNewsCarousel .carousel-item ins, #topNewsCarousel .carousel-item blockquote, #topNewsCarousel .carousel-item code, #topNewsCarousel .carousel-item pre, #topNewsCarousel .carousel-item h1, #topNewsCarousel .carousel-item h2, #topNewsCarousel .carousel-item h3, #topNewsCarousel .carousel-item h4, #topNewsCarousel .carousel-item h5:not(.carousel-item-title), #topNewsCarousel .carousel-item h6 { 
  color: #dbdada !important; 
  font-size: 14px !important; 
  margin-top: 20px !important; 
  font-weight: 400 !important; 
}

#modalDetailedNews .news-description p img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.categories-row {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  margin-right:auto;
  margin-left:3px;
}

.category-item {
  background: #292f38;
  font-weight: 500;
  padding: 6px 12px;
  cursor: pointer;
  color: white;
  text-wrap: nowrap;
  white-space: nowrap;
  font-size: 12px;
}

.category-item:hover {
  color: #ff9800;
}

.category-item.active {
  color: #ff9800;
}

.search-form-research-files .input-group input,
.search-form-research-files div:nth-child(2),
.search-form-research-files div:nth-child(3) {
  margin-bottom:1px;
  border:1px solid #6c757d21;
}

.search-form-research-files,
.search-form-analyst-reports {
  border-top: 1px solid #000 !important;
  border-right: 1px solid #000 !important;
  border-left: 1px solid #000 !important;
  border-bottom: none !important;
}


.search-form-research-files .form-control,
.search-form-research-files .form-select,
.search-form-analyst-reports .form-control,
.search-form-analyst-reports .form-select {
  background:#15181C;
  border: none;
  border-radius: 0;
  color:#fff;
}

.search-form-research-files .form-select option,
.search-form-analyst-reports .form-select option {
  background:#15181C;
  color:#fff;
}

.search-form-analyst-reports .form-select {
  height:40px;
}

.search-form-research-files .form-select,
.search-form-analyst .form-select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23e0e0e0' d='M310.6 246.6l-127.1 128C176.4 380.9 168.2 384 160 384s-16.38-3.125-22.63-9.375l-127.1-128C.2244 237.5-2.516 223.7 2.438 211.8S19.07 192 32 192h255.1c12.94 0 24.62 7.781 29.58 19.75S319.8 237.5 310.6 246.6z'/%3E%3C/svg%3E");
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: 10px;
}

#modalDetailedNews .news-description p,
#modalDetailedNews .news-description span,
#modalDetailedNews .news-description strong,
#modalDetailedNews .news-description a {
  font-size: 15px!important;
}

.tableContainer {
  height:100%;
}

.colSessionWarpsDisplay,
.colSessionWarps,
.colFileList {
  overflow: auto;
  height:100%;
}

.colDashboardSectionanalyst_reports .DashboardSection,
.colDashboardSectionresearch_files .DashboardSection {
  overflow: hidden!important;
}

.colDashboardSectionresearch_files .DashboardSection.show-pdf {
  overflow: hidden!important;
}

.colDashboardSectionresearch_files .DashboardSection .colFileDisplay embed {
  height: calc(100% - 40px);
  width: 100%;
}

.tdInstitute {
  background-color: #fff !important;
  text-align: center;
  vertical-align: middle;
  height: 100%;
}

.img-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 60px;
  margin:0 auto;
}

.rfile-img {
  height: 25px !important;
  object-fit: contain;
}

.colFileDisplay .zoom-tooltip-trigger {
  position: relative!important;
  cursor: pointer!important;
  margin-right: 10px!important;
}

.colFileDisplay .custom-tooltip-zoom {
  position: absolute;
  display: none;
  background-color: #000;
  color: #fff;
  padding: 5px;
  border-radius: 3px;
  font-size: 12px;
  z-index: 9999;
  white-space: nowrap;
}

.btn-download-invoice {
  background-color: transparent;
  color: #ff9800;
  display: flex;
  gap: 5px;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}

.btn-download-invoice i{
  font-size:12px;
  font-weight:500;
}

.tag-container {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.tag-container.truncated::after {
  content: '...';
}

.colDashboardSectionlatest_prime_news .DashboardSection,
.colDashboardSectiontrending_news .DashboardSection {
  scrollbar-width: none!important;
}

.table-generalnews .fa-newspaper {
  padding:0px 10px;
}

.news-tags {
  display: flex;
  gap: 1px;
  flex-wrap: wrap;
}

.news-tags span{
  background-color: #FF980033!important;
  color: #FF9800;
  border-radius: 0;
  font-size:12px;
  font-weight:400;
  margin:2px;
  padding:5px;
}

#modalDetailedNews ul {
  padding:0!important;
  margin-left:10px;
}

#modalDetailedNews li{
  list-style: none;
  color: #9d9d9d;
}

.news-info i {
  margin-left:10px;
  color: #9d9d9d;
}

#news-tickers,
#news-currencies,
#news-companies,
#news-countries,
#news-classes {
  color: #9d9d9d!important;
  margin-left:5px;
}

.td.tdInstituteLogo {
  vertical-align:middle;
}

.colSessionWarpsDisplay table {
  border:1px solid #000;
}

.colSessionWarpsDisplay table thead th,
.colSessionWarpsDisplay table tr td {
  text-align: left;
}

/* .td.tdTags {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
} */

.colSessionWarpsDisplay table thead tr:nth-child(1) td{
  background-color: #15181c !important;
}

.colSessionWarpsDisplay table tr:nth-child(odd) td{
  background-color: #1c2227 !important;
}

.colSessionWarpsDisplay table tr:nth-child(even) td{
  background-color: #15181c !important;
}

.referral-list {
  overflow: auto;
  margin-top: 5px;
  position: relative;
  width: 100%;
}

.referral-list-overlay {
  position: absolute;
}

.referral-list .card{
  color:#fff;
  background-color: #15181c !important;
  border:1px solid #292f38;
  border-bottom:none;
  border-radius:0;
}

.ref-title-tag {
  font-weight: bold;
  color:#e6e6e6;
  font-size:18px;
  margin-top:15px;
}

.ref-subtitle-tag {
  color:#00aa91;
  font-weight: 500;
  font-size: 15px;  
  line-height:1;
}

.ref-divider {
  height: 1px;
  width: 100%;
  background-color: #292f38;
  margin-top:10px;
  margin-bottom:-5px;
}

.ref-top {
  display: flex;
  justify-content:space-between;
  gap:10px;
}

.ref-top div:nth-child(1) {
  flex:1;
}

.total-rewards {
  display:flex;
  align-items:center;
  justify-content:end;
  flex-direction:column;
  padding-bottom:0!important;
}

.total-rewards small{
  font-weight:600;
  font-size:15px;
  line-height:1;
  margin-bottom:5px;
}

.total-rewards strong{
  color:#ff9800;
  font-weight:bold;
  font-size:28px;
  line-height:1;
}

.text-rewarded {
  color:#ff9800!important;
}

.ref-amount {
  padding:0 10px;
}

.ref-amount small {
  text-wrap:nowrap;
}

.news-exclaimation-mark {
  /* margin-left:9px; */
}

.column-checkbox {
  position: relative;
  appearance: none;
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  background-color: #000;
  border: 1px solid #999;
  cursor: pointer;
  vertical-align: middle;
  margin-right: 10px;
}

.column-checkbox:checked {
  background-color: #ff9000;
  border: 1px solid #ff9000;
}

.column-checkbox:checked::after {
  content: '';
  position: absolute;
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.sh-columns {
  display:inline-block;
  cursor: pointer;
  position:absolute;
  right:90px;
  margin-top:-1px;
}

.column-toggle-menu label:nth-child(1) {
  margin-top:0!important;
}

.fold-icon {
  cursor: pointer;
  margin-right: 5px;
  font-weight: bold;
  color: #fff;
}

.fold-icon:hover {  
  color: #fff;
}

.marquee {
  height: 42px;
  width: 100%;
  display: flex;
  align-items:center;
  overflow: hidden;
  position: relative;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  padding: 0 4px;
}
.marqueeContent {
  display: flex;
  animation: marquee linear infinite;
  will-change: transform;
}
.marqueeSymbol {
  display: flex;
  height: 32px;
  border: 1px solid #333333;
  margin-right: 3px;
  width:170px;
  justify-content:center;
}
.marquee:hover .marqueeContent {
  animation-play-state: paused;
}
.marqueeSymbolPrice {
  margin-left: 10px;
  padding: 5px 10px;
  vertical-align: middle;
}
.marqueeSymbolName {
  margin-left: 3px;
  padding: 5px 0;
  vertical-align: middle;
}
.marqueeLogo {
  padding: 3px;
  vertical-align: middle;
}
.marquee img {
  width: 20px;
  height: 20px;
}

.connection-status {  
  display: flex;
  justify-content:left;
  align-items:center;  
  gap:8px;
  font-size:14px;
}
.connection-status .dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: red;  
  margin: 2px 0;
}
.connection-status .dot.connected {
  background-color: green;
}

.notes-column-header, .notes-column-wrapper {
  min-width: 140px!important;
}

.notes-dropdown {
  width: 100%;
}

/* .notes-column {
  padding:0!important;
  vertical-align:top!important;
} */

/* .notes-column-wrapper .notes-cell:nth-child(odd) {
  background-color: #1c2227;
  padding:10px 0;  
  border-bottom:1px solid #000;
  cursor: pointer;
}

.notes-column-wrapper .notes-cell:nth-child(even) {
  background-color: #15181c;
  padding:10px 0; 
  border-bottom:1px solid #000;
  cursor: pointer;
} */

.colDashboardSectionfootprint_chart button {
  background-color: #1c2227;
  border: 1px solid #999;
  outline:none;
  margin-right:4px;
  color:#fff;
}

.colDashboardSectionfootprint_chart input {
  width:20px;
  height:20px;
  border-radius:5px;
}

.colDashboardSectionfootprint_chart .DashboardSectionTitleText {
  display:flex!important;
  align-items:center;
  gap:4px;
}

.dragging {
  opacity: 1 !important;
}

.delete-symbol {
  background-color: transparent;
  color: #ff5555;
}

.delete-symbol:hover {  
  color: #fff;
}

.table-smart-bias_tracker thead tr th {
  background-color: #292f38 !important;
  border: 1px solid #000000;
  text-align:center;
}

.table-smart-bias_tracker .bg-dark td{
  background-color: #15181c !important;
  border: 1px solid #000000!important;
}

.table-smart-bias_tracker tbody tr .pl-4,
.table-smart-bias_tracker tbody tr .bg-dark {
   background-color: #15181c !important;
  border: 1px solid #000000!important;
  text-align:left;
}

.table-smart-bias_tracker tbody tr td {
  border: 1px solid #000000!important;
}

.table-smart-bias_tracker tr:has(td.bg-dark.empty) td.bg-dark {
  border-bottom: none !important;
}

.table-smart-bias_tracker tr:has(td.bg-dark.empty) + tr td:first-child {
  border-top: none !important;
}

.table-smart-bias_tracker tr:has(td.bg-dark.empty) td.bg-dark:empty {
  border-left: none !important;
  border-right: none !important;
}

.currency-analysis-content {
  padding: 15px;
}

.currency-analysis-content-empty {
  font-size: 1.5em;
  display: flex;
  align-items: center;
  justify-content: center;
  height:100%;
}

.table-smart-bias_tracker tbody .section-header td:first-child {
  text-align: left!important;
}

.table-smart-bias_tracker tbody .overall-row{
  border: 2px solid #fff!important;
}

.colDashboardSectiondxm_overview .DashboardSection,
.colDashboardSectionsmart_money_report .DashboardSection {
  overflow:hidden;
}

.countdown-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.countdown-timer {
  display: flex;
  align-items: center;
  justify-content: center;
}

.countdown-timer i {
  font-size: 24px;
  width: 20px;
  text-align: center;
  margin-bottom:28px;
}

.event-text {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 10px;
}

.event-text span:nth-child(2) {
  color: #ff9000;
}

.time-block {
  width: 80px;
  text-align: center;
}

.time-block .time {
  width: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px !important;
  font-weight: bold;
}

.time-block .label {
  font-weight: 500;
  color: #9D9D9D;
  font-size: 16px;
  margin-top: 5px;
  text-align: center;
}

.countdown-currency {
  font-size: 16px;
  font-weight: 500;
  color: #ff9000;
}

.countdown-event {
  font-size: 16px;
  margin-top: 5px;
  font-weight: 600;
  color: #f1f1f1;
}

.moodboard-container {
  display: flex;
  height: 100%;
  width: 100%;  
  position: relative;
}

#moodboardCanvas {
  flex-grow: 1;
  background: white;
  width: 100% !important;
  height: 100% !important;
}

.toolbar {
  width: 60px;
  background: #15181c !important;
  padding: 8px;
  display: flex;
  flex-direction: column;
  align-items:center;
  gap: 15px;
}

.tool-btn {
  width: 40px;
  height: 40px;
  border: none;
  background: #3c424c;
  color: white;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tool-btn:hover {
  background: #666;
}

.tool-btn.active {
  background: #ff9800;
  color:#000;
}

.tool-btn.brush {
  display: relative;
}

.brush-controls {
  display: none;
  position: absolute;
  left: 60px;
  top: 175px;
  background: #444;
  padding: 10px;
  border-radius: 4px;
  width: 150px;
  z-index: 1000;
  color:#fff;
}

.text-controls {
  display: none;
  position: absolute;
  left: 60px;
  top: 70px;
  background: #444;
  padding: 10px;
  border-radius: 4px;
  width: 150px;
  z-index: 1000;  
}

.text-controls select {
  background: #444;
  color: #fff;
}

.text-controls select {
  background: #444;
  color: #fff;
}

.text-controls select:focus {
  outline: none;
}

.brush-controls::before,
.highlight-controls::before,
.text-controls::before{
  content: '';
  position: absolute;
  left: -10px;
  top: 15px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent #444 transparent transparent;
}

.brush-controls.show {
  display: block;
}

.text-controls.show {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.highlight-controls {
  display: none;
  position: absolute;
  z-index: 1000; 
  background: #444;
  padding: 10px;
  left: 60px;
  top: 230px;
}

.highlight-controls.show {
  display: block;  
}

.highlight-color-palette {
  display: flex;
  gap: 10px;
}

.highlight-color {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  cursor: pointer;
  border: 2px solid #ddd;
}

.highlight-color:hover {
  border: 2px solid #333;
}

.brush-preview {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}

.brush-dot {
  width: 2px;
  height: 2px;
  background: #000;
  border-radius: 50%;
  transition: all 0.2s ease;
}

#brushSizeValue {
  color: white;
  font-size: 12px;
  text-align: center;
  font-family:'SF Pro Display';
}

.moodboard-container.drag-over::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.1);
  border: 2px dashed #666;
  pointer-events: none;
}

.background-control {  
  height:40px;
}

.background-control input{
  border:0;
  outline:0;
  width:40px;
  padding:0;
  height:40px;
}

.journal-expand-btn,
.journal-delete-btn {
  background-color: transparent;
  outline: none;
  border: none;
  color: #fff;
}

.journal-add-row-btn {
  outline: none;
  border: none;
  background-color:#292f38!important;
  color:#fff;
  padding:5px 8px;
  font-weight:500;
  margin-top: 10px;
  margin-left:10px;
}

.journal-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: auto;
}

.journal-tabs {
  background: #15181c;
  border-radius: 8px;
  padding: 10px;
  height: 100%;
  overflow: hidden;
}

.journal-tab-content.active {
  display: flex;
  gap: 20px;
  /* height:100%; */
  height:400px;
}

#journal-tradingview-chart {
  flex: 2;
  min-height: 400px;
  background: #121212;
  border-radius: 4px;
}

.tv-lightweight-charts,
.jtv-chart {
  height: 100% !important;  
  border:1px solid #333;
}

.journal-chart-inputs {
  flex: 0 0 550px;
  width: 550px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.journal-input-group {
  display: flex;
  flex-direction: column;
  gap: 5px;
  width:100%;
}

.journal-input-group .simditor-body {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.journal-input-group .simditor-body::-webkit-scrollbar {
  display: none;
}

.journal-input-group .simditor-placeholder,
.journal-input-group .simditor-body {
  font-size: 14px !important;
  font-family: "SF Pro Display" !important;
  text-align: left !important;
  height: 100%;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  white-space: pre-wrap !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.journal-input-group .simditor-wrapper {
  height: 370px!important;
  max-width: 100% !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.journal-input-group .simditor-body * {
  max-width: 100% !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
}

.journal-input-group label {
  color: #fff;
  margin:0;
}

.journal-input-group textarea,
.journal-input-group input {
  background: #121212;
  border: 1px solid #333;
  border-radius: 4px;
  color: #fff;
  padding: 8px;
}

.table-wrapper {
  overflow-x: auto;
  margin-top: 10px;
}

.journal-table {
  min-width: 100%;
  padding:0;
  margin:0;
}

.journal-table th{
  text-align:center;
}

/* .journal-input-group .simditor-body {
  max-height:150px!important;
} */

.journal-table th:nth-child(1){
  text-align:center!important;
}

.journal-table tr:nth-child(odd) .form-select{
  background-color: #15181c !important;
}

.journal-table tr:nth-child(even) .form-select{
  background-color: #1c2227 !important;
}

.trade-info-table tr:nth-child(odd) .form-select{
  background-color: #15181c !important;
  text-align:left;
}

.trade-info-table tr:nth-child(even) .form-select{
  background-color: #1c2227 !important;
  text-align:left;
}

.trade-info-table select,
.journal-table select {
  border: none;
  box-shadow: none;
  color: #fff;
  border-radius: 0;
  text-align:center;
  font-size: 13px;
  min-width: 100px;
}

.flatpickr-input {
  position: relative!important;
  background: transparent!important;
  opacity: 1!important;
  border: none!important;
  color: #fff!important;
  font-size: 13px!important;
  outline: none!important;
}

.flatpickr-monthDropdown-months,
.flatpickr-calendar,
.dayContainer {
  background-color: #15181c !important;
}

.flatpickr-weekdaycontainer span,
.flatpickr-month,
.flatpickr-day {
  color:#fff!important;
  font-size:13px!important;
}

.flatpickr-day:hover{
  background-color:#ff9800!important;
}

.flatpickr-day.selected {
  background-color:#ff9800!important;
  color:#fff!important;
}

.flatpickr-calendar {
  border-radius:0!important;
}

.flatpickr-prev-month svg,
.flatpickr-next-month svg{
  fill:#fff!important;
}

.flatpickr-am-pm:hover,
.flatpickr-am-pm:focus,
.numInput.flatpickr-minute:hover,
.numInput.flatpickr-minute:focus,
.numInput.flatpickr-hour:hover,
.numInput.flatpickr-hour:focus{
  background-color:#ff9800!important;
}

.flatpickr-time-separator,
.flatpickr-am-pm,
.flatpickr-time input {
  color:#fff!important;
}

.journal-input-group .simditor-toolbar {
  width:550px;
  top:0!important;
  left:0!important
}

.journal-input-group .simditor-placeholder {
  margin-top:38px;
}

.column-toggle-grid {
  padding:15px;
}

.column-toggle-grid .form-check {
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:8px;
}

.column-toggle-grid .form-check label {
  margin:0!important;
}

.journal-column-toggle-btn {
  background-color:#292f38;
  border:none;
  color:#fff;
  padding:5px 8px;
}

.custom-context-menu {
  background: #292f38!important;
  border: 1px solid #5d6570!important;
  display: none; 
  position: absolute;
  z-index: 1000;
  box-shadow: 2px 2px 5px rgb(0 0 0 / 66%);
  color: white;
  width:120px;
  border-radius:4px;
}

.ticklist-context-menu {
  background: #292f38!important;
  border: 1px solid #5d6570!important;
  display: none; 
  position: fixed!important;
  z-index: 10000!important;
  box-shadow: 2px 2px 5px rgb(0 0 0 / 66%);
  color: white;
  width:120px;
  border-radius:4px;
}

.trade-idea-context-menu {
  background: #292f38!important;
  border: 1px solid #5d6570!important;
  display: none; 
  position: fixed!important;
  z-index: 10000!important;
  box-shadow: 2px 2px 5px rgb(0 0 0 / 66%);
  color: white;
  width:150px;
  border-radius:4px;
}

.custom-context-menu ul li:nth-child(-n+2) {
  border-bottom: 1px solid #5d6570;
}

.ticklist-context-menu-item ul li:hover,
.custom-context-menu ul li:hover {
  background-color: #5d6570;
}

.notification-panel {
  position: fixed;
  top: 0;
  right: -420px;
  width: 420px;
  height: 100vh;
  background: white;
  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.1);
  z-index: 1050;
  transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  background: #111316;
  z-index: 1050;
  border-left: 1px solid #333333;
}

.notification-panel.active {
  right: 0;
}

.notification-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1040;
  display: none;
}

.notifications-tab-header {
  display:flex;
  justify-content:flex-end;
  margin-right:8px;
  position:absolute;
  width:100%;
  padding:4px 8px;
  top:64px;
  background:#15181c;
}

.clear-all-btn {
  padding: 4px 5px;
  color:#fff;
  border:1px solid #666;
  background:#292f38;
  cursor: pointer;
  margin-left:auto;
  font-size:13px;
}

.clear-all-btn:disabled{
  opacity:0.5;
  cursor:auto;
}

.notification-header {
  border-bottom: 1px solid #000;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color:#fff;
  padding:5px;
  font-weight: 700 !important;
  background: #15181c;
}

.notifications-close-panel {
  background: none;
  border: none;
  cursor: pointer;
  color:#fff;
}

.notification-tabs {
  display: flex;
  border-bottom: 2px solid #333333;
}

.notifications-tab-btn {
  flex: 1;
  padding: 5px;
  border: none;
  background: none;
  cursor: pointer;
  font-weight: 600;
  color: #666;
  position: relative;
  font-size:13px;
}

.notifications-tab-btn.active {
  color: #ff9800;
}

.notifications-tab-btn.active::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #ff9800;
}

.notification-content {
  overflow-y: auto;
}

.notifications-tab-content {
  display: none;
}

.notifications-tab-content.active {
  display: block;
}

.empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #666;
  text-align: center;
  padding: 2rem;
}

.empty-state i {
  font-size: 2.5rem;
  margin-bottom: 1rem;
}

.empty-state .subtitle {
  font-size: 0.875rem;
  color: #888;
  margin-top: 0.5rem;
}

.notifications-list {
  height:calc(100vh - 105px);
  margin-top:40px;
}

.dashboard-notification-tabs {
  display: flex;
  background: #111316;
  border-bottom: 1px solid #000;
  font-size:13px;
  border-top: 1px solid #000;
}

.dashboard-notifications-tab-btn {
  padding: 5px 16px;
  border: none;
  background: none;
  color: #fff;
  cursor: pointer;
  font-weight:500;
  background: #23272c;
}

.dashboard-notifications-tab-btn:nth-child(1),
.dashboard-notifications-tab-btn:nth-child(2),
.dashboard-notifications-tab-btn:nth-child(3) {
  border-right: 1px solid #000;
}

.dashboard-notifications-tab-btn.active {
  color: #ff9800;
}

.dashboard-notifications-tab-content {
  display: none;
}

.dashboard-notifications-tab-content.active {
  display: block;
}


.notification-item,
.dashboard-notification-item {
  border-bottom: 1px solid #000;
  color: #fff;
  padding: 5px;
  cursor:pointer;
}

.notification-item:hover,
.dashboard-notification-item:hover {
  background-color:#323539 !important;
}

.notification-item:nth-child(odd),
.dashboard-notification-item:nth-child(odd) {
  background-color: #15181c;
}

.notification-item:nth-child(even),
.dashboard-notification-item:nth-child(even) {
  background-color: #1c2227;
}

.notification-title,
.dashboard-notification-title {
  font-weight: 700;
  color:#fff;
}

.notification-description,
.dashboard-notification-description {
  color: #c8bdbd;
  padding:0;
  margin:0;
}

.notification-description img,
.dashboard-notification-description img{
  height:180px!important;
  object-fit:contain;
}

.notification-description ul{
  list-style:none;
}

.notification-time,
.dashboard-notification-time {
  font-size: 12px;
  text-align: right;
  color: #b3a2a2;
}

.notification-icon,
.dashboard-notification-icon {
  margin-bottom: 5px;
  color: #b3a2a2;
}

.dashboard-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #666;
  text-align: center;
  padding: 2rem;
}

.dashboard-empty-state i {
  font-size: 2rem;
  margin-bottom: 1rem;
}

.dashboard-empty-state .subtitle {
  font-size: 0.875rem;
  color: #888;
  margin-top: 0.5rem;
}

#notificationBadge {
  position: absolute;
  top: 0px;
  right: -8px;
  min-width: 14px;
  height: 14px;
  padding: 0 4px;
  background-color: #ef4444;
  border-radius: 7px;
  color: white;
  font-size: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#notificationBadge.hide-badge{
  display: none;
}

.legend-item {
  color:#fff!important;
}

.sentiment-legend {
  position:absolute;
  top:24px;
  z-index:5;
  display:flex;
  gap:10px;
  padding:5px;
  font-size:12px;
  background:#15181c;
}

.filter-options {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 10px;
  margin-top: 15px;
}

.filter-section {
  margin-bottom: 20px;
}

.filter-section h4 {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
}

.filter-section .cbcontainer {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
  cursor: pointer;
}

.filter-btn {
  margin-left: 10px;
  padding: 4px 5px;
  border:1px solid #666;
  background:#292f38;
  cursor: pointer;
  outline: none;
  color:#fff;
}

.cbcontainer input[type="checkbox"] {
  margin-right: 8px;
}

.notification-title {
  display:flex;
  gap:5px;
}

.dashboard-notification-title i,
.notification-title-icon {
  background:#2b2d37;
  padding:8px;
  height:24px;
  width:24px;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:50%;
  font-size:12px;
  color:#ff9800;
}

.institute-icon {
  height:15px;
  object-fit:contain;
  background:#2b2d37; 
  border-radius:50%;  
}

.notification-item {
  max-width: 100%;
}

.notification-inline-image {
  max-width: 100%;
  height: auto;
  margin: 10px 0;
  border-radius: 4px;
  display: block;
}

.notification-description {
  word-break: break-word;
  overflow-wrap: break-word;
  margin-left:20px;
}

.notification-description h1,
.notification-description h2,
.notification-description p,
.notification-description span,
.notification-description b {
  font-size: 12px;
}

.notification-description img {
  max-width: 100%;
  height: auto;
}

.load-more-posts,
.btn.load-more-news {
  background-color: #39260a;
  color: #FF9800;
  border-color: #4c320a;
}

.load-more-posts:hover {
  color: #FF9800;
}

.event-item {
  cursor: pointer;
  transition: background-color 0.2s;
}
.event-item:hover {
  background-color: #2a3139;
}
.event-item.selected {
  background-color: #2a3139;
  opacity: 0.5;
  border-bottom:1px solid #292f38!important;
}

.risk-indicator {
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 3vh 2vw;
  transform: translate(-50%, -50%);
  font-size: clamp(1.1rem, 3vw, 2rem);
  border-radius: 15px;
  font-weight: bold;
  max-width: 90vw;
  box-sizing: border-box;
}

.risk-indicator-invalid {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  font-size:1.25rem;
  padding:10px 15px;
  text-align:center;
}

.risk-indicator-invalid .risk-status{
  white-space:normal;
}

.risk-indicator .risk-status{
  display:flex;
  gap:15px;
  align-items:center;
  white-space:nowrap;
}

.event-calendar-search-icon {
  font-size: 12px;
  color: #018a76;
  margin-left: 5px;
  cursor: pointer;
  transition: opacity 0.3s ease;
}

.event-calendar-search-bar {
  font-size: 12px;
  color: #fff;
  margin-left: 5px;
  height: 22px;
  background: #000000;
  outline: none;
  border: none;
  padding: 4px 6px;
  margin-bottom: 5px;
  border: 1px solid #292f38;
  width: 20%;
  opacity: 0;
  transition: opacity 0.3s ease, width 0.3s ease;
}

.event-calendar-search-bar.visible {
  opacity: 1;
  width: 20%;
}

.news-ticker-search-icon {
  font-size: 12px;
  color: #018a76;
  margin-left: 5px;
  cursor: pointer;
  transition: opacity 0.3s ease;
}

.news-ticker-search-bar {
  font-size: 12px;
  color: #fff;
  margin-left: 5px;
  height: 22px;
  background: #000000;
  outline: none;
  border: none;
  padding: 4px 6px;
  margin-bottom: 5px;
  border: 1px solid #292f38;
  width: 20%;
  opacity: 0;
  transition: opacity 0.3s ease, width 0.3s ease;
}

.news-ticker-search-bar.visible {
  opacity: 1;
  width: 20%;
}

#chartLegend span {
  color: #969897;
}

#modalRemoveWidget .news-ticker-search-icon,
#modalRemoveWidget .news-ticker-search-bar,
#modalRemoveWidget .event-calendar-search-icon,
#modalRemoveWidget .event-calendar-search-bar,
#modalRemoveWidget span{
  display: none !important;
}

.forex-chart-container {
  padding: 15px;
  border-radius: 5px;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.chart-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}

.time-display {
  font-size: 16px;
  font-weight: bold;
  color: #949393;
  font-size: 14px;
}

.columns-container {
  display: flex;
  gap: 20px;
  width: 100%;
}

.column-left {
  flex: 1.75;
}

.column-right {
  flex: 1;
}

/* Chart-only mode */
.forex-chart-container.chart-only .chart-section {
  width: 100%;
}

.forex-chart-container.chart-only .column-left {
  flex: 1;
}

/* Table-only mode */
.forex-chart-container.table-only .table-section {
  width: 100%;
}

.forex-chart-container.table-only .column-right.full-width {
  flex: 1;
  width: 100%;
}

/* Hide sections based on mode */
.forex-chart-container.chart-only .table-section,
.forex-chart-container.table-only .chart-section,
.forex-chart-container.chart-only .overlap-list,
.forex-chart-container.chart-only .overlap-title {
  display: none !important;
}

.timeline-container {
  margin: 20px 0;
  overflow-x: auto;
  min-height: 220px;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.timeline-container svg {
  width: 100%;
  height: 100%;
  display: block;
}

.overlap-title {
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 15px;
  color: #949393;
}

.overlap-list {
  list-style-type: none;
  padding-left: 0;
  font-size: 14px;
}

.overlap-list li {
  margin-bottom: 5px;
  color: #fff;
}

.next-open-times {
  margin-top: 20px;
}

.next-open-title {
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 15px;
  color: #949393;
}

.market-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}

.market-table th, .market-table td {
  padding: 8px;
  text-align: left;
  border-bottom: 1px solid #444;
}

.market-table th {
  color: #949393;
}

.market-table td {
  color: #fff;
}

.status-open {
  color: #365314;
  background-color: #a3e635;
  padding: 3px 6px;
  border-radius: 4px;
}

.status-closed {
  color: #7f1d1d;
  background-color: #f87171;
  padding: 3px 6px;
  border-radius: 4px;
}

.footer-note {
  font-size: 13px;
  margin-top: 15px;
  color: #b8b8b8;
  font-style: italic;
}

.current-time-marker {
  position: absolute;
  top: 0;
  height: 100%;
  width: 2px;
  background-color: red;
  z-index: 10;
}

.market-rect {
  fill-opacity: 0.7;
}

.market-table thead tr th{
  background:#292f38 !important
}

.market-table thead tr th,
.market-table tbody tr td{
  border:1px solid #000;
}

.market-table tbody tr:nth-child(odd) td{
  background-color: #15181c;
  text-align:left;
}

.market-table tbody tr:nth-child(even) td{
  background-color: #1c2227;
  text-align:left;
}

#current-time-marker {
  transition: x1 0.5s linear, x2 0.5s linear;
}

#region-indicator{
  position: absolute; 
  bottom: 0; 
  left: 0; 
  width: 100%;
  text-align: center;
  display:flex;
  justify-content: space-between;
}

.card-title {
  font-size:14px;
  color:#dadada;
  text-align:left;
}

.delete-tab-btn,
.copy-tab-btn {
  padding:0;
  background-color:transparent!important;
  outline:none;
  border:none;
}

.copy-tab-btn {
  margin-right: 5px;
}

.taboptions-title {
  display: flex;
  gap:2px;
  align-items: center;
}

.tab-card {
  cursor: context-menu;
  padding: 10px;
  border-radius: 4px;
  transition: background-color 0.2s;
}

.tab-card:hover {
  background-color: rgba(0, 0, 0, 0.03);
}

.custom-context-menu {
  /* Ensure it appears above modal */
  z-index: 9999;
}

.sortable-tabs-container{
  gap:5px;
}

.NotificationAlerttUpgradeMessage {
  background-color: #3d2706; 
  background-image: linear-gradient(to right, transparent, #3d2706, #000000) !important; 
  border: 1px solid #d2d8de;
  width: 100%;
}

.sound-option {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  gap: 12px;
}
.sound-option span {
  flex: 1;
}

.carousel-arrows {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  padding: 0 15px 0 0;
}

.news-carousel-arrow {
  background: rgba(0,0,0,0.2);
  border: none;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

.news-carousel-arrow:hover {
  background: rgba(0,0,0,0.5);
}

.news-carousel-arrow i {
  font-size: 14px;
  margin-top:0!important;
  color: #fff;
  opacity: 0.8;
}

#modalOpenTabOptions .action-buttons .btn {
  color: #444649;
}
#modalOpenTabOptions .action-buttons .btn:hover {
  color: #FFFFFF;
}

.post-content span,
.post-content p,
.post-content b,
.post-content li,
.post-content ul,
.post-content ol,
.post-content strong,
.post-content em,
.post-content pre {
  color: #fff!important;
  line-height: 2;
  font-size: 15px;
}

.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6,
.post-content blockquote {
  color: #fff!important;
  line-height: 2;
}

.post-content h1 *,
.post-content h2 *,
.post-content h3 *,
.post-content h4 *,
.post-content h5 *,
.post-content h6 *,
.post-content blockquote * {
  color: #fff!important;
  font-size: inherit;
}

.post-content a {
  color: #ff9800!important;
  line-height: 2;
  text-decoration: underline;
  font-size: 15px;
}

.post-content h1 a,
.post-content h2 a,
.post-content h3 a,
.post-content h4 a,
.post-content h5 a,
.post-content h6 a,
.post-content blockquote a {
  font-size: inherit;
}

.reaction-item {
    display: flex;
    align-items: center;
    padding: 4px 8px;
    background: rgba(255,255,255,0.1);
    border-radius: 16px;
    cursor: pointer;
    transition: background-color 0.2s;
    border: 1px solid rgba(255,255,255,0.2);
}

.reaction-item:hover {
    background: rgba(255,255,255,0.15);
}

.reaction-item.user-reacted {
    background: rgba(255,152,0,0.2);
    border: 1px solid rgba(255,152,0,0.4);
}

.reaction-item.user-reacted:hover {
    background: rgba(255,152,0,0.3);
}
.category-tabs{
  display: flex;
  gap: 4px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}
.emoji-picker {
  position: absolute;
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 8px;
  padding: 12px;
  width: 350px;
  max-height: 400px;
  z-index: 1000;
  box-shadow: 0 4px 20px rgba(0,0,0,0.3);
}
.emoji-option {
  padding: 6px;
  text-align: center;
  cursor: pointer;
  border-radius: 4px;
  transition: background 0.2s;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
}
.emoji-category-tab {
  padding: 6px 8px;
  border-radius: 4px;
  font-size: 10px;
  cursor: pointer;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  gap: 4px;
  border: 1px solid rgba(255,255,255,0.1);
}
.add-reaction-btn {
  background: transparent;
  border: 1px solid rgba(255,255,255,0.2);
  color: rgba(255,255,255,0.6);
  padding: 4px 8px;
  border-radius: 12px;
  cursor: pointer;
  font-size: 12px;
  transition: all 0.2s;
  margin-left: 8px;
}
.post-item:hover {
    background-color: rgba(255,255,255,0.1) !important;
}
.summary-slider-container {
  overflow: hidden;
  margin: 10px auto 10px auto;
  position: relative;
  width: 100%;
  max-width: 900px;
  padding: 0 50px;
}
.summary-slider-container .carousel-item {
  padding: 10px 0;
}
.summary-slider-container .card {
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
  transition: transform 0.2s ease-in-out;
  margin-bottom: 0;
}
.summary-slider-container .carousel .card {
  height: 180px !important;
  min-height: 180px;
}
.summary-slider-container .card:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}
.summary-slider-container .card-body {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-start;
}
.summary-slider-container .card-text {
  flex-grow: 1;
  margin-bottom: 0;
}
.summary-slider-container .carousel-control-prev,
.summary-slider-container .carousel-control-next {
  opacity: 1;
  transition: all 0.3s ease;
}
.summary-slider-container .carousel-control-prev:hover,
.summary-slider-container .carousel-control-next:hover {
  opacity: 1;
  transform: translateY(-50%) scale(1.1);
  background-color: rgba(255,255,255,0.3) !important;
}
.summary-slider-container .carousel-indicators button:hover {
  transform: scale(1.2);
}
.summary-slider-container .carousel-indicators button.active {
  transform: scale(1.3);
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
  width:18px;
}
.carousel-control-prev,
.carousel-control-next {
  background-color: rgba(0,0,0,0.4);
}
.summary-slider-header {
  display:flex;
  align-items:center;
  gap:5px;
  margin-left:20px;
}
.summary-slider-header h5,
.summary-slider-header i{
  font-size:14px!important;
  margin:0;
}
.summary-slider-header i{
  color:#ff9800;
}
.summary-slider-header h5{
  color:#fff;
}

/* Session-recaps day summaries */
.market-report {
  background: #121316;
  padding:0 30px;
  position:relative;
}
.report-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #000;
  flex-wrap: wrap;
  gap: 15px;
  background:#15181C;
  padding:0 30px;
  margin:0 -30px;
  position: sticky;
  top: 0;
  z-index: 10;
}
.session-warp-content table th,
.session-warp-content table td{
  padding:10px
}
.report-title {
  font-size: 1rem;
  color: #ff9800;
  margin:0;
}
.report-dates {
  color: white;
  padding: 8px 20px;
  line-height: 1.4;
  display: flex;
}
.summary-section {
  background: #242527;
  padding: 25px;
  margin-bottom: 30px;
  border-left: 2px solid #ff9800;
  color:#ffffff;
  margin-top:40px;
}
.section-title {
  font-size: 1.5rem;
  color: #e7e7e7;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #36373a;
  font-weight:600;
}
.section-subtitle {
  color: #a9a5a5;
  margin-bottom: 15px;
  font-size: 1.5rem;
  font-weight:600;
}
.grid-container {
  display: grid;
  gap: 20px;
  margin-bottom: 30px;
}
.grid-auto-fit {
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
}
.grid-auto-fit-large {
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  gap: 25px;
}
.grid-auto-fit-small {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}
.card {
  background: #242527;
  padding: 20px;
  border-radius:0!important;
}
.card-headline {
  border-left: 2px solid #ff9800;
}
.card-regional {
  padding: 25px;
}
.card-bank {
  border-top: 2px solid #ff9800;
}
.card-corporate {
  padding: 15px;
  border-left: 2px solid #ff9800;
}
.card-title {
  color: #a9a5a5;
  margin-bottom: 10px;
  font-size: 1.1rem;
  font-weight:600;
}
.regional-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.regional-title {
  font-size: 1.3rem;
  color: #a9a5a5;
  margin: 0;
}
.currency-badge {
  background: #39260a;
  color: #ff9800;
  padding: 5px 15px;
  font-size: 0.9rem;
  font-weight: bold;
  border:1px solid #4c320a;
}
.driver-category {
  color: #d3d3d3;
  margin-bottom: 10px;
  font-size: 1rem;
}
.driver-item {
  background: #393a3b;
  padding: 10px 15px;
  margin-bottom: 8px;
  border-left: 1px solid #ff9800;
}
.driver-item-title {
  color: #ff9800;
  margin-bottom: 5px;
  font-size: 0.9rem;
}
.driver-item-desc {
  font-size: 0.85rem;
  color: #dcdcdc;
  margin: 0;
}
.bank-name {
  font-size: 1.2rem;
  color: #a9a5a5;
  margin-bottom: 10px;
  font-weight: bold;
}
.data-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
  overflow: hidden;
  background:#15181C!important;
}
.table-header th {
  padding: 8px 5px;
  text-align: left;
}
.table-row {
  border-bottom: 1px solid #000;
}
.table-cell {
  padding: 8px 5px;
  vertical-align: middle;
}
.table-cell-strong {
  padding: 8px 5px;
  vertical-align: middle;
  font-weight: bold;
}
.table-cell-note {
  padding: 8px 5px;
  vertical-align: middle;
  font-size: 0.8rem;
  font-style: italic;
  line-height: 1.3;
}
.company-name {
  font-weight: bold;
  color: #a9a5a5;
  margin-bottom: 5px;
}
.ticker-badge {
  background: #39260a;
  padding: 2px 8px;
  font-size: 0.8rem;
  color: #ff9800;
  margin-left: 10px;
  border:1px solid #4c320a;
}
.importance-badge {
  padding: 4px 10px;
  color: white;
  font-weight: bold;
  font-size: 0.8rem;
  display: inline-block;
  text-align: center;
}
.importance-high {
  background-color: #e53935;
}
.importance-medium {
  background-color: #f59e0b;
}
.importance-low {
  background-color: #43a047;
}
.report-actions .saveSessionWarps {
  background:transparent;
  border:none;
  color:#fff;
  display:flex;
  align-items:center;
  margin-right:5px;
  gap:5px;
}
.report-actions .close {
  background-color:transparent;
  border:none;
  color:#fff;
}
.report-actions {
  display:flex;
}
.note-title-class {
  color: #fff;
}


.notification-banner {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #292F38;
    color: white;
    padding: 18px 20px;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 2px 10px rgba(0,0,0,0.3);
    transform: translateY(-100%);
    transition: transform 0.3s ease-in-out;
    width:30%;
    margin:0 auto;
}
.notification-banner.show {
    transform: translateY(0);
}
.notification-banner .banner-content {
    display: flex;
    align-items: center;
    flex-grow: 1;
    justify-content:center;
}
.notification-banner .banner-icon {
    background-color: #FF9800;
    color: #15181C;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    font-weight: bold;
    font-size: 14px;
}
.notification-banner .banner-text {
    font-size: 16px;
    font-weight: 500;
}
.notification-banner .banner-close {
    background: none;
    border: none;
    color: #FF9800;
    font-size: 18px;
    cursor: pointer;
    padding: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.notification-banner .banner-close:hover {
    opacity: 0.8;
}

.dashboard-notification-title {
  display:flex;
  gap:5px;
}

.dashboard-notifications-tab-header {
  display:flex;
  justify-content:flex-end;
  margin-right:8px;
  padding:4px 8px;
  background:#1c2227;
  border-bottom: 1px solid #000;
}

.sortable-task {
  margin-bottom:5px;
}

.mooboard-name {
  color: #ff9800;
}

.note-options-dropdown {
  display: flex;
  justify-content: space-between;
}

#modalDeleteNote {
  z-index: 1080!important;
}

.custom-notes-dropdown {
  position: relative!important;
  width: 100%!important;
}

.dropdown-display {
  position: relative!important;
  width: 100%!important;
}

.dropdown-options {
  background:#16181c!important;
  border:1px solid #666!important;
  border-radius:8px;
  position: fixed!important;
  z-index: 9999!important;
  overflow: hidden!important;
}

.dropdown-option {
  border:none!important;
  padding:.375rem .75remrem .375rem .75rem!important;
}

.dropdown-option:hover {
  background:#494c52!important;
}

.dropdown-arrow {
  font-size:10px;
}

.option-delete:hover {
  background-color:transparent!important;
}

.journal-tab-nav {
  display: flex;
  gap: 5px;
  margin-bottom: 10px;
}

.journal-tab-btn {
  padding: 6px 14px;
  border: none;
  background: #2a2f38;
  color: #fff;
  cursor: pointer;
}

.journal-tab-btn.active {
  background: #ff9800;
}
.journal-tab-content {
  display: none;
}
.journal-images-container {
  padding: 10px;
  width:100%;
}
.journal-images-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 15px;
}
.journal-stats-container {
  padding: 10px;
}
.stats-item {
  margin-bottom: 10px;
}
.journal-upload-image-btn,
.journal-upload-image-btn:hover,
.journal-upload-image-btn:focus,
.journal-upload-image-btn:active {
  background-color: #39260a;
  color: #FF9800;
  border-color: #4c320a;
}

.journal-main-container {
  height: 100%;
  overflow:hidden;
}

.journal-main-container .main-tabs .main-tab-btn.active {
  background:#ff9800;
  color:#000;
  font-weight:600;
}

.journal-main-container .main-tabs .main-tab-btn {
  padding:6px 15px;
  background:#22252c;
  outline:none;
  border:none;
  color:#fff;
  margin:8px 0 0 8px;
}

.journal-drag-drop-area {
  color: #fff;
  border: 1px dashed #ccc;
  padding: 20px;
  text-align: center;
  background-color: #2a2a2a;
  margin-bottom: 10px;
  position: relative;
  margin-top:-10px;
}

.journal-drag-drop-area.drag-active {
  border-color: #007bff;
  background-color: #3a3a3a;
}

.journal-image-input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.journal-image-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}

.journal-image-wrapper:hover .journal-image-delete {
  opacity: 1;
}

.journal-image-delete {
  position: absolute;
  top: 8px;
  right: 8px;
  background: rgba(220, 53, 69, 0.9);
  border: none;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.2s ease, background 0.2s ease;
  z-index: 10;
  color: white;
  font-size: 14px;
  padding: 0;
}

.journal-image-delete:hover {
  background: rgba(220, 53, 69, 1);
  transform: scale(1.1);
}

.journal-image-delete i {
  pointer-events: none;
}

.journal-images-grid img {
  max-width: 100%;
  height: auto;
  object-fit:contain;
}

.metric-card {
  background: #1a1a1a;
  padding: 50px;
  text-align: center;
  margin-bottom: 15px;
  margin-top: 10px;
  border:1px solid #444;
}
.metric-card h6 {
  margin-bottom: 10px;
  font-size: 16px;  
  color: #bcbcbc;
}
.metric-card p {
  font-size: 30px;
  font-weight: bold;
  color: #ff9800;
}
.stats-charts h6 {
  font-size: 14px;
  text-align: center;
  color: #ffffff;
  margin-bottom: 10px;
}

#stats-content {
  overflow-x:hidden!important;
}

.trading-calendar-section {
  height:100%!important;
}

.calendar-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
  gap: 15px;
}

.calendar-controls button {
  background: #2b2f37;
  color: #fff;
  border: 1px solid #555;
  padding: 6px 12px;
  cursor: pointer;
  font-size: 12px;
}

.calendar-controls button:hover {
  background: #555;
}

.trading-calendar {
  overflow: hidden;
  border: 1px solid #555;
  height:calc(100% - 100px);
}

.calendar-header {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  background: #444;
  border-bottom: 1px solid #555;
}

.calendar-day-header {
  padding: 8px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  border-right: 1px solid #555;
  background: #1a1a1a;
  color:#dcdcdc;
}

.calendar-day-header:last-child {
  border-right: none;
}

.calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  height:100%;
}

.calendar-day {
  min-height: 60px;
  padding: 6px;
  border-right: 1px solid #555;
  border-bottom: 1px solid #555;
  position: relative;
  cursor: pointer;
  transition: background 0.2s;
  display: flex;
  flex-direction: column;
  font-size: 11px;
  color:#dcdcdc;
  background:#333;
}

.calendar-day:nth-child(7n) {
  border-right: none;
}

.calendar-day:hover {
  background: #3a3a3a;
}

.calendar-day.other-month {
  background: #242424;
  color: #bbb;
}

.calendar-day.today {
  background: #2d4a87;
  border: 2px solid #4a90e2;
}

.calendar-day.has-trades {
  background: #1a4a3a;
  border-left: 3px solid #22c55e;
}

.calendar-day.has-trades.profitable {
  background: #1a4a2a;
  border-left-color: #22c55e;
}

.calendar-day.has-trades.loss {
  background: #4a1a1a;
  border-left-color: #ef4444;
}

.calendar-day.has-trades.breakeven {
  background: #4a4a1a;
  border-left-color: #f59e0b;
}

.day-number {
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 2px;
}

.day-pnl {
  font-size: 10px;
  font-weight: 500;
  margin-top: auto;
}

.day-pnl.profit {
  color: #22c55e;
}

.day-pnl.loss {
  color: #ef4444;
}

.day-pnl.breakeven {
  color: #f59e0b;
}

.calendar-tooltip {
  position: absolute;
  background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);
  color: #fff;
  padding: 12px 16px;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.5);
  border: 1px solid #444;
  z-index: 1000;
  font-size: 12px;
  line-height: 1.5;
  pointer-events: auto;
  animation: fadeInScale 0.2s ease-out;
  max-width: 300px;
  min-width: 200px;
}

@keyframes fadeInScale {
  from {
      opacity: 0;
      transform: scale(0.9);
  }
  to {
      opacity: 1;
      transform: scale(1);
  }
}

.tooltip-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #444;
  padding-bottom: 8px;
  margin-bottom: 8px;
}

.tooltip-header strong {
  font-size: 14px;
  font-weight: 600;
}

.tooltip-close {
  cursor: pointer;
  font-size: 16px;
  color: #aaa;
  transition: color 0.2s;
}

.tooltip-close:hover {
  color: #fff;
}

.tooltip-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.tooltip-metric {
  display: flex;
  align-items: center;
  gap: 8px;
}

.tooltip-metric i {
  font-size: 14px;
  color: #00BFFF;
}

.tooltip-metric.profit i {
  color: #22c55e;
}

.tooltip-metric.loss i {
  color: #ef4444;
}

.tooltip-metric.breakeven i {
  color: #aaa;
}

.win-rate-bar {
  width: 100px;
  height: 4px;
  background: #333;
  border-radius: 2px;
  margin-top: 4px;
}

.win-rate-fill {
  height: 100%;
  background: #FF9800;
  border-radius: 2px;
  transition: width 0.3s ease;
}

.tooltip-trades-section {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid #444;
}

.tooltip-trades-section h6 {
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 8px;
  color: #eee;
}

.tooltip-trade-item {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 11px;
  margin-bottom: 4px;
}

.trade-pair {
  font-weight: 600;
}

.trade-direction {
  color: #ddd;
}

.trade-pnl {
  font-weight: 600;
}

.trade-pnl.profit {
  color: #22c55e;
}

.trade-pnl.loss {
  color: #ef4444;
}

.trade-pnl.breakeven {
  color: #ddd;
}

.trade-win-loss {
  color: #ddd;
}

.tooltip-trade-more {
  font-size: 11px;
  color: #00BFFF;
  font-style: italic;
}

.trade-detail-popup {
  position: absolute;
  background: #222;
  color: #fff;
  padding: 12px;
  border-radius: 6px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.6);
  z-index: 1001;
  border: 1px solid #444;
  min-width: 180px;
  max-width: 280px;
  font-size: 12px;
}

.trade-item {
  margin-bottom: 6px;
  padding-bottom: 6px;
  border-bottom: 1px solid #444;
}

.trade-item:last-of-type {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.pair {
  font-weight: bold;
  margin-right: 6px;
}

.direction {
  font-size: 11px;
  color: #ddd;
}

.pnl.profit {
  color: #22c55e;
}

.pnl.loss {
  color: #ef4444;
}

.pnl.breakeven {
  color: #f59e0b;
}

.win-loss {
  font-size: 10px;
  color: #ccc;
  margin-left: 4px;
}

.image-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
}

.image-modal-content {
  position: relative;
  max-width: 90vw;
  max-height: 90vh;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.image-modal-img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
}

.image-modal-close {
  position: absolute;
  top: -40px;
  right: 0;
  color: white;
  font-size: 35px;
  font-weight: bold;
  cursor: pointer;
  z-index: 10000;
  transition: color 0.3s ease;
}

.image-modal-close:hover {
  color: #ccc;
}

.image-modal-loader {
  color: white;
  font-size: 18px;
  padding: 20px;
}

.journal-image {
  cursor: pointer;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.journal-image:hover {
  transform: scale(1.05);
  opacity: 0.8;
}

.main-tab-content {
  height:100%;
}

.trading-calendar-section .row{
  width:100%;
  padding:0!important;
  margin:0!important;
  height:100%!important;
}

.trading-calendar-section .col-12 {
  height:100%!important;
}

.calendar-container {
  height:100%!important;
}

.stats-charts,
.stats-metrics {
  padding:0;
  margin:0;
}

.chart-with-details-container {
  display: flex;
  height: 100%;
  gap: 15px;
  width:100%;
}

.chart-section {
  flex: 2;
  min-height: 400px;
  position: relative;
}

.trade-details-section {
  flex: 1.1;
}

.trade-details-table {
  background: rgba(255, 255, 255, 0.05);
  padding: 15px;
  height: 100%;
  overflow-y: auto;
}

.trade-details-title {
  color: #fff;
  margin-bottom: 15px;
  font-weight: 600;
  border-bottom: 2px solid #333;
  padding-bottom: 8px;
}

.trade-info-table {
  margin-bottom: 0;
}

.trade-info-table > tbody > tr > td:nth-child(even) {
  text-align:left;
}

.trade-info-table td:first-child {
  font-weight: 500;
  color: #9D9D9D;
  width: 60%;
  font-size: 0.9em;
}

.trade-info-table td:nth-child(3) {
  color: #9D9D9D;
  text-align:left;
}

.trade-info-table td:last-child {
  color: #fff;
  font-weight: 600;
  text-align: right;
  font-size: 0.9em;
}

.trade-info-table tr {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.trade-info-table tr:last-child {
  border-bottom: none;
}

.chart-info-overlay {
  position: absolute;
  top: 10px;
  left: 10px;
  background: rgba(0, 0, 0, 0.7);
  color: #9D9D9D;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 12px;
  z-index: 10;
}

.modal-journal .modal-body{
  padding:20px!important;
}

.modal-journal .modal-body .mb-3 {
  color:#a2a2a2!important;
}

.modal-journal .modal-body .form-check-input {
  border-radius:0;
}

.modal-journal .modal-body .form-label{
  color:#ede7e7!important;
}

.share-journal-btn{
  position: absolute;
  z-index: 6;
  float: right;
  top: -5px;
  right: 75px;
}

  .share-journal-btn {
  cursor: pointer;
  color: #6c757d;
  transition: color 0.3s ease;
  padding: 8px;
  border-radius: 4px;
}

.share-journal-btn:hover {
  color: #28a745;
  background-color: rgba(40, 167, 69, 0.1);
}

.share-options-container {
  padding: 10px 0;
}

.share-option-group,
.share-method-group {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 20px;
}

.share-option-group h6,
.share-method-group h6 {
  color: #adb5bd;
  font-weight: 600;
  margin-bottom: 15px;
  text-transform: uppercase;
  font-size: 0.85rem;
  letter-spacing: 0.5px;
}

.form-check {
  margin-bottom: 10px;
}

.form-check-label {
  color: #e9ecef;
  font-size: 0.95rem;
}

.generate-share-section {
  margin-top: 20px;
  display:flex;
}

.share-result-section {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 8px;
  padding: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.share-result-section label {
  color: #adb5bd;
  font-weight: 600;
  margin-bottom: 8px;
  display: block;
}

.share-result-section .form-control {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #ffffff;
  font-family: 'Courier New', monospace;
  font-size: 0.85rem;
}

.share-result-section .form-control:focus {
  background: rgba(255, 255, 255, 0.15);
  border-color: #007bff;
  color: #ffffff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.share-preview {
  background: rgba(23, 162, 184, 0.1);
  border: 1px solid rgba(23, 162, 184, 0.3);
  border-radius: 6px;
  padding: 15px;
}

.share-preview .text-muted {
  color: #ff9800 !important;
  font-size: 0.8rem;
}

.share-method-group .btn{
  background:#ff9800!important;
  border:none;
  color:#000!important;
  font-weight:500;
}

.journal-share .modal-body{
  padding:15px!important;
}

/* .stats-container {
  height: 100%;
}

.stats-charts {
  height: calc(100% - 250px);
}

.stats-charts .col-md-4 {
  display: flex;
  align-items: center;
}

.chart-wrapper {
  width: 100%;
  height: 80%;
}

.tv-lightweight-charts table {
  height:100%!important;
} */

.stats-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 15px;
}

/* Metrics Section - Fixed Height */
.stats-metrics {
  flex: 0 0 auto;
}

.stats-metrics.row {
  margin: -10px -10px;
}

.stats-metrics .col-md-3 {
  padding: 0 10px;
  margin-bottom: 15px;
}

/* Charts Section - Takes Remaining Height */
.stats-charts {
  flex: 1 1 auto;
  display: flex;
  flex-wrap: wrap;
  align-content: stretch;
  gap: 20px;
  min-height: 0;
}

.stats-charts .row {
  flex: 1;
  display: flex;
  margin: 0 -10px;
}

/* Individual Chart Columns */
.stats-charts .col-md-6 {
  flex: 1 1 calc(50% - 10px); /* 50% width minus half the gap */
  height: calc(50% - 10px); /* 50% height minus half the gap */
  min-width: 300px;
  min-height: 200px;
  display: flex;
  padding: 0 !important; /* Remove Bootstrap padding */
}

/* Chart Wrapper - Full Height of Parent */
.chart-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  background: #1a1a1a;
  padding: 15px;
  width: 100%;
  border:1px solid #444;
}

/* Chart Title */
.chart-wrapper h6 {
  flex: 0 0 auto;
  text-align: center;
  margin: 0 0 10px 0;
  color: #9D9D9D;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
}

.chart-wrapper > div[id^="doughnut-chart-"],
.chart-wrapper > div[id^="bar-chart-"],
.chart-wrapper > div[id^="line-chart-"],
.chart-wrapper > div[id^="area-chart-"] {
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
  position: relative;
}

.chart-wrapper > div[id*="-chart-"] {
  height: 100% !important;
}

/* AM5 Charts Container Styles */
.chart-wrapper > div[id^="doughnut-chart-"] > div:not(.watermark-cover-dc),
.chart-wrapper > div[id^="bar-chart-"] > div:not(.watermark-cover-dc) {
  height: 100% !important;
  width: 100% !important;
}

/* Ensure AM5 canvas fills container */
.chart-wrapper canvas {
  max-width: 100% !important;
  max-height: 100% !important;
}

/* Lightweight Charts Specific */
.tv-lightweight-charts {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
}

.tv-lightweight-charts table {
  width: 100% !important;
  height: 100% !important;
}

/* Responsive Grid Adjustments */
@media (max-width: 991px) {
  .stats-charts .col-md-6 {
    flex: 1 1 100%;
    max-width: 100%;
  }
  
  .stats-metrics .col-md-3 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (max-width: 576px) {
  .stats-container {
    padding: 10px;
  }
  
  .stats-metrics .col-md-3 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  
  .chart-wrapper {
    padding: 10px;
    min-height: 150px;
  }  
}

/* Ensure proper stacking in flex containers */
.stats-charts > .row {
  width: 100%;
}

.stats-charts > .row:first-child {
  margin-bottom: 20px;
}

/* Override Bootstrap defaults that might interfere */
.stats-charts .row::before,
.stats-charts .row::after {
  display: none;
}

/* Ensure charts section uses all available space */
#stats-content {
  height: 100%;
  display: flex;
  flex-direction: column;
}

#stats-content .stats-container {
  flex: 1;
  min-height: 0;
}

.currency-select {
  margin:0!important;
  height:36px;
  text-align:left!important;
  width: 100%!important;
  text-transform: capitalize;
  border-radius:0!important;
}

.user-tradeidea-scoring-table > tbody > tr > td > input{
  border-radius:0!important;
}

.watermark-cover-dc {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100px!important;
  height: 20px!important;
  background: #1a1a1a;
  z-index: 1000;
  pointer-events: none;
}

.details-loading-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(26, 26, 26, 0.95);
  backdrop-filter: blur(2px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  border-radius: 8px;
  color: #9D9D9D;
  font-family: 'SF Pro Display', sans-serif;
  font-size: 14px;
  transition: opacity 0.3s ease;
}

.details-loading-overlay::before {
  content: '';
  width: 20px;
  height: 20px;
  border: 2px solid #333;
  border-top: 2px solid #2196F3;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin-right: 10px;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.trade-details-section {
  position: relative;
}

.details-loading-overlay.dots::before {
  content: '';
  width: auto;
  height: auto;
  border: none;
  margin-right: 0;
  animation: none;
}

.details-loading-overlay.dots::after {
  content: '●●●';
  letter-spacing: 4px;
  color: #2196F3;
  animation: pulse-dots 1.5s ease-in-out infinite;
}

@keyframes pulse-dots {
  0%, 20% { opacity: 0.2; }
  50% { opacity: 1; }
  80%, 100% { opacity: 0.2; }
}

.details-loading-overlay.fade-out {
  opacity: 0;
  pointer-events: none;
}

/* .stats-charts .col-md-4 {
  display: flex;
  align-items: center;
} */


/* .colDashboardSectionseasonality_futures .WidgetChart {
  height: calc(100% - 25px)!important;
  margin-top:25px!important;
} */