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

	.tablet-hide {
	display: none !important;
	}

	.wrapper {
	height: 10vh;
	}

	img.logo {
	display: none;
	}

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

	.application_pane, .management_pane, .view {
	width: 90%;
	min-height: 100%;
	margin: 0 auto;
	display: flex;
	flex-flow: column;
	}

    th button {
	height:auto;
    overflow:visible;
	}


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

	th input[type=checkbox] {
	margin: 0 auto;
	max-width: 1em;
	}

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

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

	button {
	margin-top: 1em;
	min-width: unset;
	}

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

    th {
    width:50%;
    }

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

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

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

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