.mrp-vow-spinner {
  width: 40px;
  height: 40px;
  background-color: rgba(0,0,0,0.5);

  margin: 100px auto;
  -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  animation: sk-rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes sk-rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes sk-rotateplane {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
  } 100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

table#page-layout {
	width: 100%;
}

.vow-form-container {
	width: 100%;
	min-height: 60vh;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.vow-form-container .inline-vow-form.inline-vow-form {
	max-width: 600px;
	flex: 1 1 100%;
}

.vow-form-container .inline-vow-form.inline-vow-form .mrp-vow-link-toolbar {
	margin: 20px 0;
}

.vow-form-container .inline-vow-form.inline-vow-form .form-group {
	display: block;
	width: auto;
}

.vow-form-container .inline-vow-form.inline-vow-form .form-group .control-label,
.vow-form-container .inline-vow-form.inline-vow-form .form-group .controls {
	padding-left: 15px;
	padding-right: 15px;	
}

.inline-vow-form.inline-vow-form .form-actions {
	text-align: center;
	padding: 30px 0;
}

.mrp-vow-login-form.mrp-vow-login-form .form-actions {
	padding: 10px 0;
}

@media (min-width: 768px) {
	.inline-vow-form.inline-vow-form .form-actions {
		text-align: right;
	}
	
	.inline-vow-form.inline-vow-form .mrp-vow-login-form.mrp-vow-login-form .form-actions {
		float: right;
		margin-top: -70px;
	}
}

.inline-vow-form.inline-vow-form .mrp-form-button-ok {
	font-size: 150%;
    padding: 10px 50px;
}

.inline-vow-form.inline-vow-form .control-error.mrp-form-field-error {
	padding-left: 15px;
}
	
@media (min-width: 768px) {
	.inline-vow-form.inline-vow-form .mrp-form-error {
		text-align: center;
		margin-bottom: 20px;
		padding-bottom: 0;
	}
	.inline-vow-form.inline-vow-form .mrp-form-title-main,
	/*
	.inline-vow-form.inline-vow-form .mrp-vow-agree-to-listing-emails,
	.inline-vow-form.inline-vow-form .mrp-vow-agree-to-other-emails,
	.inline-vow-form.inline-vow-form .mrp-vow-agree-to-terms,
	*/
	.inline-vow-form.inline-vow-form .control-error.mrp-form-field-error {
		padding-left: 0;
	}
	.inline-vow-form.inline-vow-form .mrp-vow-login-form .control-error.mrp-form-field-error {
	}
	
	.inline-vow-form.inline-vow-form .mrp-vow-login-form .mrp-form-title-main {
	}
}

.inline-vow-form.inline-vow-form .mrp-vow-login-form .mrp-vow-login-forgot-password {
	margin-bottom: 15px;
}

.inline-vow-form.inline-vow-form .mrp-vow-signup-form .vow-back-from-tos {
	font-size: 120%;
	margin-right: 10px;
	margin-bottom: 0;
}

.mrp-vow-signup-thank-you,
.mrp-vow-login-success {
	text-align: center;
	padding: 20px;
	margin: 20px;
	box-shadow: 0 0 5px #999;
}

.mrp-vow-signup-thank-you.mrp-vow-signup-thank-you h3,
.mrp-vow-login-success.mrp-vow-login-success h3 {
	font-size: 22px;
	line-height: 130%;
}

.mrp-vow-signup-thank-you.mrp-vow-signup-thank-you p {
	
}

.inline-vow-form.inline-vow-form .mrp-vow-login-signup a,
.inline-vow-form.inline-vow-form .mrp-vow-remember-me label,
.inline-vow-form.inline-vow-form .mrp-vow-login-forgot-password a {
	display: inline-block;
	width: auto;
}