@charset: "UTF-8";
/* alert message style */
.alert.alert-error{
	background-color: transparent;
	border: solid 2px #CB2F2C;
}
.alert.alert-error li{
	font-size: 0.875rem;
	color: #CB2F2C;
}

/* validated form style */
.invalid-feedback{
	font-size: 0.6875rem;
}
.was-validated .form-control:invalid, .form-control.is-invalid,
.was-validated .form-select:invalid, .form-select.is-invalid{
	background-color: #FFD7D7;
	background-image: none;
	color: #CB2F2C;
}
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"],
.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"]{
	background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e")
}

.was-validated .form-control:invalid::placeholder,
.form-control.is-invalid::placeholder{
	color: #CB2F2C;
}
.was-validated .form-control:valid,
.form-control.is-valid,
.was-validated .form-select:valid,
.form-select.is-valid{
	border-color: rgb(206, 212, 218);
	background-image: none;
}
.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"],
.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"]
{
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* realtime validation */
.text-green{
	color: #30ffb3;
}
.valid-danger,
.valid-danger:focus{
    border-color: #dc3545;
    box-shadow: 0 0 0 .25rem rgba(220,53,69,.25);
}
.valid-success,
.valid-success:focus{
    border-color: #198754;
    box-shadow: 0 0 0 .25rem rgba(25,135,84,.25);
}
.valid-msg{
	font-size: 0.6875rem;
	margin-bottom: 0.5rem;
	line-height: 1;
	color: rgb(220, 53, 69);
}