@charset "utf-8";

/*¬õ red rgba(244, 67, 54, .85)*/ /*¯» pink rgba(255, 150, 220, .85)*/

/*µµ purple rgba(156, 39, 176, .85)*/ /*²`µµ deeppurple rgba(103, 58, 183, .85)*/

/*ÀQ«C indigo rgba(63, 81, 181, .85)*/ /*ÂÅ blue rgba(33, 150, 243, .85)*/ /*²LÂÅ lightblue rgba(3, 169, 244, .85)*/

/*«C¦â cyan rgba(0, 188, 212, .85)*/ /*Âźñ¦â teal rgba(0, 150, 136, .85)*/

/*ºñ green rgba(76, 175, 80, .85)*/ /*²Lºñ lightgreen rgba(139, 195, 74, .85)*/ /*ÂfÂcºñ lime rgba(205, 220, 57, .85)*/

/*¶À¦â yellow rgba(255, 235, 59, .85)*/ /*µ[¬Ä¦â amber rgba(255, 193, 7, .85)*/ /*¾í¦â orange rgba(255, 152, 0, .85)*/ /*²`¾í deeporange rgba(255, 87, 34, .85)*/

/*´Ä¦â brown rgba(121, 85, 72, .85)*/ /*¦Ç¦â grey rgba(158, 158, 158, .85)*/ /*¦ÇÂÅ bluegrey rgba(96, 125, 139, .85)*/

/*============================================================================*/

.pl-antcss { position: fixed; top: calc(100% / 2 - 100px) !important; left: calc(100% / 2 - 150px) !important; }

.pl-antcss .loading-overlay {
	position: absolute; width: 300px; height: 200px;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
}

.pl-antcss .loading-overlay .tx {
	display: block; position: absolute; top: 65px; left: 0; right: 0; text-align: center;
	font-size: 14px; color: rgba(0, 0, 0, .85);
	opacity: .85;
}

.pl-antcss .loading-container {
	position: relative; padding: 0 50px;
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	flex-direction: row-reverse;
}

.pl-antcss .loading-dot {
	position: relative; margin-right: 15px; width: 10px; height: 10px;
	border-radius: 100%;
	box-shadow: 0 0 3px 1px rgba(0, 0, 0, .35);
	background-color: rgba(0, 0, 0, .85);
	-webkit-animation: preloader-dot 1.5s cubic-bezier(0.17, 0.67, 0.83, 0.67) infinite;
	animation: preloader-dot 1.5s cubic-bezier(0.17, 0.67, 0.83, 0.67) infinite;
}
.pl-antcss .loading-dot:nth-of-type(1) { margin-right: 0; }
.pl-antcss .loading-dot:nth-of-type(2) { -webkit-animation-delay: .175s; animation-delay: .175s; }
.pl-antcss .loading-dot:nth-of-type(3) { -webkit-animation-delay: .35s; animation-delay: .35s; }


/*----------------------------------------------------------------------------*/

/*¬õ red rgba(244, 67, 54, .85)*/
.pl-antcss.red .loading-dot { box-shadow: 0 0 3px 1px rgba(244, 67, 54, .35); background-color: rgba(244, 67, 54, .85); }
.pl-antcss.red .loading-overlay .tx { color: rgba(244, 67, 54, .85); }

/*¯» pink rgba(255, 150, 220, .85)*/
.pl-antcss.pink .loading-dot { box-shadow: 0 0 3px 1px rgba(255, 150, 220, .35); background-color: rgba(255, 150, 220, .85); }
.pl-antcss.pink .loading-overlay .tx { color: rgba(255, 150, 220, .85); }

/*µµ purple rgba(156, 39, 176, .85)*/
.pl-antcss.purple .loading-dot { box-shadow: 0 0 3px 1px rgba(156, 39, 176, .35); background-color: rgba(156, 39, 176, .85); }
.pl-antcss.purple .loading-overlay .tx { color: rgba(156, 39, 176, .85); }

/*²`µµ deeppurple rgba(103, 58, 183, .85)*/
.pl-antcss.deeppurple .loading-dot { box-shadow: 0 0 3px 1px rgba(103, 58, 183, .35); background-color: rgba(103, 58, 183, .85); }
.pl-antcss.deeppurple .loading-overlay .tx { color: rgba(103, 58, 183, .85); }

/*ÀQ«C indigo rgba(63, 81, 181, .85)*/
.pl-antcss.indigo .loading-dot { box-shadow: 0 0 3px 1px rgba(63, 81, 181, .35); background-color: rgba(63, 81, 181, .85); }
.pl-antcss.indigo .loading-overlay .tx { color: rgba(63, 81, 181, .85); }

/*ÂÅ blue rgba(33, 150, 243, .85)*/
.pl-antcss.blue .loading-dot { box-shadow: 0 0 3px 1px rgba(33, 150, 243, .35); background-color: rgba(33, 150, 243, .85); }
.pl-antcss.blue .loading-overlay .tx { color: rgba(33, 150, 243, .85); }

/*²LÂÅ lightblue rgba(3, 169, 244, .85)*/
.pl-antcss.lightblue .loading-dot { box-shadow: 0 0 3px 1px rgba(3, 169, 244, .35); background-color: rgba(3, 169, 244, .85); }
.pl-antcss.lightblue .loading-overlay .tx { color: rgba(3, 169, 244, .85); }

