@font-face {
    font-family: 'CustFont';
    src: url('texgyreadventor-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

* {
	font-family: CustFont;
	font-size: 15px;
}
.fit {
	max-width: 100%;
	max-height: 100%;
	display: block;
	margin: auto;
}
#logtab {
	border: none;
	border-collapse: collapse;
	margin: auto;
/* 	max-width: 38%; */
}
input, #logbut {
	background-color: white;
	margin: 3px;
	padding: 3px;
	border: 1px solid black;
	border-radius: 5px;
}
#logbut {
	width: 38%;
	padding-left: 10px;
	padding-right: 10px;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
}
#logbut:hover { box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5); }
table, th, td {
	background-color: transparent;
	border: none;
	border-collapse: collapse;
	margin: 5px;
	padding: 5px;
}
#logomc {
	font-size: 10px;
	color: gray;
}
#logomc:hover {
	color: black;
	cursor: pointer;
}
input:-webkit-autofill {
	-webkit-text-fill-color: gray !important;
	-webkit-box-shadow: 0 0 0 30px white inset;
}
*:focus {
	outline-offset: 0px !important;
	outline-style: solid;
	outline-color: lightgray;
	outline-width: 1px;
}

a { color: black; }

.loa { /* loader */
	position: absolute;
	top: calc(38% - 10px);
	left: calc(50% - 10px);
	transform: translate(calc(-50% + 10px), calc(-50% + 10px));
	margin: auto;
	border: 0;
	border-radius: 50%;
	background-image: linear-gradient(to right, white, black);
	width: 20px;
	height: 20px;
	-webkit-animation: spin 2s linear infinite; /* Safari */
	animation: spin 2s linear infinite;
}
.lob {
	background: white;
	position: absolute;
	width: 14px;
	height: 14px;
	top: 3px;
	left: 3px;
	border-radius: 50%;
}
.loc {
	background: white;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 10px;
	left: 0;
}
@-webkit-keyframes spin { /* Safari */
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}