.rotate {
    -webkit-animation: spin 4s infinite linear;
    animation: spin 4s infinite linear;
}
@-webkit-keyframes spin {
    100% { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    100% { -moz-transform: rotate(360deg); }
}
@keyframes spin {
    100% {
        -moz-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg);
    }
}
label[for=payment_method_redlight_swish-ecommerce] img {
    max-height:30px;
}

.swish_logo img{
	max-height: 10vh;
}
.swish_logo.symbol img{
	max-height: 15vh;
}
#payment .payment_methods li .payment_box .wc-swish-form-payer-alias{
	background-repeat: no-repeat;
    background-position: right .6180469716em center;
    background-size: 31px 20px;
    background-image: url(../images/mobile-phone.svg);
}
#redlight-swish-popup_wraper{
	display: none;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:9999;
	background:rgba(255,255,255,1);
}
.startswish:hover {
    background: -webkit-gradient(linear,left top,left bottom,from(#35b7ee),color-stop(98.72%,#14aceb));
    background: linear-gradient(180deg,#35b7ee,#14aceb 98.72%);
}

.startswish {
	display: none;
    background: -webkit-gradient(linear,left top,left bottom,from(#1dafec),color-stop(98.72%,#129bd4));
    background: linear-gradient(180deg,#1dafec,#129bd4 98.72%);
    border: none;
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    line-height: 48px;
    height: 48px;
    max-width: 100%;
    padding: 0 24px;
    text-align: center;
    -webkit-transition: background .2s ease;
    transition: background .2s ease;
	text-decoration: none !important;
}

.redlight-swish-popup_wraper{
	width:100%;
	min-height: 80%;
	padding:30px;
	display: block;
}

.redlight-swish-popup_content_wrap{
	max-height: 100vh;
	font-size: 18px;
}

.redlight-swish-popup_content_wrap .woocommerce-info,
.redlight-swish-popup_content_wrap .woocommerce-error {
	display: block;
	padding: 5px;
	line-height: 1.5em;
	font-size: 16px;
	margin-bottom: 10px;
}

.redlight-swish-mcommerce-qr-code svg {
    max-width: 200px;
}

.redlight-swish-popup_message .instructions {
    max-height: 30vh;
}
.redlight-swish-popup_message p:empty {
    display: none;
}
@media (max-width: 720px) {
	.startswish{
		display:inline-block;
	}
	.swish_logo img{
		max-height: 8vh;
	}
	.swish_logo.symbol img{
		max-height: 10vh;
	}
	.redlight-swish-popup_message .instructions {
		display:none;
	}
	.redlight-swish-mcommerce-qr-code svg {
		max-width: 150px;
	}
 }