@CHARSET "UTF-8";

.global-error{
	list-style: none;
	margin: 1em 0;
	padding: 0;
	color: #f00;
	display: none;
}

.input-error{
	list-style: none;
	margin: 5px 0;
	padding: 0;
	color: #f00;
	display: none;
}


.component-form-basic{
	
}


/* 入力 */
.component-form-basic-input .message-confirm,
.component-form-basic-input .message-complete,
.component-form-basic-input .input-group .input-preview,
.component-form-basic-input .input-group .input-error,
.component-form-basic-input .buttons-confirm{
	display: none;
}


/* 確認 */
.component-form-basic-confirm .message-input,
.component-form-basic-confirm .message-complete,
.component-form-basic-confirm .input-group .required,
.component-form-basic-confirm .input-group .input,
.component-form-basic-confirm .input-group .input-error,
.component-form-basic-confirm .buttons-input{
	display: none;
}


/* 完了 */
.component-form-basic-complete .message-input,
.component-form-basic-complete .message-confirm,
.component-form-basic-complete .input-group .required,
.component-form-basic-complete .input-group .input,
.component-form-basic-complete .input-group .input-error,
.component-form-basic-complete .buttons-input,
.component-form-basic-complete .buttons-confirm{
	display: none;
}


/* ローディング */
.component-form-basic .buttons-loading{
	display: none;
}
.component-form-basic-loading .buttons-loading{
	display: block;
}
.component-form-basic-loading .buttons-confirm,
.component-form-basic-loading .buttons-input{
	display: none;
}