/* .animatedPanelNewChild{
    position: absolute;
    left: 100%;
    transition-property: left;
    transition-duration: 400ms;
    z-index: 999;
    overflow: auto; 
} */

.animated-panel-scroll{
    width: 100%;
    overflow: auto; /* Prevent scrollHorizontal from expanding beyond 100% */
}

.animated-panel-container{
  display:flex;
  width: 100%;
  /* overflow: scroll; */
  overflow-x: auto;
  flex-direction: row;
  -webkit-overflow-scrolling: touch; /* For smoother iOS scrolling */
}

/* .animatedPanelNewChildReverse{
    position: absolute;
    left: -100vw;
    transition-property: left;
    transition-duration: 400ms;
    z-index: 999;
    overflow: auto; 
} */

/* .animatedPanelPrevChild{
    position: absolute;
    transition-property: left;
    transition-duration: 400ms;
    z-index: 999;
    overflow: auto; 
} */

.animationWrapper{
    padding: 0;
    margin: 0;
    height: 100vh;
    width: 100%;
    border-right: 1px dotted #777;
    padding-right: 2px;
}

.animated-panel-header{
    text-align: center;
    line-height: 2.5em;
    border-bottom: 1px dotted #777;
}
.animated-panel-header .go-img{
    z-index: 99999;
    display: inline-block;
    cursor: pointer;
    opacity: 0.4;
    font-size: 1.5em;
    visibility: hidden;
}
.animated-panel-header .go-img:hover{
    opacity: 1;
}

.animated-panel-header .go-left-img{
    margin-left: 20px;
    float: left;

}

.animated-panel-header .go-right-img{
    margin-right: 20px;
    float: right;

}

.animated-panel-header .img-hidden {
    display: none;
}