@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,800);

/*------------------------------------------------------------------

	Project:		Slate Admin 2.0
	Last change:	07/20/2012
	Assigned to:	Rod Howard (rh)


[Table of contents]

	1. Global
	2. Header / #header
	3. Info / #info
	4. Nav / #nav
	5. Content / #content
	6. Footer / #footer
	7. Page Title / #page-title
	8. Miscellaneous
	
	*. jQuery UI Overrides
	*. Widget / .widget

-------------------------------------------------------------------*/



/*------------------------------------------------------------------
[1. Global]
*/

:focus{
    outline: 0;
  }
@font-face {
	font-family: acteon;
	src: url('acteon.ttf');
}
body {
	
	font: 13px/1.7em 'Open Sans', arial, sans-serif !important;
	background: #EFEFEF !important;
}

body#jaarrekening{
	background-color:white !important;
}

/*CHROME BUG FIX*/
body {
  -webkit-animation-duration: 0.1s;
  -webkit-animation-name: fontfix;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 0.1s;
}

@-webkit-keyframes fontfix {
  from { opacity: 1; }
  to { opacity: 1; }
}

p {	
	margin-bottom: 2em;
	
	/*font: 12px/1.7em 'Open Sans', arial, sans-serif;*/
}

a:hover{
	text-decoration: none !important;
	cursor:pointer;
}


textarea {
    resize: none;
}
/*------------------------------------------------------------------
[2. Header]
*/

#header  {
	
	height: 50px;
	width:100%;
	background: #263849;
	color:white;
	-webkit-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 3px 5px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 3px 5px rgba(50, 50, 50, 0.75);
	z-index:100;
	position:fixed;

}

div#logo{
	color: white;
	font-size:40px;
	font-family: acteon;
	margin-left:3.2%;
	margin-top:7px;
	float:left;
	background: url(../images/logo.png) repeat-x 0 0;
	height:35px;
	width:218px;
}

div#logo a{
	width:100%;
	height:100%;
	display:block;
}

div.loginlogo{
	color: white;
	font-size:40px;
	font-family: acteon;
	margin-left:3.2%;
	margin-top:7px;
	float:left;
	background: url(../images/logo.png) repeat-x 0 0;
	height:35px;
	width:164px;
}

div#logo:hover{
	cursor: pointer;
}


#header h1 {
	background: url(../images/logo.png) no-repeat 0 0;
	width: 296px;
	height: 60px;
	line-height: 500px;
	overflow: hidden;
	color: white;
	font-size: 32px;
	position: relative;
	top: 3px;
	left: 15px;
}

	#header h1 a {
		display: block;
	}
	
	
	
	


/*------------------------------------------------------------------
[3. Info]
*/

#info {
	font-size: 11px;
	font-weight: bold;
	color: #DDD;
	text-align: right;
	position: absolute;
	right: 20px;
	top: 9px;
}

#info h4 {
	margin-bottom: .35em;
	
	font-size: 14px;
}

#info p {
	margin-bottom: 0;
	
	line-height: 1.95em;
}

#info a {
	color: #F90;
}

#info img {
width: 60px;
border: 3px solid 
white;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;

}

#info-menu {
	display: table;
	width: auto;	
	z-index: 1000;
	margin: 1px 0 0;
	list-style: none;


}

#info-menu .info-details {
	display: table-cell;
	vertical-align: bottom;
	
}

#info-menu .info-details .name{
	font-size: 14px;
	padding-bottom:5px;
	
}

#info-menu .info-avatar {
	display: table-cell;
	vertical-align: top;
	width: 90px;
	text-align: right;
}

#info #info-trigger {
	display: none;
	color: #26333E;
	font-size: 24px;
}

#info #info-trigger:hover {
	text-decoration: none;
}

#info .toggle-menu-show {
	display: block !important;
}





/*------------------------------------------------------------------
[4. Nav  / #nav]
*/

#nav {
	z-index: 1001;	
}


body.nav-fixed {
	padding-top: 74px;
}

body.nav-fixed #header {
	visibility: hidden;
}

	position: fixed;
body.nav-fixed #nav {
	top: 0;
	left: 50%;
	
	margin-left: -470px;
	
}

body.nav-fixed #nav .container {	
	/* background: rgba(38,56,73,.92); */
}



#nav .container {
	
	height: 38px;
	
	background: #263849;
	
	border-top: 1px solid #365169;
	
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,.35);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .35);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, .35);
}

#nav .nav {
	display: inline-block;
	padding: 0;
	margin: 5px 0 0 0em;
}

#nav .nav > li {
	float: left;
	padding: 0;
	margin: 0 .5em 0 0;
	margin-left:19px;
	list-style: none;

	
}

#nav .nav > li > a {
	padding: 1px 1px;	
	font-size: 14px;
	font-weight: 600;
	color: #FFF;
	background: transparent;
	border: 1px solid transparent;
	text-shadow: 1px 1px 1px rgba(0,0,0,.6);
	display:inline;
	border-radius: 0 \0/;
}

#nav .nav > li.active > a,
#nav .nav > li > a:hover,
#nav .nav > li.open > a {
	color: #FFF;
	
	text-decoration: none;
	
	background: #263849;
	background: -moz-linear-gradient(top, #3C4C5B 0%, #263849 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3C4C5B), color-stop(100%, #263849));
	background: -webkit-linear-gradient(top, #3C4C5B 0%, #263849 100%);
	background: -o-linear-gradient(top, #3C4C5B 0%, #263849 100%);
	background: -ms-linear-gradient(top, #3C4C5B 0%, #263849 100%);
	background: linear-gradient(top, #3C4C5B 0%, #263849 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3C4C5B', endColorstr='#263849');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#3C4C5B', endColorstr='#263849')";	
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}


#nav .nav > li.active > a {
	color: #FFF;
}

#nav .nav > li > a > i {
	padding-right: .35em;
}

#nav .nav .caret {
	margin-left: 5px;
	border-top-color: #FFF;
	
	opacity: .65;
}

#nav .nav .dropdown-menu {
	top: 130%;
	
	top: 105%\9;
}

#nav .btn-navbar {
	display: none;
	
	height: 28px;
		
	margin-top: 6px;
}

#nav .nav > li.dropdown > .dropdown-menu::before {
	content: '';
	display: inline-block;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #CCC;
	border-bottom-color: #111;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	position: absolute;
	top: -7px;
	left: 9px;
}

#nav .nav > li.dropdown > .dropdown-menu::after {
	content: '';
	display: inline-block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid white;
	position: absolute;
	top: -6px;
	left: 10px;
}


#nav .nav .navbar-search {
	position: relative;
	top: -5px;
}

#nav .navbar-search .search-query {
	
	padding: 6px 9px 4px;
	
	font-size: 12px;
	
	background-color: #2B4055;
	
	border-color: #1B2834;
	
	width:170px;
}

#nav .navbar-search input:focus {
	background: #FFF;
	
	color: #444;
	
	border-color: #1B2834;
}

#nav .navbar-search i {	
	
	color: #16222C;
	
	font-size: 16px;
}

#nav .navbar-search .search-btn {
	
	position: absolute;
	top: 4px;
	right: .2em;
	
	background: none;
	
	border: none;
}

#nav .pull-right {
	margin-right: .75em;
	margin-top:7px;
}


#nav {
	margin-bottom: 2em;
}


#nav .nav > li.nav-icon > a {
	
}

#nav .nav > li.nav-icon > a > i {
	padding-right: 0;
}


#nav .nav > li.nav-icon > a > span {
	display: none;
}

#nav .nav > li.dropdown > .dropdown-menu > li.dropdown > .sub-menu::before {
	content: '';
	display: inline-block;
	
	width: 0; 
	height: 0; 
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent; 
	
	border-right: 7px solid #000;
	border-right-color: rgba(0,0,0,.85);
	
	position: absolute;
	top: 5px;
	left: -7px;
}

#nav .dropdown-menu:after {
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid rgba(0,0,0,.85) !important;
}





/*------------------------------------------------------------------
[5. Content / #content]
*/

#content {
 padding-top:40px;
 min-width:100%;
}




/*------------------------------------------------------------------
[6. Footer / #footer]
*/

#footer{
	margin:0px auto;

}
#footer .container {
	
	padding: 15px 0 30px;
	position:absolute;
	bottom:0px;
	border-top: 1px solid #BBB;
	margin:0px auto;
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,1);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,1);
	box-shadow: inset 0 1px 0 rgba(255,255,255,1);
}





/*------------------------------------------------------------------
[7. Page Title]
*/
		
#page-title {
	
	padding: 12px 15px;
	margin-bottom: 1.75em;
	
	background-color: #FFF;
	background-image: url(../img/page-title-bg.png);
	
	
		
	border: 1px solid #CCC;
		
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,1);
		-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,1);
		box-shadow: inset 0 1px 0 rgba(255,255,255,1);
}

#page-title h1 {	
	font-size: 24px;
	font-weight: 400;
}

#page-title h1+.breadcrumb {
	margin-top: .75em;
}


#page-title .breadcrumb {
	padding: 0;
	margin-bottom: 0;
	
	background: none;
	filter: none;
	
	border: none;
}

#page-title .breadcrumb li {
	font-size: 13px;
}

#page-title .breadcrumb li.active {
	font-weight: 600;
}





/*------------------------------------------------------------------
[8. Miscellaneous]
*/

.btn [class^="icon-"], .btn [class*=" icon-"] {
	position: relative;
	top: 2px;
	
	margin-right: .25em;
	line-height: 14px;
}

.btn-large [class^="icon-"], .btn-large [class*=" icon-"] {
	top: 2px;
}

.btn-small [class^="icon-"], .btn-small [class*=" icon-"] {
	top: 1px;
}

.btn-mini [class^="icon-"], .btn-mini [class*=" icon-"] {
	top: 0;
}


.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}


label.valid {
	position: relative;
	top: 1px;
	
		  width: 24px;
		  height: 24px;
		  background: url(../img/validate/valid.png) center top no-repeat;
		  display: inline-block;
		  text-indent: -9999px;
		}
		label.error {
			font-weight: bold;
			color: #B94A48;
			margin-top: 2px;
		}
	
	
.chart-holder {
	height: 350px;
}

.clear {
	clear: both;
}


.shortcut:not(.ondernemingenbutton) { 
	display: inline-block;
	padding: 12px 0;
	margin: 0 .9% 1em;
	vertical-align: top;	
	text-decoration: none;
	background: #E9E9E9;
	background:-moz-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFAFA), color-stop(100%,#E9E9E9)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); /* Opera11.10+ */
	background:-ms-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); /* IE10+ */
	background:linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9')";		
	border: 1px solid #D8D8D8;
	border-radius: 5px;
	text-align: center;
}

a.ondernemingenbutton{
	background-color: #fa7414 !important;
    background-image: -moz-linear-gradient(center top , #f9bb5d, #ff9a03);
    border-color: rgba(0, 0, 0, 0.15);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
   	display: inline-block;
	padding: 12px 0;
	margin: 0 .9% 1em;
	vertical-align: top;	
	text-decoration: none;
	border: 1px solid #D8D8D8;
	border-radius: 5px;
	float:left;
}

a.ondernemingenbutton i,.ondernemingenbutton span{
		color:white !important;

}

#dashboard .shortcut .shortcut-icon {
	margin-bottom: .25em;
	font-size: 40px;
	color: #5E5C5C;
}

#dashboard .shortcut{
	padding-left:10px;
	height:100%;
	width:100%;
	text-align: center;
	height:110px;
}


#dashboard .shortcut .enabled:hover {
	background: #E8E8E8;
	cursor:pointer;
}
#dashboard .disabled:hover{
	background: #E9E9E9;
	background:-moz-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFAFA), color-stop(100%,#E9E9E9)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); /* Opera11.10+ */
	background:-ms-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); /* IE10+ */
	background:linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9')";		
	
	border: 1px solid #D8D8D8;
	cursor:default !important;

	border-radius: 5px;	
}
#dashboard .disabled:hover .shortcut-icon{
	color: #888;
}
#dashboard .shortcut .disabled:hover{
	cursor:default !important;
}

#dashboard.shortcut .enabled:hover .shortcut-icon {
	color: #ff4e00;
}
.shortcut-label {
	display: block;
	font-size:110%;
	font-weight: 400;
	color: #666;
}




div.unlock:hover{
	color: #ff4e00;
	cursor:pointer;	
}



.item-row {
	display: table;	
	
	width: 100%;
	padding: 25px 0;
	
	border-top: 1px dotted #CCC;
}

.item-row:first-child {
	border-top: none;
}

.item-label {
	display: table-cell;
	padding-left: 15px;
	
	vertical-align: top;
	width: 165px;
	
	font-weight: 600;
}

.item-content {
	position: relative;
	
	display: table-cell;
	padding-right: 15px;
	vertical-align: top;
}





/*------------------------------------------------------------------
[*. jQuery UI Overrides]
*/

.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 16px; height: 16px; cursor: default; background: url(../img/handle.png) no-repeat; border: none; cursor: pointer; }
.ui-slider .ui-slider-handle:hover { background-position: 0 -16px; }
.ui-slider .ui-slider-handle:active { background-position: 0 -32px; }

.ui-slider .ui-slider-range { position: absolute; z-index: 1; height: 6px; font-size: .7em; display: block; border: 1px solid #E68E0B; box-shadow: 0 1px 0 rgba(255,255,255,.3) inset;  -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; background: #FBB450; background: -moz-linear-gradient(top,  #FBB450 0%, #F89406 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBB450), color-stop(100%,#F89406)); background: -webkit-linear-gradient(top,  #FBB450 0%,#F89406 100%); background: -o-linear-gradient(top,  #FBB450 0%,#F89406 100%); background: -ms-linear-gradient(top,  #FBB450 0%,#F89406 100%); background: linear-gradient(top,  #FBB450 0%,#F89406 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBB450', endColorstr='#F89406',GradientType=0 ); }


.ui-slider-horizontal { height: 8px; }
.ui-slider-horizontal .ui-slider-handle { top: -4px; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: -1px; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { height: 100px; width: 8px;  }
.ui-slider-vertical .ui-slider-handle { left: -4px; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 6px; background: #FBB450; background: -moz-linear-gradient(top,  #FBB450 0%, #F89406 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBB450), color-stop(100%,#F89406)); background: -webkit-linear-gradient(top,  #FBB450 0%,#F89406 100%); background: -o-linear-gradient(top,  #FBB450 0%,#F89406 100%); background: -ms-linear-gradient(top,  #FBB450 0%,#F89406 100%); background: linear-gradient(top,  #FBB450 0%,#F89406 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBB450', endColorstr='#F89406',GradientType=0 ); }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }










/*------------------------------------------------------------------

	[Widget Styling]

	Project:		Slate Admin 2.0
	Version:		1.0
	Last change:	06/27/2012
	Assigned to:	Rod Howard (rh)


[Table of contents]

	1. Widget
	2. Header Actions
	3. Shared Styles
	4. Tables
	5. Toolbar
	6. Tabs
	7. Accordion
	8. Form
	9. Mini Calendar
	10. Full Calendar
	11. Miscellaneous

-------------------------------------------------------------------*/



/*------------------------------------------------------------------
[*. Widget]
*/

.widget {	
	position: relative;
	clear: both;
	width: auto;
	margin-bottom: 2em;
	border: 1px solid #CCC;
	border-radius:5px;

}
	
	.widget-header {		
		position: relative;
		
		height: 40px;
		line-height: 40px;
		
		background: #E9E9E9;
		background:-moz-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%); /* FF3.6+ */
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFAFA), color-stop(100%,#E9E9E9)); /* Chrome,Safari4+ */
		background:-webkit-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); /* Chrome10+,Safari5.1+ */
		background:-o-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); /* Opera11.10+ */
		background:-ms-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); /* IE10+ */
		background:linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9');
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9')";		
		
		
		-webkit-border-top-left-radius: 4px;
		-webkit-border-top-right-radius: 4px;
		-moz-border-radius-topleft: 4px;
		-moz-border-radius-topright: 4px;
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		
		-webkit-background-clip: padding-box;
		
		-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,1);
		-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,1);
		box-shadow: inset 0 1px 0 rgba(255,255,255,1);
		padding-left:20px;
	}	
	
	.widget-header-title {
		position: relative;
		top: 10px;
		float: left;
		display: inline-block;
		margin-right: 3em;
		font-size: 110%;
		font-weight: 600;
		color: #555;
		line-height: 18px;
		text-shadow: 1px 1px 2px rgba(255,255,255,1);
	}

	.widget-header-title [class^="icon-"], .widget-header-title [class*=" icon-"] {
		position: relative;
		top: 1px;
		
		padding-right: .5em;
		
		font-size: 16px;	
	}

.widget-content {
	padding: 20px 45px 15px;
	background: #FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
}





/*------------------------------------------------------------------
[*. Header Actions]
*/	

.widget-header .widget-actions {
	float: right; 
	
	display: inline-block;
	vertical-align: middle;
	
	height: 40px; 
	margin-right: .85em;
	
	line-height: 40px; 
}

.widget-header .widget-actions .btn-group .btn,
.widget-header .widget-actions  > .btn {
	float: none;
	
	display: inline-block;
}

.widget-header .widget-actions .btn-group .btn+.btn {
	margin-left: -4px;
}


