.login-body {
	font-family: Arial, sans-serif;
	background-color: #f2f2f2;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
}

.panel-superlogin {
	background-color: #fff;
	border-radius: 8px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	padding: 16px;
	text-align: center;
	max-width: 360px;
	margin: auto;
	position: relative;
}

.panel-superlogin > .panel-language {
	margin-bottom: 8px;
	display: flex;
}

.panel-superlogin > .panel-language > .list-box-language {
	margin-left: auto;
}

.panel-superlogin > .logo {
	margin-bottom: 16px;
}

.dl-dark .panel-superlogin > .logo {
	filter: invert(1);
}

.panel-superlogin input {
	height: inherit;
	width: 100%;
	padding: 8px;
	margin-bottom: 8px;
	text-align: center;
	font-size: small;
}

.panel-superlogin input[type="submit"] {
	background-color: #4CAF50;
	color: white;
	padding: 10px;
	margin: 8px 0px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	width: 100%;
}

.panel-superlogin input[type="submit"]:hover {
	background-color: #45a049;
}

.panel-superlogin .html-caption {
	font-size: x-large;
	margin-bottom: 8px;
	font-weight: bold;
}

.panel-superlogin .html-subcaption {
	margin-bottom: 16px;
}

.panel-superlogin .html-forgot, .panel-superlogin .html-guest {
	margin-bottom: 8px;
	font-size: smaller;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	display: table;
}

.table-compatibility td > img {
	width: 48px;
	height: auto;
}

@media screen and (max-width: 600px) {
	.login-body {
		font-family: Arial, sans-serif;
		background-color: #fff;
		margin: 0;
		padding: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100vh;
		
	}
	
	.window.login .windowBody .windowBodyBase {
		background-color: #fff;
	}
	
	.panel-superlogin {
		max-width: 360px;
		margin: auto;
		height: 100vh;
		display: flex;
		flex-direction: column;
		justify-content: center;
		box-shadow: 0 0 0px rgba(0, 0, 0, 0);
		background-color: #fff;
		border-radius: 0px;
		overflow: auto;
	}
}