/* General */

body {
	margin: 5px;
	padding: 0;
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
}

body#index {
	background-color: #d9d9d9;
}

body#medicine {
	background-color: #a9d08e;
}

body#payment {
	background-color: #d9e1f2;
}

.title {
	text-align: center;
}

.lead {
	width: 60%;
	text-align: center;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
}

.button.medicine {
	border: 1px solid #000;
	background-color: #fff2cc;
	padding: 10px;
	font-size: 30pt;
	text-align: center;
	width: 50%;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
}

.button.payment {
	border: 1px solid #000;
	background-color: #f4b084;
	padding: 10px;
	font-size: 30pt;
	text-align: center;
	width: 50%;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
}

#medicine>.number_type {
	border: 1px solid #000;
	background-color: #fff2cc;
	padding: 10px;
	font-size: 24px;
	text-align: center;
	width: 40%;
	margin-left: auto;
	margin-right: auto;
}

#payment>.number_type {
	border: 1px solid #000;
	background-color: #f4b084;
	padding: 10px;
	font-size: 24px;
	text-align: center;
	width: 40%;
	margin-left: auto;
	margin-right: auto;
}

.to {
	position: absolute;
	top: 55px;
	width: 100%;
	max-width: 400px;
}

.to_medicine {
	font-size: 10pt;
	position: relative;
	width: 55pt;
	right: 5px;
	border: 1px solid black;
	margin-left: auto;
	margin-right: 0;
	background-color: #fff2cc;
}

.to_payment {
	font-size: 10pt;
	position: relative;
	width: 55pt;
	right: 5px;
	border: 1px solid black;
	margin-left: auto;
	margin-right: 0;
	background-color: #f4b084;
}

a {
	text-decoration: none;
	display: block;
}

.updated {
	color: red;
	text-align: center;
	font-size: small;
}

.button.update {
	width: 60pt;
	text-align: center;
	border: 1px solid black;
	background-color: #9bc2e6;
	margin-left: auto;
	margin-right: auto;
}

.button.update a {
	text-decoration: none;
	display: block;
}

table {
	margin-top: 30px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

table,td,th {
	border-collapse: collapse;
	border:1px solid #000000;
	text-align: center;
}

td.a_number {
	font-size: 24pt;
	height: 40pt;
	font-weight: bold;
	width: 50%;
}

td.b_number,td.c_number,td.d_number {
	font-size: 20pt;
	height: 40pt;
	font-weight: bold;
	width: 50%;
}

/* For table title */

.a_title {
	font-size: 14px;
}

.b_title {
	font-size: 14px;
}

.c_title {
	font-size: 14px;
}

.d_title {
	font-size: 12px;
}


.closed_message {
	margin-top: 30px;
	margin-bottom: 30px;
	color: red;
	text-align: center;
}

.footer {
	margin-top: 30px;
	text-align: center;
}

#medicine>table.a,#medicine>table.b {
	background-color: #fff2cc;
}

#payment>table.a,#payment>table.b {
	background-color: #f4b084;
}

#payment>table.c {
	background-color: #e2efda;
}

#payment>table.d {
	background-color: #e2efda;
	color: red;
}

#scroll_message {
	position: fixed;
	bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	max-width: 400px;
	width: 100%;
	background-color: white;
	text-align: center;
	font-weight: bold;
}

/* For customer input */
#form {
	background-color: #fff2cc;
}

td.form_number {
	background-color: #ffffff;
}

#customer_number {
	font-size: 24pt;
	text-align: center;
	width: 99%;
	border: 0px;
}

#check_message {
	color: #ff0000;
}