.widget-header .widget-actions .dropdown-menu {
	top: 93%;
	
	left: 4px;
	right: 0;	
}


.widget-header .widget-actions input {
	position: relative;
	top: 4px;
	
	padding: 3px;
}





/*------------------------------------------------------------------
[*. Shared Styles]
*/
.widget-tabs{
		background: #263849;
		background:-moz-linear-gradient(top, #EEEEEE 0%, #DADADA 100%); /* FF3.6+ */
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#EEEEEE), color-stop(100%,#DADADA)); /* Chrome,Safari4+ */
		background:-webkit-linear-gradient(top, #EEEEEE 0%,#DADADA 100%); /* Chrome10+,Safari5.1+ */
		background:-o-linear-gradient(top, #EEEEEE 0%,#DADADA 100%); /* Opera11.10+ */
		background:-ms-linear-gradient(top, #EEEEEE 0%,#DADADA 100%); /* IE10+ */
		background:linear-gradient(top, #EEEEEE 0%,#DADADA 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#DADADA');
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#DADADA')";
}
.widget ,
.widget .widget-toolbar,
.widget.widget-accordion .accordion-heading {
		
		

		
	
		-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,1);
		-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,1);
		box-shadow: inset 0 1px 0 rgba(255,255,255,1);
}

.widget-header+.widget-content,
.widget-tabs+.widget-content,
.widget-toolbar+.widget-content {
	background:white

	border-top: none;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
		border-bottom: 1px solid #CCC;
	border:none ;

}




/*------------------------------------------------------------------
[*. Tables]
*/

.widget-table .widget-content {
	padding: 0;
}

.widget-table .table-bordered {
	border-top: none;
	border-right: none;	
	border-bottom: none;
	
	margin-bottom: 0;
	
}

.widget-table .widget-header+.widget-content .table-bordered {

	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;

}

.widget-table .table-bordered tr td:first-child,
.widget-table .table-bordered tr th:first-child {
	border-left: none;
}

.widget-table tbody tr:first-child td {
	border-top-color: #CCC;
}

.widget-table tbody td {
	border-left: 1px solid #FFF;
	border-right: 1px solid #DDD;
}

.widget-table thead tr th:last-child {
	border-right: none;
}

.widget-table tbody tr td:last-child {
	border-right: none;
}

.widget-table .widget-header+.widget-content thead th {
	
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
	
}

.widget-table .table-highlight thead:first-child tr:first-child th {
border-top: 1px solid #292C32;
}



/*------------------------------------------------------------------
[*. Toolbar]
*/

.widget .widget-toolbar {
	padding: .75em 1em;
	
	border-top: 1px solid #CCC;
	
	border-bottom: 1px solid #CCC;
	
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.widget .widget-header+.widget-toolbar {
	border-top: none;
	
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.widget .widget-toolbar .btn,
.widget .widget-toolbar .btn-group {
	float: none;
	
	display: inline-block;
}

.widget .widget-toolbar .btn {
	margin-right: .75em;
}

.widget .widget-toolbar .btn-group {
	margin-right: .75em;
}

.widget .widget-toolbar .btn-group .btn {
	margin-right: -3px;
}






/*------------------------------------------------------------------
[*. Tabs]
*/

.widget .widget-tabs {
	
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.widget .widget-header+.widget-tabs {
	
	border-top: none;
	
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.widget .widget-tabs .nav-tabs {
	padding: 1em 0 0 1em;
	margin: 0;
	width:95%;
	border-bottom-color: #CCC;
	
}

.widget .widget-tabs .nav-tabs > li > a {
	font-size: 14px;
	color: #333;
}

.widget .widget-tabs .nav-tabs > .active > a, .widget .widget-tabs .nav-tabs > .active > a:hover {
	border-color: #CCC;
	border-bottom-color: transparent;
}


.tabs-left ul{

border: 1px solid #CCC;

}


/*------------------------------------------------------------------
[*. Accordion]
*/

.widget.widget-accordion .widget-content {
	padding: 0;
}

.widget.widget-accordion .accordion {
	margin-bottom: 0;
}

.widget.widget-accordion .accordion-group {
	
	margin-top: -1px;
	margin-bottom: 0;
	
	border-color: #bbb;
	
	border-bottom: none;
	border-right: none;
	border-left: none;
	
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	
}

.widget.widget-accordion .accordion-heading {
	position: relative;
	
	border: none;
	
	border-bottom: 1px solid #BBB;
}

.widget.widget-accordion .accordion-toggle {
	color: #263849;
	
	font-size: 13px;
	font-weight: 600;
}

.widget.widget-accordion .accordion-toggle:hover {
	
	text-decoration: none;
}


.widget.widget-accordion .toggle-icon {
	position: absolute;
	top: 9px;
	right: 1em;	

	color: #888;
	
	font-size: 15px;
}


.widget.widget-accordion .accordion-group.open .accordion-toggle {
	text-shadow: 0px -1px 0px #263849; 
	color: #ffffff; 
	background-color: #263849; 
	background-image: -moz-linear-gradient(top, #3C4C5B, #263849); 
	background-image: -ms-linear-gradient(top, #3C4C5B, #263849); 
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3C4C5B), to(#263849)); 
	background-image: -webkit-linear-gradient(top, #3C4C5B, #263849); 
	background-image: -o-linear-gradient(top, #3C4C5B, #263849); 
	background-image: linear-gradient(top, #3C4C5B, #263849); 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3C4C5B', endColorstr='#263849', GradientType=0); 
	border-color: #684682 #263849 #263849 #684682; 
	border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25);
	
	color: #FFF;
	
	border-top: 1px solid #16222C;
	
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
		
	text-shadow: 1px 1px 2px rgba(0,0,0,.4);
}

.widget.widget-accordion .accordion-group.open .toggle-icon {
	color: #F90;
}

.widget.widget-accordion .accordion-group.open .accordion-heading {	
	border-bottom: 1px solid #16222C !important;
}

.widget.widget-accordion .accordion-group:last-child .accordion-heading {
	border-bottom: none;
}






/*------------------------------------------------------------------
[*. Form]
*/

.widget-form .form,
.widget-form .form-horizontal {
	margin-top: .5em;
	margin-bottom: 0;
}

.widget-form .control-group {
	padding: 15px 25px;
	margin-bottom: 0;
	
	border-top: 1px dotted #CCC;
}

.widget-form .control-group:first-child {
	border-top: none;
}

.widget-form .form-actions {
	margin-bottom: 0;
	
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.widget-form .widget-content {
	padding: 0;
}









/*------------------------------------------------------------------
[*. Data Table]
*/

.widget-table .dataTables_wrapper .table {
	
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	
	border-radius: 0;
}

.widget-table .dataTables_wrapper .row {
	margin: 1em 0;
}

.widget-table .dataTables_wrapper .row .span6 {
	padding: 0 10px;
	
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.widget-table .dataTables_wrapper .row label {
	margin-bottom: 0;
}

.widget-table .dataTables_scroll .dataTables_scrollBody .table {
	border-bottom: none;
	border-top: none;
}

.widget-table .dataTables_scrollHead .dataTables_scrollHeadInner .table {
	border-bottom: none;
}


.dataTables_scroll,.dataTables_info{
	margin-top:20px;
}




/*------------------------------------------------------------------
[*. Mini Calendar]
*/

.widget-minicalendar .widget-content {
	padding: 0;
}

.widget-minicalendar .ui-datepicker {
	width: 100%;
	
	border: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}


.widget-minicalendar .ui-datepicker {
	padding: 0;
}

.widget-minicalendar .ui-datepicker .ui-datepicker-header { 
	position:relative; 
	padding: 8px 0 7px 0; 
	border:0px; 
	font-weight: bold; 
	font-size: 11px; 
	width: 100%; 
	color: #636363; 
	text-shadow: 0 1px white;
	border-bottom: 1px solid #CCC; 
	border-radius: 0!important; 
	box-shadow: 0 1px 0 #fff; 
	-webkit-box-shadow: 0 1px 0 #fff; 
	-moz-box-shadow: 0 1px 0 #fff; 
	background: #DADADA;
		background:-moz-linear-gradient(top, #EEEEEE 0%, #DADADA 100%); /* FF3.6+ */
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#EEEEEE), color-stop(100%,#DADADA)); /* Chrome,Safari4+ */
		background:-webkit-linear-gradient(top, #EEEEEE 0%,#DADADA 100%); /* Chrome10+,Safari5.1+ */
		background:-o-linear-gradient(top, #EEEEEE 0%,#DADADA 100%); /* Opera11.10+ */
		background:-ms-linear-gradient(top, #EEEEEE 0%,#DADADA 100%); /* IE10+ */
		background:linear-gradient(top, #EEEEEE 0%,#DADADA 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#DADADA');
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#DADADA')"; 
	
		-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,1);
		-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,1);
		box-shadow: inset 0 1px 0 rgba(255,255,255,1);
}

.widget-minicalendar .ui-datepicker,
.widget-minicalendar .ui-datepicker-calendar thead th,
.widget-minicalendar .ui-datepicker-calendar tbody td {
	background: #FFF; 
	
	
}

.widget-minicalendar .ui-widget-header .ui-icon {
	background-image: url(./ui-lightness/img/ui-icons_222222_256x240.png);

}

.widget-minicalendar .ui-datepicker .ui-datepicker-prev, .widget-minicalendar .ui-datepicker .ui-datepicker-next {
	top: 8px;
	
	opacity: .35;
}

.widget-minicalendar .ui-datepicker .ui-datepicker-prev-hover, .widget-minicalendar .ui-datepicker .ui-datepicker-next-hover {
	top: 7px;
	
	opacity: .8;
}

.widget-minicalendar .ui-datepicker .ui-datepicker-prev {
	left: 10px;
}

.widget-minicalendar .ui-datepicker .ui-datepicker-prev-hover {
	left: 9px;
}

.widget-minicalendar .ui-datepicker .ui-datepicker-next {
	right: 10px;
}

.widget-minicalendar .ui-datepicker .ui-datepicker-next-hover {
	right: 9px;
}


/*------------------------------------------------------------------
[*. Full Calendar]
*/

.widget-fullcalendar .widget-content { padding: 0; }

.widget-fullcalendar .fc-sun { border-left: none; }
.widget-fullcalendar .fc-sat { border-right: none; }
.widget-fullcalendar tr:last-child td { border-bottom: none; }

.widget-fullcalendar td { border-color: #DDD; }


.widget-fullcalendar .fc-button-month
, .widget-fullcalendar .fc-button-basicWeek
, .widget-fullcalendar .fc-button-basicDay {
	position: relative;
	top: -41px;
	right: 0;
}
.widget-fullcalendar .fc-day-number { font-size: 11px; padding: 6px 9px 0 0; }

.widget-fullcalendar .widget-content {
	
}

.widget-fullcalendar .fc-button-next {
	background: transparent;
	position: absolute;	
	top: 58px;		
	right: 10px;
}

.widget-fullcalendar .fc-button-prev {
	background: transparent;
	position: absolute;
	top: 58px;
	left: 10px;
}

.widget-fullcalendar .fc-button-effect
, .widget-fullcalendar .fc-button-effect {
	display: none;
}

.widget-fullcalendar .fc-state-default .fc-button-inner
, .widget-fullcalendar .fc-state-default .fc-button-inner {
	background: transparent;
	border: none;
}

.widget-fullcalendar .fc-state-active {
	background: #FFF;
}

.widget-fullcalendar .fc-button-content {
	color: #666;
}

.widget-fullcalendar .fc-state-active .fc-button-content {
	color: #08C;
}

.widget-fullcalendar .fc-state-default
, .widget-fullcalendar .fc-state-default {
	border: none;
}

.widget-fullcalendar .fc-button-next.fc-state-default .fc-button-content
, .widget-fullcalendar .fc-button-prev.fc-state-default .fc-button-content {
	opacity: .35;
}


.widget-fullcalendar .fc-widget-header {
	padding: 5px 0;
	
	color: #666;
	
	background: #E9E9E9;
	background:-moz-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFAFA), color-stop(100%,#E9E9E9)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); /* Opera11.10+ */
	background:-ms-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); /* IE10+ */
	background:linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9')";
	
	border-color: #DDD;
}

.widget-fullcalendar .fc-header-right .fc-button.fc-state-default {
	display: inline-block;
	
	height: 40px;
	
	background: none;
	
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
}

.widget-fullcalendar .fc-header-right .fc-button.fc-state-active {
	background: #FFF;
	
	border-bottom-color: transparent;
	
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
}

.widget-fullcalendar .fc-header .fc-button {
	margin-right: 0;
}




.widget-fullcalendar .fc-header-right .fc-corner-left .fc-button-inner, .widget-fullcalendar .fc-header-right .fc-corner-left .fc-event-inner {
	margin-left: 0;
}


.widget-fullcalendar .fc-header .fc-button .fc-button-inner {
	padding: 0 11px;
	
	border-left: 1px solid #FFF;
}

.widget-fullcalendar .fc-header .fc-button .fc-button-inner,
.widget-fullcalendar .fc-header .fc-button .fc-button-content {
	
	display: block;
	
	height: 40px;
	line-height: 42px;
	
	font-size: 12px;
}

.widget-fullcalendar .fc-header-right .fc-button.fc-state-default .fc-button-inner {
	
}

.widget-fullcalendar .fc-content {
	
}

.widget-fullcalendar .fc-header-title { padding: 12px 0 19px; }
.widget-fullcalendar .fc-header-title h2 { position: relative; top: 2px; }





/*------------------------------------------------------------------
[*. Miscellaneous]
*/

.widget.nopad .widget-content {
	padding: 0;
}


.widget.plain .widget-header {
	display: none;
}

.widget.plain .widget-content {
	padding: 0;
	
	background: none;
	
	border: none;
}



















.toolbar-bottom .widget-content {
					-webkit-border-bottom-left-radius: 0;
					-webkit-border-bottom-right-radius: 0;
					-moz-border-radius-bottomleft: 0;
					-moz-border-radius-bottomright: 0;
					border-bottom-left-radius: 0;
					border-bottom-right-radius: 0;
				}
				
				.widget-content+.widget-toolbar {
					
					border-top: none;
					
					-webkit-border-top-left-radius: 0;
					-webkit-border-top-right-radius: 0;
					-moz-border-radius-topleft: 0;
					-moz-border-radius-topright: 0;
					border-top-left-radius: 0;
					border-top-right-radius: 0;

					-webkit-border-bottom-right-radius: 4px;
					-webkit-border-bottom-left-radius: 4px;
					-moz-border-radius-bottomright: 4px;
					-moz-border-radius-bottomleft: 4px;
					border-bottom-right-radius: 4px;
					border-bottom-left-radius: 4px;
				}
				
				
				
				
				
				
/* For modern browsers */
.widget-content:before,
.widget-content:after {
    content:"";
    display:table;
}

.widget-content:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.widget-content {
    *zoom:1;
}

table{
	font-size:100%;
}
table tbody tr{
	height:30px;
}
td.buttontd, td.buttontd a{
   text-align:center;
   line-height:10px;
   font-size:25px;
   color:rgb(136, 136, 136) !important;
}

td.buttontd a:hover{
   text-decoration: none;
   color:#009bec !important;
}

td.tdsubject{
font-size:110%;
color:#00679d !important;
}



/* POPUPS*/



.ui-dialog{
	float:left;
	padding: 2px !important;
	padding-bottom:0px !important;
	box-shadow: 2px 2px 5px #888;
}
.ui-dialog-titlebar{
    font-size:18px;
    font-weight:bold;
    height:50px;
    line-height:40px;
    padding-left:15px;
    border-bottom:1px solid silver;
    color:#424242;
    padding: 9px 15px;
    text-overflow:ellipsis;
    overflow: hidden; 
    width:90%;
	text-decoration: none; 
    text-overflow: ellipsis; 
    display: block; 
    overflow: hidden; 
    white-space: nowrap;
}
.ui-dialog-titlebar:hover{
	cursor: pointer;
}


.ui-dialog-titlebar-close{
	display:none;
}

.ui-dialog-buttonpane{

	height:40px !important;
	line-height:40px !important;
	padding-left:20px;
	padding-right:20px;

}

img.avatar_img {
width: 60px;
padding: 1px;
border: 1px solid #CCC;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

a,button{
outline: none !important;
}


.nobg{
	background: transparent !important;
}

.ui-menu-item{
	overflow-y: hidden;
	overflow-x:hidden;
	text-overflow:ellipsis;
	line-height: normal;
}
.ui-menu-item a{
	padding:5px;
	
}


ul#mytags{
	background-color:#f8f8f8 !important;
	background-image:none !important;
	font-size:13px;

}
ul#mykoppelingen, ul#myaddressees{
	min-width:400px !important;
	font-size:13px;
	display:block;
	float:left;
	background-image:none !important;
	overflow:none !important;
}
ul#myaddressees{
	font-size:13px;
	display:block;
	float:left;
	background-image:none !important;
	overflow:none !important;
}

ul#mykoppelingen input,ul#myaddressees input{
	background-image: none !important;
	background-color: none !important;
}


.mce-menubar,.mce-statusbar{
	display:none !important;
}

.actionmenu{
	border:1px solid #F0F3F7 !important;
	color: #555555 !important;
	margin-top: 7px;
}

.menu-dropdown,
.dropdown-menu {
    max-height:180px;
    overflow:auto;
}

.dropdown-main{
	max-height:300px !important;
    overflow:auto;
}

table.messagebox tr:first-child td:first-child{
	width:90px;
}
input.subject{
	width:400px !important;
}
td.messagesubject{
	font-size:100%;
}
td.name{
	height:45px;
}
a#choosetemplate{
	color:black !important;
}


ul.ui-autocomplete li:hover{
	cursor:pointer;
}

ul.ui-autocomplete {
	max-height:200px;
	overflow-y:auto;
	border:1px solid silver;
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,.35);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .35);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, .35);	
	position: absolute;	
}

ul.searchinappul{
	max-height:250px;
}

#detailspopup{
	max-height:600px;
	overflow-y:auto;
}

ul.ui-autocomplete li{
	background-color:#fbfbfb;
	border-top:1px solid #f4f4f4;
	min-height:50px;
	display: block;
}




.ui-menu-item a{
	width:100%;
	height:100% !important;
	display: block !important;
	color:black;
	 top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  height:100%;
	  min-height:50px;
}
/*RDEC
.yearvolgnummerautocompleteitem,.yearvolgnummerautocompleteitem a,.yearvolgnummerautocompleteitem a > div,
.ui-menu-item,.ui-menu-item a,.ui-menu-item a > div{
	height:50px !important;
}
*/

.accountaciwrapper{
	width:95%;
	margin: 0px auto;
	line-height: 20px;
	display: block;
	padding-top:5px;
	margin-bottom:5px;
	overflow:hidden;
	min-height:40px;
}
.countryaciwrapper{
	width:95%;
	margin: 0px auto;
	line-height: 20px;
	display: block;
	padding-top:5px;	
}

.tasksaciwrapper{
	width:90%;
	margin: 0px auto;
	line-height: 20px;
	display: block;
	padding-top:5px;	
}
.accountnumberac{
	width:75%;
	float:left;
	text-align: left;
	min-height:20px;
	overflow: hidden;
}

.accountnumberacfull{
	width:90%;
	float:left;
	text-align: left;
	height:20px;	
}

.accountamtac{
	width:25%;
	float:right;
	text-align: right;

}
.accountnameac{
	width:100%;
		display: block;
	text-overflow:ellipsis;
	overflow: hidden;white-space: nowrap;
}

.boekingautocompleteitem a{
	color:black;
}


.autocompleteitem, .afschrijvingautocompleteitem ,.boekingautocompleteitem,.postcodeautocomplete{
	height:50px;
	vertical-align: middle;
}
.emailrecipientsautocompleteitem{
	width:300px;
}
.ui-menu-item{
	position: relative;
}

.ui-autocomplete li:hover,.ui-autocomplete li.ui-state-focus,.ui-autocomplete li.ui-state-active,.ui-autocomplete li.ui-state-hover
,.ui-autocomplete li.over,.ui-menu-item.over,.ui-state-focus,.ui-state-active,.ui-state-hover{
	color:white !important;
	background-color:#436DC1 !important;	
}
/*
.autocompleteitem:hover,.afschrijvingautocompleteitem:hover,.boekingautocompleteitem:hover,.boekingautocompleteitem .ui-state-focus,
ul.ui-autocomplete li a:hover,.postcodeautocomplete:hover,.yearvolgnummerautocompleteitem:hover,.contactautocompleteitem:not(.alreadyadded):hover,
.vennootschapautocompleteitem:not(.alreadyadded):hover,.countryautocompleteitem:hover,.prestatiesautocompleteitem:hover,.customersautocompleteitem:hover,
.ui-menu-item.over,.ui-state-focus,.ui-state-active,.ui-state-hover,.tasksautocompleteitem:not(.alreadyadded):hover{
	color:white !important;
	background-color:#436DC1 !important;
}
*/


div.widget-actions .btn-group ul{
	width: 230px;
}

/*disabled li item in dropdown*/
a.disabled{
	color:silver !important;

}
a.disabled:hover{
  color: silver !important;
  text-decoration: none;
  background-color: transparent !important;
  text-shadow:none !important;
  cursor: default !important;
}


a.selectedobject{
color:#405E6A !important;
}

div.newattachmentwrapper{
 width:90%;
 margin:0px auto;

}
div.newattachmentpanel{
 background-color: #E8E8E8;
 float:left;
 min-height:35px;
 height:auto;
 z-index:0;
 display:none;
 width:100%;
 margin:0px auto;
 border:1px solid silver;
 border-radius:5px;
}

div.newattachmentpanel div{
	margin:20px;
}

div#addkoppelingdiv{
	width:90%;
	height:30px;
	text-align: right;
 	margin: 0px auto;
}
div#addkoppeling{

}
table.koppelingitemtable{
	width:300px !important;
	overflow-x:ellipsis;
}
table.koppelingitemtable tr{
	line-height:15px;
	max-width:100px !important;
	overflow:ellipsis;
}



div.newattachmentpanel div.button-group{
	width:150px !important;

}

div#saveKoppeling{
	float:right;
	width:90px;
}

span#noattachments{

	margin-left:20px;
}

a.replytoall i{
	padding-top:12px !important;
}

div.unlock{
	width:240px !important;
	margin-top:15px;
	float:left;
	position:absolute;
}


div.wrapper{
	margin:0px auto;
	margin-left:3%;
	margin-right:3%;	
}

div.wrapper > .widget{
	margin-top:20px;
}
table.vennootschappen,table.contacten,table.users,table.prestaties,table.userprestatietable,table.usernamestable,table.userprestatiestable,
table.projecten,table.invoices,table.registeredprestaties{
	font-size:13px;
	background-color:white;
}

.dataTables_filter{
	float:left;
}

table.dossiers td,table.contacten td,table.users td,table.prestaties td,table.usernamestable td,table.userprestatietable td,table.projecten td,
table.invoices td,table.registeredprestaties td,table.waitinginvoicestable td,table.customertasks td,table.alltasks td,table.taskdetail td,
table.alltodos td,table.roles td,.customer_detailviewitem table td,.details td,table.afschrijvingen td,.configtasktable td,.lastseencandv td,
.lastcdossiers td{
	padding-left:10px;
	padding-right:10px;
}


/*WORKBENCH*/

div#selectpanel{
	width:38%;
	float:left;
	display:block;
	overflow-x:hidden;
	overflow-y:scroll;	
	z-index: 5;
	background-color:#f5f5f5;

}
div#workplace{
	width:62%;
	float:left;
	display:block;
	overflow-y:scroll;
	z-index: 1;
	position:fixed;
	margin-left:38%;
	background-color:#f5f5f5;
}
div#spacer{
	height:10px;
	width:100%;
	position:relative;
	display:block;
	clear:both;
	background-color:#f5f5f5;
}

div#toppanel{
	margin-top:0px;
	width:100%;
	float:left;
	display:block;
	overflow-y:none;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #efefef 1%, #fbfbfb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#efefef), color-stop(100%,#fbfbfb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #efefef 1%,#fbfbfb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #efefef  1%,#fbfbfb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #efefef 1%,#fbfbfb 100%); /* IE10+ */
	background: linear-gradient(to bottom, #efefef  1%,#fbfbfb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	z-index:-1;
	height:40px;
}

div#container_items,div#balans_items{
	margin:0px auto;
	width:99%;
	z-index:1;
}

