@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; position: absolute; top: calc(100% / 2 - 50px) !important; left: calc(100% / 2 - 50px) !important; }

.pl-antcss, .loading { width: 100px; height: 100px; border-radius: 100%; }

.pl-antcss .loading {
	border: 2px solid transparent;
	border-color: transparent rgba(0, 0, 0, .85) transparent rgba(0, 0, 0, .85);
	-webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
	-webkit-transform-origin: 50% 50%;
	animation: rotate-loading 1.5s linear 0s infinite normal;
	transform-origin: 50% 50%;
}
/*
.pl-antcss:hover .loading { border-color: transparent rgba(0, 0, 0, .85) transparent rgba(0, 0, 0, .85); }
*/
.pl-antcss:hover .loading, .pl-antcss .loading {
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.pl-antcss .tx {
	position: absolute; top: 0; margin: 36px 10px 0 10px; width: 80px; height: 26px; line-height: 26px;
	color: rgba(0, 0, 0, .85);
	font-size: 16px; text-align: center; /*text-transform: uppercase;*/
	opacity: 0;
	overflow: hidden;
	-webkit-animation: loading-text-opacity 2s linear 0s infinite normal;
	animation: loading-text-opacity 2s linear 0s infinite normal;
}

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

/*¬õ red rgba(244, 67, 54, .85)*/
.pl-antcss.red .loading { border-color: transparent rgba(244, 67, 54, .85) transparent rgba(244, 67, 54, .85); }
.pl-antcss.red .tx { color: rgba(244, 67, 54, .85); }

/*¯» pink rgba(255, 150, 220, .85)*/
.pl-antcss.pink .loading { border-color: transparent rgba(255, 150, 220, .85) transparent rgba(255, 150, 220, .85); }
.pl-antcss.pink .tx { color: rgba(255, 150, 220, .85); }

/*µµ purple rgba(156, 39, 176, .85)*/
.pl-antcss.purple .loading { border-color: transparent rgba(156, 39, 176, .85) transparent rgba(156, 39, 176, .85); }
.pl-antcss.purple .tx { color: rgba(156, 39, 176, .85); }

/*²`µµ deeppurples rgba(103, 58, 183, .85)*/
.pl-antcss.deeppurples .loading { border-color: transparent rgba(103, 58, 183, .85) transparent rgba(103, 58, 183, .85); }
.pl-antcss.deeppurples .tx { color: rgba(103, 58, 183, .85); }

/*ÀQ«C indigo rgba(63, 81, 181, .85)*/
.pl-antcss.indigo .loading { border-color: transparent rgba(63, 81, 181, .85) transparent rgba(63, 81, 181, .85); }
.pl-antcss.indigo .tx { color: rgba(63, 81, 181, .85); }

/*ÂÅ blue rgba(33, 150, 243, .85)*/
.pl-antcss.blue .loading { border-color: transparent rgba(33, 150, 243, .85) transparent rgba(33, 150, 243, .85); }
.pl-antcss.blue .tx { color: rgba(33, 150, 243, .85); }

/*²LÂÅ lightblue rgba(3, 169, 244, .85)*/
.pl-antcss.lightblue .loading { border-color: transparent rgba(3, 169, 244, .85) transparent rgba(3, 169, 244, .85); }
.pl-antcss.lightblue .tx { color: rgba(3, 169, 244, .85); }

/*«C¦â cyan rgba(0, 188, 212, .85)*/
.pl-antcss.cyan .loading { border-color: transparent rgba(0, 188, 212, .85) transparent rgba(0, 188, 212, .85); }
.pl-antcss.cyan .tx { color: rgba(0, 188, 212, .85); }

/*Âźñ¦â teal rgba(0, 150, 136, .85)*/
.pl-antcss.teal .loading { border-color: transparent rgba(0, 150, 136, .85) transparent rgba(0, 150, 136, .85); }
.pl-antcss.teal .tx { color: rgba(0, 150, 136, .85); }

/*ºñ green rgba(76, 175, 80, .85)*/
.pl-antcss.green .loading { border-color: transparent rgba(76, 175, 80, .85) transparent rgba(76, 175, 80, .85); }
.pl-antcss.green .tx { color: rgba(76, 175, 80, .85); }

/*²Lºñ lightgreen rgba(139, 195, 74, .85)*/
.pl-antcss.lightgreen .loading { border-color: transparent rgba(139, 195, 74, .85) transparent rgba(139, 195, 74, .85); }
.pl-antcss.lightgreen .tx { color: rgba(139, 195, 74, .85); }

/*ÂfÂcºñ lime rgba(205, 220, 57, .85)*/
.pl-antcss.lime .loading { border-color: transparent rgba(205, 220, 57, .85) transparent rgba(205, 220, 57, .85); }
.pl-antcss.lime .tx { color: rgba(205, 220, 57, .85); }

/*¶À¦â yellow rgba(255, 235, 59, .85)*/
.pl-antcss.yellow .loading { border-color: transparent rgba(255, 235, 59, .85) transparent rgba(255, 235, 59, .85); }
.pl-antcss.yellow .tx { color: rgba(255, 235, 59, .85); }

/*µ[¬Ä¦â amber rgba(255, 193, 7, .85)*/
.pl-antcss.amber .loading { border-color: transparent rgba(255, 193, 7, .85) transparent rgba(255, 193, 7, .85); }
.pl-antcss.amber .tx { color: rgba(255, 193, 7, .85); }

/*¾í¦â orange rgba(255, 152, 0, .85)*/
.pl-antcss.orange .loading { border-color: transparent rgba(255, 152, 0, .85) transparent rgba(255, 152, 0, .85); }
.pl-antcss.orange .tx { color: rgba(255, 152, 0, .85); }

/*²`¾í deeporange rgba(255, 87, 34, .85)*/
.pl-antcss.deeporange .loading { border-color: transparent rgba(255, 87, 34, .85) transparent rgba(255, 87, 34, .85); }
.pl-antcss.deeporange .tx { color: rgba(255, 87, 34, .85); }

/*´Ä¦â brown rgba(121, 85, 72, .85)*/
.pl-antcss.brown .loading { border-color: transparent rgba(121, 85, 72, .85) transparent rgba(121, 85, 72, .85); }
.pl-antcss.brown .tx { color: rgba(121, 85, 72, .85); }

/*¦Ç¦â grey rgba(158, 158, 158, .85)*/
.pl-antcss.grey .loading { border-color: transparent rgba(158, 158, 158, .85) transparent rgba(158, 158, 158, .85); }
.pl-antcss.grey .tx { color: rgba(158, 158, 158, .85); }

/*¦ÇÂÅ  rgba(96, 125, 139, .85)*/
.pl-antcss.bluegrey .loading { border-color: transparent rgba(96, 125, 139, .85) transparent rgba(96, 125, 139, .85); }
.pl-antcss.bluegrey .tx { color: rgba(96, 125, 139, .85); }

/*¥Õ white rgba(255, 255, 255, .85)*/
.pl-antcss.white .loading { border-color: transparent rgba(255, 255, 255, .85) transparent rgba(255, 255, 255, .85); }
.pl-antcss.white .tx { color: rgba(255, 255, 255, .85); }

/*¶Â black rgba(0, 0, 0, .85)*/
.pl-antcss.black .loading { border-color: transparent rgba(0, 0, 0, .85) transparent rgba(0, 0, 0, .85); }
.pl-antcss.black .tx { color: rgba(0, 0, 0, .85); }

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

@keyframes rotate-loading {
	0% { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); }
	100% { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); }
}

@-webkit-keyframes rotate-loading {
	0% { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); }
	100% { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); }
}

@keyframes rotate-loading {
	0% { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); }
	100% { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); }
}

@-webkit-keyframes rotate-loading {
	0% { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); }
	100% { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); }
}

@keyframes loading-text-opacity {
	0% { opacity: 0; } 20% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; }
}

@-webkit-keyframes loading-text-opacity {
	0% { opacity: 0; } 20% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; }
}



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