body{
    
    background-color: #02071a;
    background-color: #1a1a1f;
    background-image: linear-gradient(to top, rgb(12 12 18), rgb(21 21 27));
    overflow-x:hidden; 
}


#smo_perfch_mainchartpreview_id{
    cursor: crosshair;
}

.icon-search:before {
    content: "\e986";
    font-size:15px;
    line-height: 25px;
  }

.smo_div_main{
    margin-top: 10px;
    width: 100%;
}

p {
    display: block;
    margin-block-start: 0.1em;
    margin-block-end: 0.1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

table, th, td a {
    /* border: 1px solid #bbb; */
    text-align: left;
    color: dodgerblue;
}
table, th, td {
    /* border: 1px solid #bbb; */
    text-align: left;
    color: var(--toolstextcolorresult);;
}

table.dataTable tbody td {
    padding: 4px 5px;
    /*font-size: 125%;*/
    border-bottom: 1px solid #dddddd4d;
    vertical-align: middle;
}
table.dataTable thead th, table.dataTable thead td{
    padding: 10px 5px;
}
.tr_css.even{
    background-color: transparent;
    height: 35px;
    cursor: pointer;
}
.tr_css.odd{
    background-color: #21212a;
    height: 35px;
    cursor: pointer;
}
.tr_css.even:hover{
    background-color: var(--button-background-color-hover);    
}
.tr_css.odd:hover{
    background-color: var(--button-background-color-hover);    
}
.dataTables_length{
    margin-top: 15px;
    margin-bottom: 20px;
}
.dataTables_filter{
    margin-top: 15px !important;
    margin-bottom: 20px !important;
}
@media (max-width:770px) {
    .dataTables_length{
        margin-top: 2px;
        margin-bottom: 2px;
    }
    .dataTables_filter{
        margin-top: 2px !important;
        margin-bottom: 2px !important;
    }
}




    

.smo_sea_datatable_button_delete {
    border: 1px solid #646262;
    color: #8b3731;
    background-color: transparent;
    cursor: pointer;
}
.smo_sea_datatable_button_delete:hover{
    background-color: var(--button-background-color-hover);
    font-weight: 700;
}


.smo_sea_user_favorites_tablemanager_div.block{
    visibility: visible;
    opacity: 1;
    transition: opacity 2s linear;
    display: block;
    border: 0.2px solid #B0B0B0;
    padding: 5px;
    /* box-shadow: 1px 1px 8px #888888; */
    overflow: hidden;
    /* transition: max-height 0.5s ease-out; */
    animation: 1s fadeIn;
    width: 100%;
    /* box-shadow: 1px 1px 3px #1e90ff; */
    border-radius: 4px;
    border: 1px solid #646262;
    
}

.smo_sea_user_favorites_tablemanager_div.none{
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 2s, opacity 2s linear;
    display: none;
}

#smo_sea_user_favorites_tablemanager_column_seatype{
    max-width: 60px;
}
#smo_sea_user_favorites_tablemanager_column_name{
    max-width: 280px;
    min-width: 220px;
    padding-left: 3px;
}
#smo_sea_user_favorites_tablemanager_column_symbols{
    max-width: 70px;
}


#smo_watchlist_user_tablemanager_column_symbol{
    max-width: 130px !important;
    min-width: 20px;
    padding-left: 7px;
}
#smo_watchlist_user_tablemanager_column_name{
    
    padding-left: 3px;
}
#smo_watchlist_user_tablemanager_column_del{
    max-width: 40px !important;
    min-width: 20px;
    padding-left: 3px;
}
#smo_watchlist_user_tablemanager_column_del button:hover{
    background-color: var(--button-background-color-hover);
    font-weight: 700;
}


