.layout_hidden {
    display: none;
}

.layout_visible {
    box-sizing      : border-box;
    min-width       : 400px !important;                 /* pra evitar o bug do grafico */
    padding         : 0;
    background-color: var(--fill_background);
    user-select     : none;

    transition      : margin-right 0.3s ease-in-out;
}


.layout_visible.shifted {
    padding     : 0;
    margin-right: var(--page_slide1) !important;
}


.chart_layout_container {
    opacity         : 1;
    min-width       : 400px !important;
}


/*
    Gráficos para ocupar a altura toda, ou meia tela
*/

.live_chart_full_screen,
.live_chart_half_screen  {
    margin          : 0;
    padding         : 0;
    padding-bottom  : 0.2%;
    padding-right   : 0.5%;
    width           : 100%;
    overflow        : hidden;

    background-color: black;
}

.live_chart_full_screen  {
    height : 89vh;
}

.live_chart_half_screen {
    height : 44vh;

}


/*  */
.chart_page_loading_container  {
    background-color: 'black';
}


/* barra com nome do ativo e opcoes, no accordion */
.asset_toolbox {
    display         : flex;
    flex-wrap       : nowrap;
    white-space     : nowrap;
    vertical-align  : middle;
    z-index         : 500;
    overflow        : hidden;
}


.asset_toolbox_title,
.asset_toolbox_switch {
    font-family : "Nunito Sans";
    display     : inline-block;
}

.asset_toolbox_title {
    text-align: right;
    width     : 4em;  /* ainda nao sei qual seria a melhor solucao*/
}

.asset_toolbox_switch {
    text-align: left;
}

.asset_toolbox_switch {
    margin-left     : 20px;
}




/* personalização dos switches, isso afetará todos */
/*
.mantine-Switch-body,
.mantine-Switch-track {
    background-color: var(--bkg_color_children);

    border-radius   : 15px;
    border          : 0;
}

.mantine-Switch-trackLabel {
    color: white;
}