.ant-modal-header {
  background-color: #1e1e2d !important;
  color: white;
}
.ant-avatar-lg {
  border-radius: 4% !important;
}
.stbl th {
  cursor: pointer;
}

.stbl th:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.white-table-header .ant-table-thead > tr > th {
  color: white;
}
.fetchd {
  font-weight: 500;
  color: white;
  background-color: #7253e6;
}
.fetchd:hover {
  color: white;
  font-weight: 500;
  background-color: #755bd4;
}
.fetchd:hover,
.fetchd:focus,
.fetchd:active,
.fetchd.active {
  color: white;
  background-color: #7253e6;
  border-color: #7253e6;
}
.ant-checkbox-wrapper {
  color: white !important;
}
.ant-modal-confirm-body .ant-modal-confirm-title {
  color: white !important;
}
.ant-modal-confirm-body .ant-modal-confirm-content {
  margin-top: 8px;
  color: white !important;
  font-size: 14px;
}

.custom-checkbox-label {
  color: white;
}

/* .highcharts-series-hover{
  fill: #7c5adc !important;
  background-color: #7c5adc !important;
  color: white !important;
  }
.highcharts-point-hover {
  fill: #7c5adc !important;
  background-color: #7c5adc !important;
  color: white !important;
} */
.ant-modal .ant-modal-title {
  color: white !important;
  text-decoration: none !important;
}
.highcharts- .ant-modal-title {
  color: white !important;
}
.ant-modal-footer {
  background: #1e1e2d !important;
}

.ant-modal-footer button {
  background-color: #7c5adc7a;
  color: white !important;
}
.ant-modal-close-x {
  color: white !important;
}
button.ant-btn-link {
  color: #8a93c8 !important;
}

.ant-select-selection.ant-select-selection--single {
  border-radius: 16px !important;
  background-color: #28273d !important;
  border: 0px;
  color: white;
}

.tickertbl .ant-table-thead {
  display: none;
}
.ant-modal-confirm-body {
  padding: 5px;
}
.highcharts-scrollable-mask {
  fill: #6a50b814 !important;
}
.ant-modal-body {
  background-color: #1e1e2d;
}
.ant-select-selection--multiple {
  background-color: #303043;
  border: 0px;
}
.highcharts-bindings-wrapper li.highcharts-separator {
  height: 1px !important;
}
.highcharts-menu-item-btn {
  filter: invert(100%);
}

.highcharts-menu-item-btn:hover {
  filter: none;
}

.ant-select-selection--multiple .ant-select-selection__choice {
  color: white;
  background-color: #7c5adc;
  border: 0px;
}
.ant-table-placeholder {
  border: 0px !important;
  background: #79819500 !important;
}
.ant-select-selection--multiple .ant-select-selection__choice__remove svg {
  display: inline-block;
  color: white;
}
.ant-table-thead > tr > th,
.ant-table-tbody > tr > td {
  padding: 10px 5px !important;
}
.ant-tag-green {
  color: #9168bd !important;
  background: #1e1e2d !important;
  border-color: #78819547 !important;
}
.ant-tag-purple {
  color: #ff8000a1 !important;
  background: #1e1e2d !important;
  border-color: #ff800061 !important;
}
.ant-empty-description {
  color: #788195 !important;
}
.ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-next .ant-pagination-item-link {
  border: 1px solid #d9d9d900 !important;
}
.ant-pagination-item a {
  color: #788195 !important;
}
.ant-pagination-item:focus,
.ant-pagination-item:hover {
  color: 788195 !important;
}
.ant-pagination-item {
  background: #151521 !important;
  border: 0px !important;
  color: white !important;
}
.ant-pagination-item-active {
  font-weight: 500;
  background: #151521 !important;
  border-color: #788195 !important;
}

