.license-verification{
    background: #fff;
    padding: 1.5rem;
    max-width: 700px;
    margin: 5em auto;
    border: 1px solid #ddd;
    position: relative;

    h1{
    	text-align: center;

    	span{
			font-size: .8rem;
			padding: .25rem .5rem;
			border-radius: 4px;    	
    	}
    }

    .regular-text{
    	width: 100%;
    }

    table{
    	td{
    		padding: 1rem 0;
    	}
    }

    pre{
		background: #eee;
		margin: 0;
		padding: 1rem;
		overflow: scroll;
    }

	.spinner-wrap {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #fff;
		opacity: .8;
		z-index: 100;
		display: none;
		.spinner {
			position: absolute;
			transform: translate(-50%, -50%);
			left: 50%;
			top: 50%;
		}		
	}    

	p.submit{
		margin: 0;

		.button{
			margin-right: .5rem;
			margin-bottom: 1rem;

			&:last-child{
				margin-right: 0;
			}
		}

		button[name=button-check-update],
		button[name=button-deregister]{
			display:none;
		}
	}

	form.verified{

		p.submit{

			.button{
				display: inline-block;
			}

			button[name=button-verify]{
				display: none;
			}

		}
	}

	form.processing{
		.spinner-wrap{
			display: block;
		}
	}

	.purchases-list{
		background: #fff;
		padding: 1rem;	
		border: 1px solid #ddd;

		li{
			border-bottom: 1px solid #eee;
			padding-bottom: 1rem;

			&:last-child{
				padding-bottom: 0;
				border-bottom: none;
			}

			.purchase-item {
			  padding-left: 1rem;
			}		
			
			label{
				display: flex;
				align-items: center;
				cursor: pointer;				
			}

			h3{
				font-size: 1.1rem;
				margin: 0;
			}	

			p{
				font-style: italic;
				color: #666;
				font-size: 14px;
			}
		}
	}
}