@keyframes cssload-clockwise {
	0% { transform: rotate(-45deg);}
	100% { transform: rotate(315deg);}}

@-o-keyframes cssload-clockwise {
	0% {-o-transform: rotate(-45deg);}	
	100% {	-o-transform: rotate(315deg);}}

@-ms-keyframes cssload-clockwise {
	0% {-ms-transform: rotate(-45deg);}
	100% {-ms-transform: rotate(315deg);}}

@-webkit-keyframes cssload-clockwise {
	0% {-webkit-transform: rotate(-45deg);}
	100% {-webkit-transform: rotate(315deg);}}

@-moz-keyframes cssload-clockwise {
	0% {  -moz-transform: rotate(-45deg);}
	100% { -moz-transform: rotate(315deg);}
}

@keyframes cssload-not-clockwise {
	0% { transform: rotate(45deg);}
	100% { transform: rotate(-315deg);}
}

@-o-keyframes cssload-not-clockwise {
	0% { -o-transform: rotate(45deg);}
	100% { -o-transform: rotate(-315deg);}
}

@-ms-keyframes cssload-not-clockwise {
	0% {-ms-transform: rotate(45deg);}
100% {-ms-transform: rotate(-315deg);}}

@-webkit-keyframes cssload-not-clockwise {
	0% { -webkit-transform: rotate(45deg);}
	100% { -webkit-transform: rotate(-315deg);}
}

@-moz-keyframes cssload-not-clockwise {
	0% {-moz-transform: rotate(45deg);}
	100% {-moz-transform: rotate(-315deg);}
}

@keyframes cssload-lt {
	0% {opacity: 1;}	
	25% {opacity: 1;}	
	26% {opacity: 0;}	
	75% {opacity: 0;}	
	76% {opacity: 1;}
	100% {opacity: 1;}
}

@-o-keyframes cssload-lt {
	0%  {opacity: 1;}	
	25% {opacity: 1;}	
	26% {opacity: 0;}	
	75% {opacity: 0;}	
	76% { opacity: 1;}
	100% {opacity: 1;}
}

@-ms-keyframes cssload-lt {
	0% {opacity: 1;}	
	25% {opacity: 1;}	
	26% {opacity: 0;}	
	75% {opacity: 0;}	
	76% {opacity: 1;}
	100% {opacity: 1;}
}

@-webkit-keyframes cssload-lt {
	0% { opacity: 1;}	
	25% {opacity: 1;}	
	26% {opacity: 0;}	
	75% {opacity: 0;}	
	76% {opacity: 1;}
	100% {opacity: 1;}
}

@-moz-keyframes cssload-lt {
	0% {opacity: 1;}	
	25% {opacity: 1;}	
	26% {opacity: 0;}	
	75% {opacity: 0;}	
	76% {opacity: 1;}
	100% {opacity: 1;}
}



		

/* LOADMASK 3.0 */

.x-mask-msg-text {
    background-image: none;
    background-position: inherit inherit;
    background-repeat: inherit;
    padding: 10px;
	/*
		min-width: 200px;
		min-height: 200px;
		border: 1px solid red;
	*/
}
.x-border-box, .x-border-box * {
    box-sizing: border-box;
}



