#bottomDiv > input {
    width: 100%;
}

#row1Container {
    overflow-x:scroll;
    white-space: nowrap; 
    height: 50px;
    margin-bottom: 5px;
}

.animationFilePicker {
    width: 15% !important;
}

.animationFilePicker > * {
    width: 100%;
}

#Time-div {
    width: 70px;
}

#Time-div > input {
    width: 100%;
}

#Camera-Mark-div {
    margin-top: 5px;
}

#Time-Step-div {
    width: 70px;
}

#Time-Step-div > input {
    width: 100%;
}

#Speed-div {
    width: 50px;
}

#Speed-div > input {
    width: 100%;
}

#Start-Time-div {
    width: 68px;
    margin-right: 10px !important;
    text-align: center;
}

#Start-Time-text {
    width: 100%;
}

#End-Time-div {
    width: 68px;
    margin-left: 10px !important;
    margin-right: 0px !important;
    text-align: center;
}

#End-Time-text {
    width: 100%;
}

#Animation-Time-slider {
    width: 100%
}

#Motion-File-URL-div {
    width: 110px;
}

#Motion-File-URL-div > * {
    width: 100%;
}

#Step-Back-div {
    width: 50%;
    margin-right: 0px !important;
}

#Step-Back-button {
    width: 95%;
}

#Step-Forward-button {
    width: 95%;
}

#Step-Forward-div {
    width: 50%;
    margin-right: 0px !important;
    text-align: right;
}

#stepContainer {
    width: 180px;
}

#stepText-div {
    margin-top: 5px;
    text-align: center;
}

#timebar-div {
    width: calc(100% - 156px);
    height: 10%;
    margin-top: 0.5%;
    margin-right: 0px !important;
    display: inline-block
}

#timebar-canvas {
    width: 100%;
    height: 20px;
    position:relative;
}

/* Multi Motion */
#Add-Parallel-Motion-div {
    text-align: center;
    width: 80%
}

#Add-Parallel-Motion-div {
    width: 70%
}

#Add-Parallel-Motion-button {
    width: 80%
}

#Hide-div {
    text-align: center;
    width: 10%
}

#Hide-button {
    width: 100%
}

.parallelMotionContainer {
    width: 100%
}

#Animation-Time-div {
    width: 100%;
    margin-top: 5px !important;
    margin-right: 0px !important;
}

#parallelMotionGroupContainer {
    margin-top: 5px;
    width: 100%
}

#motionGroupRow1Container {
    width: 100%
}

#parallelRobotLabel-div {
    width: 20% !important;
}

#parallelRobotLabel {
    font-size: 20pt;
}

#parallelRobotMotionLabel-div {
    width: 50px !important;
}

#motionGroupRow1Container > #Pick-Motion-File-div {
    width: 20% !important;
}

#motionGroupRow2Container > #timebar-div {
    width: calc(100% - 160px) !important;
    margin-right: 0px !important;
    text-align: center;
}

#Offset-div {
    width: 70px !important;
}

#Offset-div > #Offset-text {
    width: 100% !important;
}

/* Read Only Settings */
.bottomDiv-readOnly {
    bottom: 2%;
    left: 10%;
    width: 80%;
    height: 80px !important;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.5);
}

.row1Container-readOnly {
    overflow-x: auto !important;
}

.animationSlider-readOnly {
    width: 100% !important
}