// !!! Warning !!! CSS files are generated from their associated SCSS files. Don't modify the CSS files directly,
// modify the SCSS files and then compile them using compass. This will generate the CSS file for you.

.summary {
  &.ng-hide-remove {
		transition: all .5s ease;
		display: block !important;
	}
	&.ng-hide-remove {
		opacity: 0;
		&.ng-hide-remove-active {
			opacity: 1;

		}
	}
}

.checkoutSection section,
.checkoutSection section fieldset,
.addressReadOnly,
.billingReadOnly {
	&.ng-hide-remove,
	&.ng-hide-add {
		display: block !important;
	}
	&.ng-hide-add {
		transition: all .5s ease-out;
		height: 200px;
		overflow: hidden;
		&.ng-hide-add-active {
			height: 0;
		}
	}
	&.ng-hide-remove {
		transition: all .5s ease-in;
		height: 0;
		overflow: hidden;
		&.ng-hide-remove-active {
			height: 200px;
		}
	}
}
