@charset "utf-8";
/* CSS Document */
	
#login_screen {
	position:fixed;
	background-color:#eee;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index:100;
	width:40vw;
	-webkit-box-shadow: 5px 2px 31px 6px rgba(0,0,0,0.48); 
	box-shadow: 5px 2px 31px 6px rgba(0,0,0,0.48);
	border-radius:1vw;
	padding:1vw;
	}

#account_screen {
	position:fixed;
	background-color:#eee;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index:100;
	width:40vw;
	-webkit-box-shadow: 5px 2px 31px 6px rgba(0,0,0,0.48); 
	box-shadow: 5px 2px 31px 6px rgba(0,0,0,0.48);
	border-radius:1vw;
	padding:1vw;
	}

button {
	margin-bottom:0.5vw;
	font-family:'Font Awesome 5 Free','Open Sans';
	}

.text_black {
	color:#000;
	}

.login_link {
	font-size:0.85em;
	border:none;
	cursor:pointer;
	}

input,select {
	margin-bottom:0.3em;
	color:#000!Important;
	}

a {
	border:none;
	}

.pointer {
	cursor:pointer;
	}

.help {
	cursor:h;
	}

.no_margin {
	margin:0;
	}

.no_padding {
	padding:0;
	}

.no_border {
	border:0;
	}

.sprache_select_dif {
	margin-left:3px;
	}

.display_box {
	background-color:#000;
	width:100%;
	padding:1vw;
	text-align:center;
	text-align:center;
	background: rgb(0,0,0);
	background: radial-gradient(circle, rgba(0,0,0,1) 43%, rgba(115,115,115,1) 100%);
	border-radius:1vw;
	}

.document_width {
	width:30vw;
	}

.document_width_vertical {
	width:20vw;
	}

#account_my_documents_screen {
	height:60vh;
	overflow:auto;
	margin-bottom:0.5vw;
	}

.desktop {
	display:block;
	}

.mobile {
	display:none;
	}



@media only screen and (max-width: 720px) {

	.desktop {
		display:none;
		}

	.mobile {
		display:block;
		}

	input,select {
		font-size:1.1em;
		}

	.sprache_select_dif {
		margin-left:0px;
		}

	#login_screen,#account_screen {
		width:90vw;
		font-size:1.2em;
		padding:3vw;
		}

	.document_width,.document_width_vertical {
		width:95%;
		}

	.display_box { 
		padding:4vw;
		}

	.mobile_font {
		font-size:1.17em;
		}

	}