.validate{ color:#F00; font-family:Arial, Helvetica, sans-serif;}

.v-center {

	height: 100vh;

	width: 100%;

	display: table;

	position: relative;

	text-align: center;

}

.v-center > div {

	display: table-cell;

	vertical-align: middle;

	position: relative;

	top: -10%;

}

.modal-box {

	display: none;

	position: fixed;

	z-index: 1000;

	width: 98%;

	background: white;

	border-bottom: 1px solid #aaa;

	border-radius: 4px;

	box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);

	border: 1px solid rgba(0, 0, 0, 0.1);

	background-clip: padding-box;

}

@media (min-width: 32em) {

.modal-box {

	width: 60%;

}

}

.modal-box, .modal-box .modal-header {

	padding: 1.25em 1.5em;

	border-bottom: 1px solid #ddd;

}

.modal-box .modal-body {

	padding: 2em 1.5em;

}

.modal-box footer, .modal-box .modal-footer {

	padding: 1em;

	border-top: 1px solid #ddd;

	background: rgba(0, 0, 0, 0.02);

	text-align: right;

}

.modal-overlay {

	opacity: 0;

	position:fixed !important;

	filter: alpha(opacity=0);

	position: absolute;

	top: 0;

	left: 0;

	z-index: 999 !important;

	width: 100%;

	height: 100%;

	background: rgba(0, 0, 0, 0.9) !important;

}