body {
}
/*Animation Classes*/
.AsTop {
    transform-origin: top;
    transition: all cubic-bezier(.68,-0.55,.27,1.55) 1s;
}

.AsBottom {
    transform-origin: bottom;
    transition: all cubic-bezier(.68,-0.55,.27,1.55) 1s;
}
.AsHidden {
    transition: all cubic-bezier(.68,-0.55,.27,1.55) 1s;
    transform:scaleY(0);
}
.AsShown {
    transition: all cubic-bezier(.68,-0.55,.27,1.55) 1s;
    transform:scaleY(1);
}
.AsLeft {
    left:-110vw !Important;
    transition: all ease-in-out 1s;
}
.AsRight {
        left:110vw !Important;
    transition: all ease-in-out 1s;
}
.HideTop {
    top:-110vh !Important;
    transition: all cubic-bezier(.68,-0.55,.27,1.55) 1s;
}
/*Zone Classes*/
.SideListZone {
    height: 60vh; 
    width: 50vw;
    position: fixed;
    top:9vh;
    left:0;
    transition: all cubic-bezier(.68,-0.55,.27,1.55) 1s;
}
.LI {
    transition: all ease 1s;
    border-radius: 8px;
border-style: solid;
    border-bottom-style: solid;
border-width: 0.11vh;
border-color: #614194;
margin-bottom: 1vh;
box-shadow: 0vw 0vw 1vw #614194;
background-color: #f8f8ffb3;
}
    .LI:hover {
        background-color: #c5f4aa;
    }

.StandardSelected {
    width:100%;
    height:100%;
    background-color:#3a9d7c;
}

/*Payments*/
.PaymentTypeIcon {
    width:3vw;
    height:3vw;
}