.animate-if.ng-enter,.animate-if.ng-leave{-webkit-transition:all cubic-bezier(.25,.46,.45,.94) .5s;transition:all cubic-bezier(.25,.46,.45,.94) .5s}
.animate-if.ng-enter,.animate-if.ng-leave.ng-leave-active{opacity:0}
.animate-if.ng-enter.ng-enter-active,.animate-if.ng-leave{opacity:1}
@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0)}
10%,30%,50%,70%,90%{-webkit-transform:translateX(-5px)}
20%,40%,60%,80%{-webkit-transform:translateX(5px)}
}
@keyframes shake{0%,100%{transform:translateX(0)}
10%,30%,50%,70%,90%{transform:translateX(-5px)}
20%,40%,60%,80%{transform:translateX(5px)}
}
.shake{-webkit-animation-name:shake;animation-name:shake;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
.order-list,.selected-order{border:1px solid #ddd;max-height:300px;overflow-y:scroll;overflow-x:hidden}
.selected-order{height:auto}
.order{border-bottom:1px dotted #ddd}
.order.selected{background:#f5f5f5;border-bottom:0;overflow-y:auto;overflow-x:hidden}
.order-row:hover{background:#fcf8e3;cursor:pointer}
.selected:hover{background:#f5f5f5;cursor:auto}
.order-list-header{background:#f5f5f5;border-left:1px solid #DDD;border-right:1px solid #DDD;border-top:1px solid #DDD;border-bottom:0;padding:10px}
@media (max-width:768px){.order-list,.selected-order{max-height:100%;overflow:visible}
.order-row:hover{background:0 0}
}
@media (min-width:768px){.col-sm-fifth{float:left;position:relative;width:20%}
}