#net_container{
    display:none;
}

.dash-table-container {
    font-size: 0.85em;
}


#net_time_series_row {
    height:100%;
    width:100%;
}

#net_bar_row_pv {
    margin-top:0.5vh;
    height:45vh;
    width:100%;
}
#net_bar_row_conso {
    margin-top:0.5vh;
    height:45vh;
    width:100%;
}

.net_dbc_row {
    margin-top:2vh;
}


#net_V_graph {
    height:35vh;
    padding:0;
}


.net_charts_div {
    overflow:hidden;
    margin: 0.25vh 0.25vw;
    display:inline-block;
}

#tr_sel_list_drop_button {
}

.charts_size {
    width:var(--charts-width);
    height:var(--charts-height);
}

.charts_graph_size {
    width:var(--charts-width);
    height:var(--charts-graph-height);
}

.charts_title {
    text-align:center; 
    font-weight:bold;
    font-size:var(--charts-title-fontsize);
    line-height:var(--charts-title-height);
    height:var(--charts-title-height);
}

.sm_marker, .sm_icon{
  width: var(--sm-icon-size);
  height: var(--sm-icon-size);
  border-radius: 50% 50% 50% 50%;
  position: absolute;
  left: 50%;
  top: 50%;
}

.sm_marker{
  margin: var(--sm-icon-marg) 0 0 var(--sm-icon-marg);
}

#net_main_div {
    width:100%;
}

#sm_list_collapse{
    margin-top:1vh;
}

#sm_list_button > * {
   display:inline-block; 
   vertical-align:middle;
   padding:0;
} 

#sm_list_button > p {
   margin:0 30px;
}

/* Modal for charts */
.modal .close {
    font-size: 2.5rem;
}

.modal-body .charts_graph_size {
    width: 100%;
    height: 100%;
}

/* Custom icon style */
.custom-icon {
    font-weight: 700;
    line-height: 1;
    color: #b9b9b9;
    text-shadow: 0 1px 0 #fff;
}
button.custom-icon {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.custom-icon:hover {
 color:#000;
 text-decoration:none
}

/* Flex blocks */
.left-block {
    padding-left: 0.5rem;
}
.right-block {
    padding-right: 0.5rem;
}

.modal-body .leaflet-container{
    height:var(--big-charts-graph-height);
}