.docStepInFromRight {
   /* animation-name: docStepInFromRightKeyFrame;
    animation-duration: 2s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    animation-fill-mode: forwards;*/
}

.docStepInFromLeft {
    /*animation-name: docStepInFromLeftKeyFrame;
    animation-duration: 2s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    animation-fill-mode: forwards;*/
}

.docStepOutFromRight {
    /*animation-name: docStepOutFromRightKeyFrame;
    animation-duration: 2s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    animation-fill-mode: forwards;*/
}

.docStepOutFromLeft {
    /*animation-name: docStepOutFromLeftKeyFrame;
    animation-duration: 2s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    animation-fill-mode: forwards;*/
}

.docStepOut{

}