div#container_items{
	margin-right:35px;
}

div.container_item{
	width:95%;
	height:auto;
	overflow:hidden;
	border:1px solid silver;
	border-radius:5px;	
	/*-moz-box-shadow: 1px 1px 3px rgba(0,0,0,.35);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .35);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, .35);	*/
	margin:0px auto;
	background-color:#f8f8f8;
}

div#container_items .container_item:first-child,div#balans_items .balans_item:first-child{
	margin-top:20px !important;
}
div#container_items .container_item:not(:first-child){
	margin-top:10px !important;
}

div#balans_items .balans_item:not(:first-child){
	margin-top:20px;
}

div.container_item:hover{
	cursor:normal !important;
}

div#container_items .container_item:last-child,div#balans_items .balans_item:last-child{
	margin-bottom:20px;
}


div.container_item_text{
	width:100%;
	background-color: #436dc1;
	height:25px;
	float:left;
	color:white;
}

div.container_nr{
	float:left;
	border-right:1px solid white;
	width:70px;
	padding-left:10px;	
	line-height:25px;

}
div.container_desc{
	float:left;
	padding-left:10px;
	line-height:25px;

}
div.container_amount{
	width:100%;
	float:right;
	text-align:right;
	padding-right:20px;
	font-weight:bold;
	font-size: 110%;
	margin-top:5px;
}

span.pos{
	color:green;
}
span.neg{
	color:red;
}


div.balans_item{
	width:90%;
	overflow:hidden;
	z-index:100;
	border:1px solid #dddddd;
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,.35);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .35);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, .35);	
	background-color:#ededed;
	display:block;
	margin:0px auto;
	height:22px;

}

.container_item div.balans_item{
	width:100%;

}


div.balans_item:hover{
	cursor:pointer !important;
}
div.balans_item_text{
	width:69%;
	display:block;
	z-index:1;
	overflow:hidden;
	float:left;

}
div.balans_desc{
	float:left;
	width:80%;
	display:block;
	padding-left:5px;
	padding-top:0px;
	overflow:hidden;
	white-space: nowrap;
	text-overflow:ellipsis;	
}

div.balans_item_value{
	width:30%;
	float:right;

}
div.balans_nr{
	float:left;
	width:20%
	display:block;
	padding-left:10px;
		height:100%;

}

div.balans_removefromcontainer{
	float:left;
	height:20px;
	z-index:2200;
	width:20px;
	margin-top:2px;
	font-size:115%;
	margin-right:10px;
}
div.balans_amount{
	float:right;
	text-align:right;
	height:20px;
	z-index:2;
	display:block;
}
div.balans_amount span{
	margin-right:15px;
}


div.aci{
	width:100%;
	float:left;
	display:block;
	overflow:hidden;
	height:22px;
}
div.aci_nr{
	float:left;
	width:9%;
	height:20px;
	padding:2px;
	display:block;
	padding-left:10px;	
}
div.aci_desc{
	float:left;
	width:60%;
	height:20px;
	padding:2px;
	display:block;

}
div.aci_amount{
	float:right;
	width:30%;
	height:20px;
	padding:2px;
	padding-right:15px;
	display:block;
	text-align:right;
}

div#selectpanel div.selected{
	background-color:#f2fcff !important;
	border:2px solid #00a0d5;
}

div.container_over{
	border:2px solid #00a0d5;
}

table.balanstable{
	margin:0px auto;
	width:50%;

}
div.newrekening{
	float:left;
	width:100%;
}


table.newrekeningtable{
	width:90%;
	margin-left:20px;
	margin-top:20px;
}

#quicknav{
	color:white;
	width:auto;
	padding-top:15px;
	display:block;
	height:100%;
	overflow:hidden;
	float:right;
	margin-right:40px;
	margin-left:30px;


}
.quicknavitem{
	border:1px solid #efefef;
	border-radius:2px;
	text-align: center;
	background-color:orange;
	width:25px;
	height:40px;
	float:left;
	border-radius:2px;
	-webkit-box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 2px 3px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 2px 3px rgba(50, 50, 50, 0.75);
	margin-left:5px;
}


.quicknavitemdisabled{
	border:1px solid #efefef;
	border-radius:2px;
	text-align: center;
	width:25px;
	height:40px;
	float:left;
	border-radius:2px;
	-webkit-box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 2px 3px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 2px 3px rgba(50, 50, 50, 0.75);
	margin-left:5px;
	background-color:grey;
}

.quicknavitem:hover{
	color:white;
	cursor:pointer;
	background-color:#e36d25;
}

placeholder{
	font-style:italic;
}

#searchcontainer{
	width:auto;
	line-height:30px;
	float:right;
	margin-left:20px;
	margin-top:-4px;
}

#nocontainersfound{
	margin:0px auto;
	margin-top:200px;
	display:none;
	width:300px;
	height:100px;
}

div.ondernemingitem{
	border:1px solid blue;
	border-radius:5px;
	padding:5px;
	width:25%;
	margin:0px auto;
	margin-top:50px;

}

textarea.boekingomschrijving{
	width:400px;
}



#boekingpopup{
	overflow-y:auto;
}


#boekingpopup table td,#newaccountpopup table td{
	padding:5px;
}

#boekingpopup .boeking{
	width:90%;
	margin:0px auto;
	margin-top:20px;
}
#boekingpopup .boeking table{
	margin-top:30px;
}
.selectboeking{
	width:90%;
	margin:0px auto;
	margin-top:20px;
}

#newaccountpopup table{
	margin-top:30px;
	line-height:30px;
}



table.newboeking tr span.removerow{
	vertical-align: middle;
	text-align: center;

}

table.boekingtotal{
	width: 95%;
	margin:0px auto;	
	margin-top:10px;
	text-align: right;	
}


#debettotal,#credittotal{
	font-size:14px;
	font-weight: 600;	
	margin-left:10px;
}



::-webkit-input-placeholder { font-style:italic; }
::-moz-placeholder { font-style:italic; } /* firefox 19+ */
:-ms-input-placeholder {font-style:italic; } /* ie */
input:-moz-placeholder {font-style:italic; }



#uploadwrapper{
	margin-left:3%;
	margin-right:3%;
	background-color:#EFEFEF;
	padding:5px;
	overflow:hidden;
}
.file{
	margin-top:30px;
}


.filetable a{
	font-size:100% !important;
}



#verslagdercommissarissen .file_table,#jaarverslag .file_table,#waarderingsregels .file_table{
	margin-left:20px;
}
#fileuploadpanel,#fileuploadinfopanel,#fileuploadpreviewpanel,#logouploadpanel
{
	float:left;
	height:99%;
	background-color: white;
	position:relative;
}


#fileuploadpanel{
	border:1px solid silver;
	border-radius: 5px;
}


div.jaarrekpage .fileuploadpanel{
	border:1px solid silver;
	background-color: white;
	border-radius:10px;
	margin-top:30px;
	padding-top:30px;
	padding-bottom:30px;
	width:85% !important;
}


#fileuploadpanel,div.jaarrekpage .fileuploadpanel,#uploadlogodropzone{
	width:19%;
	text-align:center;
	/*background-color:#0286c8;*/
	background-color:#436DC1;

}

#balansmanager #fileuploadpanel,#dossiersandcontactsupload #fileuploadpanel{
	width:100%;
}

#uploadlogodropzone{
	width:90%;
	height:90%;
	margin:0px auto;
}

#fileuploadpanel:hover, .fileuploadpanelhover,.fileuploadpanel:hover,#uploadlogodropzone:hover{
	
	background-color:#ff9900 !important;

	cursor: pointer;
}


#fileuploadpreviewpanel{
	height:90%;
	overflow:hidden;
	margin:0px auto;
	width:100%;
}

#fileuploadpreviewpanel .dataTables_filter{
	float:right;
	width:100%;
}
#fileuploadpreviewpanel .dataTables_wrapper{
	width:100%;
	margin:0px auto;
}

.previewtable,table.vennootschappen,table.contacten,table.users,table.projecten,table.invoices,table.registeredprestaties,table.balansdetails{
	width:100%;
	margin:0px auto;
	margin-top:0px;
	float:left;
}
.previewtable:not(.dataTable){
	margin-top:20px;
}
table.prestaties{
	width:90%;
	margin-top:0px;
	float:left;
	margin:0px auto;

}
.uploadpreviewpanelwrapper{
	width:95%;
	margin:0px auto;
}

.fileuploadmeta{
	width:90%;
	margin:0px auto;
	margin-top:40px;
	height:auto;
	min-height:100px;
	height:auto !important;        /* for IE as it does not support min-height */
	height:140px;   
}
.fileuploadmetadata{
	width:78%;
	float:left;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color:#ff9900;
    display: block;
	padding-top:20px;

}
.fileuploadbuttonwrapper{
	width:15%;
	float:right;
}
.fileuploadname{
	color:#ff9900;
	font-size:20pt;
}

.fileuploadrowinfo{
	margin-top:10px;
	display: block;
	clear: both;
	font-style: italic;
	color:#333333 !important;
}

.fileuploaddates{
	margin-top:20px;
	display: block;
	clear: both;
	color:#333333 !important;	
}

.saveFileupload{
	height:70px;
	width:150px;
	font-size:20pt;
	float:right;
}

.titlewrapper{
	width:100%;
	height:50px;
	display:block;
	margin:0px auto;
	margin-top:20px;
}

.maintitle{
	font-size:140%;
	display:block;
	line-height:50px;
	width:60%;
	float:left;
}
.customertitle{
	float:right;
	width:30%;
	float:right;
	text-align: right;
	margin-right:5px;
	padding-top:5px;
}
.customertitle span{
		font-size: 100%;

}
.subtitle{
	font-size:80%;
}

.subtitlewhite{
	font-size:140%;
	display:block;
	line-height:50px;
	width:40%;	
    position: absolute;
    bottom: 0;
    left: 20px;
    color:white;
    text-align: left !important;
    letter-spacing: -1px;
}
.subtitleblue{
	font-size:140%;
	display:block;
	line-height:50px;
	width:40%;	
    position: absolute;
    bottom: 0;
    left: 20px;
    color:#0286c8;
    letter-spacing: -1px;
}
.subtitleorange{
	font-size:140%;
	display:block;
	line-height:50px;
	width:40%;	
    position: absolute;
    bottom: 0;
    left: 20px;
    color:#ff9900;
    letter-spacing: -1px;
}