@media (max-width:1150px) {
    #smo_sea_user_favorites_tablemanager_column_name{display: none;}
    #smo_sea_user_favorites_tablemanager_column_count_trades{display: none;}
}
@media (max-width:900px) {
    #smo_sea_user_favorites_tablemanager_column_sumprofit{display: none;}
    #smo_sea_user_favorites_tablemanager_column_days_in_trade{display: none;}
}
@media (max-width:850px) {
    #smo_sea_user_favorites_tablemanager_column_anualprofit{display: none;}
}
@media (max-width:800px) {
    #smo_sea_user_favorites_tablemanager_column_anualprofit{display: none;}
}
@media (max-width:520px) {
    #smo_sea_user_favorites_tablemanager_column_seatype{display: none;}
}
@media (max-width:450px) {
    #smo_sea_user_favorites_tablemanager_column_maxdrawdown{display: none;}
}
@media (max-width:600px) {
    #smo_sea_analyse_tradelist_tablemanager_column_startprice{display: none;}
    #smo_sea_analyse_tradelist_tablemanager_column_endprice{display: none;}
}
@media (max-width:500px) {
    #smo_sea_analyse_tradelist_tablemanager_column_changevalue{display: none;}
}
@media (max-width:400px) {
    #smo_sea_user_favorites_tablemanager_column_sortino{display: none;}
}
@media (max-width:360px) {
    #smo_sea_user_favorites_datatable{	font-size: 10px;}
}

@media (max-width:800px) {
    table.dataTable thead th, table.dataTable thead td{
        padding: 10px 1px;
    }
}





.table_header_symbol1{
    color:var(--white);
}
.table_header_symbol2{
    color:var(--linkcolor-dodgerblue);
}








.sea_drowpdown_options {
    font-size: 120%;
    line-height: 28px;
    outline: none;
    height: 45px;
    border: 0px;
    text-align: left;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    width: 100%;
    border-radius: 4px;
    padding-left: 10px;
    margin-top: 0px;
    z-index: 999;
    color: #fff;
    border: 1px solid #141b32;
    background-color: #202947;
    border: 1px solid #40434e;
    background-color: transparent;

    z-index: 999;
    width: 100%;
    border-radius: 4px;
    color: white;
    text-align: left;
}
.sea_drowpdown_options:hover {
    background-color: var(--button-background-color-hover);
    cursor:pointer;
}
.sea_drowpdown_options:focus {
    background-color:#121218;
}
.smo_time_button.block {
    background-color: white;
    color: var(--toolstextcolor);
    box-shadow: 1px 1px 1px #9db7f7;
}

.smo_time_button {
    display: inline-block;
    border: 0px solid #ccc;
    color: #1E90FF;
    font-size: 0.75em;
    
    margin-top: 8px;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
    border: 0;
    border-radius: 4px;
    border-left: 3px solid #1e90ff;
    vertical-align: middle;
    padding: 2px 10px;
    min-height: 28px;
    min-width: 28px;
    background-color: white;
    height: 45px;
    width: 20%;
}
.smo_time_button:hover {
    background-color: #4c5583;
    cursor: pointer;
    color: white;
}

.smo_time_button_sea_analyse.block {
    background-color: transparent;
    color: var(--toolstextcolor);
    font-size: 12px;
    border: 1px solid #40434e;
}

.smo_time_button_sea_analyse {
    display: inline-block;
    border: 0px solid #ccc;
    color: var(--toolstextcolor);
    font-size: 0.75em;

    border: 0;
    border-radius: 4px;
    border: 0px solid #ccc;
    border-left:1px solid #545685;
    vertical-align: middle;
    padding: 2px 10px;
    min-height: 28px;
    min-width: 28px;
    background-color: white;
    
    height: 45px;

    width: 70px;    
    margin-top: 2px;
    /*margin-bottom: 3px;     */
    /*margin-left: 2px;     
    margin-right: 2px;*/
}
.smo_time_button_sea_analyse:hover {
    background-color: var(--button-background-color-hover);
    cursor: pointer;
    color: white;
}




.smo_timeline_slicer_button {
    display: inline-block;
    border: 0px solid #ccc;
    /*font-size: 0.75em;*/

    border: 0;
    border-radius: 4px;
    vertical-align: middle;
    padding: 2px 5px;
    min-height: 15px;
    min-width: 10px;
    height: 20px;
    width: 45px;  
    margin-top: 3px;    
    margin-bottom: 3px;     
    margin-left: 2px;     
    margin-right: 2px;
    line-height: 0.1;
    background-color: var(--button-background-color);
    background-color:transparent;
    color:#8d8c8c;
    font-size: 15px;
    border: 1px solid #40434e;
}
.smo_timeline_slicer_button:hover {
    background-color: var(--button-background-color-hover);;
    cursor: pointer;
    color: white;
}



