/* 
	EFOオプションのスタイルシートデザイン

	Created on : 2015/10/15, 9:53:38
	Author     : kawamori
*/

/* 入力済みチェックマーク */
.fa-check-circle {
	color : #40b040;
	font-size : 15pt;
	vertical-align: middle;
}

/* 必須残り項目数フロートボックス */
.floatBox {
	display: none;
	position: fixed;
	top : 5%;
	right: 3%;
	padding: 15px;
	width: 250px;
	z-index: 1;
	background:rgba(68, 68, 68, 0.8);
	border-radius: 8px; /* 角丸 */
}
.float_success,
.float_error { /* フロートボックス内部のテキスト */
	color: #fff;
	font-size: 0.88rem;
	font-weight: bold;
	line-height:1.5;
	text-align: left;
}
.floatBox b { /* フロートボックスの件数カウント */
	color: #ff0;
	font-size: 1.5rem;
}

@media screen and (max-device-width: 414px) and (-webkit-device-pixel-ratio: 2) {
	.floatBox {
		padding: 3%;
		width: 70%;
		}
	}


/* デフォルトのエラーボックス */
.defaultError {
	display: none;
	padding: 14px;
	width: 80%;
	color: #fff;
	font-size: 15px;
	line-height:1.5;
	vertical-align: middle;
	background: #f66;
	border-radius: 10px; /* 角丸 */
}
.defaultError b { /* デフォルトエラーの件数カウント */
	color: #ff0;
	font-size: 1.5rem;
}

.efoErrorItem {
    background-color: #ffe0e0;
}