body
{
	background-color: #f6f6f6;
}

	body div.container
	{
		width: 340px;
		height: 200px;
		
		position: absolute;
		top: 20px;
		bottom: 20px;
		left: 50%;
		transform: translate(-50%, 0%);
		
		padding: 20px;
		display: table;
		
		background-color: #fff;
		
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
	}
	
		body div.container div.img-container
		{
			width: 100%;
			
			margin: 0px 0px 10px 0px;
			
			text-align: center;
		}
	
		body div.container img
		{
			width: 30%;
		}
	
		body div.container h1
		{
			width: 100%;
			
			margin: 0px;
			padding: 0px;
			
			font-size: 25px;
			font-weight: bold;
			text-align: center;
		}
		
		body div.container h2
		{
			width: 100%;
			
			margin: 0px 0px 15px 0px;
			padding: 0px;
			
			font-size: 18px;
			font-weight: normal;
			text-align: center;
		}
		
		body div.container h3
		{
			width: 100%;
			
			margin: 0px 0px 15px 0px;
			padding: 0px;
			
			font-size: 30px;
			font-weight: normal;
			letter-spacing: -1px;
			text-align: center;
		}
		
		body div.container div.error-text
		{
			width: calc(100% - 40px);
			
			margin: 20px 0px 0px 0px;
			padding: 20px;
			
			background-color: #ffe8e8;
			border-left: 2px solid #fe5353;
			
			font-size: 13px;
			line-height: 17px;
		}
		
			body div.container div.error-text strong
			{
				font-size: 15px;
				font-weight: bold;
				color: #fe5353;
			}
			
			
			body div.container div.error-text a
			{
				color: #fe5353;
			}
			
		body div.container div.info-text
		{
			width: calc(100% - 40px);
			
			margin: 20px 0px 0px 0px;
			padding: 20px;
			
			background-color: #e8f6ff;
			border-left: 2px solid #4758d1;
			
			font-size: 13px;
			line-height: 17px;
		}
		
			body div.container div.info-text strong
			{
				font-size: 15px;
				font-weight: bold;
				color: #4758d1;
			}
			
		body div.container div.success-text
		{
			width: calc(100% - 40px);
			
			margin: 20px 0px 0px 0px;
			padding: 20px;
			
			background-color: #e8ffed;
			border-left: 2px solid #108d28;
			
			font-size: 13px;
			line-height: 17px;
		}
		
			body div.container div.success-text strong
			{
				font-size: 15px;
				font-weight: bold;
				color: #108d28;
			}
			
		body div.container input
		{
			padding: 10px;
			
			border: none;
			
			border-radius: 8px;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
		}
		body div.container input[type='date']
		{
			width: calc(100% - 20px);
			
			margin: 20px 0px 10px 0px;
			
			background-color: #f1f1f1;
		}
		body div.container input[type='submit']
		{
			width: 100%;
			
			background-color: #4758d1;
			
			color: #fff;
		}
			
		body div.container div.payment-methods
		{
			width: 100%;
			height: 10px;
			
			display: table;
		}
		
			body div.container div.payment-methods div.method
			{
				width: calc(100% - 20px);
				height: 20px;
				
				margin: 5px 0px;
				padding: 10px;
				float: left;
				display: table;
				
				border: 1px solid #dedede;
				
				border-radius: 8px;
				-moz-border-radius: 8px;
				-webkit-border-radius: 8px;
			}
			body div.container div.payment-methods div.method:hover
			{
				border-color: var(--hover);
				
				cursor: pointer;
			}
			
				body div.container div.payment-methods div.method div.icon
				{
					width: 50px;
					height: 25px;
					
					float: left;
					
					background-color: #f5f5f5;
					
					border-radius: 8px;
					-moz-border-radius: 8px;
					-webkit-border-radius: 8px;
				}
				
					body div.container div.payment-methods div.method div.icon img
					{
						width: 100%;
						
						border-radius: 8px;
						-moz-border-radius: 8px;
						-webkit-border-radius: 8px;
					}
					
				body div.container div.payment-methods div.method div.name
				{
					height: 25px;
					
					margin: 0px 0px 0px 10px;
					float: left;
					display: flex;
					align-items: center;
					justify-content: center;
					
					font-size: 13px;
				}
				
				body div.container div.payment-methods div.method div.loader
				{
					width: 17px;
					height: 17px;
					
					position: relative;
					
					margin: 4px 0px 0px 0px;
					display: none;
					float: right;
				}
				
					body div.container div.payment-methods div.method div.loader div
					{
						width: 17px;
						height: 17px;
						
						position: absolute;
						
						margin: 0px;
						display: block;
						box-sizing: border-box;
						
						border: 2px solid #000;
						border-radius: 50%;
						border-color: #000 transparent transparent transparent;
						
						animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
					}
					body div.container div.payment-methods div.method div.loader div:nth-child(1)
					{
						animation-delay: -0.45s;
					}
					body div.container div.payment-methods div.method div.loader div:nth-child(2)
					{
						animation-delay: -0.3s;
					}
					body div.container div.payment-methods div.method div.loader div:nth-child(3)
					{
						animation-delay: -0.15s;
					}
					
					@keyframes lds-ring 
					{
						0% 
						{
							transform: rotate(0deg);
						}
						100% 
						{
							transform: rotate(360deg);
						}
					}
			
		body div.container div.footer
		{
			width: calc(100% - 40px);
			
			margin: 0px;
			padding: 20px 0px;
			
			position: absolute;
			bottom: -70px;
			
			font-size: 11px;
			color: #333;
			text-align: center;
		}
		body div.container div.footer.return
		{
			bottom: -90px;
		}
		
			body div.container div.footer a
			{
				width: 100%;
				
				margin: 0px 0px 10px 0px;
				float: left;
				
				font-size: 14px;
				color: var(--color);
			}