@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

input, p, span, label, div, h1, h2, h3, h4, h5, h6, button, body {
    font-family: 'Figtree', sans-serif !important;
}

html {
  scroll-behavior: smooth;
}

/*.dt_tbl tr {
    display: inline-table !important;
    width: 100% !important;
}*/

button.viewmore_data {
    font-size: 14px;
    background: #1cad57;
    border: 1px solid #1cad57;
    border-radius: 3px;
    color: #fff;
    outline: 0;
    display: block;
    margin: auto;
    padding: 10px 30px;
}
.ema_chart, .sma_chart{
    display: none;
}

.ema_chart.active, .sma_chart.active{
    display: block;
}

table.dt_tbl.active tr td {
    padding: 16px;
}

.sm_text {
    font-size: 15px;
    margin-bottom: 15px;
    margin-top: 5px;
}

.openaccount_pop .fx_top {
    position: fixed;
    top: 15px;
    width: 350px;
    z-index: 9999;
    background: #fff;
}

.most_valume {
    padding: 15px;
}

.faq_cl.active .faq_sm{
    display: block !important;
}

.most_valume h3 {
    color: #0000a0;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    text-align: left;
    margin-bottom: 12px;
    margin-top: 30px;
}
.most_valume ul li a {
    border-bottom: 1px solid #eae4e4;
    padding: 8px 8px;
    display: block;
    font-size: 14px;
    color: #333;
    text-decoration: none;
}

.most_valume ul li:hover a {
    color: #0000a0;
}

.most_valume ul {
    margin: 0;
    padding: 0;
    max-height: 300px;
    overflow: auto;
}
.most_valume ul li {
    display: revert-layer;
    margin-left: 29px;
}

.faq_sm
{
    display: none;
}
.faq_sm {
    font-size: 14px;
    padding: 10px;
}
.view_more button {
    background: #fff;
    border: 2px solid #1cad57;
    font-size: 14px;
    padding: 6px 20px;
    border-radius: 5px;
    margin: auto;
    display: block;
}
.view_more {
    width: 100%;
    display: block;
    margin-top: 15px;
    position: relative;
}
.faq_cl.active .tx_faq {
    color: #0000a0;
}
.tx_faq
 {
    cursor: pointer;
}
i.down_arow
 {
    position: absolute;
    right: 10px;
    font-style: normal;
    font-size: 20px;
    top: 8px;
    transform: rotate(90deg);
}
.active i.down_arow {
    transform: rotate(-90deg);
}
.tab_dt {
    width: 100%;
    margin-bottom: 10px;
    margin-top: 20px;
}
.tab_dt ul {
    padding: 0;
    margin: 0;
    border-bottom: 2px solid #ccc;
}
.tab_dt ul li {
    display: inline-block;
    padding: 6px 0px;
    margin-right: 25px;
}
li.act a
 {
    font-weight: 600;
}
.tab_dt li a {
    color: #888;
    text-decoration: none;
}
.m_15
{
        margin-bottom: 15px;

}
.bg_add{
    background: #f9f9f9 !important;
}

.bg_dark {
    background: #272757;
}

table.dt_tbl tr:last-child td {
    border: 0;
}

.top_header {
    background: #fafafa;
    position: relative;
    padding: 6px 0px;
}
ul.list_add {
    margin: 0;
    padding: 0;
}

ul.list_add li {
    display: inline-block;
    margin-right: 15px;
}

ul.list_add li a{
    color: #0000a0;
    font-size: 14px;
}
ul.right_list_add {
    margin: 0;
    padding: 0;
    text-align: right;
}

ul.right_list_add li {
    display: inline-block;
    margin-left: 10px;
}

ul.right_list_add li a{
   color: #0000a0;
    font-size: 14px;
}
.open_a {
    background: #0000a0;
    color: #fff;
    border-radius: 30px;
    font-size: 14px;
    padding: 4px 15px;
    border: 0;
}

.header_menu {
    width: 100%;
    position: relative;
    padding: 10px 0px;
    box-shadow: 0px 6px 12px -10px #000;
}

.logo_sec {
    display: inline-block;
}

.logo_sec img {
    width: 195px;
}
ul.menu_list {
    display: inline-block;
    margin: 0;
    padding: 0;
    margin-left: 40px;
}

ul.menu_list li {
    display: inline-block;
    margin-right: 10px;
}

ul.menu_list li a{
   color: #0000a0;
    font-size: 14px;
    font-weight: 600;
}

ul.bred_list {
    display: inline-block;
    margin: 0;
    padding: 0;
}

ul.bred_list li {
    display: inline-block;
    margin-right: 5px;
}

ul.bred_list li a, ul.bred_list li{
   color: #000;
    font-size: 14px;
    font-weight: 600;
}

.bredcrm {
    padding: 10px 0px;
    position: relative;
    display: block;
}

