.com-miaapp {
	max-width: 100%;
}

.com-miaapp__title {
	margin-bottom: 1rem;
}

.com-miaapp__intro {
	margin-bottom: 1rem;
}

.com-miaapp__status {
	border-left: 4px solid currentColor;
	margin: 0 0 1rem;
	padding: .75rem 1rem;
}

.com-miaapp__status.is-ok {
	background: #eef8f1;
	color: #226b35;
}

.com-miaapp__status.is-warning {
	background: #fff8e5;
	color: #7a5600;
}

.com-miaapp-placeholder {
	border: 1px solid #d8dee4;
	padding: 1rem;
}

.com-miaapp .product-card .product-detail-btn,
.com-miaapp a.product-detail-btn {
	align-items: center !important;
	background: #ffffff !important;
	border: 1px solid #d7d7dc !important;
	border-radius: 6px !important;
	color: #002f6f !important;
	display: inline-flex !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	justify-content: center !important;
	letter-spacing: 0 !important;
	line-height: 1.2 !important;
	min-height: 34px !important;
	padding: 8px 12px !important;
	text-align: center !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
}

.com-miaapp .product-card .product-detail-btn:hover,
.com-miaapp .product-card .product-detail-btn:focus,
.com-miaapp a.product-detail-btn:hover,
.com-miaapp a.product-detail-btn:focus {
	background: #ffffff !important;
	border-color: #aaaaaa !important;
	color: #002f6f !important;
	text-decoration: none !important;
}

#colorsModal,
#detailLightboxModal,
.modal.show#colorsModal,
.modal.show#detailLightboxModal {
	z-index: 2147483000 !important;
}

body .modal-backdrop,
body .modal-backdrop.show {
	z-index: 2147482990 !important;
}

#colorsModal .modal-dialog,
#detailLightboxModal .modal-dialog {
	margin-top: 84px !important;
}

#colorsModal .modal-dialog-scrollable,
#detailLightboxModal .modal-dialog-scrollable {
	max-height: calc(100vh - 112px) !important;
}

#colorsModal .modal-dialog-scrollable .modal-content,
#detailLightboxModal .modal-dialog-scrollable .modal-content {
	max-height: calc(100vh - 112px) !important;
}

@media (max-width: 767.98px) {
	#colorsModal .modal-dialog,
	#detailLightboxModal .modal-dialog {
		margin-top: 72px !important;
	}

	#colorsModal .modal-dialog-scrollable,
	#detailLightboxModal .modal-dialog-scrollable,
	#colorsModal .modal-dialog-scrollable .modal-content,
	#detailLightboxModal .modal-dialog-scrollable .modal-content {
		max-height: calc(100vh - 96px) !important;
	}
}