body {
	margin: 0 0 0 0;
	color : #5B4D44;
}
h1 { font-size : 200%; margin-top : 0.5rem; margin-bottom : 0.5rem; }
h2 { font-size : 150%; margin-top : 0.5rem; margin-bottom : 0.5rem; }
h3 { font-size : 125%; margin-top : 0.5rem; margin-bottom : 0.5rem; }
h4 { font-size : 100%; margin-top : 0.5rem; margin-bottom : 0.5rem; }
div.headerbar {
	position : fixed;
	top : 0;
	left : 0px;
	background-color : #6AA996;
	color : #5B4D44;
	width : 100%;
	height : 3rem;
	padding-left : 1rem;
}
div.sidebar {
	position : fixed;
	top : 3rem;
	left : 0;
	background-color : #6AA996;
	color : #5B4D44;
	width : 5%;
	height : 100%;
}
div.contentarea {
	position : absolute;
	top : 3rem;
	left : 5%;
	width : 95%;
	height : calc(100% - 3rem);
	color : #5B4D44;
	margin-top : 0;
	margin-left : 0;
	overflow : auto;
}
div.counterarea {
	float : right;
	margin-right : 3rem;
}
.pickup{
	display : inline-block;
	padding-left : 0.5rem;
	padding-right : 0.5rem;
	color:white;
	background-color:blue;
	font-style: italic;
	border-radius : 1.25rem;
}

/*============================================================================*/

.flatbutton {
	background-color : #9DC4A7;
	border : 0;
	color : #5B4D44;
}
.flatbutton:active {
	background-color : #6AA996;
	color : #5B4D44;
}
.flatbutton:disabled {
	background-color : #c0c8c2;
	border : 0;
}
.flatbutton-disabled {
	background-color : #c0c8c2;
	border : 0;
}
.flatbutton2 {
	background-color : #FFB99C;
	border : 0;
}
.flatbutton2:active {
	background-color : #DD977A;
}
.flatbutton2:disabled {
	background-color : #AA6219;
	border : 0;
}
.flatbutton-disabled2 {
	background-color : #AA6219;
	border : 0;
}
.flatbutton3 {
	background-color:#F0FEFC;
	border : 0;
}
.flatbutton3:active {
	background-color:#D5FBFE;
}
.flatbutton3:disabled {
	background-color : #ABD0D8;
	border : 0;
}
.flatbutton-disabled3 {
	background-color : #ABD0D8;
	border : 0;
}
.flatbutton4 {
	background-color:#FFFCD2;
	border : 0;
}
.flatbutton4:active {
	background-color:#FDD49C;
}
.flatbutton4:disabled {
	background-color : #BB8F72;
	border : 0;
}
.flatbutton-disabled4 {
	background-color : #BB8F72;
	border : 0;
}

.uibutton {
	text-align : center;
	height : 1.5rem;
	cursor : default;
	padding-top : 0.25rem;
}
.uibutton  * {
	vertical-align : middle;
}
.uibutton-mid {
	text-align : center;
	padding-top : 50%;
	font-size : 150%;
	cursor : default;
	height : 1.5rem;
}
.a-uibutton {
	display :inline-block;
	text-decoration : none;
	text-align : center;
	width : 100%;
	height : 2.5rem;
	cursor : default;
	padding-top : 1.25rem;
}
.a-uibutton_normal {
	display :inline-block;
	text-decoration : none;
	text-align : center;
	width : 30%;
	height : 2.5rem;
	cursor : default;
	padding-top : 1.25rem;
}
.a-uishadow {
	box-shadow: 2px 2px 5px 0px #777777;
}
.circlebutton {
	width : 35px;
	height : 35px;
	border-radius : 35px;
	text-align : center;
	margin-left : auto;
	margin-right : auto;
	cursor : default;
	box-shadow: 2px 2px 5px 0px #777777;
	padding-top:0.25rem;
	font-size : 150%;
}
.circlebuttonon {
	width : 35px;
	height : 35px;
	border-radius : 35px;
	text-align : center;
	margin-left : auto;
	margin-right : auto;
	cursor : default;
	box-shadow: 2px 2px 5px 0px #777777;
	padding-top:0.25rem;
	font-size : 150%;
}
.circlebutton1 {
	background-color: #FFFFFF;
}
.circlebutton1on {
	background-color: #BBBBBB;
}
.circlebutton1:active {
	background-color: #BBBBBB;
}
.circlebutton2 {
	background-color: #D5FBFE;
}
.circlebutton2on {
	background-color: #67D9D9;
}
.circlebutton2:active {
	background-color: #67D9D9;
}


#submenutitle {
	background-color : #6AA996;
	color : #5B4D44;
	border-top : 2px double #599885;
	top : 3rem;
	width : 100%;
	height : 2rem;
}

.pagename {
	font-size : 120%;
}


/*=== Application prezentation=========================================================================*/
.apptitle {
	color : #FFFFFF;
}
.itemtitle {
	border-bottom : 1px solid #65A344;
}
.itembody {
	margin-left : 1rem;
}