#floating_controls {
position: absolute;
z-index: 7;
background-color: rgb(255, 255, 180);
text-align: center;
border: 5px double Chocolate;
float: center;
/*
width:135px;
max-width:140px;
height:85%;
height:480px;
min-height: 85%;
max-height: 85%;
min-height: 470px;
max-height: 470px;
*/
min-width: 135px;
max-width: 135px;

left: 80%;
top: 50%;
transform:  translate(-50%, -50%);
display:none;
}
#floating_controls1 {
position: absolute;
background-color: rgb(255, 255, 180);
text-align: center;
border: 5px double Chocolate;
left: 50%;
transform:  translate(-50%, -50%);
/*
z-index: 7;
top: 50%;
display:none;
min-height: 470px;
max-height: 470px;
min-width: 135px;
max-width: 135px;
float: center;
*/

}

#floating_controls_header {
padding: 6px;
cursor: move;
z-index: 8;
background-color: DarkOrange;
color: #fff;
}

#floating_controls_header1 {
padding: 6px;
cursor: move;
z-index: 8;
background-color: DarkOrange;
color: #fff;
}


#add_exercise {
position: absolute;
z-index: 9;
background-color: rgb(255, 255, 180);
text-align: center;
border: 5px double Chocolate;
width:300px;
left: 50%;
top: 50%;
transform:  translate(-50%, -50%);
display:none;
}

.add_exercise_header {
padding: 10px;
cursor: move;
z-index: 10;
background-color: DarkOrange;
color: #fff;
}