.dropzonelabel{
	margin:0px auto;
	margin-top: 50px;
	width:100%;
	text-align: center;
	font-size:150%;
	letter-spacing: -1px;
}

.dropzonelabelsmall{
	margin:0px auto;
	margin-top: 20px;
	width:100%;
	text-align: center;
	font-size:150%;
	letter-spacing: -1px;
	display:block;
	padding-top:10px;
}

.dropzonelabelsmall span{
	margin-top:60px;
}

.dropzonelabelblue{
	margin:0px auto;
	margin-top:25%;
	width:100%;
	text-align: center;
}

.dropfileicon{
	font-size:120pt;
	/*color:#e58700;*/
	color:white;
	display:block !important;
	margin-top:40px !important;
}

.dropfileiconsmall{
	font-size:60pt;
	/*color:#e58700;*/
	color:white;
	display:block !important;
	margin-top:30px !important;
}

td.uploadedbalansname
{
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.previewtable .amount,.balansdetails .amount{
	text-align:right;
	padding-right:20px;
}

.previewtable td,table.vennootschappen td,table.balansdetails td{
	padding-left:5px;
}

body#xbrlupload table.previewtable tbody tr{
	line-height: 30px;
}

body#xbrlupload table.previewtable tbody tr td{
	padding-top:10px;
	padding-bottom:15px !important;
}

body#xbrlupload span.icon-user{
	margin-top:5px;
}

.dataTable thead {
	height:30px;
	background: #fafafa; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOWU5ZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #fafafa 0%, #e9e9e9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#e9e9e9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fafafa 0%,#e9e9e9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fafafa 0%,#e9e9e9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fafafa 0%,#e9e9e9 100%); /* IE10+ */
background: linear-gradient(to bottom, #fafafa 0%,#e9e9e9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-8 */
}

.dataTable thead:hover {
	cursor: pointer;
}
.detailcolumnwrapper{
	display:block;
	margin-top:20px;
	overflow-y: auto;
	padding-bottom:10px;
}


div.detailcol1,div.detailcol2,div.detailcol3,div.detailcol4,div.detailcolbedrag{
	text-align:center;
background-color:white;
padding-top:10px;
display:block;
min-height:100px;
height:auto !important;
margin-left:1px;
overflow:hidden;
border-radius:5px;
border: 1px solid #C0C0C0;

}
input.detailcol1,input.detailcol2,input.detailcol3,input.detailcol4,input.detailcolbedrag{
	display: block !important;
    margin : 0 auto;	
    margin-top:10px;
    margin-bottom:10px;
}

div#jaarreknav,div#fiscaangiftenav{ 
	position:fixed;
   	width: 28%;
    background-color: #466d91;
    float:left;
    padding: 10px;
    border-right:1px solid #ebebeb;
    overflow-y:auto;
    height:100%;
    margin-top:60px;
    padding-top:20px;

}
div#fiscaangiftenavlinks ul{
	margin-left:0px !important;
}
div#jaarreknavlinks,div#fiscaangiftenavlinks{
    float:left;
    overflow:hidden ; 
    white-space:nowrap;
    color:black;
    width:90%;
    font-size:100%;
    margin-top:10px;
    margin-bottom:30px;
    margin-left:8%;
    display:block;

}

.navlinks{
	margin-left:0px !important;
}
div#jaarreknavlinks ul,div#fiscaangiftenavlinks ul{
	list-style:none;	            
}


div#jaarreknavlinks ul li,div#fiscaangiftenavlinks ul li{
	line-height:25px;
    text-decoration: none; 
    text-overflow: ellipsis; 
    display: block; 
    overflow: hidden; 
    white-space: nowrap;
}

#fiscaangiftenavlinks ul li.lititle{
	font-size: 110%;
}

#fiscaangiftenavlinks ul li.fisc_bijlage{
	margin-left:30px;
}

div#jaarreknavlinks li,div#jaarreknavlinks li span,div#fiscaangiftenavlinks li, div#fiscaangiftenavlinks li span{
	color:white;
}

.navlinkselected{
	font-weight:bold;
}

div#jaarreknavlinks li:hover,ul.fiscaangiftenavlinks li:hover,ul.fiscaangiftebijlagenavlinks li:not(.fisc_bijlage_disabled) span:hover{
	font-weight:bold;
	cursor: pointer;
}

div#fiscaangiftenavlinks .navlinks li:hover{
	font-weight:bold;
	cursor: pointer;	
}

body#generate_vkt{
	background-color:white;
}

div#pagecontainer{
	width: 72%;
	background-color:white;
    top: 0;
    bottom: 0;
	float:left;
	margin-left:28%;
	height:100%;
	min-height:100%;
	padding-top:20px;
}

div.fiscaangiftepage{
	margin-left:4%;
	width:93%;
	text-align: left;
	background-color:white;	
}
div.fiscaangifteinlinepage{
	margin-top:-50px;
}
div.jaarrekinlinepage{
	/*margin:2cm;*/
	margin-left:4%;
	width:90%;
	text-align: left;
	background-color:white;

}
div.jaarrekpage input.input-small{
	text-align: right;
}
div.jaarrekpage label{
	display:inline-block;
	text-align: left;

}
div.jaarrekpage span{
	display:inline-block;
	text-align: left;
	margin-left:10px;

}

div.jaarrekblok,div.waarderingsregels,div.fiscaangifteblok{
		margin-left:40px;
		margin-top:60px;

}

div.jaarrekblok:last-of-type, div.last,div.fiscaangiftebijlage:last-of-type{
	margin-bottom:150px;
}
/*OVERRIDES JAARREK GEN*/
div.jaarrekblok table:not(:first-of-type,.consolonderneming),#waarderingsregels .html,div.fiscaangifteblok table:not(:first-of-type){
	margin-top:50px;
}
#waarderingsregels_html{
	line-height:30px;
}
div.jaarrekpage table thead,div.fiscaangifteinlinepage table thead,table.newboeking thead,table.afschrijvingtableright thead,
#detailfiscbijlagewrapper table thead,div.fiscaangiftebijlage table thead,table#notulen_aanwezigheden thead,div#belastingen table thead,
thead.blue{
background-color: #436dc1;
color:white;
border-radius:5px;

}

div.fiscaangiftebijlage table thead td,div#belastingen table thead td,thead.blue td{
padding:5px;

}

table.newboeking thead td{
	padding-left:10px;
}
div.jaarrekpage table thead td,div.fiscaangifteinlinepage table thead td{
	text-align:center;
	padding:5px;
	height:26px;
}

#jaarverslag{
}
#jaarverslag .dropzonelabel,.waarderingsregels .dropzonelabel,#verslagdercommissarissen .dropzonelabel{
	margin:0px auto;
	margin-top:4%;
	width:100%;
	text-align: center;
	font-size:150%;
	letter-spacing: -1px;
}
#jaarverslag #fileuploadpanel{
	width:95%;
}

.orclickhere{
	font-size:125%;
	color:white;
	margin:0px auto;
	margin-right:5px;
}



div.jaarrekpage h1{
	font-size:14px;
	line-height:20px;
}
div.jaarrekpage h2{
	font-size:125% !important;
	line-height:20px;
}
div.jaarrekpage h3{
	font-size:105% !important;
	line-height:20px;
	margin:0px !important;
}
.input-amount,.afschrijvingpercentage,.input-decimal{
	text-align:right;
}

div.jaarrekpage .input-amount:focus{
	border:1px solid #74b9f0 !important;
}

tr.selectedrow{
	background-color: #f1f1f1;
}


.controls{
	display:inline !important;
}

div#2layouticon{
	border:1px solid red;
	height:299px;
	width:200px;
}

div#newdetaillayout{
	width:80%;
	margin:0px auto;
	display:block;
	overflow:hidden;
	margin-top:30px;
}

div#twolayouticon a,div#threelayouticon a,div#fourlayouticon a,div#fiftylayouticon a,div#btwlayouticon a{
	height: 80px;
	width:80px;
	border-radius:2px;
	float:left;
	display:block;
	color:black;
}


div.detaillayouticon:not(:first-child) a{
	margin-left:20px;
}

.detailtypetable a.selected{
  background-color: #e6e6e6;
  background-color: #d9d9d9 \9;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  border:1px solid #7d7d7d;
}

.panelwrap input{
	margin-top:20px;

}
.panelwrap table{
	width:97%;
	margin:0px auto;
}
.panelwrap {
	padding:5px;
	width:99%;
	overflow-y: auto;
	padding-top:30px;
}

#nodetailsfound{
	margin-left:30px;
	display:none;
}

.panelwrap table.erelonen tr:not(:first-child) td{
	vertical-align:top;
	padding:5px;
}

.panelwrap table.erelonen tr.delete_detail_ereloontr,.panelwrap table.erelonen tr.delete_detail_ereloontr td{
	height:35px;
	text-align:right;
	padding-right:20px;
}

.panelwrap div.ereloon_rp,.panelwrap div.ereloon_np{
	margin:0px auto;
	padding-top:15px;
	border-radius:2px;
	width:99%;
	margin-top:5px;
	padding-bottom:20px;
	background-color:#EEEEEE;

}

.panelwrap table.erelonen input{
		line-height:15px !important;
		margin-top:0px !important;

}
select .small,select .small option{
  width: 50px !important;
  border: 1px solid #bbb;
}


div#twolayouticon a img,div#threelayouticon a img,div#fourlayouticon a img,div#fiftylayouticon a img{
	margin-top:5px;
}

#fiftycol,#btwcol{
	font-size:20px;
	font-weight:bold;
	display:block;
	margin-top:10px;
	color:#333333;
}
#fiftycol{
	font-style:italic;
}
.icontext{
	margin-top:30px;
	position: relative;
	width:100%;
	display:block;
	color:black;

}

.icontext50{
	margin-top:45px;
	position: relative;
	width:100%;
	display:block;
	color:black;

}


.inputcolbedrag{
	text-align: right
}

.details_on,.details_off{
	float:left;
	margin-top:1.5px;
	font-size:115%;
	margin-right:5px;
}

.details_on:hover,.details_off:hover{
	text-shadow: 0px 0px 0.5px black;
}

.details_off{
	color:silver;
}
.details_on{
	color:orange;
}

.ui-dialog{
	float:left;
	z-index:102;
	position:absolute;
	font: 13px 'Open Sans', arial, sans-serif !important;
}

.ui-dialog .input-date{
	z-index:101 !important;
}

.ui-dialog-content, .ui-dialog.ui-widget-content{
	background-color:white !important;
	background-image:none;
	border:none;
}


.ui-dialog-buttonpane, .ui-dialog-buttonpane.ui-widget-content{
	background-color: #F5F5F5 !important;
	background: url("./ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png") repeat-x scroll 50% top #EEEEEE;
	min-height:60px !important;
}
.ui-dialog-buttonset{
	line-height:60px;
	float:right;
	width:50%;
	text-align:right;
}

#jaarrekening .ui-dialog-buttonset{
	line-height:60px;
	float:right;
	width:100% !important;
	text-align:right;	
}


.ui-dialog-newbuttonset{
	line-height:60px;
	height:60px;
	float:left;
	width:50%;
	text-align:left;
}

.ui-dialog-buttonset .btn{
	margin-left:10px;
}
.ui-dialog-newbuttonset .btn:not(:first-child){
	margin-left:10px;
}
.ui-widget-overlay{
	z-index:101 ;
	background-image: none;
	background-color: #666666;
	height: 100%;
    left: 0;
    top:0;
    position: absolute;
    width: 100%;
    opacity: 0.5;
}

#contenttitle{
	margin-left:3%;
	margin-right:40px;
	margin-top: 20px;
	height:30px;
}

#jaarrekening #contenttitle,#fiscaleaangifte #contenttitle{
	position: fixed;
	height:40px;
	background: white;
	width:100%;
	margin-top: 10px;
	z-index:99;
	margin-left:0px;
	padding-left:3%;
	padding-top:10px;


}

.input-date{
	z-index:98;
}


#itaccal{
	border:2px solid red;
}

.calcrow{
	text-align:right;
}
.calcrow td{
	padding-right:20px;
}

tr.calcrow{
	font-size:90%;
	line-height:12px;
}

.newbutton,.btn.addrekening,.newfiscbijlagebutton,.newfiscbijlagebutton275R,.newline,.newdetailbutton{
	color:#436DC1 !important;
	margin-left:0px;
	display:none;
}

.refreshafschrijvingen{
	color:#436DC1 !important;
}

.ereloon_np,.ereloon_rp{
	margin-bottom:20px;
}


.detailtypewrapper{
	float:left;
	width:90%;
}
.detailtypetable{
	width:100%;
	line-height:45px;
	margin-top:20px;
}

.delete_detail_ereloon,.delete_verificator,.delete_aansprakelijkheid,.delete_detail,.delete_main_detail,.removerow,.delete_bijlage_table_item,
.fiscdetailrow_delete,.delete_role_item,.delete_invoice_item,.delete_invoice,.delete_userprestatie,.delete_child_task,.delete_config_task,
.delete_vennootschap_task,.delete_item,.delete_ereloon,.delete_notulen_item,.delete_bestuurder,td.delete{
	color:silver;
	font-size:20px !important;
	margin-top:5px;
}

.delete_notulen_item{
	margin-top:2px;
}
td.deleteobject i,i.deleteobject{
	color:silver;
	font-size:20px !important;	
}

td.deleteobject i:hover,i.deleteobject:hover{
	color:red;
	cursor: pointer;
}

td.editobject i{
	color:silver;
	font-size:20px !important;	
}
td.editobject,td.deleteobject{
	text-align: center;
}
td.editobject i:hover{
	color:orange;
	cursor: pointer;
}



.balans_removefromcontainer{
	color:#9b9b9b;
	font-size:20px !important;

}
.delete_detail{
	margin-top:15px;
}


.delete_aansprakelijkheid{
	float:right;
	margin-right:25px;
}
.delete_deelneming,.delete_verificator,.delete_moederonderneming,.delete_bestuurder{
	color:silver;
	font-size:25px !important;
	
}

.delete_account{
	width:100%;
	text-align: center;
	margin-top:3px;
		color:silver;
	font-size:17px !important;

}

.delete_detail_ereloon:hover,.delete_detail:hover,.delete_verificator:hover,.delete_deelneming:hover,.delete_aansprakelijkheid:hover,
.delete_detail:hover,.delete_main_detail:hover,.removerow:hover,.balans_removefromcontainer:hover,.delete_moederonderneming:hover,.delete_account:hover,
.fiscdetailrow_delete:hover,.delete_role_item:hover,.delete_prestatie:hover,.delete_invoice_item:hover,.delete_invoice:hover,.delete_userprestatie:hover,
.delete_child_task:hover,.delete_config_task:hover,.delete_vennootschap_task:hover,.delete_item:hover,.delete_ereloon:hover,
.delete_bijlage_table_item:hover,.delete_notulen_item:hover,.delete_bestuurder:hover,td.delete:hover{
	color:red;
	cursor:pointer;
}

.ereloon_title{
	font-size:120%;
	padding-left:7px;
}
table.firstcolnoborder{
	table-layout:fixed;
	width:100%;
}

table.fiscbijlagetable{
	table-layout:fixed;
	margin-bottom:20px;
	width:95%;
}

table.fiscbijlagetable .singletablediv{
	width:95%;
}
.singletablediv{
	display:block;
		width:95%;
		float:left;
}

.singletablediv table {
  table-layout: fixed; 
  *margin-left: -100px;/*ie7*/
  margin-bottom:20px;
}

.tabledivwrapper.tabled{
	width:100%;

}

.fiscbijlagescrollabletable1{
	width:100px;
}


.fiscbijlagescrollabletable1 thead,.fiscbijlagescrollabletable2 thead,.fiscbijlagescrollabletable3 thead{
	border : 1px solid #436DC1;
}
.fiscbijlagescrollabletable2{
	table-layout: fixed;
}

.tablediv2,.tablediv1,.tablediv3{
	float:left;

}
.tablediv2{
	overflow-x:auto;
	margin-left:-2px;
}
.tablediv2 table,.tablediv1 table,.tablediv3 table{
	margin-bottom: 20px;
}

.tablediv2 table thead,.tablediv1 table thead,.tablediv3 table thead{
	border:0px !important;
}


.tablediv2 table thead td,.tablediv1 table thead td,.tablediv3 table thead td{
	border:1px solid white;
}

.tablediv3{
	width:30px;
}
table.firstcolnoborder tr, table.fiscbijlagetable tr{
	line-height:20px !important;
}
table.firstcolnoborder thead td,table.fiscbijlagetable thead td{
	border-left:1px solid #f1f1f1;
	border-right:1px solid #f1f1f1;

}
table.firstcolnoborder tbody td:not(:first-child):not(:last-child),table.fiscbijlagetable tbody td:not(:first-child)
border-left: 1px solid #f1f1f1;
text-align:center;
}

table.firstcolnoborder tbody tr:first-child,table.fiscbijlagetable tbody tr:first-child{
	border:none !important;
}

table.firstcolnoborder tbody td,table.fiscbijlagetable tbody td,table.fiscbijlagescrollabletable2 tbody td,table.fiscbijlagescrollabletable1 tbody td,
table.fiscbijlagescrollabletable3 tbody td,table#notulen_aanwezigheden tbody td{
	border-bottom: 1px solid #fafafa !important;
}


