body.acc_gray{
    -moz-filter: grayscale(100%)!important;
    -webkit-filter: grayscale(100%)!important;
    filter: gray!important; /* IE6-9 */
    filter: grayscale(100%)!important;
    }

/*    .b_acc_btn {*/

/*    position: fixed;*/
/*    height: 50px;*/
/*    width: 50px;*/
/*    background-color: red;*/
/*    right: 0px;*/
/*    top: 0px;*/
/*    align-items: center;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*}*/

.tool_bar_acc {
    
	display: none;
        width: 208px;
    position: fixed;
    left: 0px;
    background-color: #fff;
    top: 0;
}
.tool_bar_acc div{
width: 100%;
margin: 10px 0px;
border: 1px solid #fff;
}
.test {
	text-decoration: none;

}
.hidden_acc {
    width: 0px;
    visibility: hidden;
    height: 0px;
    display: block;
}

.b_acc_btn {
position: fixed;
    padding: 10px 20px;
    border-top-right-radius: 28px;
    border-bottom-right-radius: 28px;
    background-color: #fff;
    color: red;
    font-size: 22px;
    left: 0px;
    top: 82px;
    align-items: center;
    display: flex;
    justify-content: center;
}












.accordion {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
}
.body_panel {
	display: none;
}
.head_panel {

  background-color:green;
}
.toogle_indicator {
    width: 50px;
    background-color: red;
    text-align: center;
    border-bottom-right-radius: 20px;
    padding: 15px;
    border-top-right-radius: 20px;
}
.panel {
background-color: purple;
    width: 500px;
}