@media screen and (max-device-width: 1027px) and (max-device-height: 1027px){
img {
display: none;
text-align: center;
}
}

@media screen and (min-device-width: 1027px) {
	* {
	margin:0;
	padding:0;
	border-radius: .25em;
	}

	body {
	margin-top: 4rem;
	}

	a:link {
	color: #1e2b2e;
	}
	a:visited {
	color: #1e2b2e;
	}
	a:hover {
	color: #63D1F4;
	}
	a:active {
	color: #05EDFF;
	}

	html, body {
    height: 100%;
    min-height: 100%;
	}

    .view {
    position: relative;
	justify-content: center;
	align-items: center;
	width: 50%;
	margin: 0 auto;
	margin-top: 5vw;
	}

	img.logo {
	position: fixed;
	right: 0%;
	top: 0%;
	height: 7.5vh;
	width: auto;
	z-index: 99999999;
	}

    .fixed-button-1, button {
	height: 4em;
	text-align: centre;
	border: 1px solid #91a19e;
	box-shadow: 0 0 0 1px #cccccc;
	}

	.fixed-button-1:hover, button:hover {
	background: #C1F0F6;
	transition: background .5s;
	}

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

	body {
	font-family: Arial;
	font-size: 1em;
	font-weight: 200;
	text-align: center;
	}

	.application_pane, .notification_pane, .table_pane, .mangement_pane {
	colour black;
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-flow: column;
	align-items: stretch;
	background-color: white;
	border: 0px solid grey;
	}

    table {
    width: 100%;
    }

	input, label, div.notification {
	display: inline-block;
	justify-content: center;
	align-items: center;
	text-align: center;
	background-color: #ECF0F1;
	box-shadow: 0 0 0 1px #cccccc;
	width: 100%;
	height: 5vh;
	transition: border .5s;
	}

    .datepicker {
    width:85%;
    transform: translate(-7%);
    }

    a.datepickershow {
    width: 100%;
    height: 5vh;
    }

    .input_style, .fixed-button-1, .datepicker, select, button {
	margin-top: .5em;
	margin-bottom: .5em;
	font-size: 1em;
	border: 0;
	box-shadow: 0 0 0 1px #cccccc;
	min-height: 50px;
	}

	select, button {
	width: 100%;
	text-align: center;
	align: center;
	background-color: #ECF0F1;
	}

    .flashes {
	color: black;
	font-size: 1.5em;
	list-style: none;
	}

	.group {
	border: .2em solid #6b6c6d;
	background-color: #e6e6e6;
	margin-top: 1em;
	margin-bottom: 1em;
	}

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

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

	.full {
	width: 95%;
	}

	input[type=checkbox] {
	opacity:0;
	position: absolute;
	left: -9999;
	z-index: auto;
	}

	input[type=checkbox]:checked + label {
	transition: border .5s;
	transition: background-color .75s;
	background-color: #FFA500;
	transform: scale(1.5);
	}

	input[type=radio] {
	max-width: 5vw;
	display: inline-block;
	margin-bottom: 2vw;
	}

	span {
	display: inline-block;
	}

	input[type=range] {
	background-color: #ffffff;
    border-color: #ddd;
    min-width: 80%;
	}

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

}