.ant-pagination-item-active a {
  color: rgb(124 90 187) !important;
}
.ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-next .ant-pagination-item-link {
  background-color: #151521 !important;
  border: 0px !important;
  color: rgb(124 90 187) !important;
}
.ant-pagination-disabled a,
.ant-pagination-disabled:hover a,
.ant-pagination-disabled:focus a,
.ant-pagination-disabled .ant-pagination-item-link,
.ant-pagination-disabled:hover .ant-pagination-item-link,
.ant-pagination-disabled:focus .ant-pagination-item-link {
  color: rgb(124 90 187);
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-table-thead > tr.ant-table-row-hover:not(.ant-table-expanded-row) > td,
.ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row) > td,
.ant-table-thead > tr:hover:not(.ant-table-expanded-row) > td,
.ant-table-tbody > tr:hover:not(.ant-table-expanded-row) > td {
  background: transparent !important;
}
.ant-card-head {
  border-bottom: 1px solid #79819557 !important;
}
.ant-table-tbody > tr > td {
  border-bottom: 1px solid #79819557 !important;
}
.ant-drawer-content,
.ant-drawer-header {
  background-color: #1a1a2e;
  color: #ffffff;
}
.ant-table-thead > tr > th {
  background-color: #1e1e2d !important;
  color: #ffffff;
}
.mpbadge {
  background-color: #7c5adc7a;
  padding: 2px 5px 2px 5px;
  color: white;
  font-size: 12px;
}
.market-position {
  color: #7252e6;
}
.tradeBTN {
  margin: 5px;
  background-color: #578bfa !important;
}

.ReactTable .rt-thead.-header {
  height: 43px;
  padding-top: 5px;
}
.ant-table-header {
  background-color: #2a2a3a !important;
}
.ant-drawer-header {
  padding: 6px 10px;

  border-bottom: 1px solid #7252e659;
}
.ant-drawer-title,
.ant-drawer-body {
  color: #ffffff;
  padding: 8px;
  overflow-x: hidden;
}
.button-container {
  position: relative;
  display: inline-block;
}
button.apply {
  border: 0px;
  border-radius: 2px !important;
  color: white;
  background-color: #7c5adc;
  margin: 3px;
}

button.apply:hover,
#pauseBtn:hover {
  color: white !important;
  background: #878ebd !important;
}

button.apply:focus,
#pauseBtn:focus {
  background: black !important;
}
.no-wrap {
  white-space: nowrap;
}
#marketState {
  color: white;
}
.highcharts-reset-zoom {
  color: white !important;
}
.new-label {
  position: absolute;
  top: -10px;
  right: -10px;
  background: blueviolet;
  color: white;
  padding: 2px 5px;
  font-size: 12px;
  border-radius: 4px;
}
.isomorphicContent.ant-layout-content {
  background: #151521 !important;
}
.noteInfo {
  color: white;
}
.titlepage {
  top: 4px;
  position: relative;
}
.highcharts-menu-item {
  padding: 1px;
  margin: 2px;
  background-color: #41346d !important;
}
.highcharts-arrow-left,
.highcharts-arrow-up,
.highcharts-arrow-down {
  background-color: #c0acff !important;
}
.highcharts-arrow-right:hover,
.highcharts-arrow-left:hover,
.highcharts-menu-item-btn:hover,
.highcharts-arrow-down:hover,
.highcharts-arrow-up:hover {
  background-color: #c0acff !important;
}
#expireIN {
  color: white;
}
.fontNote {
  color: white !important;
}
.btnDef {
  padding: 4px;
  height: 34px;
  background-color: #2d3446 !important;
  color: white !important;
}
#mstretch,
.heatfuture {
  background-color: #1a1a27 !important;
  color: #ffffff !important;
  border: 1px solid rgb(20 29 38);
}
#pauseBtn {
  color: #7252e6 !important;
  background-color: #212e48 !important;
}

