.ajaxchecker-container, 
.ajaxchecker-container *{box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.ajaxchecker-container{
	background: #fff;
	display: inline-block;
	border: 1px solid #eee;
	position: relative;
}
.ajaxchecker-container > .ajaxchecker{
	width: 100%;
	height: 100%;
	border: none;
	background: none;
	padding: 0 60px 0 10px;
}
.ajaxchecker-container > .ajaxchecker:focus{
	outline: none;
}
.ajaxchecker-container > i{
	width: 40px;
	height: 100%;
	text-align: center;
	position: absolute;
	top: 0; right: 0;
	color: #ddd;
	display: none;
}
.ajaxchecker-container > i.tik {
    width: 20px;
    height: 10px;
    border-right: 3px solid #0b0;
    border-bottom: 3px solid #0b0;
    transform: rotate(45deg);
    position: absolute;
    right: 5px;
    top: 5px;
}
.ajaxchecker-container > i.wrong {
    position: absolute;
    right: 5px;
    top: 5px;
}
.ajaxchecker-container > i.wrong:after,
.ajaxchecker-container > i.wrong:before{
	content: '';
	display: block;
	width: 100%;
	height: 3px;
	background: #d00;
    position: absolute;
    top: 50%;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.ajaxchecker-container > i.wrong:before{
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.ajaxchecker-container > i.active{display: inline-block;}

/* CSS LOADER */
.ajaxchecker-container > i.lds-dual-ring {
  width: 34px;
  height: 34px;
  top: 5px;
  right: 5px;
}
.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 80%;
  height: 80%;
  margin: 1px;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #ababab transparent #a5a5a5 transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* End CSS LOADER */

/* start PR Dialoge */
.pr-dialogue-container{

}
.pr-dialogue{
	position: absolute;
	top: 30px;
	right: 10px;
	padding: 10px;
	border-radius: 10px;
	box-shadow: 2px 2px 8px rgba(0,0,0,0.1);
	text-shadow: 1px 1px 0px #fff;
	text-align: center;
	width: 80%;
	max-width: 350px;
	background: #f9f9f9;
	color: #777;
	font-size: 14px;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	z-index: 9999;
	display: none;
}
.pr-dialogue.success{
	background: #f6fff7;
    color: #029600;
}
.pr-dialogue.danger{
	background: #fff1f1;
    color: #c50000;
}
/* end PR Dialoge */