/* html, body */
	html, body {
		width: 100%;
		height: 100%;
		background-color: #444;
	}
	html {
		display: table;
		margin: auto;
	}
	body {
		display: table-cell;
		vertical-align: middle;
		color: #9e9e9e;
	}
	
/* Card Panel */
	.card-panel {
		padding-top: 5px;
		padding-bottom: 5px;
		border-radius: 5px;
	}
	
/* Panel Login */
	#login {
		display: none;
	}
	.panel-login {
		width: 340px;
	}
	.panel-title {
		font-weight: bold;
		font-size: 20px;
		margin-top: 10px;
	}
	.panel-mdp {
		float: right;
		margin-top: -12px;
		font-size: 11px;
		color: #9e9e9e;
	}
	.input-field {
		margin-top: 0px;
	}
	
/* loader */
	#loader {
		position: absolute;
		width: 100%;
		height: auto;
		top: 50px;
		bottom: 50px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.spinner-blue-only {
		border-color: #e0e0e0;
	}