.stylebutton {
  position: absolute;
  right: 25px;
  color: rgb(120 129 149 / 44%) !important;
}
.ion-fireball {
  color: #ff8100 !important;
}
.layer {
  margin-left: 10px;
  color: #90ee7e;
}
.seriesSelect {
  margin-right: 2px;
  background-color: #2d3446;
  color: white;
  border: 0px;
  padding: 4px;
}
.highcharts-reset-zoom.highcharts-button-normal > text {
  fill: white !important;
}
/* .highcharts-menu-item-btn{ 
  fill: white ;
} */
.chartbar {
  padding: 5px;
  position: absolute;
  top: 159px;
  z-index: 10;
  left: 20px;
  color: white;
  background-color: #44445b;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  max-width: 155px;
}
.introText {
  color: white;
  margin-bottom: 4px;
  padding: 5px;
}
.creditsNum {
  font-weight: bold;
  color: rgb(24, 144, 255);
}
#notificationSelect {
  background: rgb(48 48 72) !important;
}
#filterName,
#filterSelect {
  background-color: #1a292e;
}
#filterSelect:hover {
  background-color: #7252e6;
}
.Dbutton {
  height: 34px;
  width: 100px;
}
.wltext {
  color: #788195;
}
.exped {
  /* background-color: #1a1a27 !important; */
}
button.stylebutton {
  background-color: #1a1a27 !important;
}
.isomorphicTopbar.ant-layout-header,
.isoLayoutContentWrapper > div,
.isomorphicTopbar.collapsed.ant-layout-header {
  /* background-color: #1e1e2d; */
  /* background-color: #1a1a27; */
  background-color: #151521;
}

.isoLayoutContentWrapper div {
  border: 0px;
}

.ant-radio-group-outline {
  background-color: #172f3b9e !important;
}

.alertTables {
  border: 3px solid #050f14 !important;
}

.alertsB,
.rightB {
  /* border: 1px solid black !important; */
}
.darkInput {
  margin-bottom: 3px;
  margin-top: 3px;
}
#tickerInput,
.darkInput,
#maxAlerts {
  border: none !important;
  margin-right: 1px;
  color: white;
  background-color: #303043 !important;
}

.triggerBtn.menuOpen {
  color: white !important;
}

.vic {
  background-color: #2a3042;
}
.ReactTable .rt-thead .rt-tr {
  color: #969eb3;
}
ul.isoRight li i {
  font-size: 20px !important;
  color: white !important;
}

i.ion-android-notifications {
  color: white !important;
}

.triggerBtn.menuCollapsed {
  color: white !important;
}

.BLOCK_TRADES,
.tickbx,
.PRICE_SPIKES,
.HALT_RESUMES {
  padding: 2px 7px 2px 7px;
  background-color: #060d13;
}

.textInsider {
  color: rgb(120, 129, 149);
}

.ant-radio-button-wrapper:not(:first-child)::before {
  background-color: #10232d !important;
}

.tickbx {
  color: #7c5adc;
}

.isoTodoHeader .isoTodoInput,
.isoTodoListWrapper .isoTodoList {
  border-bottom: 4px solid #7252e608 !important;
}

#tickerInput {
  color: white;
  height: 30px;
}

.isoUserDropdown {
  background-color: #151521 !important;
}

.isoDropdownLink {
  color: white !important;
}
.icotop {
  color: white;
}
.isoImgWrapper {
  color: #788195;
}

/* Overview Page boxes */
.isoBoxWrapper {
  background-color: #1e1e2d !important;
}

/* .ant-row.boxTop span {
  color: #788195;
} */
.ant-row.boxTop span {
  color: #d8d9dc;
}
/* Footer */
.ant-layout-footer {
  background: #151521 !important;
  /* background-color: black !important; */
  color: white !important;
}
#os_putcall,
#os_groupby,
#os_totalPages {
  height: 32px;
  margin-left: 5px;
}
/* .ReactTable .rt-tr > div:first-child {
  width: 0px !important;
} */
@keyframes flashAni {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

.flash {
  animation: flashAni 1s;
}
/* .ant-select-selection.ant-select-selection--single, */
.opscreener {
  border-radius: 6px !important;
}
#os_putcall,
#os_groupby,
#os_totalPages {
  border-radius: 6px !important;
  background-color: #28283e !important;
  border-color: #28283e !important;
  color: #788195 !important;
}
.arrfill {
  fill: #ffffff !important ;
}
.ant-select-arrow {
  color: #788195 !important;
}

.isoBoxTitle {
  color: #788195 !important;
}

/* OTM Overview */
/* rect {
  fill: #141e26 !important;
}
rect text {
  fill: #788195 !important;
  color: #788195 !important;
} */
#reactgooglegraph-1 > div > div:nth-child(1) > div > svg > rect {
  fill: #141e26 !important;
}

