.legend-card {
border: none;
box-shadow: none;
    margin: -9px -9px -9px -9px !important;
    width: 350px !important;
    position: relative;
    bottom: 80px !important;
}

#slider_inputs-tooltip .tooltip-inner, #slider_inputs-tooltip .tooltip-arrow::before {
    background-color: transparent !important;
    box-shadow: none !important;
    border-left-color: transparent !important
}

.legend-item {
display: flex;
align-items: initial;
margin-bottom: 5px;
}

.legend-indicator {
display: inline-block;
margin-right: 0px;
}

.legend-label {
font-size: 12px;
margin-left: 0px;
    color: var(--tnp_dark_blue0) !important
;
}

#raroc_metric_bar, #slider_metric_bar {
    position: relative;
    left: 7px;
}

#panel-slider_outputs, #panel-slider_inputs, #panel-stored_inputs{
    height: 111.8vh !important;
}

#panel-raroc_outputs,  #panel-optimiser_outputs{
    height: 111.8vh !important;
}

#panel-slider_inputs{
    width: 50% !important;
    left: 50% !important;
}

/* #panel-raroc_inputs{
    width: 135% !important;
} */

#panel-customer_inputs, #panel-Tree{
    height: 39.5vh !important;
}

#panel-raroc_inputs {
    height: 71vh !important;
    position: relative;
    bottom: 15vh;
}

#panel-slider_inputs {
    position: relative;
    width: 100% !important;
    left: 0% !important;
}	

#panel-stored_inputs {
    position: relative;
    width: 100% !important;
    left: 0% !important;
}

#drag-slider {
    height: 76vh !important;
    padding: 25px !important;
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    margin-right: 20px !important;
}

.export_btn_raroc{
    color: darkgrey !important;
    font-size:29px !important;
    position: relative;
    left: 126vw
}

.export_btn_raroc{
    color: darkgrey !important;
    font-size:29px !important;
    position: relative;
    left: 126vw
}

.export_btn_raroc:hover, .export_btn_raroc:hover{
  color: #9EB979 !important;
   font-size:29px !important;
}

#tree_order_up-child, #tree_order_down-child{
    position: relative;
    left: 7px !important;
    font-size: 33px !important;
}

.aggregate_tree{
    height: 21vh !important;
}


button#inputs_submit2{
    cursor: default !important;
}

#saving-facility-notification{
    position: relative;
    bottom: 50px;
    zoom: 1.5;
    right:30px;
}