body {
	background-color: #CCCFBC;
	color: white;
}

table.mainmenu {
	margin: 0 auto;
	border: none;
	width: 600px;
	padding: 50px;
}

table.insert_cas {
	margin: 0 auto;
	border: none;
	width: 90%;
}

table.show_cas {
	margin: 0 auto;
	border: none;
	width: 98%;
	font-size: 12px;
	color: black;
	text-align: center;
}

table.show_sales_sum {
	margin: 0 auto;
	border: none;
	width: 65%;
	font-size: 28px;
	color: white;
	text-align: center;
}

table.input_sale {
	margin: 0 auto;
	border: none;
	width: 99%;
	font-size: 14px;
	color: black;
	text-align: center;
	margin-top: 25px;
}

tr.cas_render {
	border-radius: 1px;
	margin: 0 auto;
}

tr.bottomline td {
	border-bottom: 1px solid gray;
	border-right: 1px solid gray;
}

tr.show_sales:nth-child(odd) {
	background-color: white;
}

.mainselect {
	text-align: center;
	padding: 2px;
	border: 2px solid #CCCFBC;
	border-radius: 10px;
	background-color: green;
	height: 50px;
}

.input_cas {
	text-align: center;
	padding: 12px;
}

.center {
	text-align: center;
}

td.input_cas:hover {
	transform: scale(1.02,1.02);
}

input[type=text], input[type=password], input[type=date], input[type=number], input[type=email], input[type=tel], input[type=url] {
	width: 400px;
	background-color: white;
	color: black;
	border: 1px solid #86942A;
	border-radius: 5px;
	text-align: center;
	height: 25px;
	line-height: 25px;
}

input.small {
	width: auto;
	font-size: 12px;
	height: auto;
}

input.medium {
	width: 311px;
	font-size: 12px;
	height: auto;
}

input.availableproducts {
	background-color: #86942A;
	border: 1px solid #86942A;
	width: 250px;
}

input.date {
	background-color: gray;
	border-bottom: 1px solid #86942A;
	border-right: 1px solid #86942A;
	width: 200px;
	color: white;
}

input.quantity {
	background-color: #86942A;
	border: 1px solid #86942A;
	width: 100px;
}

#loginput {
	width: auto;
}

.black {
	color: #000000;
}

.red {
	background-color: red;
	color: #FFFFFF;
}

.blue {
	background-color: blue;
}

.gray {
	background-color: gray;
}

.white {
	background-color: white;
}

a {
	color: white;
	text-decoration: none;
	display: inline-block;
}

p {
	text-align: center;
}

p.just {
	text-align: justify;
}

div.container {
	min-width: 1600px;
	overflow: auto;
}

div.q_up_left {
	width: 25%;
	background-color: #86942A;
	height: 260px;
	float: left;
	display: inline-block;
	border: 10px solid #CCCFBC;
	border-radius: 20px;
	overflow-y: auto;
}

div.q_up_left2 {
	width: 20%;
	background-color: #86942A;
	height: 390px;
	float: left;
	display: inline-block;
	border: 10px solid #CCCFBC;
	border-radius: 20px;
	overflow-y: auto;
}

div.q_up_left3 {
	width: 48%;
	background-color: #86942A;
	height: 390px;
	float: left;
	display: inline-block;
	border: 10px solid #CCCFBC;
	border-radius: 20px;
	overflow-y: auto;
}

div.q_down_left {
	width: 25%;
	background-color: #86942A;
	height: 520px;
	/*float: left;*/
	display: inline-block;
	border: 10px solid #CCCFBC;
	border-radius: 20px;
	overflow-y: auto;
}

div.q_down_left2 {
	width: 20%;
	background-color: #86942A;
	height: 390px;
	/*float: left;*/
	display: inline-block;
	border: 10px solid #CCCFBC;
	border-radius: 20px;
	overflow-y: auto;
}

div.q_down_left3 {
	width: 48%;
	background-color: #86942A;
	height: 390px;
	/*float: left;*/
	display: inline-block;
	border: 10px solid #CCCFBC;
	border-radius: 20px;
	overflow-y: auto;
}

div.h_right {
	width: 97%;
	background-color: #86942A;
	height: 800px;
	/*float: right;*/
	display: inline-block;
	border: 10px solid #CCCFBC;
	border-radius: 20px;
	overflow: auto;
}

div.h_right_medium {
	width: 72%;
	background-color: #86942A;
	height: 800px;
	float: right;
	display: inline-block;
	border: 10px solid #CCCFBC;
	border-radius: 20px;
	overflow: auto;
}

div.h_center {
	width: 95%;
	background-color: #86942A;
	height: 800px;
	margin: 0 auto;
	border: 10px solid #CCCFBC;
	border-radius: 20px;
	overflow: auto;
}



div.year_list {
	width: 90%;
	margin: 0 auto;
}

.chart {
	width: auto;
	max-width: 1800px;
	height: 220px;
	margin: 0 auto;
}

.year_button {
	background-color: #333333; /* Grey */
	border: 5px #4CAF50;
	border-radius: 5px;
	width: auto;
	color: white;
	padding: 5px;
	margin: 5px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
}

.year_button:hover {
	background-color: #4CAF50; /* Grey */
	box-shadow: 4px 4px #333333;
}

div.menubar {
	width: 98%;
	margin: 0 auto;
	text-align: right;
}

div.h_right2 {
	width: 77%;
	background-color: #86942A;
	height: 390px;
	float: right;
	display: inline-block;
	border: 10px solid #CCCFBC;
	border-radius: 20px;
	overflow: auto;
}

select {
	background-color: #86942A;
	border: 1px solid #86942A;
	width: 115px;
}

select.units {
	background-color: #86942A;
	border: 1px solid #86942A;
	width: 75px;
}

select.category {
	background-color: #86942A;
	border: 1px solid #86942A;
	width: 100px;
}

select.big {
	background-color: #86942A;
	border: 1px solid #86942A;
	width: 300px;
}

#container_2 {
	max-width: 100%;
	height: 390px;
	margin: 0 auto;
}

#container_3 {
	max-width: 100%;
	height: 390px;
	margin: 0 auto;
}

#container_4 {
	max-width: 100%;
	height: 390px;
	margin: 0 auto;
}

#container_5 {
	max-width: 100%;
	height: 390px;
	margin: 0 auto;
}

footer {
position: relative;
bottom:0;
margin-top: 25px;
width: 100%;
}