#reactgooglegraph-1
  > div
  > div:nth-child(1)
  > div
  > svg
  > g:nth-child(3)
  > text:nth-child(1) {
  fill: #788195 !important;
}

#reactgooglegraph-1
  > div
  > div:nth-child(1)
  > div
  > svg
  > g:nth-child(3)
  > text:nth-child(2) {
  fill: #788195 !important;
}

/* Top Sweepers Box */
#root
  > div
  > div
  > div
  > section
  > section
  > section
  > main
  > div
  > div
  > div:nth-child(3)
  > div {
  /* background-color: #141e26; */
  border-color: #142026;
}

#root
  > div
  > div
  > div
  > section
  > section
  > section
  > main
  > div
  > div
  > div:nth-child(3)
  > div
  > div
  > div
  > h3 {
  color: #788195 !important;
}

/* Option Flow Box */
#root
  > div
  > div
  > div
  > section
  > section
  > section
  > main
  > div
  > div
  > div:nth-child(4)
  > div {
  /* background-color: #141e26; */
  border-color: #142026;
}

#root
  > div
  > div
  > div
  > section
  > section
  > section
  > main
  > div
  > div
  > div:nth-child(4)
  > div
  > h3 {
  color: #788195 !important;
}

.ant-message-notice-content {
  color: white !important;
  background: #4c5d6e !important;
}

.DayPicker:not(.DayPicker--interactionDisabled)
  .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover {
  background-color: #253c51 !important;
}
.DayPicker-Day {
}

.ant-popover-message-title {
  color: white !important;
}

.ant-btn-sm {
  background: #120f1a;
  color: white !important;
}
.stkfilter {
  margin-right: 2px;
}
.stkfilter,
.floatf {
  background-color: #151521 !important;
}
.dlItem {
  font-size: 14px;
  color: white;
  flex-basis: 100%;
}
.timeto,
.optionListContainer {
  background-color: #151521 !important;
  color: rgb(80, 153, 255) !important;
  margin: 3px;
}

.DayPickerInput-Overlay {
  background: #0e141a !important;
}
.flowtext {
  margin-bottom: 3px;
  color: white !important;
}

.InputFromTo
  .DayPicker-Day--selected:not(.DayPicker-Day--start):not(.DayPicker-Day--end):not(.DayPicker-Day--outside) {
  background-color: #253c51 !important;
}
.ion-ios-help-outline {
  color: rgb(114, 82, 230) !important;
}
.DayPickerInput input:focus {
  border-color: #1890ff !important;
  border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
}
.modeSwitch,
.ion-code-download {
  color: rgb(24, 144, 255);
}
.DayPickerInput input {
  background-color: #28283e;
  border-color: #1a292e;
  border: 0px solid #7252e6 !important;
  color: white;
  padding-left: 10px;
  border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;

  border: 0px solid;
}

button.ant-btn:hover {
  border-color: #7c5adc !important;
}

button.ant-btn {
  border: 0px solid transparent;
  /* border-color: #7252e6 !important; */
}

input:hover,
input:focus,
input:active {
  border: none !important;
  color: #7c5adc;
  cursor: pointer;
}

input.searchBox:hover,
input.searchBox:focus,
input.searchBox:active {
  border: none !important;
}

.filterLab {
  color: #788195;
}
/* #assets {
  color: white !important;
  margin: 3px;
  padding-left: 6px;
  padding-right: 6px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  box-shadow: none;
  border: 0 !important;
  background: #2d3446;
  background-image: none;
} */

.rrdarkbg {
  color: white;
}
.ordr {
  vertical-align: baseline !important;
  background-color: #10101c !important;
  color: #ffffff !important;
}

#rr_risk,
#rr_enter,
#rr_RR,
#rr_sl,
#rr_tp,
#rr_buySize,
#rr_symbol,
#rr_Leverage,
#rr_Loss,
#rr_Profit,
#rr_wallet,
#rr_risk2 {
  color: white;
  background-color: #151521;
}
#filterSelect {
  background: rgb(21 21 33) !important;
  border: 0px !important;
  color: #788195 !important;
}
#filterName,
#notificationSelect,
.presets,
input[type='checkbox']:checked + label {
  background: rgb(21 21 33) !important;
  border-color: #7252e65c !important;
  color: #7252e6 !important;
}
#presets {
  height: 32px;
  background-color: #28263c !important;
  border-color: #1a292e;
  border: 0px solid #7252e6 !important;
  color: white !important;
  font-size: 14px;
}
/* Voice Notifications Checkbox */
input[type='checkbox'] {
  margin-right: 2px;
  cursor: pointer;
  font-size: 14px;
  width: 15px;
  height: 12px;
  position: relative;
}