table#notulen_aanwezigheden{
	margin-top:20px;
}
table#notulen_aanwezigheden tbody td{
	height:50px;
	padding-right:10px;
}

table.fiscbijlagescrollabletable3 thead td{
	background-color: white !important;
}

table.fiscbijlagescrollabletable2 td,table.fiscbijlagescrollabletable3 td span, div#belastingen thead td {
	vertical-align: middle;
	text-align:center;
	padding-left:5px;
	padding-right:5px;
}

div#waarderingsregels_html input{
	display:inline !important;
}

div#waarderingsregels_html .input-amount{
	border:1px solid silver !important;
}

div#waarderingsregels_html .input-amount:focus{
  border-color: #52a8ec !important;
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
/*
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
          */
}

.menuwrapper{
	margin-left:15%;
	margin-right:3%;
	height:45px;
}
.menuwrapper div,.menuwrapper button{
	font-size:1em !important;
	
}
.menuwrapper i{
	margin-top:2px;
}
/*TODO alle menu's in UL LI omzetten*/
.validatebutton{
	position:relative;
	margin-top:20px;
	line-height:20px;
	z-index:101;
	float:right;
	display:inline;
	color:white;
	font-size: 15px;
	text-align: center;
	text-shadow: 0px 0px 1px rgba(150, 150, 150, 1);
	margin-right:35px;	
}

.financialsbutton i{
	margin-top:2px;
}
.menuwrapper div:not(.userpanel):not(.dropdown){
	z-index:101;
	display:inline;
	color:white;
	text-align: center;
	text-shadow: 0px 0px 1px rgba(150, 150, 150, 1);
	margin-right:35px;
	position:relative;
	float:right;
	margin-top:20px;
}

.menuwrapper div.closemenu{
	margin-right:17.5px;
}




.savebutton:hover{
	color:#b5f729 !important;
	cursor:pointer;
}


.autoload:hover,.togglecontainers:hover,
.addbutton:hover,.addrekening:hover,.addboeking:hover,.resetpasswordbutton:hover,
.addnewtask:hover,.backfromvn:hover,.reloadbutton:hover,.validatebutton:hover,.belastingenbutton:hover,
.exporttopdf:hover,.mailtocustomer:hover,.adddetail:hover,.generatebutton:hover{
	color:#22c8ff !important;
	cursor:pointer;
	text-shadow: 2px 2px 2px rgba(0,0,0,.6) !important;

}
.adddetail{
	float:right;
}

.button-icon{
	padding-top:0px;
	margin-right:2px;
	font-size:90% !important;
}

#deelnemingtable,#onbepaansprakelijk,.socialebalans1{
	margin-top:20px;
}


#deelnemingtable thead td,#onbepaansprakelijk{
	border: 1px solid silver;
}
#onbepaansprakelijk tbody tr table,#moederondernemingen tbody tr table{
	border: none !important;
	margin-left:5px;
}
#verificatortable tr.deleterow{
	border-bottom:1px solid silver;
}
#onbepaansprakelijk tbody tr.deleterow,#moederondernemingen tbody tr.deleterow{
	border-bottom: 1px solid silver;
}
/*override*/
#deelnemingtable tbody tr tr{
	border:none !important;
}



#deelnemingtable td,#verificatortable td{
		vertical-align: middle;
}


.delete_deelneming,.delete_verificator,.delete_onbepaanspraak{
	margin-right:10px;
	margin-bottom:10px;
}
table i{
	display:block !important;
}


i.infosign{
	color:#0096ff;
	font-size: 20px;
}

i.infosign-small{
	color:#0096ff;
	font-size: 15px;
}

div.jaarrekblok div.title,div.fiscaangifteblok div.title,div.fiscaangiftebijlage,#belastingpopup{
	min-height:50px !important;
	width:95% !important;
	overflow:hidden !important;
	display:block;
	max-height:100px;
}
div.jaarrekblok div.title{
	width:100% !important;
}

div.jaarrekblok table div.title,div.fiscaangifteblok table div.title{
	width:99% !important;
	min-height:20px !important;
}

div.fiscaangiftebijlage,div#btwlayout{
	margin-left:40px;
	margin-top:10px;	
	display:none;
}

div#btwlayout{
	margin-left:40px;
	width:90%;
}

div.jaarrekblok div.title div.titlename{
	width:80%;
	float:left;
}
div.jaarrekblok div.title div.titlename h1,div.jaarrekblok div.title .titlepage h1{
	font-weight: bold;
	font-size:16px;
}


div.fiscaangiftepage .titlename{
	width:100% !important;
	float:left;
}
.uitgavendetaillink{
	float:right;
	display: inline;
}
div.fiscaangiftepage .titlename h3{
	display: inline;
	line-height:30px;
}

div.jaarrekblok div.title div.titlepage{
	width:15%;
	float:right;
	text-align:right;
	height:100%;
	font-weight:bold;
	font-size:14px;

}

.check_error{
	border:2px solid red;
}

#errorreport,#fielderrorreport{
	height:450px;
	overflow-y:auto;
	padding:20px;
}

.erroritem{
	border:1px solid silver;
	border-radius:5px;
	padding:10px;
	margin-top:10px;
}

.editbutton{
	font-size:30px !important;
}
.deletebutton{
	padding-left:10px;
	padding-right:12px;
	text-align: center;
	display: inline-block	
}
div.no_items_found_warning{
	border:1px solid #FD6322;
	background-color: #FF9163;
	width:100%;
	height:60px;
	vertical-align: middle;
	display:table;
	margin-top:30px;
	max-width:100%;
	padding:20px;
}
div.no_items_found_warning span{
	display:table-cell;
	vertical-align: middle;
	padding-left:30px;	

}
.ccvitem,.deelnemingitem{
	border: 1px solid silver;
	padding:10px;
}
.editbutton:hover{
	color:#ff9900;
}

.deletebutton:hover,.deleteboekjaar:hover{
	color:red !important;
	cursor: pointer;
}

.onderneminginfo{
	float:right;
	font-size:100%;
	float:right;
	margin-right:30px;
}
.onderneming_dossierid{
	font-weight: bold;
	margin-left:20px;
}

body#klantview .widget-content,body#registratieContacten .widget-content{
	min-height:300px;
	padding-left:50px;
}

body#klantview .customer_detailviewitem h4{
	font-size:130%;
}

body#klantview #vennootschap,body#registratieContacten #contact{
	margin-top:20px;
	margin-left:20px;
}

body#klantview #vennootschap,body#registratieContacten #contact{
	margin-top:20px;
	margin-left:20px;
}

body#klantview .tab-pane,body#registratieContacten .tab-pane{
	line-height:30px;
}

.vennootschapsnaam{
	width:400px;
}
.inp_adres_nummer{
	width:40px;
}
.inp_adres_bus{
	width:40px;
}
.inp_percentage{
	width:30px;
}
.vennootschapspostcode{
	width:40px;
}


body#registratieVennootschappen .tab-pane .date{
	width:80px;
}


body#registratieVennootschappen label,body#registratieContacten label,body#users label{
	display:inline; 
	clear:both;
}

body#registratieVennootschappen #vennootschap,body#registratieContacten #contact,body#users #permissies
,#mainconfig,#invoicing,#instellingen{
	padding-left:50px;
	padding-top:20px;
}
#invoicing{
	padding-bottom:30px;
}
#generateinvoice,body#users #usercontactgegevens{
	padding-left:0px;
}

.boekjaaritem{
	width:170px;
	float:left;
	-webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 1px 1px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 1px 1px rgba(50, 50, 50, 0.75);		
	height:140px;
}

body#boekjaar .span6{
	width:200px;
	margin-left:100px;
	margin-top:40px;
}

.done{
	border-right:15px solid green;
}
.notdone{
	border-right:15px solid red;
}
.notfullydone{
	border-right:15px solid #ff6000;
}

.boekjaarmainwidget{
	min-height:500px;
}


.boekjaaritem:hover{
	cursor:pointer;
	-webkit-box-shadow: none;
	-moz-box-shadow:    none;
	box-shadow:         none;		
}

.boekjaaritem.disabled, .boekjaaritem.disabled h3{
	color:silver !important;
}

.boekjaaritem.disabled:hover{
	cursor: auto !important;
	-webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 1px 1px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 1px 1px rgba(50, 50, 50, 0.75);	
}

body#onderneming > .widget > .widget-content,body#contact .widget-content{
	min-height:500px;
	padding-left:40px;
}

.erroredrow{
	border: 2px solid red !important;
}

.ui-dialog .ui-widget-content{
	background:none;
}


#resetboekjaar{
	padding-top:30px;
	text-align:center;
}

.resetbutton,.deleteboekjaar{
	color:silver;
}

.resetbutton:hover{
	color:orange;
	cursor:pointer;
}

.decisionlink{
	color: #0088CC !important;
}

.decisionlink:hover{
	color: #FF6000 !important;
}

.mappingstatus{
	font-size:100%;
	font-style: italic;
	float:right;
	top:10px;
	position: relative;
}


.cancelbuttongroup{
	width:100px;
	overflow:hidden;
}
div.cancelbutton{
	float:left;
	color:white;
	font-size: 15px;
	text-align: center;
	text-shadow: 0px 0px 1px rgba(150, 150, 150, 1);
	width:70px;
}

.closebutton:hover{
	color:red !important;
	cursor:pointer;
}

.closemenu .caretbtn:hover .caret{
	border-top: 4px solid red !important;
	border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);

}

#closemenu.show{
	display:inline;
	position:absolute;
}

.menuwrapper .btn{
	background-color: transparent !important;
	background-image:none;
	border:0px solid transparent !important;
	box-shadow: none !important;
	margin-top:-8px;
	padding:0px;
}
.closemenu button{
	text-shadow: 0px 0px 1px rgba(150, 150, 150, 1);  	
}
.closemenu .caret{
	color:white;
	border-top: 4px solid white !important;
	border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    opacity: 0.90;
  	filter: alpha(opacity=90);
  	margin-left:10px;
  	text-shadow: none;
}


.menuwrapper .dropdown-menu{
	color:black;
	min-width:250px;
	text-align: left;
	padding: 0;
	text-shadow:none;
	background-color:white;
}

.menuwrapper .dropdown-menu li{
	line-height:25px;
	padding-left:10px;

}

.menuwrapper .dropdown-menu li:not(:first-child){
	border-top:1px solid #e2e2e2;
}

.menuwrapper .dropdown-menu li:hover{
	color:white;
}


i.backto{
	margin-top:5px;
}

.dz-preview,.dz-preview div,.dz-preview div div{
	display:none !important;
}


#balansalreadyuploadedalert,#balansmappedalert{
	text-align: center;
	padding-top:30px;
}

.ui-dialog{
	outline:none;
}



tr.blink td{
     background-color:#2aa3ce !important;
     border:1px solid #2aa3ce;
     color: #FFF !important;

}

body#registratieVennootschappen div.widget,body#registratieContacten div.widget{
	margin-top:0px;
}
div.ondernemingwidget .row{
height:50px;
}
div.ondernemingwidget{
	width:44%;
	position: relative;
	float: right;
	height:50px;
	border:1px solid red;
}

div.ondernemingboekjaren{
	float:left;
	position: relative;
	width:55%;
	margin-left:40px;
}


div.menuwrapper div.disabled{
	color:silver;
	cursor: auto;
}
#userprestatiestable_wrapper tr.even td,.customer_detailviewitem table.DTFC_Cloned tr.even td,table.DTFC_Cloned tr.even{
   background-color:white;
}

.dataTable tr td:hover,.dataTable tr td.hover{
	cursor:pointer !important;
	background-color: #e4e4e4 !important;
}

tr.disabled td{
	color:silver;
}
tr.disabled td.deadline{
	opacity: 0.5;
}
tr.disabled:hover td{
	cursor: default !important;

}

table.dossiers tr:hover td,table.contacten tr:hover td,table.users tr:hover,table.prestaties tr:hover,table.userprestatietable  tr:hover,
table.userprestatietable tr:hover,table.usernamestable tr:hover,table.projecten tr:hover,table.invoices tr:hover td,table.registeredprestaties tr:hover,
table.invlines:not(.approved) tbody tr:hover td,table.registeredprestaties tr:hover td,table.customertasks tr:hover td,table.alltasks tr:hover td,
table.alltodos tr:hover td,table.details tr:hover td,div#afschrijvingen table.afschrijvingen tr:hover td,
table.balansdetails tr:hover td,table.detailbalans tr:hover td,table.detailbalans tr.hover,td.hover,table.dataTable tbody tr:hover td,
#userprestatiestable tr:hover td,.over td{
	cursor: pointer;
	background-color: #e4e4e4 !important;
	
}

#userprestatiestable .over td,#userprestatiestable .over{
	cursor: default !important;
	background-color: #e4e4e4 !important;
}

.taskdetail .over{
	cursor: default !important;
	background-color: #e4e4e4 !important;
}



.taskdetail .over.myassignedcell{
	background-color: #c59664 !important;

}
.taskdetail .over.taskdone{
	background-color: #90b588 !important;
}

.taskdetail .over.assignedcell{
		background-color:#718bad !important; 

}

.taskdetail .totaltaskdone .over{
	background-color: #a6c391 !important;
}





table.previewtable td{
	padding:10px;
}

table.detailrekeningtable,table.contactitemtable,table.vennootschapitemtable{
	margin-left:20px;
	width:90%;
}

table.detailtable .rekeningrow{
	line-height: 150px;
}

table.detailrekeningtable tr.rekening td{
	line-height:40px;
	font-size:110%;
	color:#0088CC;
	padding-left:40px;
}

table.contactitemtable tr.name,table.contactrelationtable tr.name,table.vennootschapitemtable tr.name,
table.vennootschaprelationtable tr.name{
	line-height:20px;
	font-size:110%;
	color:#0088CC;
	padding-left:40px;
}
table.contactitemtable,table.contactitemtable tr,table.vennootschapitemtable tr{
	line-height:20px;
	height:20px;
}
tr.delete_main_detailtr{
	text-align:right;
}

tr.delete_main_detailtr:not(:last-child) {
	border-bottom: 1px solid silver;
}

.delete_main_detail{
	margin-right:20px;
	margin-bottom:10px;
}

table.detailrekeningtable{
	border-radius: 3px;
}
table.detailrekeningtable tr{
	padding-left:5px;
}
table.detailrekeningtable .ereloon_rp,table.detailrekeningtable .ereloon_rp .erelonen,
table.detailrekeningtable .ereloon_np,table.detailrekeningtable .ereloon_np .erelonen{
	width:100%;
	padding:10px;
}


table.detailrekeningtable:hover, table.detailrekeningtable:hover div{
	cursor:pointer;
	background-color:#f3f3f3;
}

.ereloon_rp td,.ereloon_np td{
	vertical-align: top;
}


table.detailrekeningtable .ereloon_title{
	font-size:100%;
}

hr.rekeningseparator,div.rekeningseparator,{
	width:95%;
	margin-left:30px;
}

hr.separator{
	width:95%;
}



/* CONFIRMATION*/
#confirm_detail_delete div{
	padding-top : 60px;
	height:90%;
	margin:0px auto;
	text-align:center;
	width:100%;
}

.ui-helper-hidden-accessible{
	display:none !important;
}

.boekjarenlist li{
	line-height: 30px;
}

.hoedanigheidtable{
	width:100%;
	text-align:center;
	margin-top:30px;
	background-color:silver;
	border-radius:3px;
}

.hoedanigheidtable td{
	line-height:30px;
	vertical-align: middle;
}



#datamodified{
	text-align:center;
	display: block;
	position: relative;

}

.alertmsgicon{
	width:150px;
	height:200px;
	float:left;
	font-size: 120px;
	position: absolute;
	margin-left:30px;

}
.alertmsgicon div{
	height: 100%;
	margin: 0 auto;
	position: relative;
	display: block;
	vertical-align: middle;
	top:10%;
	color:#fe9e0f;
	text-shadow: 1px 1px 1px rgba(0,0,0,.6);

}
.alertmsgtext{
	height:100%;
	float:left;
	margin-top:40px;
	text-align: left;
	margin-left:220px;
}

.uitgavendetaillink{
	margin-left:50px;
}


#verworpenuitgaven #content{
	overflow-x : auto;
	padding-top:0px;
}
#verworpenuitgaven #totalfooter{
	width: 97%;
	margin-right:40px;
	font-size:120%;
	font-weight: bold;
	height:40px;
	line-height:40px;
	text-align: right;
	position: absolute;
	background-color: white;

}

#verworpenuitgaven #totalfooter #vutotal{
	float:right;
	width:140px;
	text-align: right;
	margin-right:60px;
	height:40px;
}
div#content .aangiftedetailtable:not(:first-child),div#content .aangiftedetailtabletotal{
	margin-top:20px;
	margin-bottom:20px;

}
.aangiftedetailtable,.aangiftedetailtabletotal{
	width:90%;
	margin-left:40px;
	margin-right:40px;
	text-align:left;
	vertical-align: middle;
}

.aangiftedetailtable td{
	line-height:30px;
	vertical-align: middle;
}


.farekeningdetail{
	padding-left:20px;

}

.facontainerdetail td{
	font-weight: bold;
	line-height:50px;
}


