/*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
*     http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/

#deliveryservices {
	width: 80%;
	margin: auto;
}

main {
	width: initial;

	& > div {
		width: 50%;
		margin: auto;
		padding-right: 10px;
		position: sticky;
		top: 0;
		z-index: 2;
		input {
			width: 100%;
			margin: 15px 0;
		}
	}
}

@media(max-width: 1230px) {
	main > div {
		margin: auto;
	}
}

@media(max-width: 630px) {
	main > div {
		width: 75%;
		margin: auto;
		position: fixed;
		left: 12.5%;
	}

	#deliveryservices {
		margin: 25px auto 0;
		width: 95%;
	}
}

@media(max-width: 480px) {
	main > div {
		left: 7px;
		width: calc(100vw - 4em);
	}

	#deliveryservices {
		width: 100%;
	}
}

#loading {
	min-height: calc(100vh - 8em - 75px); // filthy hax based on Mozilla default user-agent styling
	padding: 0;
	width: 80%;
	display: flex;
	flex-direction: column;
	margin: auto;
	top: auto;
	position: static;
}
