* {
	margin: 0px;
	padding: 0px;
	font-family: verdana, arial, sans-serif;
}

html,
body,
.content {
	height: 100%;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	background-color: #fafafa;
}

.content {
	height: auto;
	min-height: 100%;
	
	padding: 32px 32px 32px 32px;
    box-sizing: border-box;
}

.menubar {
	position: absolute;
	top: 0px;
	left: 0px;
	
	width: 100%;
	background-color: #61B625;

    box-sizing: border-box;
	height: 32px;
	
	color: #000000;
	font-weight: bold;
	border-bottom: 1px solid #000000;
}

.menubar a {
	color: #000000;
}

.menuright {
	float: right;
	height: 100%;
}

.menuleft {
	float: left;
	padding: 7px 10px;
}

.menubutton {
	display: inline-block;
	padding: 0px 15px 0px;
	height: 100%;
	margin: 0px 0px 0px 0px;
	vertical-align: middle;
	line-height: 28px;
	background-color: #77D337;
	border-left: 1px solid #000000;
}
.menubutton:hover {
	background-color: #89E24A;
}

.adduser {
	width: 600px;
	height: 300px;
	background-color: #ffffff;
}

.footer {
	position: relative;
	height: 50px;
	margin-top: -50px;
	width: 100%;
	background-color: #61B625;
	border-top: 1px solid #000000;
	color: #000000;
	font-weight: bold;
	padding: 17px 30px;
    box-sizing: border-box;
	text-align: right;
}

.note {
	font-style: italic;
	font-size: 10px;
}




h2 {
	margin: 10px 0px;
	padding-left: 10px;
}

/*
* Links
*/
a {
	color: #428513;
}

/*
* Admin overview
*/
table.data {
	border: 1px solid #000000;
	border-spacing: 0px;
}
table.data tr th {
	vertical-align: top;
	background-color: #61B625;
}
table.data tr th input {
	margin-top: 5px;
	margin-bottom: 3px;
	width: 100px;
}
table.data tr:nth-child(odd) td {
	background-color: #E9E9E9;
}
table.data tr:nth-child(even) td {
	background-color: #DDDDDD;
}
table.data tr th,
table.data tr td {
	padding: 5px 10px;
	text-align: left;
}
table.data tr:hover td {
	background-color: #eeeeee;
}

/*
table.userlist th:nth-child(1),
table.userlist td:nth-child(1) {
	width: 30px;
}

table.userlist th:nth-child(2),
table.userlist td:nth-child(2) {
	width: 150px;
}

table.userlist th:nth-child(3),
table.userlist td:nth-child(3) {
	width: 150px;
}

table.userlist th:nth-child(4),
table.userlist td:nth-child(4) {
	width: 150px;
}

table.userlist th.w20,
table.userlist td.w20 {
	width: 20px !important;
}

table.userlist th:nth-child(n+5),
table.userlist td:nth-child(n+5) {
	width: 70px;
}
*/

table.data a {
	color: #000000;
}
/*
table.companylist th:nth-child(1),
table.companylist td:nth-child(1) {
	width: 30px;
}
table.companylist th:nth-child(2) ,
table.companylist td:nth-child(2) {
	width: 150px;
}
table.companylist th:nth-child(3),
table.companylist td:nth-child(3) {
	width: 320px;
}
table.companylist th:nth-child(n+4),
table.companylist td:nth-child(n+4) {
	width: 70px;
}
*/

table.data td,
table.data th {
	height: 16px;
}

table.companylist th:nth-child(1),
table.companylist td:nth-child(1),
table.userlist th:nth-child(1),
table.userlist td:nth-child(1) {
	width: 50px !important;
}
table.companylist th:nth-child(2),
table.companylist td:nth-child(2),
table.userlist th:nth-child(2),
table.userlist td:nth-child(2) {
	width: 20% !important;
}
table.companylist th:nth-child(3),
table.companylist td:nth-child(3),
table.userlist th:nth-child(3),
table.userlist td:nth-child(3) {
	width: 20% !important;
}
table.companylist th:nth-last-child(1),
table.companylist td:nth-last-child(1),
table.userlist th:nth-last-child(1),
table.userlist td:nth-last-child(1),
table.companylist th:nth-last-child(2),
table.companylist td:nth-last-child(2),
table.userlist th:nth-last-child(2),
table.userlist td:nth-last-child(2) {
	width: 100px !important;
}

table.pricelistoverview th:nth-last-child(1),
table.pricelistoverview td:nth-last-child(1),
table.pricelistoverview th:nth-last-child(2),
table.pricelistoverview td:nth-last-child(2) {
	width: 100px !important;
}