.smo_sea_perfch_mainchartpreview{
    
    background-image:url(../../smo/img/chart_background_earningstrade_06.webp),linear-gradient(to top, rgb(12 12 18), rgb(20 20 27));
    
    background-position:center;
    background-position-x: center;
    background-position-y: 10%;
    background-repeat:no-repeat;
    
    border-radius: 4px;
    border: 1px solid #303c60;
    border: 1px solid #40434e;
    min-height: 300px;
    max-height: 580px;
    height: 100%;
}
.PerfChartMainIndices_mainchartcontainer{
    width: 100%;
    max-height: 580px;
    height: 100%;
    
}

.smo_sea_perfch_sub_chartpreview{
    
    /*background-color:#FAFAFA;
    background-color: #ffffff;*/
    background-image:url(../../smo/img/chart_background_earningstrade_06.webp),linear-gradient(to top, rgb(12 12 18), rgb(20 20 27));
    background-position:center;
    background-position-x: center;
    background-position-y: 20%;
    background-repeat:no-repeat;
    
    border-radius: 4px;
    border: 1px solid #40434e;
    /*min-height: 150px;
    max-height: 260px;*/
    height: 100%;
}
.smo_sea_perfch_statistic_week_chartpreview{
    
    /*background-color:#FAFAFA;
    background-color: #ffffff;*/
    background-image:url(../../smo/img/chart_background_earningstrade_06.webp),linear-gradient(to top, rgb(12 12 18), rgb(20 20 27));
    background-position:center;
    background-position-x: center;
    background-position-y: 24%;
    background-repeat:no-repeat;
    
    border-radius: 4px;
    border: 1px solid #40434e;
    /*min-height: 150px;
    max-height: 260px;*/
    height: 100%;
}
.PerfChartMainIndices_sub_chartcontainer{
    width: 99%;
    margin-left:3px;
    /*max-height: 260px;*/
    height: 100%;

    

}

.smo_perfch_mainchartpreview_pie_chart{
    
}


.script_identifier_tablecell_sea_timespan_ionRangeSlider{
    padding: 10px;
    padding-top: 0px;
    padding-bottom: 2px;
    border: 0px solid #ccc;
    border-left: 0;
    border-right: 0;
}

.sea_dropdown{
    font-size:95%;
    color: #a1a1a1;
    margin:0px;
    padding:0px;
    border-color:#4a5166;
    width: 100%;
    /*height: 22px;*/
    border-radius: 4px;
    background-color: #353d62;
}


.sea_border{
    border:0.2px solid #303c60;
    border-radius: 4px;
}

input[type="text"] {
    background-color: transparent;
    border: 1px solid rgb(64 67 78);
    width: 100%;
    text-align: center;
    font-weight: 700;
    color: var(--toolstextcolor);
    caret-color: #15151d;
    border-radius: 4px;
    min-height: 25px;
}



.smo_no_member_display{
    
    padding: 5px;
    text-align: center;
    border-radius: 4px;
    max-width: 100%;
}

.smo_control_border{
    border: 0px solid #ccc;
}

.smo_control_border_slim{
    border: 1px solid #40434e;
}

.smo_control_graph_backgroundimage{
    /*background:linear-gradient(359deg,#44589100,#1a295291,#29365b00);*/
    
}

.smo_sea_mainchart_header{
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    align-items: center;
}
.smo_sea_mainchart_header_left{
    width: calc(100% - (65px*4));
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-start;
}
.smo_sea_mainchart_header_left_sub1{
    width: calc(100% - (65px*4));
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: nowrap;
}
.smo_sea_mainchart_header_right{
    width: calc(65px*4);
    display: flex;
    justify-content: flex-start;
    flex-direction: row-reverse;
}

@media (max-width: 800px) {
    .smo_sea_mainchart_header_left_sub1 {
        width: calc(100% - (0px*4));
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        flex-wrap: nowrap;
    }
}