div.afschrijving{
	width:95%;
	margin:0px auto;
	min-height:30px;
	padding:10px;
}

table.afschrijvingitemtable{
	width:90%;
}

div.afschrijving:hover{
	cursor:pointer;
	background-color:#f3f3f3;
}

div#afschrijvingenleft{
	width:45%;
	float:left;
	position: absolute;
	overflow-y:auto;
	padding-left:3%;
	border-right:1px solid #EEEEEE;
}



div#afschrijvingenleft table{
	line-height:30px;
}

div#afschrijvingenright{
	width:49%;
	position: absolute;
	margin-left:50%;
	overflow-y:auto;
}


div#afschrijvingwrapper{
	display:block;
	position: relative;
	padding-top:30px;

}

.afschrijvingtableright{
	width:95%;
	line-height:30px;
	text-align: center;
}

.afschrijvingtableright input{
	text-align: right
}

.consoljaarrekeningselect,#waarderingsregels select{
	width:auto;
}

.loader,.blockUI{
	width:100%;
	font-size:140px;
display: table;
}
.loader span{
	color:#ff7e00;
	display: table-cell;
  vertical-align: middle;
  text-align: center;

}


#nodeelnemingenfound td,#nobepaansprakelijkfound td,#noverificatorsfound td,td.noitemsfound, tr.noitemsfound td{
	padding-left:10px !important;
}


.value_error,.value_error option{
	background-color: #ff4141 !important;
	color:white !important;
}

.errortypetitle{
	font-size:110%;
	font-weight: bold;
}

.fieldvalueerrornocode, .fieldvalueerrorcode{
	margin-top:10px;
}

.inputcolbedrag{
	border:1px solid #09bb22 !important;
}




table.vennootschappen tbody tr.odd,table.contacten tbody tr.odd,table.users tbody tr.odd,table.prestaties tbody tr.odd{
	  background-color: #f9f9f9;

}


table.invlines tr{
	border: 1px solid silver;
}
table.invlines tr.over td{
	border-bottom:2px solid #98bfd3 !important;
}

.uploadedbalanstitle{
	font-style: italic;
	margin:0px auto;	
	margin-top:20px;
	display:block;
	line-height:50px;
}

.uploadedxbrltitle{
	font-style: italic;
	float:left;
	margin-top:20px;

}

.addboekjaarwrapper{
	margin:0px auto;
	margin-top:0px;
	margin-left:30px;
	margin-bottom:20px;
}


p.proratamsg{
	margin-top:20px;
}

div.switchboekjaar{
	float:right;
	margin-right:35px;
	width:100%;
	text-align: right;
	clear: both;
}
div.afschrijvingwrapper{
	width:100%;
	margin-top:50px;


}
select.switchtoboekjaar{
	width:auto;
}

tr.facontainertotal td{
	text-align:right;
	padding-right:25px;
	font-weight: bold;

}

tr.farekeningdetail:last-of-type {
	line-height:140px;
	border:2px solid red;
	padding-bottom:20px;
}

.fiscaangiftebijlage table{
}

.fiscaangiftebijlage h3:not(:first-child){
	/*margin-top:50px;*/
}


.openfiscbijlagedetailpopup{
	color:#436DC1;
	font-size: 125%;
	margin-left:25%;

}

.openfiscbijlagedetailpopup:hover{
	color:#263849;
	cursor:pointer;
}

#detailfiscbijlagewrapper table{
	width:80%;
	margin:0px auto;

}

#detailfiscbijlagewrapper{
	padding-top:30px;
	overflow-y:auto;
}
#detailfiscbijlagewrapper .rekeningnummer{
	width:90%;
}

.tddelete{
	background-color:white !important;
	border:none !important
}

.totalhr{
	width:70%;
	margin:0px auto;
	margin-top:20px;
}

.totaltd{
	text-align:right;
	padding-right:10px;
	font-size:125%;
	font-weight:bold;
}

div.autogenstring{
	display:none;
}

.tooltip,.tooltip div{
	color:white !important;
	text-align: left;
	max-width: 400px;
	z-index:3999;
}




.enablebijlage,.disablebijlage{
	width:200px;
	float:right;
}
.enablebijlage{
	color:#43ca00;
}
.disablebijlage{
	color:red;
}


.fisc_bijlage_disabled span{
	color:silver !important;
}
.fisc_bijlage_disabled span,.fisc_bijlage_enabled span{
	margin-left:10px;
}

.fisc_bijlage_disabled:hover{
	cursor: pointer;
	font-weight:bold;
}


.secondoverlay{
	z-index: 3005 !important;
	height:100%;
}

#warningmessage{
	padding:20px;
}
.warningsubtext{
	font-style: italic;
}

.lastdivofpage{
	margin-bottom:100px;
}


.subtablebuttonpane{
	width:100%;
	display: block;
	height:30px;
	margin-top:10px;
	margin-bottom:10px;
}

.subtablebuttonpanetotal{
	float:right;
	font-size:120%;
	font-weight: bold;
	margin-top:10px;
}

.clearboth {clear:both;}



.tabledivitem{
	float:left;
	width:95%;
}
.tabledivitem:not(:first-child) {
	margin-top:40px;
	display:block;
}

.singletablediv{
	margin-top:40px;

}
.tabledivitem h3, .tablediv h3{
	width:90%;
	margin-right:20px;
}

/*
.newfiscbijlagebutton,.newfiscbijlagebutton275R{
	float:right;	
}
*/
#table_275R2{
	width:80%;
}

.totalrow{
	background-color:#f5f5f5;
}

.nav-tabs{
	width:200px;
}

.dataTables_scrollBody thead{
	height:0px;
}

#archivetoggle,#myitemstoggle{
	float:right;
}

#archivetoggle button:hover,#myitemstoggle button:hover{
	color:#ff9900 !important;
}

#archivetoggle button.active,#myitemstoggle button.active{
	color:#ff9900 !important;


}

.popovertarget{
	width:100%;
	height:100%;
}

.popoverdata{
	display:none;
}

.popover-content{
	border:1px solid silver !important;
	border-radius: 3px;
	  -webkit-border-radius: 0 0 3px 3px;
     -moz-border-radius: 0 0 3px 3px;
          border-radius: 0 0 3px 3px;
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding-box;
          background-clip: padding-box;
	-webkit-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 3px 5px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 3px 5px rgba(50, 50, 50, 0.75);        
}

.popoverdatacontent{
	min-width:400px;

}

.popoverdatacontentheader{
	width:100%;
	height:30px;
	text-align:left;
}


.popoverdatacontentheader h4{
	width:70%;
	float:left !important;
}
.popoverdatacontentheader .labelwrap{
	width:25%;
	float:right;
	text-align: right;
}

.popoverdatacontentlrwrapper{
	display: block;
	width:100%;
	height:100%;
	overflow:hidden;
	text-align:left;

}
.popoverdatacontentright{
	width:1%;
	float:right;
	text-align: center
}
.popoverdatacontentleft{
	width:95%;
	float:left;
}

.popover-inner{
	background-color: #ffffff;
	border:1px solid silver;
	border-radius: 5px;
}

.popoverdatacontent i{
	max-width:20px;
	display:inline;
	float:left;
	margin-right:10px;
	margin-top:3px;
}
div.dataTables_scroll { clear: both; }


div.reg_addressinfo{
	width:100%;
	float:left;
}

div.reg_addresswrapper{
width:90%;
display: block;
overflow:hidden;
}



div.customer_detailviewitem table{
	table-layout: fixed;
	margin-top:20px;
}

div#dossiers .bottompanel,div#contacten .bottompanel{
	margin-top:10px;
}
table td.center{
	text-align: center;
}
div.dataTables_paginate{
	float:right;
}
body#dossiersencontacten table{
	table-layout: fixed;
}

body#dossiersencontacten table tr td:first-child i{
	color:#0088CC;
}
body#dossiersencontacten table tr td:first-child:hover i{
	cursor:help;
}

div.customer_detailviewitem table td.name{
	height:30px !important;
}

div.customer_detailviewitem table tr:hover td{

	background-color: #e4e4e4 !important;

}

div.customer_detailviewitem h4, div#afschrijvingen h4,div#dossier_invoices h4,div#dossier_registeredprestaties h4,
div#customertasks h4{
	width:70%;
	float:left;
}

div.customer_detailviewitem .btn,div#afschrijvingen .btn,div#dossier_invoices .btn,div#dossier_registeredprestaties .btn,div#customertasks .btn{
	float:right;
}

div.customer_detailviewitem table tbody td,body#dossiersencontacten table tbody td{
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

div.customer_detailviewitem:last-child{
	margin-bottom:20px;
}
div.reg_details{
	width:95%;
}

.alignleft{
	float:none;
}

#contactgegevens{
	margin-bottom:40px;	
}

#usercontactgegevens{
	width:50%;
	float:left;
	margin-bottom:40px;
}

#usercontactgegevens table td{
	padding: 5px;
}


#useradditionalinfopanel .widget-content{
	background-color: #efefef;
}
#useradditionalinfopanel{
	width:40%;
	float:right;
}
.registratieVennootschappen #content .widget-content{
	overflow:hidden;
}

#contactvennootschap .dataTables_scrollBody td{
	padding-left:10px;
}


.minitable thead th{
	padding-top:10px;
	line-height:20px;
}

.female{
	background: url(../images/female.png) no-repeat 0 0;
	width:128px;
	height:128px;
}
.male{
	background: url(../images/male.png) no-repeat 0 0;
	width:128px;
	height:128px;	
}
.female_icon{
	background: url(../images/female_icon.png) no-repeat 0 0;
	width:20px;
	height:20px;
}
.male_icon{
	background: url(../images/male_icon.png) no-repeat 0 0;
	width:20px;
	height:20px;	
}
.company{
	width:128px;
	height:128px;
	background: url(../images/company.png) no-repeat 0 0;
	background-position: 50% 50%;
}

.contactitemwrapper,.vennootschapitemwrapper{
	padding:5px;
}
.contactitemwrapper:hover,.vennootschapitemwrapper:hover{
	background-color: #f4f4f4;
	border-radius:5px;
	cursor: pointer;
}

.contactrelationtable .input-number{
	float:left;
}

div.contact{
	padding-left:30px;
}

.vennootschapitemwrapper .icon-building{
	color:#808080;
	font-size:110px;
	margin-left:40px;
}

td.commentaar{
	overflow: hidden;
	text-overflow:ellipsis;	
	display:block;
	white-space: nowrap;	
}

.contactitemwrapper .icon, .vennootschapitemwrapper .icon{
	margin-top:3px;
}

/*
#addmedewerkerpopup,#adddochterondernemingpopup,#addbestuurderpopup,#addaandeelhouderpopup,#addrolepopup,#newvennootschappopup,
#newcontactpopup,#addprestatiepopup,#changepasswordpopup,#addprojectpopup,#editprestatiepopup,#chooseinvoicecustomer,#rejectedinvoicepopup
,#configtaskpopup,#vennootschaptaskpopup,#todopopup,#chooseInkomstenjaar,#belastingpopup,#pdfparameters,#sendInvoicePopup{*/
.ui-dialog-content{
	padding:25px;
	overflow-y:auto;	
}
#sendInvoicePopup table{
	margin-bottom:40px;
}

#vennootschapsgegevens{
	margin-bottom:30px;
}

.chosencontact,.chosenvennootschap{
	font-weight: bold;
}

.nav-tabs a.disableditem:hover{
	cursor: not-allowed;
}

.nav-tabs a.disableditem{
	color:silver !important;
}

table.alreadyfounditem{
	border:1px solid silver;
	border-radius:5px;
	margin-left:20px;
	margin-top:15px;
	margin-bottom:15px;

}
table.alreadyfounditem td{
	padding:10px;
}

.addnewvennootschap{
	text-decoration: underline;
}

.visualhiddenform{
	position: absolute; 
  overflow: hidden; 
  clip: rect(0 0 0 0); 
  height: 1px; width: 1px; 
  margin: -1px; padding: 0; border: 0; 
}

#newvennootschappopup{
	overflow-x:auto;
}
#newvennootschappopup td{
	padding-left:10px;
}


#addbestuurderpopup select{
	width:auto;
}

.objectlink{
    text-decoration: none;
    border-bottom: 1px solid #0088CC;
}
.objectlink:hover{
    text-decoration: none;
    border-bottom: 1px solid #263849;
    color:#263849;
}



tr.generatedpassword{
	padding-top:50px;
	line-height:100px;
}
.generatepassword{
	margin-left:10px;
}

.generatepassword:hover{
	color:orange;
	cursor: pointer;
}

.generatedpasswordfield{
	margin-left:10px;
	font-weight: bold;
}

#usernames{
	width:20%;
	float:left;
}

#userprestaties{
	float:left;

}
table.userprestatiestable th:hover{
	background: -moz-linear-gradient(center top ,  #DADADA 0%,#EEEEEE 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	cursor:pointer;
}
#userprestatieswrapper{
	overflow:hidden;
	overflow-x:auto;
	width:60%;
}

#prestatiecontrols{
	height:40px;
	width:100px;
	position: absolute;
	font-size:40px;
	color:#dedede;
}

#prestatiesuserswrapper{
	overflow-y:auto;
		border:1px solid red;

}

#prestatiesleft:hover,#prestatiesright:hover{
	color:orange;
	cursor: pointer;
}

#prestatiesright{
	margin-left:20px;
}


.userpanel{
	height: 45px;
	float:left;
	margin-top:18px;
	margin-left:30px;
}
.userpanel a:not(#prestatiesbutton){
	margin-top:2px;
	font-size:18px;
}

.userpanel .dropdown-menu i{
	color:#263849;
	width:100%;
	height:100%;
}

.userpanel .dropdown{
	font-size:20px !important;
	width:150px !important;
	height:50px;
	overflow:hidden;
	display: inline;
}
ul.dropdown-menu li:hover,ul.dropdown-menu li:hover i
{
	cursor:pointer;
	color:white;
}

ul.dropdown-menu{
	max-height:500px;
}

ul.dropdown-menu li a{
	font-size:13px !important;
}

.userpanel #username{
	margin-left:10px;
	font: 13px/1.7em 'Open Sans', arial, sans-serif !important;

}
.userpanel a{
	color:white;
	margin-left:15px;
}
.userpanel > a:hover,.userpanel > a:hover span, div.dropdown:hover button,div.dropdown:hover .caret{
	color:#4dcaf8 !important;
	text-shadow: 2px 2px 2px rgba(0,0,0,.6);
}
#prestatiespagenav{
	width:90%;
	height:40px;
	text-align: center;
	font-size:15px;
}
.ui-autocomplete {z-index:100000;
}
#prestatiespanel{
	display:none;
	position:absolute;
	width:400px;
	min-height:250px;
	border:1px solid silver;
	z-index: 99999;
	background-color: white;
	-moz-box-shadow:  0 0 5px #999;
	-webkit-box-shadow:  0 0 5px #999;
	box-shadow:  0 0 5px #999;
}

#notificatiespanel,#userconfigpanel{
	display:none;
	position:absolute;
	width:400px;
	border:1px solid silver;
	z-index: 99999;
	-moz-box-shadow:  0 0 5px #999;
	-webkit-box-shadow:  0 0 5px #999;
	box-shadow:  0 0 5px #999;
	overflow-y: auto;
	background-color: #F4F6FC;
}


#userconfigpanel{
	min-height:100px;
}	

.userconfigitem .icon{
	font-size:50px;
	color:silver;
	width:auto;
}

.userconfigitem{
	padding: 20px;
	width:100%;
	height:100px;
}

.userconfigitem .leftdiv,#usercontactgegevens .leftdiv{
	width:20%;
}
.userconfigitem .rightdiv{
	width:80%;
	line-height:50px;
}

#usercontactgegevens .rightdiv{
	width:80%;
}
.leftdiv{
	float:left;
}
.rightdiv{
	float:right;
}


.notificatieitem{
	padding:10px;
	border-bottom:0.5px solid silver;
	color:black;
	min-height:50px;
}
.notificatieitem:hover{
    background-color: #F0F1F5 !important;
    cursor: pointer;
}

.notificatieitem i{
	font-size:25px;
	color:#4070f9;
}
.notificatieitem:hover{
    background-color: #F0F1F5 !important;
    cursor: pointer;
}

.notificatieitem{
	overflow:hidden;
}
#prestatiespanel table,#notificatiespanel table{
	margin:10px;
}

#prestatieregistration{
	padding:10px;
	padding-bottom:0px;
}
#timerregistration{
	padding:10px;
	padding-top:0px;
}
.timeregistrationbuttonwrapper{
	width:100%;
	text-align: center;
	border:1px solid red;
	height:70px;
}
.starttimeregistration{
	width:100px;
	margin:0px auto;
}

.activepanelbutton{
	color:#22c8ff !important;
	cursor:pointer;
	text-shadow: 2px 2px 2px rgba(0,0,0,.6) !important;
}

span.starttime,span.endtime{
	font-weight: bold;
}

.panelautocomplete{
	width:250px !important;
	max-height:250px !important;

}

/*
.prestatiesautocompleteitem,.customersautocompleteitem,.projectenautocompleteitem{
	height:60px !important;
	overflow:hidden;
	overflow-y: hidden !important;
	overflow-x:hidden !important;
	text-overflow:ellipsis !important;
	white-space: nowrap;
}
*/