input[type='checkbox']:after {
  position: absolute;
  width: 15px;
  height: 15px;
  top: 0;
  content: ' ';
  background-color: #141f25;
  color: #7252e6;
  display: inline-block;
  visibility: visible;
  padding: 0px 3px;
  /* border-radius: 3px; */
  margin-left: -1px;
  border: 1px solid #7252e6;
}

input[type='checkbox']:checked:after {
  content: '✓';
  font-size: 10px;
}

/* Unusual Flow Checkbox */
.ant-checkbox-inner {
  margin-top: -13px;
}

/* Scrollbar Styling */
::-webkit-scrollbar {
  width: 14px;
}
.ant-table-tbody {
  color: white;
}

::-webkit-scrollbar-track {
  background-color: #21262a;
  /* -webkit-border-radius: 10px; */
  /* border-radius: 10px; */
}

::-webkit-scrollbar-thumb {
  /* -webkit-border-radius: 10px;
  border-radius: 10px; */
  /* background: #7c5adccc; */
}

#Underlying,
#Expiration,
#StrikeType,
#Bias,
#minRating,
#minUOA,
#minStrength,
#minMove,
#MinDTERange,
#MaxDTERange,
#MinPriceRange,
#MaxPriceRange,
#MinContractRange,
#MaxContractRange,
#MinOrder,
.filterInp {
  background-color: #151521;
  border-color: #151521 !important;
  /* background-color: #1a292e;
  border-color: #1a292e !important; */
  color: white;
}

/* RoadMap */
.isoDropdownLink:hover {
  background-color: #23323f !important;
}

.ant-popover-inner {
  background-color: black;
}
#root
  > div
  > div
  > div
  > section
  > section
  > section
  > main
  > div
  > div
  > div
  > div {
  background-color: #141d26;
  border-color: #141d26 !important;
  color: #788195 !important;
}

.sc-VigVT.gSGFlG {
  background-color: #141d26 !important;
}

sc-cSHVUG
  jGiLsM
  #root
  > div
  > div
  > div
  > section
  > section
  > section
  > main
  > div
  > div
  > div
  > div
  > div
  > div.ant-col.ant-col-xs-24.ant-col-sm-24.ant-col-md-24.ant-col-lg-10
  > h1 {
  color: white;
}

#root
  > div
  > div
  > div
  > section
  > section
  > section
  > main
  > div
  > div
  > div
  > div
  > div
  > div:nth-child(2)
  > h1 {
  color: white;
}

#root
  > div
  > div
  > div
  > section
  > section
  > section
  > main
  > div
  > div
  > div
  > div
  > div
  > div:nth-child(3)
  > h1 {
  color: white;
}
.utoh {
  background: rgb(21 21 33) !important;
}
.rightB {
  padding-left: 12px;
  background: #151521 !important;
}
/* Highcharts Styling */
.highcharts-background {
  /* fill: #141e26 !important; */
  /* fill: #1e1e2d !important; */
  fill: #161825 !important;
}
.highcharts-annotation-shapes path {
  fill: #00298026 !important;
}
.highcharts-annotation path {
  stroke: white;
  stroke-width: inherit;
}
.highcharts-control-points {
  fill: #00298026 !important;
}
highcharts-annotation-label-box {
  color: white;
}
.titl {
  color: white;
}

.highcharts-title {
  fill: white !important;
}

.highcharts-legend-item.highcharts-column-series.highcharts-color-undefined.highcharts-series-2
  tspan {
  fill: white !important;
}

.highcharts-legend-item.highcharts-column-series.highcharts-color-undefined.highcharts-series-0
  tspan {
  fill: white !important;
}

