.circuit_function_icon_panels{
    position: fixed;
    left:calc(50% - 124px); /* 234+7+7 /2 */

    padding: 7px;
    width: 234px;
    height: 36px;
    border-radius: 8px;

    background-color: var(--gray-Brighter);
    z-index: 200;

}
#svg_icon g{
    cursor: pointer;
}



.circuit_function_icon_panel .icon_background{
    fill:white;
}

.circuit_function_icon_panel .icon_path{
    fill: var(--gray-darker);
}

.circuit_function_icon_panel:hover .icon_background{
    fill:var(--main-color-light);
}
.circuit_function_icon_panel:hover  .icon_path{
    fill:white;
}

.circuit_function_icon_panel .icon_background_seleted{
    fill: var(--gray-darkish);
}

.circuit_function_icon_panel:hover .icon_background_seleted{
    fill: var(--gray-darkish);
}



.circuit_grid_screen_btns{
    position: fixed;
    top:100px;
    right:10px;

    z-index: 200;
}

.circuit_grid_screen_btn{
    cursor: pointer;
}

.circuit_grid_screen_btn .icon_path{
    fill: var(--gray-darker);
}

.circuit_grid_screen_btn:hover .icon_path{
    fill:var(--main-color-light);
}