*, *:before, *:after {
	box-sizing: inherit;
}
html {
	box-sizing: border-box;
    display: table;
	height: 100%;
	width: 100%;
    margin: 0;
}
body {
	background-color: Beige;
    display: table-cell;
    vertical-align: middle;
	height: 100%;
	width: 100%;
    margin: 0;
}
#home_login {
    height: 100%;
    width: 100%;
	display: flex;
    align-items: center;
}
#home_login div.row {
    text-align: center;
}
#home_login div.npt {
	color: DarkSlateGrey;
	font-family: Arial;
	font-size: 6vw;
	font-weight: bold;
}
#home_login span.bad {
	animation: blinker 1s linear infinite;
	color: Red;
	font-family: Arial;
	font-size: 2vw;
	margin-left: 1vw;
}
@keyframes blinker {  
  50% { opacity: 0; }
}
#home_login input {
	margin: 0.5vw;
	max-width: 75%;
	text-align: center;
}
#home_menu {
	height: 100%;
    width: 100%;
}
@media only screen and (orientation: landscape) {
	#home_menu div.menu {
		font-family: Arial;
		font-size: 3vw;
		float: left;
		height: 50%;
		width: 33.3333%;
		text-align: center;
		display: flex;
		align-items: center;
	}
}
@media only screen and (orientation: portrait) {
	#home_menu div.menu {
		font-family: Arial;
		font-size: 3vw;
		float: left;
		height: 33.3333%;
		width: 50%;
		text-align: center;
		display: flex;
		align-items: center;
	}
}
#home_menu div.menu:hover {
	background-color: LightSalmon;
	color: DarkRed;
	cursor: pointer;
}
#password_change {
	height: 100%;
    width: 100%;
	display: flex;
    align-items: center;
}
#password_change div.pwd {
	font-family: Arial;
	font-size: 3vw;
	float: left;
	height: 12.5%;
	width: 100%;
	text-align: center;
	padding: 0.2vw 1vw;
}
#password_change input {
	margin: 0.5vw;
	max-width: 75%;
	text-align: center;
}
table { 
	background-color: grey; 
	border-spacing: 1px; 
	border: 0;
    width: 95%;
	margin: 1vw auto;
}
table.noborder {
	border-spacing: 0; 
	border: 0;
    width: 95%;
	margin: 1vw auto;
}
table.noborder td {
	padding: 0 1vw;
}
td {
	font-family: Arial;
	font-size: 3vw;
	background-color: beige; 
	text-align: center; 
}
td.header {
	background-color: #7e4a35;
	color: Ivory;
	text-align: left;
	padding: 1vw;
}
td.content {
	background-color: #dbceb0;
	color: Black;
	text-align: left;
	padding: 1vw;
}
td.content_icon {
	background-color: #dbceb0;
	text-align: center;
}
td.content_icon img {
    max-width: 3vw;
}
td.header_admin {
	background-color: #7e4a35;
	color: Ivory;
	text-align: center;
}
td.content_admin {
	background-color: #dbceb0;
	text-align: center;
    vertical-align: middle;
	padding-top: 1vw;
}
td.content_admin input[type=image] {
    max-width: 3vw;
    max-height: 3vw;
	cursor: pointer;
}
td.label { 
	background-color: Beige; 
	text-align: left; 
}
td.left { 
	text-align: left;
	margin-right: 10px;
}
td.center { 
	text-align: center;
}
td.right {
	font-family: Courier;
	font-weight: bold;
	text-align: right;
	margin-left: 10px;
}


img {
    max-width: 50%;
    max-height: 50%;
}
input, select, option {
	font-size: 3vw;
	width: 100%;
}
textarea {
	font-size: 3vw;
	width: 100%;
	resize: none;
}
/* only for chrome
select, option {
	padding: 0.3vw;
}
*/

input[type=text], input[type=number], input[type=password], input[type=date], textarea, select, option {
	background-color: Ivory;
	margin-bottom: 2vw;
}
input[type=radio] {
	border: 0;
	height: 2vw;
    width: 2vw;
	margin-bottom: 2vw;
}
input[type=image] {
    max-width: 40%;
    max-height: 40%;
	cursor: pointer;
}
input[type=submit], input[type=button] {
	font-family: Arial;
	width: auto;
	padding: 10px 20px 10px 20px;
	border-radius: 1vw;
	cursor: pointer;
}
p {
	font-family: Arial;
	font-size: 3vw;
	text-align: center;
}
div.footer {
	text-align: center;
	margin-bottom: 2vw;
}
.footer input {
	margin: 0 1vw;
}
.warning {
	color: Red;
}