table.editpricelistform th:nth-last-child(1),
table.editpricelistform td:nth-last-child(1) {
	width: 100px;
}

table.editpricelistform th:nth-last-child(2),
table.editpricelistform td:nth-last-child(2) {
	width: 300px;
}

table.editpricelistform th:nth-last-child(3),
table.editpricelistform td:nth-last-child(3) {
	width: 30px;
	text-align: right;
}

/*
* Formulier markup
*/
table.formulier tr td {
	padding: 2px 10px;
}
table.formulier input[type='text'],
table.formulier input[type='password'],
table.formulier select {
	width: 200px;
	padding: 2px 5px;
}
table.formulier input[type='text'].klein {
	width: 50px !important;
}
table.formulier input[type='checkbox'] {
	margin: 2px 6px 2px 10px;
}
table.formulier input[type='radio'] {
	margin: 2px 2px 2px 10px;
}
table.formulier input[type='submit'],
table.formulier button,
button.formbutton {
	font-family: inherit;
	padding: 1px 5px;
	text-size: inherit;
	margin-right: 5px;
}
table.formulier input.small {
	width: 25px;
}


/*
* errors 
*/
.errorbox .error {
	background-color: #FF5A5A;
	color: #ffffff;
	font-weight: bold;
	padding: 5px 10px;
	margin: 15px 0px;
}
.errorbox .error a {
	color: #ffffff;
}


/*
* Customer file tree
*/
.customertree .customertree {
	padding-left: 10px;
}
.customertree li {
	margin-top: 5px;
}

ul.customertree {
	list-style-type: none;
}

ul.customertree li.folder {
	background: url(/images/folder.gif) no-repeat top left;
	padding: 0px 0px 0px 22px;
	font-weight: bold;
	cursor: pointer;
	height: 18px;
	overflow: hidden;
}

ul.customertree li.file {
	background: url(/images/file.png) no-repeat top left;
	padding: 2px 0px 2px 22px;
	font-weight: normal;
	cursor: auto;
	overflow: hidden;
}

ul.customertree .folderdiv {
	padding: 2px 0px 2px 0px;
}
	

ul.customertree li.nofiles {
	padding: 0px 0px 0px 22px;
	font-weight: normal;
	cursor: auto;
	font-style: italic;
}

.customertree .filename {
	display: inline-block;
}
.customertree .filedate {
	display: inline-block;
}



/* Password strength */
#pwstrength {
	margin-top: 5px;
	font-weight: bold;
	display: none;
}

#pwstrength.weak,
#pwstrength.very_weak {
	color: #ff0000;
}

#pwstrength.good {
	color: #ff9900;
}

#pwstrength.strong {
	color: #61B625;
}





#priceformtable1 td,
#priceformtable2 td {
	padding-top: 6px;
	padding-bottom: 6px;
}

/* Product table customers */
.pricelist_header h2 {
	display: inline-block;
}
.pricelist_header .zoek {
	margin-left: 108px;
	display: inline-block;
}
table.product {
	padding: 5px 10px;
	border: 1px solid #aaaaaa;
	background-color: #eeeeee;
	margin-bottom: 10px;
	width: 100%;
}

table.product .pr_image {
	width: 100px;
	height: 50px;
}
table.product .pr_image img {
	max-width: 100px;
	max-height: 50px;
}

table.product th {
	text-align: left;
}

table.product .pr_col1 {
	width: 130px;
}
table.product .pr_col2 {
}
table.product .pr_col3 {
	width: 80px;
}
table.product .pr_col4 {
	width: 80px;
	text-align: right;
	padding-right: 20px;
}

#imagehover {
	background-color: #eeeeee;
	border: 1px solid #aaaaaa;
	padding: 10px;
	
	position: absolute;
	display: none;
}


/* Pricelist admin */
.pricelistnav {
	background-color: #eeeeee;
	border: 1px solid #000000;
	border-top: 0px;
}
.pricelistnavname {
	padding: 10px;
	border-right: 1px solid #000000;
	display: inline-block;
}
.pricelistnavname:hover,
.pricelistnavright:hover {
	background-color: #dddddd;
}

.pricelistnavright {
	float: right;
	padding: 10px;
	border-left: 1px solid #000000;
}
.fullwidth {
	width: 100%;
}


/* Repairs */
.repairtable td:nth-child(1),
.repairtable td:nth-last-child(1) {
	white-space: nowrap;
}
.repairtable th input[type='text'] {
	width: 100%;
}