/* GENERAL */
body {
	font-family: Arial, sans-serif;
	max-width: 980px;
	margin: 0px auto 20px auto;
	padding: 0px;
	background-color: #f0f0f0;
	display: block;
}



/* INDEX (login page) */
#cicame-image {
    top: 20px;
    left: 20px;
    position: absolute;
    width: 150px;
}
#login {
    position: absolute;
    top: 40%;
    left: 50%;
    margin-right: -50%; /* To compensate the left: 50% */
    transform: translate(-50%, -50%);
    text-align: center;
}
#login span {
    margin-top: 10px;
    font-size: 12px;
    color: red
}
#copyright {
    font-size: 12px;
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    text-align: center;
}



/* MENU (template/menu.php) */
#menu {
    background-color: #b0b0b0;
}
#menu table {
    height: 80px;
}
#menu table tr td {
	height: 100%;
	padding: 10px;
	text-align: center;
}
#menu a {
	color: black;
	text-decoration: none;
}
#menu img {
	text-align: center;
	width: 25px;
	height: 25px;
	border: 1px solid black;
	padding: 5px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}
#menu-back {
	width: 10%;
}
#menu-title {
	font-weight: bold;
	font-size: 2em;
}
#menu-user {
	width: 10%;
}
#menu-user a {
	vertical-align: middle;
}
#menu-user a span {
	width: 30px;
	height: 30px;
	vertical-align: middle;
	font-size: 1.5em;
}



/* CONTENT */
#content {
	margin: 50px 20px 20px 20px;
}


/* PAGE main */
#barcode-form {
	text-align: center;
	margin-bottom: 20px;
}
#error-msg {
	margin-top: 5px;
	color: #cf3d58;
	display: none;
}
#notification {
	margin-top: 5px;
	color: #225403;
	display: none;
}



/* PAGE add */
#hidden-text-input {
	/*display: none;*/
}
#item-table {
	width: 100%;
	border-collapse: collapse;
}
#item-table tr.selected{
	background: #c0c0c0;
	font-weight: bold;
	/*color: #3b5998;*/
}
#item-table td {
	border: 1px solid #ababab;
	padding: 10px 10px;
}
.item-table-label {
	width: 25%;
}
.mandatory-label em {
	color: #cf3d58;
}
#mandatory-note {
	margin-top: 10px;
	text-align: right;
}
#mandatory-note em {
	color: #cf3d58;
}