/*«C¦â cyan rgba(0, 188, 212, .85)*/
.pl-antcss.cyan .loading-dot { box-shadow: 0 0 3px 1px rgba(0, 188, 212, .35); background-color: rgba(0, 188, 212, .85); }
.pl-antcss.cyan .loading-overlay .tx { color: rgba(0, 188, 212, .85); }

/*Âźñ¦â teal rgba(0, 150, 136, .85)*/
.pl-antcss.teal .loading-dot { box-shadow: 0 0 3px 1px rgba(0, 150, 136, .35); background-color: rgba(0, 150, 136, .85); }
.pl-antcss.teal .loading-overlay .tx { color: rgba(0, 150, 136, .85); }

/*ºñ green rgba(76, 175, 80, .85)*/
.pl-antcss.green .loading-dot { box-shadow: 0 0 3px 1px rgba(76, 175, 80, .35); background-color: rgba(76, 175, 80, .85); }
.pl-antcss.green .loading-overlay .tx { color: rgba(76, 175, 80, .85); }

/*²Lºñ lightgreen rgba(139, 195, 74, .85)*/
.pl-antcss.lightgreen .loading-dot { box-shadow: 0 0 3px 1px rgba(139, 195, 74, .35); background-color: rgba(139, 195, 74, .85); }
.pl-antcss.lightgreen .loading-overlay .tx { color: rgba(139, 195, 74, .85); }

/*ÂfÂcºñ lime rgba(205, 220, 57, .85)*/
.pl-antcss.lime .loading-dot { box-shadow: 0 0 3px 1px rgba(205, 220, 57, .35); background-color: rgba(205, 220, 57, .85); }
.pl-antcss.lime .loading-overlay .tx { color: rgba(205, 220, 57, .85); }

/*¶À¦â yellow rgba(255, 235, 59, .85)*/
.pl-antcss.yellow .loading-dot { box-shadow: 0 0 3px 1px rgba(255, 235, 59, .35); background-color: rgba(255, 235, 59, .85); }
.pl-antcss.yellow .loading-overlay .tx { color: rgba(255, 235, 59, .85); }

/*µ[¬Ä¦â amber rgba(255, 193, 7, .85)*/
.pl-antcss.amber .loading-dot { box-shadow: 0 0 3px 1px rgba(255, 193, 7, .35); background-color: rgba(255, 193, 7, .85); }
.pl-antcss.amber .loading-overlay .tx { color: rgba(255, 193, 7, .85); }

/*¾í¦â orange rgba(255, 152, 0, .85)*/
.pl-antcss.orange .loading-dot { box-shadow: 0 0 3px 1px rgba(255, 152, 0, .35); background-color: rgba(255, 152, 0, .85); }
.pl-antcss.orange .loading-overlay .tx { color: rgba(255, 152, 0, .85); }

/*²`¾í deeporange rgba(255, 87, 34, .85)*/
.pl-antcss.deeporange .loading-dot { box-shadow: 0 0 3px 1px rgba(255, 87, 34, .35); background-color: rgba(255, 87, 34, .85); }
.pl-antcss.deeporange .loading-overlay .tx { color: rgba(255, 87, 34, .85); }

/*´Ä¦â brown rgba(121, 85, 72, .85)*/
.pl-antcss.brown .loading-dot { box-shadow: 0 0 3px 1px rgba(121, 85, 72, .35); background-color: rgba(121, 85, 72, .85); }
.pl-antcss.brown .loading-overlay .tx { color: rgba(121, 85, 72, .85); }

/*¦Ç¦â grey rgba(158, 158, 158, .85)*/
.pl-antcss.grey .loading-dot { box-shadow: 0 0 3px 1px rgba(158, 158, 158, .35); background-color: rgba(158, 158, 158, .85); }
.pl-antcss.grey .loading-overlay .tx { color: rgba(158, 158, 158, .85); }

/*¦ÇÂÅ bluegrey rgba(96, 125, 139, .85)*/
.pl-antcss.bluegrey .loading-dot { box-shadow: 0 0 3px 1px rgba(96, 125, 139, .35); background-color: rgba(96, 125, 139, .85); }
.pl-antcss.bluegrey .loading-overlay .tx { color: rgba(96, 125, 139, .85); }


.pl-antcss.white .loading-dot { box-shadow: 0 0 3px 1px rgba(255, 255, 255, .35); background-color: rgba(255, 255, 255, .85); }
.pl-antcss.white .loading-overlay .tx { color: rgba(255, 255, 255, .85); }


.pl-antcss.black .loading-dot { box-shadow: 0 0 3px 1px rgba(0, 0, 0, .35); background-color: rgba(0, 0, 0, .85); }
.pl-antcss.black .loading-overlay .tx { color: rgba(0, 0, 0, .85); }


/*----------------------------------------------------------------------------*/


@-webkit-keyframes preloader-dot {
	0% { -webkit-transform: translate3d(-1000%, 0, 0); transform: translate3d(-1000%, 0, 0); opacity: 0; }
	20% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
	80% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
	100% { -webkit-transform: translate3d(1000%, 0, 0); transform: translate3d(1000%, 0, 0); opacity: 0; }
}

@keyframes preloader-dot {
	0% { -webkit-transform: translate3d(-1000%, 0, 0); transform: translate3d(-1000%, 0, 0); opacity: 0; }
	20% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
	80% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
	100% { -webkit-transform: translate3d(1000%, 0, 0); transform: translate3d(1000%, 0, 0); opacity: 0; }
}

/*============================================================================*/