/* 補充樣式 */
.redFont {
	color: #ff0000 !important;
	font-weight: 600;
}

.greenFont {
	color: #00754a !important;
	font-weight: 600;
}

.blueFont {
	color: #0026ff !important;
	font-weight: 600;
}

.grayFont {
	color: #555555 !important;
	font-weight: 600;
}

.warningText,
.field-validation-error {
	color: #ff0000 !important;
	font-size: 14px;
	font-weight: 600;
	margin-left: 5px;
	display: inline-block;
}

/* --客製化提示的CSS--------------------------------- */
.customAlertUI {
	border-radius: 8px;
	display: block;
	font-size: 16px !important;
	font-weight: 500;
	margin: 0 auto 24px;
	max-width: 300px;
	padding: 16px 17px 19px;
	text-align: center;
}

.customAlertUI.failureAlertUI {
	background: rgba(255, 0, 0, 0.12);
	border: 1px solid #ff0000;
}

.customAlertUI.failureAlertUI p {
	color: #ff0000;
}

.customAlertUI.successAlertUI {
	background: rgba(0, 117, 74, 0.12);
	border: 1px solid #00754a;
}

.customAlertUI.successAlertUI p {
	color: #00754a;
}

/* 當標籤內沒有內容，或 ASP.NET 標記為 Valid 時，徹底隱藏不佔位 */
.warningText:empty,
.field-validation-valid {
	display: none !important;
}


.floating-alert.show {
	opacity: 1;
}

.alert-icon {
	margin-right: 6px;
	font-size: 20px;
	font-weight: bold;
}

.floating-alert p {
	margin: 0;
}