.highcharts-legend-item.highcharts-column-series.highcharts-color-undefined.highcharts-series-1
  tspan {
  fill: white !important;
}

.highcharts-legend-item.highcharts-column-series.highcharts-color-undefined.highcharts-series-3
  tspan {
  fill: white !important;
}

/* .highcharts-button-box {
  fill: #141e26 !important;
} */

text.highcharts-axis-title {
  fill: white !important;
}

.highcharts-menu {
  background: #141e26 !important;
  box-shadow: none !important;
}

.highcharts-menu-item {
  color: white !important;
}

.highcharts-subtitle tspan {
  fill: #060d13 !important;
}

.highcharts-axis-labels.highcharts-xaxis-labels text {
  fill: #798195 !important;
}

.highcharts-axis-labels.highcharts-yaxis-labels text {
  fill: white !important;
}

.highcharts-legend text {
  fill: white !important;
}
path.highcharts-grid-line {
  stroke-width: 1px;
  stroke-opacity: calc(0.03);
}

.highcharts-yaxis-grid path.highcharts-grid-line {
  /* stroke: #4a4646 !important; */
}

.highcharts-axis-resizer {
  stroke: #4a4646 !important;
}
#f_watchlist {
  margin-top: 6px;
  margin-right: 5px;
}
.highcharts-axis-line {
  stroke: #4a4646 !important;
}
.vbadge {
  padding: 2px 4px;
  color: #8b70eb;
  background: #3f3767;
}
.highcharts-range-selector-buttons text {
  fill: white !important;
}
.variwidecc g.highcharts-label text {
  fill: #1e1e2d !important;
}
.stockchartc g.highcharts-label text {
  fill: white !important;
}
.highcharts-label.highcharts-range-label text {
  fill: white !important;
}
#earliestEntryTime,
#latestEntryTime,
#latestExitTime,
#earliestExitTime {
  color: white;
  max-width: 100px;
}
.highcharts-label.highcharts-range-input text {
  fill: white !important;
}
.ctrlbut {
  color: #7253e6;
}
.highcharts-label-box {
  stroke: #2d3546;
  /* fill: #2d3546; */
  /* fill: #161825; */
  fill: #7c5adc7a;
}

g.highcharts-label.highcharts-tooltip-box text {
  fill: white !important;
}

.highcharts-tooltip-box {
  fill: rgb(114, 82, 230);
}

.highcharts-tooltip text {
  color: white;
  fill: white !important;
}

.fleft {
  color: #7252e6;
}

#overlay2 {
  background-color: transparent !important;
}

#note,
#rvol_alert {
  color: white;
  background: #141e26;
}

.isoTodoList {
  background: #050f1487 !important;
  border-bottom: 4px solid #f1f3f6;
}

.ant-popover-inner-content {
  background: #3c3856;
  color: white;
  font-size: 1rem;
}

.ant-tabs-bar {
  border-bottom: 0px;
}

.ant-tabs {
  color: white !important;
}

.ant-popover-inner-content ul {
  color: #8a94a6;
}

#Pane2 h3.isoBoxTitle span {
  color: #788195 !important;
}

.ant-popover-title {
  color: white;
  background: #191b28;
}
.wlDetails {
  font-size: 15px;
  margin-bottom: 20px;
}
.xplain {
  font-size: 19px;
  font-weight: 500;
  color: white;
}

.isoTodoDelete,
.isoNoteEditIcon {
  background-color: black !important;
  color: white !important;
  border-color: #7252e6 !important;
}

textarea.ant-input {
  background-color: #151521 !important;
}

.ant-input {
  border: 0px !important;
  background-color: #050f14;
  color: white;
}

#note {
  color: white;
}

#tickerInput {
  border: 1px solid rgb(114 82 230);
}

h3 {
  color: white;
}

.ant-layout {
  background: #151521 !important;
  /* background: #050f14 !important; */
}

.setupItem {
  background-color: #050f14 !important;
}

/* CreatableSelect */

.creatable-dropdown {
}

.creatable-dropdown__control {
  margin-top: 5px;
  background: #151521 !important;
  border: none !important;
  /* margin-bottom: 5px !important; */
  /* border-bottom: 1px solid #7252e6 !important; */
  border-radius: 0 !important;
  height: 35px;
  overflow: auto;
  position: relative !important;
}

