html {
	color-scheme: light dark;
	font-family: Sans;
	background-color: light-dark(#ffffff, #232323);
	color: light-dark(#1a1a1a, #e5e5e5);
}

table {
	width: 100%;
	border: none;
	border-spacing: .6em;
	white-space: nowrap;
}

th {
	padding: .3em;
	background-color: light-dark(#1a1a1a, #e5e5e5);
	border-radius: 12px;
	color: light-dark(#e5e5e5, #1a1a1a);
	font-weight: bold;
}

tr {
	transition-duration: 0.2s;

}

tr:hover {
	border-bottom: 1px solid light-dark(#e3e3e3, #1c1c1c);
	text-decoration: underline;
	text-decoration-style: solid;
	text-underline-offset: .2em;
}

td {
	padding: .4em;
	margin-left: none;
	margin-right: none;
	text-align: center;
	border-bottom: 1px solid light-dark(#d1d1d1, #2e2e2e);
}

td:nth-child(1) {
	text-align: left;
}

a {
	color: light-dark(#1393d9, #ec6c26);
	text-decoration: none;
}

form * {
	margin-bottom: 1em;	
}

input {
	background-color: transparent;
	padding: 8px;
	border: none;
	border-bottom: 1px solid light-dark(#1a1a1a, #e5e5e5);
}

input:focus {
	outline: none;
	box-shadow: inset 0px -1px light-dark(#1a1a1a, #e5e5e5);
}

input.disabled {
	color: #9a9a9a;
	border: none;
}

input.disabled:focus {
	outline: none;
        box-shadow: none;
}

select {
        background-color: transparent;
        padding: 8px;
        border: none;
/*        border-bottom: 1px solid light-dark(#1a1a1a, #e5e5e5);*/
}

.button {
	border: none;
	padding: .8em;
	float: left;
	margin-top: .4em;
	margin-right: .8em;
	border: 1px solid transparent;
        border-radius: 12px;
	background-color: light-dark(#1a1a1a, #e5e5e5);
        color: light-dark(#e5e5e5, #1a1a1a);
        font-weight: bold;
	font-size: 14px;
	cursor: pointer;
	display: inline-block;

	transition-duration: 0.2s;
}

.button:hover {
	background-color: light-dark(#e5e5e5, #1a1a1a);;
	color: light-dark(#1a1a1a, #e5e5e5);;
}


.icon {
	height: 1.3em;
	width: 1.3em;
	margin-right: 16px;
	display: inline-block;
	float: right;
}

.form-output {
	font-family: mono;
	font-size: 12px;
	float: right;
}






#menu {
	clear: both;
}

td.order_header {
	padding: 0.3em;
	padding-top: 1.8em;
	font-size: 2em;
}



label{
    display: inline-block;
    float: left;
    clear: left;
    width: 10em;
    text-align: left;
}

input, select {
  display: inline-block;
  float: left;
}


// form

#form_field {
	margin: 10em;
	padding: 0.5em;
}

#home_btn {
	clear:both;
}