.stock_name {
    color: #424242;
    font-size: 30px;
    font-weight: 600;
}

.industrie_nm {
    display: inline-flex;
    width: 100%;
    align-items: center;
    margin-bottom: 10px;
    margin-top: 3px;
}

.ns_bs {
    display: inline-flex;
    border: 2px solid #888;
    border-radius: 50px;
    margin-left: 20px;
    overflow: hidden;
}

span.act {
    background: #0000a0;
    color: #fff;
    border-radius: 50px;
}
.ns_bs span {
    padding: 3px 15px;
    font-size: 13px;
    display: inline-block;
    height: 24px;
    cursor: pointer;
}

.ema_tbl, .sma_tbl {
    display: none;
}

table.ema_tbl.active {
    display: table;
}

table.sma_tbl.active {
    display: table;
}

.ind_nm {
    font-size: 12px;
    display: block;
}

.price_add {
    display: inline-flex;
    margin: 10px 0px 0px;
    align-items: center;
}

.dt_time {
    background: #eeecec;
    display: inline-block;
    margin-bottom: 5px;
    padding: 1px 12px;
    border-radius: 3px;
    font-size: 12px;
    color: #0000a0;
}

.price_add b {
    font-size: 35px;
    color: #424242;
    margin-right: 20px;
}

.price_add span {
    font-size: 13px;
    margin-top: 15px;
    margin-right: 15px;
}

button.buy_cl {
    background: #009b7d;
    color: #fff;
    font-size: 13px;
    padding: 2px 20px;
    border: 0;
    border-radius: 30px;
    outline: 0;
    margin-right: 10px;
}

button.sell_cl {
    background: #e05858;
    color: #fff;
    font-size: 13px;
    padding: 2px 20px;
    border: 0;
    border-radius: 30px;
    outline: 0;
}
.tab_data ul {
    margin: 0;
    padding: 0;
}
.tab_data ul li {
    display: inline-block;
    margin-right: 14px;
    font-size: 14px;
}

.tab_data {
    width: 100%;
    position: relative;
}
.tab_data ul li a {
    color: #424242;
    padding: 4px 0px;
    text-decoration: none;
}

li.active a {
    border-bottom: 3px solid #0000a0;
    color: #0000a0 !important;
}

.chart_nm {
    color: #424242;
    font-size: 30px;
    font-weight: 600;
    margin-top: 20px;
}

.date_range {
    width: 100%;
    border: 1px solid #ccc;
    padding: 0;
    border-radius: 50px;
    text-align: center;
    margin-right: 50px;
}

.date_range button {
    background: transparent;
    border: 0;
    padding: 4px 20px;
    outline: 0;
}

.inner_dt {
    color: #0000a0;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 12px;
}

input.num_add {
    width: 100%;
    padding: 10px;
    border: 1px solid #888;
    border-radius: 5px;
    padding-left: 50px;
    font-size: 16px;
}
.form_cl {
    position: relative;
    width: 100%;
    display: block;
}

.form_cl span {
    position: absolute;
    margin: 11px;
    font-size: 16px;
    font-weight: 600;
}

button.ac_free {
    background: #1cad57;
    border: 0;
    padding: 4px 20px;
    font-size: 14px;
    margin: auto;
    display: block;
    margin-top: 11px;
    border-radius: 30px;
    color: #fff;
}

.account_new a {
    display: block;
    text-align: center;
    margin-top: 14px;
    color: #0000a0;
    font-weight: 600;
    font-size: 14px;
}

.pop_fx {
    position: relative;
    width: 350px;
    box-shadow: 0px 6px 12px -10px #000;
    padding: 35px 25px;
    border-radius: 5px;
    z-index: 9999;
    background: #fff;
}
.join_sec {
    display: inline-flex;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 20px;
}

   .line_add{display: none;}
            .active .line_add{display: block;}

            .candle_add{display: block;}
            .active .candle_add{display: none;}
            .graph_data {
    width: 100%;
    margin: 20px 0px;
}
 
    #container {
      width: 100%;
      height: 350px;
      background: white;
    }
    
i.line_cl img, i.candle_cl img {
    width: 32px;
    border: 1px solid #ebebeb;
    margin: 2px;
    border-radius: 5px;
    cursor: pointer;
}
.chart_line {
    display: inline-flex;
    float: right;
}

i.line_cl.active img, i.candle_cl.active img {
    border-color: #1cad57;
}