.timerrunning {
   color:#22c8ff !important;
}

#bedrijven td a{
	width:100%;
	height:100%;
}

.paidicon{
	color:green;
	font-size: 18px;
}

.notpaidicon{
	color:red;
	font-size: 18px;
}
.paidicon{
	color:green;
	font-size: 18px;
}

.notpaidtooltip{
	background-color: red !important;
}

#nouploadelogo{
	border:1px solid silver;
}

#uploadedlogo img{
	border:1px solid silver;
}
#nouploadelogo{
	height:200px;
	width:170px;
	text-align: center;
	vertical-align: middle;
	line-height: 200px;
	padding-left:20px;
	padding-right:20px;
}

#nouploadelogo:hover{
	background-color: silver;
	cursor:pointer;
}
#uploadedlogo:hover{
	cursor:pointer;
}
.configmaindatawrapper{
	float:left;
	width:65%;
}
.configlogowrapper{
	float:right;
	width:30%;
}


/*INVOICES*/
#invoicepage{
	margin:0px auto;
	width:90%;
}
#invoiceuserheader{
	width:90%;
	height:300px;
	border:1px solid silver;
}

#invoicing table{
	margin-left:20px;
}

#invoiceuserheaderlogo{
	padding-left:50px;
	padding-top:20px;
}

table.invlinesheader{
	margin-top:20px;
}
table.invlines td{
	padding:5px;
	padding-left:10px;
}
table.invlines td:not(:first-of-type){
	text-align: center;
}

div.invitemsbuttons{
	margin-top:20px;
}

tr.invitemtitle{
	background-color: #F0F3F7 !important;
}

tr.invitem{
	background-color: white !important;
}
#generateinvoicewrapper{
	width: 60%;
	float:left;
}
#generateinvoiceinfowrapper{
	width:30%;
	float:right;
	margin-right:3%;
}

#generateapprovedinvoicewrapper{
	width:70%;
	float:left;
}
#generatereadyinvoicewrapper{
	width:80%;
	margin:0px auto;	
}
#generateapprovedinvoiceinfowrapper{
	width:25%;
	float:right;
	margin-right:1%;
}

.invtotallabel{
	font-weight: bold;
	font:18px 'Open Sans',arial,sans-serif !important;
}

.invoiceprestatie{
	width:90%;
	overflow:hidden;
	z-index:99999;
	border:1px solid #dddddd;
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,.35);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .35);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, .35);	
	display:block;
	margin:0px auto;
	margin-top:20px;
	padding:10px;
	background-color:white;

}

.invoiceprestatie:hover{
	cursor:pointer;
}

div.invprestatietitle{
	width:80%;
	display:block;
	z-index:1;
	overflow:hidden;
	float:left;
}


div.invprestatieuser{
	width:80%;

}
div.invprestatieline1{
	width:100%;
}
div.invprestatieamount,.invprestatieboekjaar,.invprestatiekwartaal{
	width:100%;
}


div#instellingen table td{
	padding:5px;
}

.saveprestatieregistration,.savetimeprestatieregistration,.canceltimeprestatieregistration{
	margin-top:20px;
}
div.invprestatietype{
	width:20%;
	float:right;
	text-align: right;
}

div.generateinvoiceinfowrapperprestations{
	border:1px solid silver;
	padding:10px;
	background:#EFEFEF;
}

div.generateinvoiceinfowrapperprestations h4{
	margin-top:20px;
	margin-left:10px;

}

div.invoiceprestatiewrapper{
	overflow-y:auto;
	margin-top:10px;

}

div.invprestatieomschrijving{
	font-style: italic;
}
.noprestatiesfound{
	display:none;
	margin:0px auto;
	text-align:center;
	margin-top:50%;
}

.invitem.ui-droppable,.invitem.ui-droppable td{
	background-color:white;
}

#factuur{
	cursor:normal !important;
}

.invitem td:first-child{
	padding-right:0px;
	padding-left:20px;
}
#userprestatiestable,.customer_detailviewitem table{
table-layout:fixed
}

.customer_detailviewitem table th{
	word-wrap:break-word;
	padding-right:5px;
	padding-left:5px;

}




/*
.DTFC_Cloned thead{
	display:none;
}

*/

.taskdetail tbody td{
	height:30px !important;
}

.DTFC_LeftBodyLiner table thead{
	display:none;
}

.DTFC_ScrollWrapper{
	margin-top:10px;
}

#userprestatiestable_info{
	display:none;
}


.notificationscount{
	color:red;
	font-size:14px;
	font-weight: bold;
	margin-left:-5px;
	margin-top:5px;
	font-family: Open Sans, arial, sans-serif !important;

}

.userpanelbuttonred{
	color:red !important;
}

.DTFC_Cloned td{
	padding-left:5px;
}

table.autowidth td{
    width: auto;
    white-space: nowrap;
}


div#approvedinfopanel,#paidinfopanel,#sentinfopanel{
	background-color: #99bd3b;
	width:100%;
	padding:10px;
	color:white;
	position: relative;
	padding-top:20px;
}



div#approvedinfopanel{
	margin-top: 20px;

}

div#approvedinfopanel:before, div#paidinfopanel:before,div#sentinfopanel:before  {
    content: '';
    position: absolute;
    top: 0; right: 0;
    border-top: 30px solid white;
    border-left: 30px solid #c4df7b;
    width: 0;

}

div#generateapprovedinvoiceinfowrapper div .icon-ok{
	font-size:40px;
}

tr.invoiced td{
	color:silver;
}

tr.invoiced td span{
	opacity:0.4;
	filter:alpha(opacity=40)
}

tr.invoiced:hover td{
	cursor:default;
}

tr.lockedprestatie td,tr.lockedprestatie td:hover,tr.lockedprestatie:hover{
	background-color: #ff3030 !important;
}

div#rejectinvoicepopup{
	padding:15px;
	overflow: hidden;
	margin:0px auto;
}


.label.draft{
	background-color: #2d8aea;
}

.label.requestforapproval{
	background-color: #fea73e;
}

.label.rejected{
	background-color: #fe6767;
}

.label.approved,.label.ready{
	background-color: #05a703;
}

.label.paid{
	background-color: #ff6000;
}

#objecthistorybutton span{
	float:right;
	font-size:16px; 
	line-height:40px;
	height:40px;
	display: block;
	position: relative;
	margin-right:60px;
	color:#555555;

}

#objecthistorybutton:hover{
	color: #ff6600;
	cursor: pointer;
}

#objecthistorypanel{
	display:none;
	position:absolute;
	width:400px;
	min-height:50px;
	border:1px solid silver;
	z-index: 99999;
	background-color: #EFEFEF;
	-moz-box-shadow:  0 0 5px #999;
	-webkit-box-shadow:  0 0 5px #999;
	box-shadow:  0 0 5px #999;
	padding:10px;
	margin-top:10px;
}

#objecthistorypanel:before {
    z-index: -1;
    position: absolute;
    top: -10px;
    left: 90%;
    content:'';
    width: 0;
    height: 0;
    border-bottom: solid 10px silver;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
}


.rejectedmessage{
	margin-left:25px;
	font-style: italic;
}
.notificationdate{
	font-style: italic;
}

.notificatieitem table{
	width:100%;
}

/*
.previewtable tbody tr:hover td,table.vennootschappen tbody tr:hover td,table.contacten tbody tr:hover td,table.users tbody tr:hover td,
table.prestaties tr:hover td,table.userprestatietable tr:hover td,table.projecten tr:hover td,table.invlines tr.over,table.invlines tr:hover td,
table.registeredprestaties tbody tr:hover td, table.invoices tbody tr:hover td,table.waitinginvoicestable tbody tr:hover td, 
{
	background-color: #e4e4e4 !important;
	border:1px solid #e4e4e4;
}
*/
table.DTFC_Cloned tr.over td{
	color:black;
	background-color: #e4e4e4 !important;

}

div.subtasks{
	margin-left:10px;
}
.configtaskpopupwrapper{
	height: 300px;
	overflow-y: auto;
}
table.customertasks,table.alltasks { clear: both }
#tasks .dataTables_wrapper{width:60%;}


table.taskdetail .icon{
	font-size:18px;
}

table.alltodos .task_todo,table.alltodos .task_done{
	color:silver;
	font-size:18px;
}

table.alltodos td.task_todo:hover {
	color:green !important;
	cursor:pointer;
}
table.alltodos .task_done{
	color:green;
}


table.taskdetail .task_done{
	color:#505050;
}
.widget-header-title a{
	text-shadow:none;
}

.todo_late{
	background:#ff5e5e !important;
	color:white;
	font-weight: bold;
	text-shadow: 1px 1px 1px rgba(0,0,0,.6);
}
.todo_today{
	background:#ffa53a !important;
	color:white;
	font-weight: bold;	
	text-shadow: 1px 1px 1px rgba(0,0,0,.6);

}
.todo_normal{
	background:silver !important;
	color:white;
	font-weight: bold;	
	text-shadow: 1px 1px 1px rgba(0,0,0,.6);

}

.task_monthly{
	background-color:#f79500;
}

.task_quarterly{
	background-color:#00abd6;
}
.task_yearly{
	background-color:#00a65a;
}

.assigntaskarrow{
	margin-left:5px;
	color:#3a3a3a;
}

.assigntaskarrow:hover{
	color:#ff6600;
	cursor:pointer;
}

#assigntaskpopup{
    background-color: #FFFFFF;
    border: 1px solid #C0C0C0;
    box-shadow: 0 0 5px #999999;
    position: absolute;
    width: 390px;
    z-index: 99;
    display:none;
    padding:10px;
}

#assigntaskpopup button{
	margin-left:20px;
}

.myassignedcell{
	background-color: #febc72 !important;

}
.assignedcell{
		background-color:#a9c5ea !important; 

}

td.taskdone{
		background-color:#a7e39b !important;
}

.selectedcell{
	border:1px solid #0088CC !important;

}


.bottompanel .myassignedcell,.bottompanel .assignedcell{
	width:15px;
	height:15px;
	display:inline-block;
}

#customertask .legend, #ptr .legend{
	width:550px;
	float:right;
	height:30px;
	line-height:20px;
	margin-top:20px;
	overflow:hidden;
	text-align: right;
	vertical-align: middle;
}

.legenditem{
	float:left;
	text-align: right;
	width:45%;
}


#assigntaskpopup table{
	margin:0px auto;
}



.dataTables_filter{
	width:100%;
		float:left;

}
.daterange{
	float:right;
}

.totaltaskdone td{
	background-color: #dcffc2 !important;
}

.totaltasklate td{
	background-color: #f6b2b2 !important;
}

table.previewtable td.alreadyexists{
	background-color: #E53F3F !important;
	color:white;
}

table.previewtable td.doesnotexist{
	background-color: #0AB719 !important;
	color:white;
}
#chooseJaarrekeningPopup .shortcut{
	width:40%;
	height:100px;
	margin-top:10px;
	padding-top:30px;
	padding-bottom: 10px;
	font-size:16px;
	font-style: italic;
	font-weight: 1000;	
}

 #chooseXBRLpopup .shortcut{
 	width:30%;
	height:120px;
	margin-top:15px;
	padding-top:30px;
	padding-bottom: 10px;	
 }

#chooseJaarrekeningPopup{
	text-align: center;

}

body#dashboard .shortcut:not(.disabled):hover,body#xbrl .shortcut:hover{
	-webkit-box-shadow: 0px 2px 1px #263849;
	-moz-box-shadow:    0px 2px 1px #263849;
	box-shadow:         0px 2px 1px #263849;
	cursor: pointer;
}
body#dashboard .shortcut:not(.ptrbutton) span,#chooseXBRLpopup .shortcut span{
	margin-top:10px;
}

div.welcome{
	width:95%;
	margin: 0px auto;
	margin-top:30px;
	font-size:130%;	
	margin-left:3.9%;
}

body#xbrlupload .searchbuttonpanel{
	display:none;
}


.input-append span.add-on{
	margin-left:-6px;
	cursor:pointer;
}


.input-prepend{
	 display: table-cell;
}
.input-prepend input{
	margin-left:-4px;

}
.date_error{
	border-top:1px solid red !important;
	border-right:1px solid red !important;
	border-bottom:1px solid red !important;
}

.fiscbijlageinnerdiv table .input-append,.fiscbijlageinnerdiv table .input-prepend{
	float:right;
}
.fiscbijlageinnerdiv table .input-append{
	margin-right:5px;
}
.fiscbijlageinnerdiv table td > input:not([type=radio]),.fiscaangiftepage table td > input.input-amount{
	float:right;
}

#mainmenuwrapper{
	width:22%;
	padding-top:10px;
	background-color: white;
	color:#003c6a;
	font-size:105%;
	float:left;
}
.input-geslacht{
	width:auto;
}
#mainmenuwrappernotulen{
	width:22%;
	padding-top:10px;
	background-color: white;
	color:#003c6a;
	font-size:105%;
	float:left;
}
div.notulen_detailviewitemwrapper{
	width:70%;
	padding-top:20px;
	float:right;
	margin-right:50px;
	padding-bottom: 50px;
}

div.customer_detailviewitemwrapper{
	width:70%;
	padding-top:20px;
	float:left;
	margin-left:5%;
}

div#afschrijvingen,div#dossier_invoices,div#dossier_registeredprestaties,div#customertasks,div#financials{
	width:70%;
	margin-left:5%;
	padding-top:20px;
	float:left;
	margin-bottom:40px;
}

#mainmenu{
	width:99%;
}
.mainlinks{
	margin:0px;
}

#mainmenu .mainlinks li:not(.boekjaar):not(.tussenstaat){
	list-style-type:none;
	padding-left:10px;
	padding:10px;
}
#mainmenu .mainlinks li.boekjaar,#mainmenu .mainlinks li.tussenstaat,.addtussenstaat,.addboekjaar{
	list-style-type:none;
	padding-left:10px ;
	padding:2px !important;
}

#mainmenu .mainlinks li i{
	font-size:20px;
	width:50px;
	margin-right:5px;
}
#mainmenu .mainlinks li.boekjaar i:not(.resetbutton):not(.deleteboekjaar),
#mainmenu .mainlinks li.tussenstaat i:not(.resetbutton):not(.deleteboekjaar){
	font-size:10px;
}

#mainmenu .mainlinks li span{
	font-size:20px;
	width:50px;
	margin-right:5px;
}

#mainmenu .mainlinks li:not(:last-child):not(.disabled){
	border-bottom:1px solid #ececec;
}



#mainmenu .mainlinks li:not(.disabled):not(.active):hover{
	background-color:#263849;
	cursor:pointer;
	color:white;
}
#mainmenu .mainlinks li.active:hover{
	cursor:default;
}
#mainmenu .mainlinks li.disabled:hover{
	cursor:default;
}

#mainmenu .mainlinks li.disabled{
	color:silver;
}

#contacten .dataTables_scrollBody,#dossiers .dataTables_scrollBody{
	overflow-x:hidden !important;
}


#mainmenu .mainlinks li.boekjaar,
#mainmenu .mainlinks li.addboekjaar,
#mainmenu .mainlinks li.addtussenstaat,
#mainmenu .mainlinks li.addtussenstaat i,
#mainmenu .mainlinks li.addboekjaar i{
	font-size:13px !important;
	border-bottom:none !important;
	margin-left:15px;
}

#mainmenu .mainlinks li.boekjaar{
	padding-left:10px !important;
	margin-left:20px;

}


#mainmenu .mainlinks li.tussenstaat{
	margin-left:20px !important;
	padding-left:25px !important;
	border-bottom: none !important;
	display:none;
}
li.addtussenstaat{
	display:none;
	margin-left:20px !important;
	padding-left:20px !important;

	line-height:30px !important;
	font-size:12.5px !important;	
	border-bottom:none !important;

}
li.addtussenstaat span{
	font-size:12px !important;	
	margin-top:6px !important;	
	margin-right:0px !important;
}
li.noborder{
	border-bottom: none !important;
}
#mainmenu .submenu{
	padding-left:20px;
	line-height:20px;
	font-size:12px !important;
	text-align:right;
	padding-right:10px;
	font-style: italic;
	
}

#mainmenu .mainlinks li.active{
	font-weight: bold;
}

div.customer_detailviewitem{
	width:95%;
	padding-top:20px;
	float:left;
	padding-bottom:30px;
	padding-top:30px;
}


div.metro{
	float:left;
	margin-left:70px;
	margin-top:-20px;
}

.shortcut.disabled{
	opacity: 0.5;
}



/* DATEPICKER */

/* DatePicker Container */
.ui-datepicker {
	width: auto;
	height: auto;
	margin: 5px auto 0;
	font: 9pt Arial, sans-serif;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
	z-index: 9999 !important;
}
.ui-datepicker a {
	text-decoration: none;
}
/* DatePicker Table */
.ui-datepicker table {
	width: 100%;
}
.ui-datepicker-header {
	background-color: #263849;
	color: #e0e0e0;
	font-weight: bold;
	-webkit-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, 2);
	-moz-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
	box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
	text-shadow: 1px -1px 0px #000;
	filter: dropshadow(color=#000, offx=1, offy=-1);
	line-height: 30px;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #111;
}
.ui-datepicker-title {
	text-align: center;
}
.ui-datepicker-prev, .ui-datepicker-next {
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	cursor: pointer;
	background-image: url('../images/arrow.png');
	background-repeat: no-repeat;
	line-height: 600%;
	overflow: hidden;
}

