pre {
  color: #fff;
}
input.border-red {
  border-bottom: solid 1px red !important;
}
.menu_icon {
  font-size: 20px;
  padding-right: 8px;
  color: #8dbf42;
}
.snap-btn {
  background: #1b2e4b;
  border-color: #1b2e4b;
  color: #009688 !important;
}
.custom_select {
  height: auto;
  border: 1px solid #1b2e4b;
  color: #009688;
  font-size: 15px;
  padding: 8px 10px;
  letter-spacing: 1px;
  height: calc(1.4em + 1.4rem + 2px);
  padding: 0.75rem 1.25rem;
  border-radius: 6px;
  background: #1b2e4b;
}
#term_agree {
  color: red;
  display: none;
}

.table > tbody > tr > td {
  font-size: 14px !important;
}
.widget-header {
  border-radius: 10px 10px 0px 0px;
}
.flatpickr-calendar.open {
  display: inline-block;
  z-index: 1100 !important;
}
.value_up {
  color: #216828 !important;
}
.value_down {
  color: #cc4242 !important;
}
.helper_text {
  color: #fff;
  padding: 5px;
}
.helper_text span {
  color: yellow;
}
/* .holding_down{
	background: green !important;
}
.holding_up{
	background: red !important;
}*/

td.expired {
  background-color: #4a0000 !important;
}
.table > tbody > tr > td {
  font-size: 14px !important;
  padding: 5px 5px !important;
  font-family: sans-serif !important;
}
table.transaction_table > tbody > tr > td {
  padding: 5px 5px !important;
}
.table > thead > tr > th {
  font-size: 12px !important;
  /*font-family: sans-serif !important;*/
}

.table-hover:not(.table-dark) tbody tr:hover {
  background-color: transparent !important;
  -webkit-transform: translateY(-1px) scale(1.01);
  transform: translateY(-1px) scale(1.01);
}
.ticker_url * {
  cursor: pointer;
}

.trade_url * {
  cursor: pointer;
}

.table_link {
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 0px !important;
  padding: 4px;
  color: #ce9b08 !important;
  cursor: pointer;
}
td.currency,
th.currency {
  text-align: right;
  padding-right: 15px;
}
.table_link a {
  color: #ce9b08;
}
.text_link {
  color: #ce9b08;
  cursor: pointer;
}
.table > tbody > tr:hover {
  background-color: #000 !important;
}
tr.holding_down > td {
  color: #cc4242 !important;
}
tr.holding_up > td {
  color: #216828 !important;
}
table.holding_table thead > tr > th {
  border: solid 5px red;
  padding-left: 15px;
}
table.holding_table tbody > tr > td {
  border-left: solid 5px red;
  border-right: solid 5px red;
  padding-left: 15px;
}
table.holding_table tfoot > tr > th {
  border-top: solid 5px red;

  padding-left: 15px;
}

table.option_table thead > tr > th {
  border-top: solid 5px #333;
  /*border-top:solid 5px #333;*/
  padding-left: 15px;
}
table.option_table tbody > tr > td {
  border-top: solid 5px #333;
  padding-left: 15px;
}
table.option_table tfoot > tr > th {
  border-top: solid 5px #333;
  padding-left: 15px;
}

table.dataTable > tbody:before {
  line-height: 1em;
  content: "";
  color: transparent;
  display: block;
}

table.stat_table {
  width: 100%;
  border: solid 1px #3b3f5c;
}
table.stat_table th {
  padding: 10px;
  background: #060d19;
  border: solid 1px #3b3f5c;
}
table.stat_table td {
  border: solid 1px #3b3f5c;
  padding: 10px;
}
.holding_box {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  place-items: center;
}

.option_trade_details {
  display: grid;
  margin-bottom: 20px;
  display: grid;
  grid-template-columns: 157px 107px 160px 165px 177px 130px;
  grid-template-rows: auto;
  grid-template-areas:
    "data1 data2 data3 data4 data5 data6"
    "msg1   msg   msg   msg   msg   msg";
  place-items: center;
  justify-content: center;
}

.spread_trade_details {
  display: grid;
  margin-bottom: 20px;
  display: grid;
  grid-template-columns: 157px 107px 160px 165px 177px 100px;
  grid-template-rows: auto;
  grid-template-areas:
    "data1 data2 data3 data4 data5 data6"
    "msg1   msg   msg   msg   msg  msg";
  place-items: center;
  justify-content: center;
}
.table-hover:not(.table-dark) tbody tr:hover {
  transform: none !important;
}
.trade_ticker_box {
  display: grid;
  grid-template-columns: 350px 1fr;
  align-items: center;
  padding: 15px;
  background: #0e1726;
}
.widget_box {
  padding: 5px 16px;
  background: #0e1726;
}
.widget-header-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

/***** Custo Date & strike ******/
.c_date,
.custom_date {
  display: none;
}
.c_strike,
.custom_strike {
  display: none;
}
table.option_trade_titles tr td {
  border: solid 10px #060818;
  background: #060818;
  padding: 0px 13px;
}

table.option_trade_table tr td {
  padding: 10px 15px;
  background: #152540;
}
table.option_trade_table tr.header_row td {
  background: #0e1726 !important;
  font-weight: bold;
  padding-bottom: 0px;
}
table.option_trade_table tr:first-child td {
  border-top: solid 10px #0e1726;
}
table.option_trade_table tr td:last-child {
  border-right: solid 10px #0e1726;
}
table.option_trade_table tr td:first-child {
  border-left: solid 10px #0e1726;
}
table.option_trade_table tr.no_border td {
  border-bottom: none;
}
table.option_trade_table tr.no_border td:first-child {
  border-bottom: solid 10px #0e1726;
}
table.option_trade_table tr.no_left_border td {
  border-left: none;
}
table.option_trade_table tr td {
  border-bottom: solid 10px #0e1726;
}

/**** charts  **/
.apexcharts-menu-item.exportSVG {
  display: none;
}

.plans {
  background: #0e1726;
  border-radius: 5px;
  padding: 25px;
}
.grid2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 25px;
}
.card_price {
  background: #0c0f15;
  border-radius: 5px;
  color: #fff;
}

/* Donload datatabel */
.dt-button {
  display: inline-block;
  font-weight: 400;

  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  color: #fff !important;
  background-color: #1b55e2 !important;
  border-color: #1b55e2;
  margin-right: 10px;
}

/**********  Side Bar   ****/
body {
  transition: padding-left 0.5s;
}
body.sidebar-on {
  padding-left: 160px;
  transition: padding-left 0.5s;
}

#side_bar {
  position: fixed;
  height: 100%;
  width: 150px;
  background-color: #0e1726;
  top: 0px;
  transition: left 0.4s;
}
#side_bar ul {
  margin: 0px;
  padding: 0px;
}
#side_bar ul li {
  display: block;
  text-align: center;
  padding: 20px 0px;
  border-bottom: solid 1px #060818;
}
#side_bar ul li.top_menu:hover {
  background: #060818;
}
#side_bar ul li p {
  margin: 0px;
  padding: 0px;
}
#side_bar ul li.active {
  background: #060818;
}
body.sidebar-on #side_bar {
  left: 0px;
}

body #side_bar {
  left: -200px;
}
.nav_logo {
  display: none !important;
}