.active.cssload-container {
	width: 176px;
	margin: 143px auto;
	font-size: 0;
	position: relative;
	transform-origin: 50% 50%;
		-o-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;
		-webkit-transform-origin: 50% 50%;
		-moz-transform-origin: 50% 50%;
	animation: cssload-clockwise 11.4s linear infinite;
		-o-animation: cssload-clockwise 11.4s linear infinite;
		-ms-animation: cssload-clockwise 11.4s linear infinite;
		-webkit-animation: cssload-clockwise 11.4s linear infinite;
		-moz-animation: cssload-clockwise 11.4s linear infinite;
}.active.cssload-container:before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 95px;
	height: 95px;
	border: 14px solid rgba(77,77,77,0.8);
	border-radius: 100%;
		-o-border-radius: 100%;
		-ms-border-radius: 100%;
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
	box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
}.active.cssload-container:after {
	position: absolute;
	content: '';
	z-index: -1;
	top: 0;
	right: 0;
	width: 95px;
	height: 95px;
	border: 14px solid rgb(230,230,230);
	border-radius: 100%;
		-o-border-radius: 100%;
		-ms-border-radius: 100%;
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
	box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
}
.active.cssload-container  .cssload-lt, 
.active.cssload-container  .cssload-rt, 
.active.cssload-container  .cssload-lb, 
.active.cssload-container  .cssload-rb {
	position: relative;
	display: inline-block;
	overflow: hidden;
	width: 95px;
	height: 48px;
	opacity: 1;
}.active.cssload-container  .cssload-lt:before, 
.active.cssload-container  .cssload-rt:before, 
.active.cssload-container  .cssload-lb:before, 
.active.cssload-container  .cssload-rb:before {
	position: absolute;
	content: '';
	width: 95px;
	height: 95px;
	border-top: 14px solid rgb(0,192,240);
	border-right: 14px solid transparent;
	border-bottom: 14px solid transparent;
	border-left: 14px solid transparent;
	border-radius: 100%;
		-o-border-radius: 100%;
		-ms-border-radius: 100%;
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
	box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.active.cssload-container .cssload-lt {
	margin-right: -14px;
	animation: cssload-lt 3.8s linear -3800ms infinite;
		-o-animation: cssload-lt 3.8s linear -3800ms infinite;
		-ms-animation: cssload-lt 3.8s linear -3800ms infinite;
		-webkit-animation: cssload-lt 3.8s linear -3800ms infinite;
		-moz-animation: cssload-lt 3.8s linear -3800ms infinite;
}.active.cssload-container  .cssload-lt:before {
	top: 0;
	left: 0;
	animation: cssload-not-clockwise 1.9s linear infinite;
		-o-animation: cssload-not-clockwise 1.9s linear infinite;
		-ms-animation: cssload-not-clockwise 1.9s linear infinite;
		-webkit-animation: cssload-not-clockwise 1.9s linear infinite;
		-moz-animation: cssload-not-clockwise 1.9s linear infinite;
}
.active.cssload-container .cssload-rt {
	animation: cssload-lt 3.8s linear -1900ms infinite;
		-o-animation: cssload-lt 3.8s linear -1900ms infinite;
		-ms-animation: cssload-lt 3.8s linear -1900ms infinite;
		-webkit-animation: cssload-lt 3.8s linear -1900ms infinite;
		-moz-animation: cssload-lt 3.8s linear -1900ms infinite;
}.active.cssload-container  .cssload-rt:before {
	top: 0;
	right: 0;
	animation: cssload-clockwise 1.9s linear infinite;
		-o-animation: cssload-clockwise 1.9s linear infinite;
		-ms-animation: cssload-clockwise 1.9s linear infinite;
		-webkit-animation: cssload-clockwise 1.9s linear infinite;
		-moz-animation: cssload-clockwise 1.9s linear infinite;
}
.active.cssload-container  .cssload-lb {
	margin-right: -14px;
	animation: cssload-lt 3.8s linear -2850ms infinite;
		-o-animation: cssload-lt 3.8s linear -2850ms infinite;
		-ms-animation: cssload-lt 3.8s linear -2850ms infinite;
		-webkit-animation: cssload-lt 3.8s linear -2850ms infinite;
		-moz-animation: cssload-lt 3.8s linear -2850ms infinite;
}.active.cssload-container  .cssload-lb:before {
	bottom: 0;
	left: 0;
	animation: cssload-not-clockwise 1.9s linear infinite;
		-o-animation: cssload-not-clockwise 1.9s linear infinite;
		-ms-animation: cssload-not-clockwise 1.9s linear infinite;
		-webkit-animation: cssload-not-clockwise 1.9s linear infinite;
		-moz-animation: cssload-not-clockwise 1.9s linear infinite;
}
.active.cssload-container  .cssload-rb {
	animation: cssload-lt 3.8s linear -950ms infinite;
		-o-animation: cssload-lt 3.8s linear -950ms infinite;
		-ms-animation: cssload-lt 3.8s linear -950ms infinite;
		-webkit-animation: cssload-lt 3.8s linear -950ms infinite;
		-moz-animation: cssload-lt 3.8s linear -950ms infinite;
}.active.cssload-container  .cssload-rb:before {
	bottom: 0;
	right: 0;
	animation: cssload-clockwise 1.9s linear infinite;
		-o-animation: cssload-clockwise 1.9s linear infinite;
		-ms-animation: cssload-clockwise 1.9s linear infinite;
		-webkit-animation: cssload-clockwise 1.9s linear infinite;
		-moz-animation: cssload-clockwise 1.9s linear infinite;
}
.active.cssload-container .cssload-lt:before,
.active.cssload-container .cssload-rt:before,
.active.cssload-container .cssload-lb:before,
.active.cssload-container .cssload-rb:before {
/*
	
	border-top: 6px solid #99CC00;

	"default" 	:border-top: 6px solid #FFFFFF;
    "dark" 		:border-top: 6px solid #1F2837;
    "primary" 	:border-top: 6px solid #4E7FE1;
    "success" 	:border-top: 6px solid #81CA80;
    "success2" 	:border-top: 6px solid #99CC00;
    "info" 		:border-top: 6px solid #6BBCD7;
    "warning" 	:border-top: 6px solid #E9C842;
    "danger" 	:border-top: 6px solid #E96562;
    "danger2" 	:border-top: 6px solid #800200;
    
	"ezt dobta a gep" 	:border-top: 6px solid rgb(199,64,102);;
	*/
}