/* validation css başlar */
.mask_error {
	color: red !important;
   	/*border:1px solid red!important;*/
}

.mask_valid {
	color: black !important;
 	/* border:1px solid gray!important;*/
}
.required-field-block {
	position: relative;
}

	.required-field-block .required-icon {
		display: inline-block;
		vertical-align: middle;

		background-color: #E8E8E8;
		border-color: #E8E8E8;
		padding: 0.5em 0.8em;
		color: rgba(0, 0, 0, 0.65);
		text-transform: uppercase;
		font-weight: normal;
		border-radius: 0.325em;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition: background 0.1s linear;
		-moz-transition: background 0.1s linear;
		transition: background 0.1s linear;
		font-size: 75%;
	}

	.required-field-block .required-icon {
		background-color: transparent;
		position: absolute;
		/*top: 2.8em;*/
		top: 0em;
		right: 0.09em;
		z-index: 10;
		margin: 0em;
		width: 30px;
		height: 30px!important;
		padding: 0em;
		text-align: center;
		-webkit-transition: color 0.2s ease;
		-moz-transition: color 0.2s ease;
		transition: color 0.2s ease;
	}

		.required-field-block .required-icon:after {
			position: absolute;
			content: "";
			right: 2px;
			top: 2px;
			z-index: -1;
			width: 0em;
			height: 0em;
			border-top: 0em solid transparent;
			border-right: 30px solid transparent;
			border-bottom: 30px solid transparent;
			border-left: 0em solid transparent;
			border-right-color: inherit;
			-webkit-transition: border-color 0.2s ease;
			-moz-transition: border-color 0.2s ease;
			transition: border-color 0.2s ease;
		}

		.required-field-block .required-icon .text {
			color: #B80000;
			font-size: 26px;
			margin: -3px 0 0 12px;
			margin-top:5px;
		}
/* validation css  biter */