@font-face {
		font-family: 'EquipLig';
		src: url('../fonts/EquipLig-webfont.woff2') format('woff2'), url('../fonts/EquipLig-webfont.woff') format('woff');
}

html, body {
		height: 100%;
		font-family: EquipLig;
		margin: 0;
}

#container {
		display: flex;
		flex-flow: column;
		height: 100%;
		background: url("../images/System.svg");
		background-size: 1800px 1800px;
		background-position: -490px -680px;
		background-repeat: no-repeat;
		background-color: #F3F4F9
}

#license {
		min-height: 35%;
		font-size: 35px;
		font-weight: bold;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
}

*:focus {
    	outline: none;
}

::placeholder {
		color: #cccccc;
}

input.text {
		padding: 0px 10px 0px 10px;
		border: 1px;
		border-bottom-color: #666666;
		border-bottom-style: solid;
		font-size: 35px;
		font-weight: bold;
		font-family: EquipLig;
		background: none;
		autocorrect: off;
		autocapitalize: off;
		autocomplete: off;
}

input.button {
		border: none;
		font-size: 35px;
		font-weight: bold;
		font-family: EquipLig;
		background: none;
}

.modules {
		display: flex;
		justify-content: center;
 		align-items: center;
}

.module {
    	flex: 1 0 10%;
    	min-width: 0;
		color: black;
		opacity: 20%;
		font-size: 14px;
		font-weight: bold;
		letter-spacing: 0.5px;
    	text-align: center;
}

.module-img {
		margin-bottom: 10px;
		width: 40px;
}

#login {
		flex: 1 1 auto;
    	display: flex;
}

.dialog {
		flex: 0 0 40%;
}

.logo {
		flex: 0 0 30%;
		display: flex;
}

.fink-logo {
    	align-self: center;
		margin-left: auto;
		margin-right: 60px;
		margin-top: auto;
		margin-bottom: 60px;
		width: 180px;
}

.retailer-logo {
    	align-self: center;
		margin-left: 60px;
		margin-right: auto;
		margin-top: auto;
		margin-bottom: 60px;
		width: 180px;
}