/* Adopt form layout for default address model
 * Extend templates billing-address-form.html and shipping-address-form.html and change content
 * of block extra-styles to change these values.
 */
.shop-address-zip_code {
  width: 35%;
  display: inline-block;
  padding-right: 10px; }
  .shop-address-zip_code .djng-form-control-feedback {
    padding-right: 10px; }

.shop-address-city {
  width: 65%;
  display: inline-block;
  padding-left: 10px; }

/*# sourceMappingURL=../../../../../../../../../static/shop/css/address.css.map */
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
	display: none !important;
}

form.ng-submitted .ng-invalid,
form .ng-invalid-bound.ng-pristine,
form .ng-invalid.ng-dirty {
	border-color: #e9322d;
}

form.ng-submitted .ng-invalid:focus,
form .ng-invalid-bound.ng-pristine:focus,
form .ng-invalid.ng-dirty:focus {
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}
label.djng-field-required::after {
	content: "\00a0*";
}
ul.djng-form-errors, ul.djng-field-errors {
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.djng-form-errors li, ul.djng-field-errors li {
	color: #e9322d;
	margin-bottom: 5px;
}
ul.djng-field-errors li.invalid::before {
	content: "\2716";
	margin-right: 10px;
}
ul.djng-field-errors li.valid::before {
	color: #00c900;
	content: "\2714";
}

.djng-rotate-animate {
	animation: spin 2s linear infinite;
}

@keyframes spin { 100% { transform:rotate(360deg); } }

button.btn > i {
	width: 2em;
	display: inline-block;
	text-align: center;
}