Css for angular hide and show

ng-show-and-ng-hide.css

/* Starting Hide.  Aka currently shown, angular is adding the ng-hide class */
.lineItemExpanded.ng-hide-add {
	opacity: 1.0;
	display: block !important;
	transition: opacity .5s;
	margin-top: 0px;
	
	-webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) .5s;
    	-moz-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) .5s;
    	-o-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) .5s;
    	transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) .5s;
}

/* Hidden.  angular as now added the ng-hide class*/
.lineItemExpanded.ng-hide-add-active {
	opacity: 0;
	margin-top: -265px;
}

/* Starting show. Currently hidden with the ng-hide class applied. */
.lineItemExpanded.ng-hide-remove {
	opacity: 0;
	display: block !important;
	transition: opacity .5s;
	margin-top: -265px;
	
	-webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) .5s;
    	-moz-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) .5s;
    	-o-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) .5s;
	 transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) .5s;
}

/* Visible.  The ng-hide class is now removed. */
.lineItemExpanded.ng-hide-remove-active {
	opacity: 1;
    	margin-top: 0px;
}