body {
  font-size: 14px;
  font-family: "SF Pro Display", system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
    sans-serif !important;
  /* margin-top: -15px; */
  background: #111316;
}

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

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

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

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

/* #navbarToggler .navbar-nav:first-child .nav-item:nth-child(1) .nav-link i {
  color: #ff9800;
} */

.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;
}

.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: inline-block;
  width: 20px;
  cursor: pointer;
  background: #292f38;
  text-align: center;
  padding: 3px;
  font-size: 9px;
  float: right;
}
#NoteSidebar .NoteRemove {
  display: inline-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;
}

.srch-container i {
  position:absolute;
  top: 50%;
  transform: translateY(-50%);
  padding:0 5px;
  left:5px;
  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;
}
.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% - 4px);
  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="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"] {
  background: url("assets/img/template_thumb_news.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="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_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;
}

#modalSelectTemplate .modal-body {
  padding-top: 7px;
}
#modalSelectTemplate .modal-body .row .templateBox {
  background: #15181d;
  padding: 10px;
  height: 250px;
  overflow: hidden;
  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% - 50px);
  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;
}
#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;
}
#modalSelectTemplate .modal-body .row .templateBox .fa-solid.fa-clone:hover {
  color: #ffffff;
}
#modalSelectTemplate .modal-body .row .templateBox .fa-solid.fa-trash {
  color: #f55555;
}
#modalSelectTemplate .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;
}

.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;
}
.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;
}

.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;
}

.colDashboardGrid li,
.colDashboardTabGrid li {
  opacity: 0;
  visibility: hidden;
  list-style: none;
  transition: visibility 0s, opacity 0.5s linear;
}

.colDashboardGrid a,
.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,
.colDashboardTabGrid:hover li {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}

.colDashboardGrid li.hidden-on-hover,
.colDashboardTabGrid li.hidden-on-hover {
  display: none !important;
}

.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;
}
.WidgetSettings {
  position: relative;
  z-index: 7;
  float: right;
  color: #e0e0e0;
  margin-top: 5px;
}
.WidgetSettings:hover {
  float: right;
  color: #ffffff;
}
.RemoveWidget {
  position: relative;
  z-index: 7;
  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: 5px;
  margin-right: 15px;
}
.UnlockWidget:hover,
.LockWidget:hover {
  color: #ffffff;
}
.LockWidget {
  display: none;
  color: #f0f0f0;
}
.DuplicateWidget {
  float: right;
  color: #e0e0e0;
  margin-top: 5px;
  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 {
  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;
}

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

.colDashboardTabGrid {
  margin-top: 35px;
}

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

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

.tab-items-container {
  display: flex;
  gap: 2px;
  overflow-x: auto;
}

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

.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;
}

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

.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;
  padding: 5px 10px;
  cursor: pointer;
  color: white;
  text-wrap: nowrap;
  white-space: nowrap;
}

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

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

.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 {
  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;
}
.tblMainCurrencyList tr td.tdTrend div img:first:child {
  z-index: 8;
}

.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 .Tags {
  /* margin-top: -5px;
  float: left; */
}

.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;
}

.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;
}
.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: 1px;
}
.divCorrelationHeader span {
  display: inline-block;
  font-size: 11px;
  vertical-align: middle;
  color: #fff;
  padding: 0 3px;
  text-align: center;
  background: #15181c;
  border-right: 1px 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;
}
.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;
  margin: 2px -1px 2px 1px;
}
.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;
  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 .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;
}

.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) {
  background-color: #15181c !important;
}

.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) {
  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_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;
}

.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 {
  color: #9d9d9d;
  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 .analys {
  display: flex;
}

.news-content .sub-news .box .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 .analys .date {
  color: #5c5c5d;
  margin-right: 5px;
  font-size: 8px;
  font-style: italic;
  margin-top: 3px;
}

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

.news-content .mini-news .box .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;
}