.data_sec {
    padding: 50px 0px;
    position: relative;
    width: 100%;
}
.bg {
    background: #0f0f83;
}
.nm_hd {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 20px;
}
.box_sdo {
    box-shadow: 0px 6px 12px -10px #000;
    padding: 20px 10px;
    background: #fff;
    border-radius: 8px;
}
table.dt_tbl {
    width: 100%;
    position: relative;
    margin-top: 12px;
}
table.dt_tbl tr th {
    font-size: 15px;
    padding: 10px;
}
table.dt_tbl tr td {
    font-size: 14px;
    color: #424242;
    border-bottom: 1px solid #ccc;
    padding: 10px;
}
.c_price {
    display: inline-flex;
    margin: 2px 0px;
    align-items: center;
}
.c_price b {
    font-size: 20px;
    color: #424242;
    margin-right: 20px;
}
.c_price span {
    font-size: 12px;
    margin-top: 6px;
}
.price_t {
    color: #424242;
    font-size: 14px;
}

ul.tab_holding li a {
    color: #000;
    margin-right: 15px;
    font-size: 14px;
    padding-bottom: 5px;
}

 
    .chart-container {
      display: flex;
      align-items: center;
      gap: 40px;
    }
    .legend-list {
      list-style: none;
      padding: 0;
    }
    .legend-item {
      margin-bottom: 8px;
      display: flex;
      align-items: center;
    }
    .legend-color {
      width: 12px;
      height: 12px;
      margin-right: 8px;
      display: inline-block;
    }
    table.holding_tbl tr td {
    padding: 5px;
    font-size: 14px;
    color: #000;
}

table.holding_tbl {
    width: 100%;
    margin-top: 30px;
}

.tab-content {
    padding: 25px 10px;
    width: 100%;
    position: relative;
}
ul.nav.tab_holding li a.active {
    border-bottom: 3px solid #0000a0;
}

ul.nav.tab_holding li a:hover {
    border-bottom: 3px solid #0000a0;
    text-decoration: none;
}

table.web_tbl {
    width: 100%;
}

table.web_tbl tr td {
    font-size: 14px;
    color: #000;
    padding: 10px 5px;
}

table.web_tbl tr th {
    font-size: 14px;
    color: #0000a0;
    font-weight: 600;
    padding: 10px 5px;
}

table.web_tbl tr {
    border-bottom: 1px solid #ccc;
}
.img_set img {
    width: 100%;
    margin-bottom: 30px;
    border-radius: 5px;
}

.tx_faq {
    width: 100%;
    position: relative;
    padding: 10px 0px;
    border-bottom: 1px solid #ccc;
    font-weight: 600;
    font-size: 16px;
}

i.open_down_cl {
    font-size: 18px;
    font-style: normal;
    font-weight: 900;
    float: right;
    color: #0000a0;
}

.for_top_fix{
    display: none;
}
body.tab-at-top .for_top_fix {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: #e4e4e4;
    border-bottom: 1px solid #ccc;
    padding: 3px 0px 10px;
    display: block;
}
.for_top_fix .tab_data {
    width: 1240px;
    margin: auto;
}

.prod_cost {
    background: #111c74;
    padding: 2px;
    border-radius: 5px;
    box-shadow: 3px 3px 0 #3922d1;
    width: 100%;
    margin-bottom: 25px;
}

.prod_cost h3 {
    font-size: 14px;
    padding: 0px 10px 15px;
}
.prod_cost h3 a {
    color: #fff;
}

.prod_cost img {
    width: 100%;
    margin-bottom: 15px;
}

.nm_vid {
    color: #7070d6;
    text-transform: uppercase;
    margin-bottom: 10px;
    padding: 0px 10px;
    font-size: 13px;
    font-weight: 600;
}

@media (min-width: 10px) and (max-width: 969px) {

div#subscribe-form {
    width: 100% !important;
}

label.mb-lg-0.subscribe-subtitle {
    margin-bottom: 20px !important;
}

.inner_stock {
    margin: 10px 0 !important;
}

.letter-button {
    margin: 3px 2px !important;
}

  .fixed_btm {
    position: relative;
}

.fix_mrg {
    width: 100%;
}

input.search_val {
    width: 100%;
    height: 45px;
    padding: 6px 15px;
    font-size: 14px;
}

button.src_btn {
    padding: 0px 20px;
    font-size: 14px;
}

 .mrg_top_btm {
    margin-top: 30px;
    margin-bottom: 30px;
}

ul#stock_list {
    width: 100%;
    background: #fff;
    padding: 10px;
    top: 46px;
}

ul.menu_list {
    display: none;
}
ul.list_add {
    display: none;
}

.price_add {
    display: block;
}

 

.date_range button {
    background: transparent;
    border: 0;
    padding: 8px 4px;
    outline: 0;
    font-size: 12px;
}
table.web_tbl {
    width: 100%;
    display: block;
    overflow: auto;
}

#Financials table.dt_tbl {
    display: inline-flex;
    overflow: auto;
}
body.tab-at-top .for_top_fix {
    display: none;
}

.openaccount_pop .fx_top {
    position: relative;
    width: 100%;
}

table.dt_tbl.mob_tbl {
    width: 100%;
    display: block;
    overflow: auto;
    white-space: nowrap;
}

.pop_fx
 {
    width: 100%;
}


}