.ui-datepicker-prev:hover,.ui-datepicker-next:hover{
	background-color: #ff9a03 !important;
}
.ui-datepicker-prev {
	float: left;
	background-position: center -30px;
}
.ui-datepicker-next {
	float: right;
	background-position: center 0px;
}
.ui-datepicker thead {
	background-color: #f7f7f7;
	background-image: -moz-linear-gradient(top,  #f7f7f7 0%, #f1f1f1 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#f1f1f1));
	background-image: -webkit-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	background-image: -o-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	background-image: -ms-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	background-image: linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f1f1f1',GradientType=0 );
	border-bottom: 1px solid #bbb;
}
.ui-datepicker th {
	text-transform: uppercase;
	font-size: 6pt;
	padding: 5px 0;
	color: #666666;
	text-shadow: 1px 0px 0px #fff;
	filter: dropshadow(color=#fff, offx=1, offy=0);
}
.ui-datepicker tbody td {
	padding: 0;
	border-right: 1px solid #bbb;
}
.ui-datepicker tbody td:last-child {
	border-right: 0px;
}
.ui-datepicker tbody tr {
	border-bottom: 1px solid #bbb;
}
.ui-datepicker tbody tr:last-child {
	border-bottom: 0px;
}
.ui-datepicker td span, .ui-datepicker td a {
	display: inline-block;
	font-weight: bold;
	text-align: center;
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: #666666;
	filter: dropshadow(color=#fff, offx=1, offy=1);
}
.ui-datepicker-calendar .ui-state-default {
	background: #ededed;
	background: -moz-linear-gradient(top,  #ededed 0%, #dedede 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#dedede));
	background: -webkit-linear-gradient(top,  #ededed 0%,#dedede 100%);
	background: -o-linear-gradient(top,  #ededed 0%,#dedede 100%);
	background: -ms-linear-gradient(top,  #ededed 0%,#dedede 100%);
	background: linear-gradient(top,  #ededed 0%,#dedede 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede',GradientType=0 );

}
.ui-datepicker-calendar .ui-state-hover {
	background: #f7f7f7;
}
.ui-datepicker-calendar .ui-state-active {
	background: #6eafbf;
	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	-moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	color: #e0e0e0;
	text-shadow: 0px 1px 0px #4d7a85;
	filter: dropshadow(color=#4d7a85, offx=0, offy=1);
	border: 1px solid #55838f;
	position: relative;
	margin: -1px;
}
.ui-datepicker-unselectable .ui-state-default {
	background: #f4f4f4;
	color: #b4b3b3;
}
.ui-datepicker-calendar td:first-child .ui-state-active {
	width: 29px;
	margin-left: 0;
}
.ui-datepicker-calendar td:last-child .ui-state-active {
	width: 29px;
	margin-right: 0;
}
.ui-datepicker-calendar tr:last-child .ui-state-active {
	height: 29px;
	margin-bottom: 0;
}


input{
	height:25px;
}


.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('http://i.stack.imgur.com/FhHRx.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}

.fiscbijlageinnerdiv table tbody tr{
	height:40px;
}

.fiscbijlageinnerdiv h3{
	width:95%;
}
.singeltablediv{
	float:left;

}

.tablediv{
	margin-top:30px;
	width:95%;
}


.jaarrekblok:not(#waarderingsregels) .input-amount,.jaarrekblok:not(#waarderingsregels) .input-number,.input-decimal{
	float:right;
}

.jaarrekblok .code{
	text-align: center;
}


.notulen_detailviewitemwrapper h3:not(.title),.notulen_detailviewitemwrapper h4{
	padding-bottom:10px;
	padding-top:30px;
}

.notulen_detailviewitemwrapper h3.title{
	padding-bottom:10px;
}

.notulen_detailviewitemwrapper ul li{
	padding-top:5px;
}
.notulen_detailviewitemwrapper p{
	margin-bottom:5px;
	margin-top:5px;
}
.notulen_detailviewitemwrapper textarea{
	width:90%;
	height:100px;
}

body#notulen div.grey{
	background-color:#f8f8f8;
	padding:10px;
	margin-top:20px;
}

table#notulen_aanwezigheden td{
	border:1px solid #fafafa !important;
}
table#notulen_aanwezigheden td{
	text-align: right;
}

table#notulen_aanwezigheden td:first-child{
	text-align:left;
	padding-left:10px;
	font-weight: bold;
}

table#notulen_aanwezigheden td input{
	margin-right:-5px;
}

table#notulen_aanwezigheden .totals{
	font-weight: bold;
	text-decoration: underline;
	font-size:110%;
}

b.empty{
	margin-left:5px;
	margin-right:5px;
}

div.notulenitem{
	padding-bottom:50px;
}

#verslagbestuursorgaan li{
	line-height:30px;
}


#belastingen h3{
	margin-top:20px;
}

#onderneming .widget-content > div:not([style*="display:none"]):not([style*="display: none"]):last-child{ 

	margin-bottom:30px;
}
#onderneming .widget-content div.metro{
	margin-bottom:0px !important;
}


div.tabledetailwrappertotal{
	width:90%;
	display:block;
	float:left;
	margin-top:20px;
	text-align:right;
	font-size:110%;
	font-weight: bold;
	text-decoration: underline;
}

.tabledetailwrappertotal2{
	font-size:110%;
	font-weight: bold;
	text-decoration: underline;
	text-align: center;
}

div.tabledetailwrappertotal .noinput,div.tabledetailwrappertotal2 .noinput{
		text-align:right;
}

.tabledetailwrappertotaldiff{
	font-size:100%;
	font-weight: bold;
	text-decoration: underline;
	background-color: transparent;
}

input.noinput{
	background-color: transparent;
	border:none;
	font-size:110%;
	font-weight: bold;
	text-decoration: underline;
	color:black;
	pointer-events:none;
	width:150px;
	text-align: center;
	box-shadow:none;
}

input.noinput:hover{
	cursor:auto;
}

span.tabledetailwrappertotaldiffrest{
	font-size:90%;
	font-weight: bold;
	text-decoration: underline;
	background-color: transparent;
	color:red;	
}

div#btwlayout table tbody td{
	text-align: center;
}

.tdvalue{
	text-align: right;
	padding-right:10px;
}


.amountup {
   color:green;
   float:right;
  }

.amountdown {
   color:red;
      float:right;
  }

.amountsame{
	float:right;
	color:orange;
	font-weight:bold;
}


.chooseUitstel{
	font-size:13px !important;
	font-weight: normal;
}
.chooseUitstel select{
	width:auto;
}

.obligatory_notfilled{
	border:1px solid red !important;
}

.customer_detailviewitem button{
	margin-left:10px;
}

th.sorting_disabled:hover{
	cursor:default;
}


.dataTables_wrapper .buttonbar{
	width:200px;
	float:right;
	text-align: right;
}

.buttonbar .addbutton,.adddetail{
	margin-left:10px;
}

.jaarrekblok .buttonbar{
	margin-bottom:20px;
}

.dataTables_wrapper{
	overflow:hidden;
}


table.configtasktable .child_taak{
	display:none;
}

.bottompanel .span6{
	margin-left:5px !important;
}

.searchbuttonpanel.row,.searchbuttonpanel.row .span6{
	margin-left:0px !important;
}

#prestatiesbutton span{
	font-size:10px;
}

.smallamount{
	width:60px !important;
}

.todaystodos{
	float:left;
	min-height:50px;
	display: inline-block;
	overflow: auto;	
	width:100%;
}


.noaccounts{
	display: block;
	width: 100%;
	text-indent: center;
	margin-left:25%;
}


.todaystodos table,.lastvisiteddossiers table,.lastcreateddossiers table{
	width:100% !important;
}


.widget-content-nopadding{
	padding:0px !important;
}

.todaystodos .widget-content,.lastvisiteddossiers .widget-content,.lastcreateddossiers .widget-content{
	background-color:transparent !important;
	border:0px  !important;
}	
.todaystodos .widget-header,.lastvisiteddossiers .widget-header,.lastcreateddossiers .widget-header{
	border: 1px solid #ccc !important;
}

.todaystodos .widget,.lastvisiteddossiers .widget,.lastcreateddossiers .widget{
	border:none !important;
	margin-bottom:0px !important;
}

.todaystodos .widget-content table tbody tr td.subject,.lastvisiteddossiers .widget-content table tbody tr,
.lastcreateddossiers .widget-content table tbody tr{
	background-color: white !important;
}
.todaystodos .widget-content table tbody tr td,.lastvisiteddossiers .widget-content table tbody tr td,
.lastcreateddossiers .widget-content table tbody tr td
{
	border-bottom:0.5px solid #f4f4f4;
}

.todaystodos .alltodos tbody tr,.lastvisiteddossiers tbody tr,.lastcreateddossiers tbody tr{
	display:none;
}

.todaystodos .alltodos tbody tr td,.todaystodos .alltodos tbody tr,.lastcreateddossiers tbody tr ,.lastcreateddossiers tbody tr td{
	height:45px !important;
	overflow:hidden !important;
	line-height:22.5px !important;

}
.todaystodos:hover > .widget{
	cursor:pointer;
	border:2px solid orange;
}

.lastvisiteddossiers .icon,.lastcreateddossiers .icon{
	color:#263849;
}

.lastcreateddossiers .icon{
	margin-top:10px;
}
.lastcreateddossiers i{
	line-height:10px;
}

.lastseencandv tbody tr:hover td,.lastcreateddossiers tbody tr:hover td{
	cursor: pointer !important;
	background-color: #e4e4e4 !important;
}


.todaystodos td > div,.lastcreateddossiers td > div{ width: 100%; height: 100%; overflow:hidden; }
.todaystodos td,.lastcreateddossiers td{ height: 45px; }

.lastseencandv td > div{ width: 100%; height: 100%; overflow:hidden; }
.lastseencandv td{ height: 22.5px !important; }

body#dashboard { padding-bottom:30px; }

.logoutbutton{
	float:right;
	margin-right:10px;
	font-size:22px;
	margin-top: 18px !important;
}

.logoutbutton:hover{
	color:red;
	cursor: pointer;
}

.dataTable .delete{
	text-align: center;
}

#flash_error{
	color:red;
}

.dropdown-menu{
	margin-top:7px;
}

.tableaddnewdetail,.tableaddnewereloon,.tableaddnewbtwdetail{
	float:right;
}

ul.yearvolgnummerautocomplete{
	width:130px;
}

.fiscdetailtable thead td{
	padding:5px;
}

.totalvrijgestwvbegin,.totalvrijgestwveinde,.aangifte1101begin,.aangifte1101einde,.aangifte1102begin,.aangifte1102einde{
	text-align:right;
	margin-right:15px;
	font-weight: bold;
	display: block;
	width:100%;
}

.ui-front.infront { z-index: 103 !important; }
.ui-dialog-content.infront { z-index: 103 !important; }

.preyear_example,.prestring_example{
	margin-left:20px;
	font-style: italic;
}

#searchall{
	margin-left:30px;
	margin-top:-7.5px;
	border-radius:5px;
	padding-left:5px;
}

.inappsearchtype,.emailrecipienttype{
	width:20% !important;
	font-size:25px;
	padding-left:10px;
}

#countdownpopup{
	padding-top:50px;
	text-align: center;
}

.countdowntime{
	font-size:60px;
	font-weight: bold;
}

.addboekjaarsubtitle{
	margin-top:20px;
	font-weight: bold;
}
select.autowidth{
	width:auto;
}

.nonotifications{
	padding-left:20px;
	padding-top:20px;
}

tr.narrow{
	height:20px !important;
}

table.invlines.approved .titleamount,table.invlines.approved .bedrag, table.invlines.approved .lineamount{
	text-align:right !important;
}

table.invlines.approved .bedrag{
	padding-right:10px;
}

.addCC{
	margin-top:2px;
	color:green;
	font-size:17px;
}

.link:hover{
	cursor:pointer;
}

.nacebelautocompleteitem a{
	width:300px;
	padding-left:10px;
	padding-right:10px;
}

.ratiocategory{
	overflow: hidden;
}

div.graph{
	width:95%;
	height:100px;
	margin-top:20px;
}

input.input-alignright{
	text-align: right;
}

.widget-header h3,.widget-header h3 i{
	line-height: 40px;
}

a.expandaccordionsinwidget i, a.contractaccordionsinwidget i{
	vertical-align: middle;
}


body#onderneming #tooltip div{
	float:left;
	margin-right:15px;
}

#quickcreatepopup table tbody tr td{
	padding: 5px;
}

i.blue,.iscustomer{
	color:#1998D8;
}

.autowidth{
	width:auto;
}

.ccvitem,.deelnemingitem{
	margin-bottom:20px;
}

.deelnemingitem input{
	text-align: left !important;
}
.deelnemingitem .input-number,.deelnemingitem .input-amount{
	float:left !important;

}

.mpanel{
	width:95%;
	margin:0px auto;
}
.mtop30{
	margin-top:30px !important;
}



.input-append .add-on:last-child, .input-append .btn:last-child {
    border-radius: 0 3px 3px 0;
}
.input-prepend .add-on, .input-append .add-on {
    background-color: #eeeeee;
    border: 1px solid #ccc;
    display: inline-block;
    font-weight: normal;
    height: 25px;
    line-height: 18px;
    min-width: 16px;
    padding: 1px 4px;
    text-align: center;
    text-shadow: 0 1px 0 #ffffff;
    vertical-align: middle;
    width: auto;
    margin-left:5px;
}

.add-on .icon-random:hover{
	cursor:help;
}


.input-prepend .add-on.ondernemingsnummer{
	padding:2px 4px;
	margin-left:0px;
}


.input-tiny {
  width: 20px !important;
}
.input-tinyx {
  width: 40px;
}
.input-percentage {
  width: 35px;
  text-align: right;
}
.input-mini {
  width: 60px;
}
.input-postcode {
  width: 55px;
  text-align:right;
}

.input-small {
  width: 90px;
}
.input-address-compact {
  width: 290px;
}
.input-address-medium {
  width: 390px;
}
.input-amount,.input-decimal {
  width: 110px;
  margin-right:5px;
}

.input-number {
  width: 110px;
  margin-right:5px;
  text-align:right;
}
.input-huisnummer{
  width:50px;
  text-align: right;
}

.input-street{
  width:170px;
}

.input-plaats{
  width:150px;
}

.input-naam {
  width: 180px;
  float:right;
  margin-right:5px;
}

.input-vfnaam{
  width:100px;
}

.input-nationaalnummer {
  width: 110px;
  margin-right:5px;
}

.input-amountx {
  width: 110px;
}
.input-date {
  width: 75px;
  margin-right:5px;

}
.input-time {
  width: 35px;
}
.input-password{
  width:100px;
}
.input-day {
  width: 20px;
}
.input-year {
  width: 30px;
}
.input-medium {
  width: 150px;
}

.input-large {
  width: 210px;
}

.input-xlarge {
  width: 270px;
}
.input-iban{
  width:140px;
}
.input-bic{
  width:70px;
}
.input-xxlarge {
  width: 350px;
}
.input-xxxlarge {
  width: 490px;
}

.input-xxxxlarge {
  width: 600px;
}
.input-xxxxxlarge {
  width: 710px;
}

.input-btwnr {
  width: 90px;
}
.input-telefoon{
  width:85px;
}
.input-gsm {
  width: 100px;
  margin-right:5px;
}
.input-omschrijving{
  width:290px !important;
}
.input-yearvolgnummer,.input-yearvolgnummerherbelegging{
  width:70px;
  float:right;
  margin-right:5px;

}

.select-statuut,.select-tijdseenheid,.select-regeling{
  width:auto;
}

.paddedtable tbody td{
	padding:5px;
}


/*user agent overriding*/
ul, menu, dir{
    list-style-type: disc;
    -webkit-margin-before: inherit;
    -webkit-margin-after: inherit;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: inherit;
	padding-inline-start: inherit;
}



.jaarrekblok{
	padding-right:30px;
}

.msgGrowl-container,.msgGrowl-container .msgGrowl{
	z-index:3002 !important;
}

input[type="checkbox"]:focus{
    outline:0;
}

.boekinglines{
	width:90%;
}

.codefield[type="text"]:disabled,input:disabled,textarea:disabled{
	cursor:not-allowed !important;
	background-color:#EEEEEE;
}


.balansexamplewrapper p{
	font-size: 150%;
    letter-spacing: -1px;
    text-align: center;
    margin-top:100px;
}
.balansexampletable td,.balansexampletable th{
	text-align: left;
	color:#D1D1D1;
	border:0.5px solid #D1D1D1;
	border-radius:1px;
	font-size:70%;
	padding:2px;
}

.balansexampletable th{
	background-color: #D1D1D1;
	color:white;
}


.rightbalans{
	margin-left:100px;
}


.balansexamplewrapper .leftbalans,.balansexamplewrapper .rightbalans{
	width:30%;
	display:inline-block;
}

.balansexamplewrapper{

	width:100%;
}

.balansexampletablewrapper{
   padding-top:20px;
   width:100%;
   overflow:auto;
    text-align: center;
}

.exampleamount{
	text-align: center !important;
}

#ui-datepicker-div { display: none; }

.selectwrapper{
	padding-top:20px;
}