* {
	font-size: 14pt;
}

.cards-field {
	/*background: #ffffff;*/
}

.cards-field img {
	border-radius: 16px;
	margin-left: 2px;
	margin-top: 2px;
}

.settings {
	padding: 24px;
}

.settings form {
	padding: 16px;
	border-radius: 8px;
	border: 4px solid #ddd;
	width: 600px;
}

.image-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.5);
	z-index: 2;
	cursor: pointer;
}

.image-overlay .image-container {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 50px;
	color: white;
	transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
}

.image-overlay img {
	max-height: 100vh;
	height: 1071px;
}

.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none;
	/* Non-prefixed version, currently
    supported by Chrome, Opera and Firefox */
}
body {
color:#585858; 
font-family:Segoe UI; 
font-size:12px; 
background:#fff;
	
}

p {margin-bottom:0px;}
#button {text-align:left; border-top:1px solid #E3E3E3; padding-top:10px;}
#wrapper {position:left; margin:0px auto; width:550px;}

#pass-window {
background:#FFF; 
border:1px solid #CCC; 
box-shadow:0px 2px 15px #CCC; 
padding:10px; z-index:100; 
position:absolute; 
margin:0px auto; 
left:125px; 
top:20%; 
width:300px;
}

#mask {background:#FFF; 
opacity:0.8; 
position:fixed; 
top:0; left:0; 
width:100%; 
height:100%; 
z-index:0;}

input[type='text'] {
border:1px solid #CCC; 
padding:4px; 
color:#585858;}

input[type='button'] {
background:#F2F2F2; 
border:1px solid #CCC; 
padding:3px; 
padding-left:10px; 
padding-right:10px; 
color:#585858; 
text-shadow:0px 1px 0px #FFF; 
cursor:pointer;}

input[type='button']:hover {background:#F9F9F9; border-color:#AAA;}
h3 {font-size:15px; border-bottom:1px solid #E3E3E3; padding-bottom:5px; font-weight:normal;}

.button__container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	height: 45%;
}

.button__container button {
	margin: 1vmin;
	width: 45%;
	min-height: 40%;
}

.red__background {
	background-color: red;
}