.creatable-dropdown__control--is-focused:hover {
  border-color: green !important;
}

.creatable-dropdown__menu {
  background: #050f14 !important;
  color: #5099ff !important;
}

.creatable-dropdown__multi-value {
  background: #7252e6 !important;
  border-radius: 0 !important;
  color: #f1f3f6 !important;
  margin-left: 1px !important;
  margin-right: 1px !important;
  font-size: 16px;
  font-weight: 500;
}

.creatable-dropdown__option--is-focused {
  background-color: #5099ff !important;
  color: #f1f3f6 !important;
}

.creatable-dropdown__option:hover {
  background-color: #5099ff !important;
  color: #f1f3f6 !important;
}

.creatable-dropdown__multi-value__label {
  color: #f1f3f6 !important;
}

.creatable-dropdown__multi-value__remove:hover {
  background-color: #f1f3f6 !important;
}

.creatable-dropdown__input {
  color: #f1f3f6 !important;
}

#market-open-close {
  color: #788195 !important;
  background: #151521 !important;
}
.backtest_symbol__input {
  text-transform: capitalize;
}
/* Backtest*/
.backtest__label {
  display: block;
  color: #788195 !important;
  margin: 3px;
  font-weight: bold;
  font-size: 11px;
}

.backtest__input {
  display: inline-block;
  margin-bottom: 4px;
  width: 100% !important;
  border: 1px solid rgb(233, 233, 233);
  background-color: #252e37 !important;
  border-color: #1a292e !important;
  color: white !important;
  border-radius: 0 !important;
  height: 22px !important;
  font-weight: 500 !important;
  padding: 2px 5px !important;
}

.backtest__select {
  display: inline-block;
  background-color: #252e37;
  border-color: #1a292e !important;
  color: white;
  padding: 2px 4px;
  width: 100%;
  margin-top: 0px;
  margin-bottom: 10px;
}

.backtest__aside__select {
  display: inline-block;
  width: 100% !important;
}
.backtest__button {
  outline: none;
  border: none;
  padding: 5px 12px;
  font-size: 13px;
  color: white;
  background-color: #7252e6;
  cursor: pointer;
}
.backtest__button_run {
  background-color: #216a44;
}
.backtest__button_reset {
  background-color: #ca2424;
}
#backtest .isoBoxTitle {
  color: #ffffff !important;
  font-size: 1rem;
}
#backtest .isoBoxWrapper {
  margin-bottom: 15px !important;
}

.badge {
  background: #151521;
  font-size: 11px;
}
.insidebadge {
  color: #7252e6;
}
.hideComp {
  background-color: #372d65;
}

.hideComp svg path {
  fill: #ffffff77;
}

.ant-badge-count {
  background-color: #2d3446 !important;
}

.ant-badge-count span {
  color: #c6c8d0;
}
.ant-badge-count .pcBadge {
  color: #788195;
}

.planCont {
  color: white;
  background-color: #28263c;
}

.planCont h1 {
  color: white;
}

.planTitle p,
.planPrice p {
  color: gray;
}

.planTitle,
.planPrice {
  border-bottom: 1px solid rgb(167, 167, 167);
}

.upgMessage,
.saveTxt {
  color: white;
}

.weekInputs input[type='checkbox']:checked + label {
  color: rgb(216 186 255) !important;
  border-bottom: 5px solid rgb(111, 0, 255) !important;
  background-color: rgba(156, 134, 237, 0.192) !important;
}

.weekInputs label {
  font-size: 16px;
  color: white !important;
  padding: 4px 8px;
}
.weekInputs label:hover {
  border-bottom: 2px solid rgb(111, 0, 255) !important;
}

.tfInputs input[type='radio']:checked + label {
  background: #10101c !important;
  border-color: #141d26 !important;
  color: #7252e6 !important;
}

.confirmLmBtn {
  font-size: 14px;
  color: rgb(111, 0, 255);
  cursor: pointer;
  margin: auto 15px;
}

.confirmLmBtnDisabled {
  cursor: default;
  text-transform: uppercase;
  color: #151521;
}