fieldset {
			border: 1px #dbeef3 solid;
		}
		
		tr.odd td.sorting_1 {
		    background-color: #F1F1F1 !important;
		}
			
		tr.even td.sorting_1 {
		    background-color: #F9F9F9 !important;
		}
			
		.display > thead > tr {
		    background-color: #6899f2;
		    color: #ffffff;
		}
		
		tr.odd {
		    background-color: #dbe5f1 !important;
		    color: #17365d !important;
		}
		
		tr.even {
		    background-color: #c6d9f0 !important;
		    color: #17365d !important;
		}
		    		
		tr.odd:hover, tr.even:hover {
		    background-color: #d8d8d8 !important;
		    color: #000000 !important;
		}
		
		.paging_full_numbers span.paginate_button {
			background-color: #EDEDED !important;
		    color: #58666e !important;
		    border-color:  !important;
		}
		
		.paging_full_numbers span.paginate_button:hover {
			background-color: #C2E5CD !important;
			color: #58666e !important;
			border-color:  !important;
		}
		
		.paging_full_numbers span.paginate_active {
		    background-color: #34A959 !important;
		    color: #FFFFFF !important;
		    border-color:  !important;
		}
		
/*		.paging_full_numbers span.paginate_active:hover {
			background-color: #e6e6e6 !important;
			border-color: #adadad !important;
		}
*/		
		table {
		    border-collapse: collapse;
 /*   		border: 1px solid #dbeef3;    */
		}
    				
		th, td {
/*    		border: 1px solid #dbeef3 !important;    */
		}
    				
		.dataTables_filter {
    		margin-bottom: 9px;
		}
		
		hr {
			display: none;
		}
		
		#delete {
			border-radius: 5px;
			background-color: #EDEDED;
			color: #58666e;
			border-color: ;
		}
		
		#delete:hover {
			background-color: #C2E5CD;
			color: #58666e;
			border-color: ;
		}
		    		
		#cancel {
			border-radius: 5px;
			background-color: #cc0000;
			color: #ffffff;
			border-color: #c00000;
		}
		
		#cancel:hover {
			background-color: #e36c09;
			color: #ffffff;
			border-color: #974806;
		}
		
		#submit {
			border-radius: 5px;
			background-color: #31859b !important;
			color: #ffffff !important;
			border-color: #366092 !important;
		}
		
		#submit:hover {
			background-color: #76923c !important;
			color: #ffffff !important;
			border-color: #7f7f7f !important;
		}

body {
/*  font: 11pt "Lucida Grande",Lucida,Verdana,sans-serif;  */

    background-color: #ffffff;
	background-repeat: no-repeat;
	background-image: linear-gradient(to bottom, #26b4e9 0, #26b4e9 50px, #ffffff 51px, #ffffff 100%);
    color: #701b75;
    margin-top: 4px;
}

a { text-decoration: none; }

h1 {
	font-size: 18px;
	font-weight: bold;

	color: #701b75;
	}
	
h2 {
	font-size: 16px;
	font-weight: bold;
	color: #00A0E2;
	}

table {
	spacing: 5px;
	padding: 0px;
	}
	
td {
	font-size: 14px;
	}
	
input {
	width: 64px;
	}

dt {
	margin: 0px;
	padding: 0px;
	font-weight:bold;
	}
	
dd {
	margin: 0px;
	padding: 0px;
	}

a {
	color: #701b75;
}

select {
	width: 90px;
	}
		
.inputsmall {
	width: 60px;
	}

.inputlarge {
	width: 140px;
	}
	
.inputxlarge {
	width: 240px;
	}
	
.inputxxlarge {
	width: 340px;
	}
	
.icon {
	cursor: pointer;
}

.errors {
	border-style:solid;
	border-color:red;
	font-weight:bold;
	color:red;
	width:300px;
}

#from_user_role {
	width:340px;
	height: 150px;
}

#user_role {
	width:340px;
	height: 150px;
}

/* --- the picklists --- */

.pickListContainer {
}

.pickListContainer .pickListButtons {
    display: block;
    margin: 0.2em 0;
    padding: 0;
    text-align: center;
    visibility: visible;
}

.pickListContainer select {
    clear: both;
    display: block;
    height: 9em;
    width: 100%;
}

.pickListContainer button {
}

.pickListContainer button img {
    margin-bottom: 0;
}

.pickListContainer div {
    clear: both;
}

#exTwo option[disabled] {
    background-color: graytext;
    color: #FFFFFF;
}

.code {
    background: none repeat scroll 0 0 #333333;
    color: #EEEEEE;
}

.inactive {
	color: #BECAD1;
}

.header-text {
	font-size: 25px;
	font-weight: bold;
	font-family: arial;
	float: left;
	
	color: #ffffff;
}


#companyLogo {
	border: 0;
	height: 44px;
	width: 64px;
	margin: 3px 10px 11px 10px;
    background-image: url(data:image/png;base64,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);
    background-size: auto 44px;
    background-repeat: no-repeat;
    background-position: 50%;
}

