.templates {
	display: none;
}

body {
	font-family: "OpenSans", sans-serif;
	margin: 0; padding: 0;
}

div.header {
	margin: 0; padding: 32px;
	background-color: white;
	font-size: 24px;
	text-align: center;
	border-bottom: 1px solid rgb(222,222,222);
}

.content {
	padding: 16px;
	background-color: rgb(244,244,244);
}

.flex {
	display: flex;
}

fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

.row {
	width: 100%;
}

.c100 {
	width: 100%;
}

.c85 {
	width: 85%;
}

.c60 {
	width: 60%;
}

.c40 {
	width: 40%;
}

.c30 {
	width: 30%;
}

.c25 {
	width: 25%;
}

.c20 {
	width: 20%;
}

.c15 {
	width: 15%;
}

select, input {
	width: 100%;
    margin: 0;
    border: 1px solid rgb(212,212,212);
    border-right-width: 0;
    padding: 14px 2px 14px 14px;
    background-color: white;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.row select, .row input {
	border-bottom-width: 0;
}

.row.last select, .row.last input {
	border-bottom-width: 1px;
}

.end {
    border-right-width: 1px;
}

.sMarkets {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.sDate {
	border-bottom-left-radius: 10px;
}

.sTime {
	border-bottom-right-radius: 10px;
}

#shoppingLines {
	margin: 8px 0;
}

.block {
	margin: 8px 0;
}

.buttons {
	margin: 8px 0;
}

.button {
	display: inline-block;
    background-color: #bada55;
    padding: 16px;
    cursor: pointer;
}

.result {
	margin-top: 16px;
}

.error {
	padding: 20px 16px;
    background-color: rgb(255,200,222);
}

.success {
	padding: 20px 16px;
    background-color: rgb(222,255,200);
}

.overlay {
	display: none;

	position: absolute;
	top: 0;
	bottom:0;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0,0.75);
}