/* container geral, parecido com o replay */
.algo_monitor {
    overflow         : hidden;
    width            : max-content !important;
    user-select      : none;
    touch-action     : none;

    top              : 10%;
    left             : 10%;

    /*border          : 1px solid rgb(90,90,90);*/
    z-index          : 2000;
    border-radius    : 15px;

    --mon_cell_v_align   : middle;
    --mon_cell_h_align   : right;
    --mon_cell_padding   : 8px;
    --mon_text_transform : lowercase;
}


/* barra do header, do toast */
#algo_monitor .toast-header {

    padding: 0.20rem 1.0rem;
}



/* titulo */
.algo_monitor_title {
    font-weight: bold;
}


/* tabela completa */
.algo_monitor_table {
    user-select:  none;
}


/* header e body da tabela */
.algo_monitor_table_header,
.algo_monitor_table_body {

    vertical-align  : var(--mon_cell_v_align);
    text-align      : var(--mon_cell_h_align);
}


/* celulas da tabela */
.algo_monitor_algo_data,
.algo_monitor_time_data,
.algo_monitor_time_data_hidden,
.algo_monitor_cell {

    padding    : var(--mon_cell_padding) !important;
}

/* labels, itens comuns */
.algo_monitor_asset_label,
.algo_monitor_time_label,
.algo_monitor_shadow_label,
.algo_monitor_converge_label,
.algo_monitor_feeders_label,
.algo_monitor_disruption_label,
.algo_monitor_rebounders_label,
.algo_monitor_equalizers_label {

    padding         : var(--mon_cell_padding) !important;
    text-transform  : var(--mon_text_transform) !important;
}




/* labels, itens específicos */
.algo_monitor_asset_label       { color: white; }

.algo_monitor_time_label        { color: rgb(180,180,180)   !important; }

.algo_monitor_shadow_label      { color: #00B0F0 !important; }
.algo_monitor_converge_label    { color: #FFC000 !important; }
.algo_monitor_feeders_label     { color: #b983eb !important; }
.algo_monitor_disruption_label  { color: #00B050 !important; }
.algo_monitor_rebounders_label  { color: white   !important; }

.algo_monitor_equalizers_label  { color: magenta !important; }



/* para ocultar e ver esse item*/
.algo_monitor_time_data {
    opacity         : 1;
    color           : rgb(225,225,225) !important;
}

.algo_monitor_time_data_hidden {
    opacity         : 0;
}



/* valores das celulas */
/*
.shadow_mon_pos_value  {color: darkgreen; }
.shadow_mon_neg_value  {color: red; }
.shadow_mon_zero_value {color: white;}
*/