body {margin-top: 0 !important;}

	#b_to_user_group, #b_from_user_group, #b_to_user_module, #b_from_user_module {
		background-color: #EDEDED;
	    color: #58666e;
	    border-color: ;
		border-radius: 5px;
	}

	#b_to_user_group:hover, #b_from_user_group:hover, #b_to_user_module:hover, #b_from_user_module:hover {
		background-color: #C2E5CD;
	    color: #58666e;
	    border-color: ;
		border-radius: 5px;
	}
   

#b_to_user_group, #b_from_user_group, #b_to_user_module, #b_from_user_module {
	width: 140px;
}

.module-letter {
	width: 20px;
	height: 20px;
	background-color: #BECAD1;
	border-radius: 10px;
	margin-right: 5px;
}

.actie {
	text-decoration: underline;
	cursor: pointer;
}

#customerlogo {
	height: 44px;
	margin-top: 3px;
	margin-left: 12px;
	margin-right: 10px;
}

#customername {
	margin-left: 10px;
	top: 13px;
	position: absolute;
	font-size: 20px;
}

.error {
	border-style:solid;
	border-color: red;
	border-width: 2px;
	background: #fbabab;
}

/* --- datatabel --- */

.navigation-submenu {
	display: block;
	float: left;
	font-size: 12px;
	overflow: hidden;
	text-decoration: none;
}

.navigation-submenu-horizontal {
	margin: 0 0;
	padding: 0 0.3em;
}

/* letters op de knoppen */
.navigation-submenu-horizontal a {
	display: block;
	text-decoration: none;
	
	color: #58666e;
}

.navigation-submenu-horizontal a:hover {
	display: block;
	
	text-decoration: none;
}

.navigation-submenu-horizontal a:visited {
	display: block;
}

.navigation-submenu-horizontal li {
	list-style: none;
	border-style: solid;
	border-width: 1px;
	text-align: center;
	float: left;
	margin-left: 1.3em;
	margin-right: 1.3em;
	padding: 5px;
	margin-bottom: 10px;

	border-radius: 5px;  /* afronding knoppen*/
	background: #EDEDED;  /* achtergrondkleur knoppen */
	color: #58666e;
	border-color: ;
}

	.navigation-submenu-horizontal li:hover {
		background-color: #C2E5CD;
		color: #58666e;
		border-color: ;
	}

.menu-button {
    border-color: #CCCCCC;
    border-width: 1px;
    background-color: #FFFFFF;
    color: #701b75;
    border-radius: 5px;

    border-style: solid;
    cursor: pointer;
    font-family: "Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
    font-size: 120%;
    font-weight: bold;
    line-height: 130%;
    margin-top: 40px;
    text-decoration: none;
    overflow: visible;
    padding: 4px 10px 6px 7px;
    width: 300px;
    height: 50px;
}

	.menu-button:hover {
	   	background-color: #e6e6e6;
		border-color: #adadad;
	}

a.button, button, #button, .button, submit, .submit, #submit {
    background-color: #d4c09b;
    border-color: #EEEEEE #DEDEDE #DEDEDE #EEEEEE;
    border-right: 1px solid #DEDEDE;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    display: block;
    float: left;
    font-family: "Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
    font-size: 100%;
    font-weight: bold;
    line-height: 130%;
    margin: 0 0.583em 0.667em 0;
    padding: 5px 10px 5px 7px;
    text-decoration: none;
    
	color: #701b75;
    
}

a.button, button {
    background-color: #F5F5F5;
    border-color: #EEEEEE #DEDEDE #DEDEDE #EEEEEE;
    border-right: 1px solid #DEDEDE;
    border-style: solid;
    border-width: 1px;
    color: #565656;
    cursor: pointer;
    display: block;
    float: left;
    font-family: "Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
    font-size: 100%;
    font-weight: bold;
    line-height: 130%;
    margin: 0 0.583em 0.667em 0;
    padding: 5px 10px 5px 7px;
    text-decoration: none;
}

button {
    overflow: visible;
    padding: 4px 10px 6px 7px;
    width: auto;
}

//button[type] {
  line-height: 17px;
  padding: 4px 10px 4px 7px;
}

body {
	font: 11pt "Lucida Grande",Lucida,Verdana,sans-serif;
}

.main-nav {
	font-size: 15px;
	height: 22px;
	margin: 0 auto;
	position: relative;
	width:100%;
	text-align: right;
}

.main-nav a {
	background: url(/templates/default/images/button_bg.png);
	color: #406C82;
	font-size: 15px;
	text-decoration: none;
	font-weight: bold;
	border-width:1px;
	border-style:solid;
	border-color:#000;
	font-family: helvetica;
}

	.nav a:hover {
		background-color: #C2E5CD;
		color: #58666e;
		border-color: ;
	}

.nav a {
	padding: 4px;  /* RdK knoppen rechtsboven */
	border-color:#A9A9A9;  /* RdK rand knoppen rechtsboven */
	border-radius: 5px;  /* Rdk afronding knoppen rechtsboven */
	background-color: #EDEDED;
	color: #58666e;
	border-color: ;

	float: right;
	margin-left: 15px;
	font-size: 15px;
	text-decoration: none;
	font-weight: bold;
	border-width:1px;
	border-style:solid;
	font-family: helvetica;
	position: relative;
	}