html, body {
	height: 100%;
  margin: 0;
}

.form-wrapper {
	padding: 30px;
	margin: 90px auto 0;
	width: 70%;
	max-width: 550px;
	box-shadow: 0 0 4px #888;
	background: white;
}

.form-wrapper-space:after {
	content: '';
	display: flex;
	margin-top: 30px;
}

.notification-bar {
	padding: 15px 30px;
	width: 70%;
	max-width: 550px;
	box-shadow: 0 0 4px #888;
	background: white;
	margin: 30px auto -30px;
}

@media screen and (max-width: 600px) {
	.form-wrapper {
		width: calc(100% - 60px) !important;
	}

	.mco-modal-dialog {
		width: calc(100% - 60px) !important;
	}

	.notification-bar {
		width: calc(100% - 60px) !important;
	}
}

.mco-language-dropdown {
	margin: auto 10px;
}

/* modal dialog */
.modal {
	display: none;
	overflow: hidden;
	position: fixed;
	top: 0; 
	right: 0;
	bottom: 0;
	left: 0;
	/* z-index needs to be that high to prevent other content to be in the front */
	z-index: 20000000;
	-webkit-overflow-scrolling: touch;
	outline: 0;
}

@media (min-width: 768px){
	.modal-dialog {
	    width: 600px;
	    margin: 30px auto;
	}
}

.modal-dialog {
	display: flex;
	position: relative;
	width: auto;
	margin: 0;
	height: 100%;
	background: #b3b3b39c;
	overflow-y: scroll;
}

.clearfix:after {
	content: ".";
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
}

#swtt-links {
	margin-top: 1rem;
	border-top: #bbb solid 1px;
	display: flex;
	flex-flow: column;
}

#swtt-links a {
	text-decoration: none;
	margin-top: 16px;
}