body, html {
	background-color: #bfbfbf;
	margin: auto;

	/* iPad 10,2  */
	min-width: 1080px !important;
	max-width: 1080px !important;

	/* min-width: 1280px !important;
	max-width: 1280px !important; */

	min-height: 740px !important;
	max-height: 740px !important;

}

.mss-container {
	/* iPad 10,2  */
	width: 1080px;
	/* width: 1280px; */

	height: 740px;
}

.mss-header {
	height: 8%;
	background-color: #bfbfbf;
	/* display: inline-block; */
	padding-top: 15px;
	padding-bottom: 20px;
}

.mss-body {
	width: 100%;
	/* height: 85%; */
	height: auto;
	/* background-color: #d5d5d5; */
	background-color: #bfbfbf;
	/* text-align: center; */
	vertical-align: middle;
	margin: 0;
	display: inline-block;
	overflow: hidden;
}

.mss-footer {
	height: 5%;
	background-color: #bfbfbf;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: normal;
}

/*******************************************************************************
* Basics, Logo, etc.
*******************************************************************************/

* {
	font-family: Arial, sans-serif;
}

#mss-iid-tag-prog {
	height: auto;
	width: 800px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.mss-fill {
	height: 100%;
	width: 100%;
}

.mss-invisible {
	visibility: hidden;
	display: none;
}

.mss-horizontal-right {
	text-align: right !important;
}

.mss-horizontal-left {
	text-align: left !important;
}

/*******************************************************************************
* Navigation
*******************************************************************************/

nav {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: end;
}

nav .mss-logo {
	width: 15%;
}

nav .mss-app {
	width: 55%;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
}

nav .mss-app ~ * {
	width: 25%;
	text-align: right;
}

/*******************************************************************************
* Inputs
*******************************************************************************/

fieldset {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	text-align: left;
	border-radius: 3px;
}

fieldset table {
	width: 100%;
}

fieldset table tbody tr td:nth-child(1) {
	width: 25%;
}

fieldset table tbody tr td:nth-child(2) {
	width: 75%;
	text-align: left;
}

fieldset table tbody tr td:nth-child(2) input {
	margin-left: 0px;
}

input {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border-width: 1px;
	border-radius: 3px;
	background-color: #ffffff;
}

input:read-only {
	background-color: #f1f1f1;
}

select,
input[type=number],
input[type=text],
input[type=password] {
	height: 35px;
	font-size: 20px;
	width: 100%;
}

input, select {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

label {
	font-weight: lighter;
}

/*******************************************************************************
* Buttons
*******************************************************************************/

.mss-fill .mss-button-primary,
.mss-fill .mss-button-secondary,
.mss-fill .mss-button-special,
.mss-button-warning {
	margin-right: auto;
}
.mss-button-primary,
.mss-button-secondary,
.mss-button-special,
.mss-button-warning {
	border-radius: 3px;
	cursor: pointer;
	user-select: none;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
	padding: 9px 23px;
	margin-left: auto;
	margin-right: 0px;
}

.mss-button-primary:active,
.mss-button-secondary:active,
.mss-button-special:active,
.mss-button-warning:active {
	position: relative;
	top: 1px;
}

.mss-button-primary {
	box-shadow: inset 0px -3px 7px 0px #29bbff;
	background: linear-gradient(to bottom, #2dabf9 5%, #0688fa 100%);
	background-color: #2dabf9;
	border: 1px solid #0b0e07;
	color: #ffffff;
	text-shadow: 0px 1px 0px #263666;
	/* margin-bottom: 50px; */
	width: 200px;
}

.mss-button-primary:hover {
	background: linear-gradient(to bottom, #0688fa 5%, #2dabf9 100%);
	background-color: #0688fa;
}

.mss-button-secondary {
	box-shadow: inset 0px -3px 7px 0px #bbbbbb;
	background: linear-gradient(to bottom, #f9f9f9 5%, #eaeaea 100%);
	background-color: #f9f9f9;
	border: 1px solid #bbbbbb;
	color: #000000;
	text-shadow: 0px 1px 0px #f9f9f9;
}

.mss-button-secondary:hover {
	background: linear-gradient(to bottom, #eaeaea 5%, #f9f9f9 100%);
	background-color: #eaeaea;
}

.mss-button-special {
	box-shadow: inset 0px -3px 7px 0px #ffbb29;
	background: linear-gradient(to bottom, #f9ab2d 5%, #fa8806 100%);
	background-color: #f9ab2d;
	border: 1px solid #0b0e07;
	color: #000000;
	text-shadow: 0px 1px 0px #f9ab2d;
	width: 200px;
}

.mss-button-special:hover {
	background: linear-gradient(to bottom, #fa8806 5%, #f9ab2d 100%);
	background-color: #fa8806;
}

.mss-button-warning {
	box-shadow: inset 0px -3px 7px 0px #ff0000;
	background: linear-gradient(to bottom, #f40f0f 5%, #c60d0d 100%);
	background-color: #f40f0f;
	border: 1px solid #0b0e07;
	color: #000000;
	text-shadow: 0px 1px 0px #f40f0f;
	width: 200px;
}

.mss-button-warning:hover {
	background: linear-gradient(to bottom, #c60d0d 5%, #f40f0f 100%);
	background-color: #c60d0d;
}