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

.lm-ui-toast {

    background: rgba(51, 51, 51, 0.95);
    font-size: 16px;
    padding: 20px 10px;
    border-radius: 8px;
    text-align: center;
    min-width: 100px;

    p {
    	color: #FFF;
    }

}

.toast-text-content {
	border-radius: 4px;
	width: auto;
	padding: 10px;
	p {
		text-align: center;
		min-width: 250px;
		max-width: 75%;
		margin: 0;
	}
}

.lm-ui-toast-icon {
	display: inline-block;
	width: 33px;
	height: 33px;
	background-size: 33px 33px;
	background-position: center;
	background-repeat: no-repeat; 
	margin-bottom: 12px;
	&.icon-loading {
		background-image: url(./icon-loading.png);
		-webkit-animation: rotate-loading 1s steps(12,end) infinite;
		animation: rotate-loading linear 1s steps(12,end) infinite;
	}
	&.icon-success {
		background-image: url(./icon-success.png);
	}
	&.icon-fail {
		background-image: url(./icon-fail.png);
	}
	&.icon-network {
		background-image: url(./icon-network.png);
	}
}