@media screen and (max-device-width: 767px) {
	* {
	font-family: Arial;
	text-align: center;
	}

	.mobile-hide {
	display: none;
	}

	body {
	margin-top: 4rem;
	}

	img.logo {
	display: none;
	}

	.spacer {
    width: 100%;
    height: 0vh;
	}

	.mobile-spacer {
	display: block;
	height: 5vh;
	width: 100%;
	}

	.application_pane, .management_pane, .view {
	/*
	width: 90%;
	min-height: 100%;
	margin: 0 auto;
	display: flex;
	flex-flow: column;
 */
 	position: absolute;
 	top: 2.5vh;
 	left 5vw;
	width: 95vw;
	}

	th {
	min-height: 500px;
	}

	th button {
	border: 2px solid gray;
	max-width: 30vw;
	height:auto;
    overflow:visible;
	}

	th input [type=checkbox] {
	max-width: 5vw;
	}

	input, button, submit {
	width: inherit;
	min-width: 10vw;
	min-height: 5vh;
	}

	input[type=checkbox] {
	transform: scale(1,1);
	}

	flashes, ul, li {
	padding: 0;
	list-style-type: none;
	}

	.input_style, .fixed-button-1, button {
 	font-size: 1em;
	width: 90%;
	height: 10vh;
	min-height: 40px;
	background-color: #ECF0F1;
	border: 1px solid #91a19e;
	box-shadow: 0 0 0 1px #cccccc;
	}

	select {
	min-height: 40px;
	}

	button {
	margin-top: 1em;
	}

    table {
    width: 100%;
    align: center;
    padding-top: 2em;
    }

	.fixed-button-1:active, button:active {
	background: #63D1F4;
	}

	th.table_left {
	padding-right: 2em;
	}

	th.table_right {
	padding-left: 1em;
	}

	div.alert {
	text-align: center;
	background-color: #ff9980;
	font-size: 2em;
	border: 1em solid red;
	box-shadow: 2px;
	}

}