body {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;;
	background: #f0f0f0;
	font-size: 12px;
	color: #777;
}

.wwft-invulveld::placeholder, .wwft-invulveld-3::placeholder {
	color: #bbb;
	font-style: italic;
}

input:disabled {
	border: 1px solid #f0f0f0 !important;
}

#width_tmp_select{
	display : none;
}

.bericht-groep-select option:before{
	content: " ˅";
}

input:disabled, textarea:disabled, select:disabled {
	background-color: #f0f0f0;
	color: #505050;
	border: 1px solid #f0f0f0;
}

input, textarea, select {
	border: 1px solid #d9d9d9;
	background-color: #ffffff;
	padding-left: 5px;
	font-size: 12px;
}

hr {
	background-color: #f0f0f0;
	height: 1px;
	border:0;
}

span.tekst {
	color: #616161;
}

.select2-dropdown {
	z-index: 0 !important;
}

.select2-selection .select2-selection--multiple{
	z-index: 0 !important;
}

.select2-container {
	z-index: 0 !important;
}

.emailCount, .newsCount, .notitieCount{
	border-radius: 4px !important;
	height: 13px !important;
	line-height: 13px !important;
	width: 12px !important;
	text-align: center;
	color: white;
	font-size: 10px !important;
	cursor: pointer;
	padding-left: 3px !important;
	padding-right: 3px !important;
	position: relative;
	top: -5px;
	right: -13%;
	display: none;
	margin-left: -11px;
}

.newsCount, .notitieCount{
	visibility: hidden;
}
/*
nav ul {
	margin: 0;
	padding:0;
	list-style: none;
}
*/
/*
.showMenu{
	display: none;
	position: absolute;
	background: #7c7c7c;
	left: 0;
}

.menu-item:hover{
	color: white;
}
*/
.countersOnder{
	display: none;
}

input, textarea, select, div, td, th {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;;
}

input {
	height: 20px;
}

select {
	height: 32px;
}

th {
	text-align: left;
	padding-left: 5px;
	font-weight: normal;
}

input[type=checkbox] {
	width: 19px !important;
	height: 19px;
}

input[type=file] {
	border: none;
}

#disablemask {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 900;
	background-color: silver;
	opacity: 0.5;
	display: none;
}

#errormessage {
	display: none;
	height: 40px;
	width: 100%;
	line-height: 40px;
	color: white;
	text-align: center;
	position: fixed;
	top: 50%;
	z-index: 9999;
}

#errormessage input {
	border-radius: 10px;
	height: 24px;
	padding: 0 10px;
}


#new-row {
	display: none;
}

.meldingbox {
	display: none;
}

.clear {
	clear: both;
}

.top-container {
	display: flex;
	width: auto;
	margin: auto 19px;
}

.top-logo {
	padding-left: 8px;
	line-height: 92px;
	flex: 1 1 12%;
}

.top-logo img  {
	vertical-align: middle;
	cursor: pointer;
	position: relative;
	top: -5%;
}

.top-user-logo {
	line-height: 92px;
	text-align: right;
	flex: 1 1 8%;
	padding-right: 23px;
}

.top-user-logo img  {
	vertical-align: middle;
}

.top-naam-part  {
	padding-top: 24px;
	flex: 1 1 11%;
}

.top-status-part {
	padding-top: 21px;
	flex: 1 1 21%;
}

.top-percentage-part {
	padding-top: 22px;
	flex: 1 1 14%
}

.top-percentage-1 {
	font-size: 54px;
	font-weight: bold;
	float: left;
	margin-top: -10px;
	color: white;
}

.top-percentage-2 {
	font-size: 30px;
	font-weight: bold;
	float: left;
	margin-top: -3px;
	color: white;
}

.top-percentage-3 {
	padding-left: 10px;
	float: left;
}


.top-percentage-per-jaar {
	padding-top: 20px;
	flex: 1 1 16%
}

.verwerk-perc {
	width: 20px;
	text-align: right;
	padding-right: 2px;
}
.top-log-out {
	flex: 1 1 19%;
	margin-top: 24px;
}

.top-log-out-l {
	margin-top: -6px;
	float: left;
	opacity: 0.6;
}

.top-log-out-r {
	float: left;
	padding-left: 10px;
}

.top-log-out-tekst {
	color: white;
}

.vulling-prec-1 {
	color: #1eff00;
}

.vulling-prec-2 {
	color: white !important;
}

.vulling-prec-3 {
	color: #d82128;
}

.main-container {
	display: flex;
	margin: 0 20px;
}

.main-left-2-columns {
	display: flex;
}

.main-select-part {
	flex: 1 1 20%;
	margin-right: 5px;
	background-color: white;
	border-radius: 10px 0 0 10px;
	padding: 5px;
}

.view-container {
	flex: 1 1 60%;
	background-color: white;
	overflow-x: auto;
	padding-bottom: 10px;
	padding-top: 20px;
}

.ls-strook .up-down-image{
	margin-left: 0 !important;
	margin-top: 0;
}

.ls-email img{
	margin-top: 3px;
}
/*
nav ul.nav {
	padding: 0;
	list-style: none;
	position: relative;
	display: inline-table;
	margin: 0;
	line-height: 48px;
	z-index: 5000 !important;
}
*/
.menu-container {
	width: auto;
	align-items: center;
	margin: auto 19px;
	height: 37px;
}
/*
nav ul.nav li {
	color: #3e3e3e;
	float: left;
	font-weight: normal;
	vertical-align: middle;
	font-size: 16px;
	padding: 0 10px;
	line-height: 36px;
	margin-left: 16px;
	cursor: default;
	position: relative;
	flex-wrap: wrap;
	margin-bottom: -4px;
}

nav ul.nav li:hover {
	background-color: #7c7c7c;
	color: white;
}

nav ul.nav .showMenu .submenuItem:hover {
	background-color: #7c7c7c;
}

nav ul.nav li:hover ul.showMenu {
	display:grid;
	padding-bottom: 4px;
}

nav ul.nav li.submenuItem{
	margin-left: 0 !important;
	border-top: 1px solid #909090;
	cursor: pointer;
	color: white;
	padding-right: 27px !important;
	white-space: nowrap;
	padding-left: 10px !important;
}

nav .double{
	border-top: 4px double #909090 !important;
}
*/
.navigation-buttons-main img{
	margin: 5px;
}

.navigation-buttons-main{
	margin-left: 10px;
	margin-top: 15px;
	height: 47px;
}

.navigation-buttons {
	float: left;
}

.navigation-menu {
	float: left;
	padding-top: 8px;
}
/*
nav ul.nav li.singleItem {
	padding: 0 10px !important;
	margin-left: 16px !important;
	border-top: none;
}
*/
.extramenu option {
	background-color: white !important;
	border: 0 !important;
}

.extramenu {
	background: transparent;
	border: none;
	font-size: 14px;
	height: 29px;
	padding: 5px;
	overflow: hidden !important;
	text-decoration: underline;
	width: 100%;
	display: none;
}

li.submenuItem:first-of-type {
	border-top: none !important;
	color: white;
}

.submenuItem a{
	color: white !important;
}

.submenuItem a:hover{
	color: white !important;
}
/*
nav ul.nav2 {
	padding: 0;
	list-style: none;
	position: relative;
	display: inline-table;
	margin: 0;
	line-height: 48px;
}

nav ul.nav2 li {
	float: left;
	font-weight: bold;
	vertical-align: middle;
	padding: 0 10px;
	line-height: 36px;
	margin-top: 6px;
	margin-left: 10px;
	cursor: pointer;
}

.sub-menu-item {
	text-decoration: underline;
	font-size: 13px;
}

.submenu {
	height: 48px;
	line-height: 48px;
	overflow-x: hidden;
	overflow-y: hidden;
}
*/
.button-line {
	margin: 0 15px 15px 15px;
	display: flex;
	height: 32px;
}

.master-buttons {
	float: left;
	flex: 1;
	height: 32px;
}

.prev-next-buttons {
	float: right;
	flex: 0 0 80px;
	text-align: right;
	height: 32px;
	margin-right: 10px;
}

.master-right-container {
	margin: 0 15px 15px 15px;
	padding-top: 30px;
	min-height: 590px;
	width: 1050px;
}

.master-buttons button {
	border: none;
	height: 28px;
	padding: 0 20px 3px 20px;
	margin-right: 7px;
	font-weight: bold;
	color: white;
	background-color: #cdcdcd;
	cursor: inherit;
	border-radius: 5px;
	line-height: 28px;
	vertical-align: middle;
	pointer-events: none;
}

.master-buttons button#verzend-all {
	margin-right: 0;
}

.master-buttons .master-active {
	background-color: #565656;
	cursor: pointer;
	pointer-events: all;
}

.master-kantoor {
	margin: 15px 15px 15px 0;
}

.master-kantoor table{
	line-height: 40px;
}

.master-kantoor table .master-text {
	width: 100px;
}

.master-sep {
	width: 50px;
}

.kantoor-container {
	margin-left: 0px !important;	
}

.kantoor-container #content-fields {
	margin-bottom: 15px; 
}

#content-fields .checkbox {
	line-height: 30px;
	padding-top: 8px;
}

#content-fields .opbrengst {
	width: 50px;
	text-align: right;
	padding-right: 5px;
}

#content-fields .debiteur {
	width: 80px;
	text-align: right;
	padding-right: 5px;
}

#content-fields .factuuremail {
	width: 200px;
}

.master-sel-help {
	cursor: pointer;
	overflow: hidden;
	height: 20px;
	line-height: 20px;
	display: flex;
	padding: 0 5px;
}

.master-name {
	flex: 1;
	font-size: 12pt;
	height: 40px;
	line-height: 40px;
	margin-left: 22px;
}

.master-name span {
	color: #bdbdbd;
	margin: 0 7px;
}

.master-left {
	flex: 0 0 18%;
	width: 247px;
	margin-right: 5px;
	background-color: white;
	border-radius: 10px 0 0 10px;
	padding: 5px;
	float: left;
}

.master-select {
	height: 775px;
	overflow-y: scroll;
	margin-top: 25px;
	overflow-x: hidden;
}

.master-right {
	flex: 1;
	background-color: white;
	border-radius: 0 10px 10px 0;
	float: left;
}

.tarieven .left {
	width: 200px;
}

.tarieven input{
	width: 45px;
	text-align: right;
	padding-right: 5px;
}

.main-content {
	flex: 1 1 20%;
	overflow-x: auto;
	min-height: 400px;
}

.main-berichten {
	flex: 0 0 20%;
	margin-left: 5px;
	border-radius: 0 10px 10px 0;
	background: white;
	padding: 5px;
}

.logout {
	cursor: pointer;
	width: 24px;
}

.info-container {
	display: none;
	margin: 6px 20px 6px 20px;
}

.info-klantselectie {
	flex: 0 0 20%;
	height: 40px;
	line-height: 40px;
	padding-left: 8px;
}

.info-berichten {
	flex: 0 0 20%;
	height: 40px;
	line-height: 40px;
}

.info-tag{
	font-size: 13pt;
	color: #3e3e3e;
}

.info-tag span {
	color: #b3b3b3;
}

.help-container {
	margin-top: 15px;
}

.help-container td {
	vertical-align: top;
}

.help-container .editor {
	margin-left: 0;
	width: 900px;
}

.help-text {
	padding-top: 9px;	
}

.editfield {
	display: none;
}

.welkom-graph {
	margin-left: 15px;
	margin-right: 15px;
}

.welkom-graph-cat-1 {
	line-height: 30px;
	padding-left: 17px;
	font-size: 16px;
}

.select-klant, .select-relatie {
	cursor: pointer;
	color: #616161;
	width: 100%;
}

.alg-news-intro p{
	color: #616161;
}

.klt-sel-block {
	height: 600px;
	overflow-y: scroll;
	margin-top: 18px;
}

.klt-sel-table {
	border-collapse: collapse;
	border: 1px solid #eaeaea;
	border-right: none;
	width: 99%;
}

.klt-sel-table tr.next {
	border-top: 1px solid #eaeaea;
}

.klt-app {
	padding-left: 5px;
}

.klt-naam {
	overflow: hidden;
	height: 25px;
	line-height: 25px;
/*	display: flex; */
	padding: 0 5px;
	display: block;
}

.klt-naam:hover {
	text-decoration: underline;
}

.klt-sel-table .klt-circle {
	border-radius: 4px;
	height: 13px;
	line-height: 13px;
	width: 12px;
	text-align: center;
	color: white;
	margin-left: 2px;
	font-size: 10px;
	cursor: pointer;
}

.klt-sel-table .uit{
	visibility: hidden;
}

.klt-sel-table .aan {
	background: #fd353c;
}

.klt-sel-table .sta {
	background: #31b729;
}

.klt-sel-table .ob {
	background: #67a9ed;
}

.klt-sel-table .lb {
	background: #2b75c2;
}

.klt-sel-table .ib {
	background: #084e96;
}

.klt-sel-table .dl {
	background: #ffae00;
}

.klt-sel-table .ls {
	background: #ffae00;
}

.klt-sel-table .ml {
	background: #ff7524;
}

.klt-sel-sort {
	display: flex;
	height: 28px;
	border-radius: 15px 5px 5px 15px;
	border: 1px solid #d9d9d9;
	margin-top: 10px;
}

.sel-klt-search {
	border: none;
	margin-right: 8px;
	flex: auto;
}

.sel-klt-sort {
	height: 28px;
	flex: 0 0 130px;
}

.klant-search {
	border-radius: 14px;
	padding: 0 8px;
	background: #f0f0f0;
	outline: none;
	width: 100% !important;
	height: 30px !important;
	font-style: italic;
	border: none;
	margin: -1px 0 0 -1px;
}

.klant-search::-webkit-input-placeholder {
	font-style: italic;
}

.sel-klt-groep select option::after{
	content: "test";
}

.bericht-header-1 {
	width: 100%;
}

.bericht-header-2 {
	display: flex;
	margin-top: 10px;
	border: 1px solid #d9d9d9;
	border-radius: 15px 5px 5px 15px;
}

.bericht-sel-part {
	flex: 0 0 130px;
}

.bericht-search {
	flex: auto;
}

.email-news {
	flex: 0 0 130px;
}

.bericht-search{
	border-radius: 14px;
	padding: 0 8px;
	background: #f0f0f0;
	outline: none;
	width: 100% !important;
	height: 30px !important;
	font-style: italic;
	border: none;
	margin: -1px 0 0 -1px;
}

.bericht-volgorde {
/*	background: yellow; */
}

.bericht-groep-select{
	background: #f0f0f0;
	width: 100%;
	color: #616161;
}

.arrow{
	color: #1469ac;
}

.arrow-subMenu{
	display: none !important;
}

.doc-doc-name {
	color: #565656;
}

.extramenu{
	width: 100%;
	background: #f0f0f0;
	color: #616161;
}

select option {
	margin: 40px;
	background: #f0f0f0;
	color: #616161;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}

.navigation-menu select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(dropdown.ico) right / 20px no-repeat #fff;
	margin-top: -3%;
	margin-top: -3%;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.pijlSelect{
		color: #1469ac !important;
		font-weight: bold;
		margin-left: -25px !important;
	}

	.pijlSelectKlant{
		color: #1469ac !important;
		font-weight: bold;
		margin-left: -35px !important;
	}

	.pijlSelect{
		color: #1469ac !important;
		font-weight: bold;
		margin-left: -22px;
	}

	.pijlSelectKlant{
		color: #1469ac !important;
		font-weight: bold;
		margin-left: -44px;
	}
}

.ktl-groep-select {
	background: #f0f0f0;
	width: 100%;
	color: #616161;
}

.ktl-groep-select option:hover {
	height: 200px;
}

.alg-news-cat {
	color: #565656;
}

.arrow {
	display: none;
}

.activeNav{
	background: rgb(39, 134, 204);
	color: white !important;
}

.ktl-groep-select select::-ms-expand {
	display: none;
}

.sel-klt-part {
	margin-top: 15px;
	margin-left: 0;
}

.sel-klt-groep {
	float: left;
	width: 157px;
	font-size: 16px;
}

.sel-klt-tekst {
	float: left;
	line-height: 30px;
	font-size: 16px;
}

.sel-klt-add {
	width: 29px;
	float: right;
	cursor: pointer;
}

.main-view-content {
	overflow-x: auto;
}

.fileUpload {
	position: relative;
	overflow: hidden;
}

.ob-bijlage .fileUpload {
	margin-top: 0;
}

.ob-aangifte .fileUpload {
	margin-top: 0;
}

.ob-email .mail-button {
	margin-top: 0;
}

.lb-nvt {
	margin-top: 7px;
	padding-left: 11px;
}

.lb-aangifte .fileUpload  {
	margin-top: 0;
}

.lb-email .mail-button {
	margin-top: 0;
}

.ib-bijlage .fileUpload  {
	margin-top: 0;
}

.ib-nvt	{
	margin-top: 4px;
}

.ib-aangifte .fileUpload  {
	margin-top: 0;
}

.ls-strook {
	margin-left: 0 !important;
}

.ob-aangifte div {
	margin-left: 9px !important;
}

.ob-regel .ob-email {
	margin-left: 21px !important;
}

.klant-table {
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 20px;
}

.klant-table input {
	width: 218px;
}

#aanhef {
	width: 79px;
	margin-left: -1px;
	padding-left: 0;
}

.stam-klantgegevens {
	margin-bottom: 28px;
}

.stam-prioriteit {
	width: 150px;
}

#contact-blok{
	margin-bottom: 20px;
}

.toelichting {
	line-height: 30px;
	margin-bottom: 10px;	
}

.contactgegevens {
	margin-bottom: 0px;
}

.stam-klantgegevens input, .stam-klantgegevens select, .contactgegevens input, .contactgegevens select  {
	margin-bottom: 10px;
	margin-top: 5px;
}

.dga-blok input, .dga-blok select, .dga-blok input, .dga-blok select  {
	margin-bottom: 10px;
	margin-top: 5px;
}

.not-first {
	border-top: 1px solid #e0e0e0;
	padding-top: 20px; 
}

.stam-flex-line {
	display: flex;
}

.stam-bedrijfsnaam {
	width: 305px;
	float: left;
	margin-right: 10px;
}

.stam-bedrijfsnaam input{
	width: 300px;
	margin-right: 20px;
}

.stam-ondernemingsvorm {
	width: 110px;
	float: left;
	margin-right: 10px;
}

.stam-ondernemingsvorm select {
	width: 110px;
}

.stam-branchecode {
	width: 75px;
	float: left;
}

.stam-branchecode select {
/*	width: 55px; */
	width: 600px;
}

.stam-brancheomschrijving {
	margin-left: -12px;
	flex: 1 1 50px;
	height: 32px;
	overflow: hidden;
	line-height: 32px;
	margin-top: -5px;
	display: none;
}

.stam-adres, .contact-adres {
	width: 230px;
	float: left;
	margin-right: 10px;
}

.stam-adres input, .contact-adres input{
	width: 225px;
}

.stam-postcode, .contact-postcode {
	width: 85px;
	float: left;
	margin-right: 10px;
}

.stam-mobiel{
	width: 105px;
	float: left;
}

.stam-mobiel input{
	width: 90px;
}

.stam-postcode input, .contact-postcode input {
	width: 80px;
}

.stam-plaats, .contact-plaats {
	width: 155px;
	float: left;
	margin-right: 10px;
}

.stam-plaats input, .contact-plaats input {
	width: 150px;
}

.stam-land, .contact-land {
	width: 145px;
	float: left;
	margin-right: 10px;
}

.stam-land input, .contact-land input {
	width: 125px;
}

.stam-telefoon {
	width: 105px;
	float: left;
	margin-right: 10px;
}

.stam-telefoon input {
	width: 100px;
}

.stam-email {
	width: 255px;
	float: left;
	margin-right: 10px;
}

.stam-email input {
	width: 250px;
}

.stam-website {
	width: 220px;
	float: left;
	margin-right: 10px;
}

.stam-website input {
	width: 225px;
}

.stam-beheerder {
	float: left;	
	width: 150px;
	margin-right: 8px;
}

.stam-kvk {
	width: 105px;
	float:left;
}

.stam-kvk input {
	width: 90px;
}	


.stam-startdatum {
 	width: 81px;
 	float: left;
 }

.stam-eindedatum {
	width: 90px;
	float: left;
}

.stam-boeker {
	float: left;
	width: 150px;
	margin-right: 8px;
}

.stam-belasting {
	width: 125px;
	margin-right: 10px;
	float: left;
}

.stam-belasting input {
	width: 100px;
}


.contact-naam {
	width: 250px;
	float: left;
}

.contact-naam input{
	width: 235px;
}

.contact-aanhef {
	width: 70px;
	float: left;
}

.contact-aanhef select {
	width: 62px;
}

.contact-email {
	width: 255px;
	float: left;
}

.contact-email input {
	width: 240px;
}

.contact-telefoon {
	float: left;
	width: 105px;
}

.contact-telefoon input {
	width: 100px;
}






/*.stam-rechtsvorm {
	width: 100px;
	padding-left: 0;
} */

.stam-beheerder {
	padding-left: 0;
}

.debiteur {
	width: 70px !important;
	text-align: right;
	padding-right: 5px;
}

input.stam-small {
	width: 102% !important;
}

input.stam-kvk, input.stam-kvk, .dga-stop {
	width: 81px !important;
}

input.dga-wachtwoord {
	width: 100px;
}

input.con-bedrag {
	width: 75px !important;
	text-align: right;
	padding-right: 5px;
}

input.con-verdeling {
	width: 22px;
	text-align: right;
	padding-right: 5px;
}

.contract-datum{
	width: 74px;
}

.contract-actief, .contract-adm-klant {
	width: 40px;
}

.con-uitsplits div {
	float: left;
}

.con-radio {
	padding-top: 3px;
}

.con-radio input {
	width: 20px;
}

.con-tekst {
	line-height: 32px;
	width: 160px;
}

.con-korting-tekst {
	line-height: 32px;
	width: 50px;
	padding-left: 8px;
}

.check input {
	height: 0;
}

.con-korting-opvraag input {
	width: 30px;
}

.dga-anaam {
	width: 103px !important;
}

.dga-vletters {
	width: 45px !important;
}

.dga-BNSnr {
	width: 77px !important;
}

.belasting-type {
	width: 150px;
}

.bel-omzet-tijdvak {
	width: 167px;
}

.belasting-nummer .bel-nummer {
	width: 105px;
}

.loonsoort {
	color: #616161;
}

#horecaloon {
	width: 0 !important;
}

.klant-table div {
	align-items: center;
}

td.klant-table-content table {
	border-spacing: 0;
}

.admin-part div {
	float: left;
	margin-top: 10px; 
}

.admin-nr .dummy-admnr {
	width: 60px;
	margin-right: 30px;
}

.dga-leg-text {
	float: left !important;
	padding-top: 12px;
	padding-left: 2px;
	padding-right: 5px;
}

.admin-tekst {
	min-width: 100px;
}

.addItem {
	display: none;
	margin: 7px 5px;
	cursor: pointer;
	width: 100%;
}

.part-adm {
	margin-top: 10px;
}

div#contr-pwd {
	margin-top: 15px;
}

.gen-pwd {
	padding-left: 10px;
}

input.contr-pwd {
	margin-left: 15px;
}

.fileUpload input.upload {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	font-size: 0px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	width: 33px;
}

.aanlever-blok {
	margin-left: 10px;
	margin-right: 10px;
}

.aanlever-blok-naam {
	margin-left: 5px;
}

.info-periode input {
	width: 100px;
}

.info-aanlever-b input, .info-retour-b input {
	width: 67px;
}

.info-button {
	height: 34px;
	border-radius: 6px;
	border-color: transparent;
	color: white;
	padding: 5px 10px;
	margin-left: 7px;
}

.aanlever-buttons {
	margin: 0 0 0 10px;
}

.no-display {
	display: none;
}

.factuuurblok tr td {
	padding: 3px;
}

.opdracht-verdeling div	{
	float: left;
}

.opdracht-verdeling .verdeling-boekwerk	{
	width: 100px;
}

.opdracht-verdeling .verdeling-controle	{
	width: 100px;
}

.opdracht-verdeling .verdeling-advies	{
	width: 100px;
}

.opdracht-verdeling .verdeling-prijs	{
	width: 100px;
}

.opdracht-gratis {
	width: 45px;
}

.opdracht-gratis input {
	width: 25px;
	text-align: right;
	padding-right: 5px;
}


.verdeling-boekwerk input, .verdeling-controle input, .verdeling-advies input {
	width: 25px;
	text-align: right;
	padding-right: 5px;
}

.verdeling-boeking input {
	width: 40px;
	text-align: right;
	padding-right: 5px;
}

#wijzig-blok div {
	line-height: 38px;
}

.prijs-mail, .prijs-print {
	height: 33px;
	padding: 3px 9px 0 8px;
}

.prijs-wijziging div {
	float: left;
}

.prijs-wijziging .prijs-oud, .prijs-wijziging .prijs-nieuw {
	width: 75px;
}

.prijs-wijziging .prijs-oud input, .prijs-wijziging .prijs-nieuw input{
	width: 45px;
	text-align: right;
	padding-right: 5px;
}

.prijs-wijziging .prijs-datum {
	width: 85px;
}

.prijs-wijziging .prijs-percentage {
	width: 72px;
	
}

.prijs-wijziging .prijs-percentage input {
	width: 35px;
	text-align: right;
	padding-right: 5px;
}

.prijs-wijziging .prijs-soort, .prijs-wijziging .prijs-opbouw {
	width: 49px;
}

.prijs-wijziging .prijs-soort input, .prijs-wijziging .prijs-opbouw input {
	vertical-align: middle;
}

.prijs-verhoging {
	width: 70px;
	display: none;
}

.opdracht-tarief-part {
	margin-bottom: -25px;
}

.opdracht-tarieven-sep {
	height: 5px;
}

.opdracht-tar {
	width: 62px;
}

.opdracht-contract {
	width: 30px;
	margin-left: 0;
}

.opdrachtblok, .adminblok {
	margin-bottom: 20px;
	line-height: 30px;
	padding-left: 0;
	margin-top: -7px;
}

.opdrachtblok .header {
	color: #d90000;
}

.opdrachtblok .base-color {
	height: 20px;
	width: 100%;
}

.opdracht-nodisp {
	display: none;
}

#opdrachtblok {
	width: 660px;
}

.opdracht-algemeen div {
	float: left;
	padding-left: 20px;
}

.opdracht-header td {
	padding-left: 5px;
}

.opdracht-iban {
	width: 20px;
}

.opdracht-iban input {
	width: 150px;
}

.opdracht-incasso {
	width: 50px;
}

.opdracht-bedrag input {
	width: 55px;
	text-align: right;
	padding-right: 5px;
}

.opdracht-periode select {
	width: 78px;
}

.opdracht-sep {
	height: 1px;
	border-top: 1px solid #ddd;
	width: 100%;
}

.opdracht-sep-1 {
	height: 1px;
	width: 100%;
}

.opdracht-line .percentage div {
	float: left;
	width: 25%;
}

.opdracht-line  .perboeking {
	width: 50px !important;
}

.opdracht-line .percentage div input {
	width: 20px;
	text-align: right;
	padding-right: 5px;
}

.opdracht-grp {
	padding-left: 0;
}

.opdracht-cat {
	width: 183px;
}

.opdracht-bel {
	width: 117px;
}

.opdracht-vak {
	width: 84px;
}

.opdracht-tar {
	width: 77px;
}

.opdracht-krt {
	width: 80px;
}

.opdracht-line input[type='checkbox'] {
	vertical-align: middle;
}

.opdracht-opdracht div.fileUpload {
	height: 32px;
	margin-top: 0 !important;
}

.opdrachtblok tr td {
	padding: 3px !important;
}

.opdrachtblok .opdracht-header {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;;
}

.opdracht-incl-tekst {
	padding-top: 6px;
	padding-bottom: 10px;
}

.opdracht-grp input {
	width: 29px;
}

.opdracht-omschrijving-line {
	margin-top: 10px;
	margin-bottom: 25px;
}

.opdracht-omschrijving-line textarea {
	width: 541px;
	line-height: 18px;
}

.opdracht-cat select{
	width: 175px;
}

.opdracht-bel input {
	width: 105px;
}

.opdracht-actief {
	width: 35px;
}

.opdracht-start, .opdracht-einde, .opdracht-bedrag {
	width: 80px;
}

.opdracht-periode {
	width: 87px;
}

.opdracht-vak select {
	width: 80px;
}

.opdracht-exl {
	padding-left: 5px;
}

.opdracht-tar input, .opdracht-krt input {
	width: 43px !important;
	padding-right: 5px;
	text-align: right;
}

.opdracht-incl-part {
	float: left;
}

.opdracht-incl-part tr td {
	padding: 3px;
}

.opdracht-korting {
	display: none;
}

.opdracht-exl {
	width: 30px;
}

.opdracht-korting input {
	width: 20px;
	padding-right: 5px;
	text-align: right;
}

.opdracht-tarieven-blok {
	margin-bottom: 10px;
}

.opdracht-incl-part {
	width: 275px;
	padding-left: 40px;
	float: left;
}

.opdrachtblok tr td.opdracht-opslag {
	height: 12px;
    padding: 20px 0 5px 0px !important;
    line-height: 20px;
}

#inputpart tbody tr td input.opdracht-percertage {
	text-align : right;
	padding-right: 10px !important;
}

input.opdracht-percertage {
	width: 32px !important;
}

#factuurblok tr td {
	padding: 3px;
}

.factuurblok {
	margin-bottom: 20px;
	padding-left: 3px;
}

.factuurblok .banknaam {
	width: 150px;
}

.factuurblok .iban {
	width: 180px;
	margin-right: 20px;
}

.opdracht-incl-part {
	margin-top: -4px;
}

.factuurblok .input-left {
	width: 180px;
}

.factuurblok .opbrengst {
	width: 40px;
	padding-right: 5px;
	text-align: right;
}

th.tb-naam, th.tb-begin, th.tb-einde {
	padding-left: 0;
}

.tb-naam {
	width: 250px;
}

.tb-begin, .tb-einde {
	width: 90px;
}

.tb-email {
	width: 215PX;
}

#systeem-table-tarief .inp-advies, #systeem-table-tarief .inp-mutatie {
	width: 40px;
	text-align: right;
	padding-right: 5px;
	height: 20px;
}

#systeem-table-tarief .inp-jaar {
	width: 30px;
	text-align: right;
	padding-right: 5px;
	height: 20px;
}

.tar-header div {
	float: left;
	margin-bottom: 5px;
}

.tar-sub {
	width: 49px;
}

.tar-sub input {
	width: 35px;
}

.tar-omschrijving {
	width: 250px;
}

.tar-omschrijving input {
	width: 235px;
}

.tar-tarief input {
	width: 55px;
	text-align: right;
	padding-right: 5px;
}

.tar-tarief {
	width: 73px;
}

.tar-ingang {
	width: 80px;
}

.tar-drempel {
	width: 58px;
}

.tar-drempel input {
	width: 40px;
	text-align: right;
	padding-right: 5px;
}

.tar-rekening {
	width: 55px;
}

.tar-rekening input{
	width: 45px;
	text-align: right;
	padding-right: 5px;
}

.tar-sep {
	height: 15px;
}

.systeem-tussen-kop {
	margin-top: 20px;
	padding-bottom: 10px;
	font-weight: bold;
	font-size: 14px;
}

.systeem-instellingen {
	margin-left: 15px;
	margin-right: 15px;
}

.systeem-gebruikers {
	margin-left: 15px;
	margin-right: 15px;
}



.instel-wwft {
	width: 60px;
	text-align: right;
	padding-right: 5px;
}

.instel-vraagpostendag {
	width: 27px;
	text-align: right;
	padding-right: 5px;
}

.instel-loondelay {
	width: 8px;
	padding-right: 5px;
	text-align: right;
}

.instel-incassant {
	width: 150px;
}

.instel-personeel, .rekPers {
	width: 450px;
}

.systeem-table {
	padding-bottom: 20px;
	width: 100%;
}

.instel-iban {
	width: 200px;
}

.instel-btwnr {
	width: 150px;
}

.instel-bic {
	width: 80px;
}

.instel-begunstigde {
	width: 350px;
}

.instel-laatste {
	text-align: right;
	padding-right: 5px;
	width: 60px;
}

.instel-btw, .instel-kosten, .instel-opbrengst, .instel-btwcode {
	text-align: right;
	padding-right: 5px;
	width: 40px;
}

.instel-kvk {
	width: 60px;
	padding-right: 5px;
	text-align: right;
}

.instel-conditie {
	width: 100%;
}

.instel-opvraag-tekst {
	width: 180px;
	line-height: 30px;
}

.instel-timeout {
	width: 27px;
	text-align: right;
	padding-right: 5px;
}

.instel-systeem {
	width: 210px;
}

.systeem-table .instel-client-id {
	width: 108px !important;
}

.klant-instellingen {
	margin-left: 10px;
	margin-right: 10px;
}

.opvraag-pakket {
	line-height: 32px;
	margin: 10px 0;
	padding-left: 0;
}

.opvraag-pakket div {
	vertical-align: middle;
	float: left;
}

.opvraag-pakket input {
	width: 13px !important;
	height: 13px;
}

.pakketnaam {
	width: 55px;
}

.exact-auth {
	width: 100px;
}

.exact-auth-opvraag .input-auth {
	width: 100px !important;
}

.exact-status {
	padding-left: 10px;
	width: 100px;
}

.wwft-part {
	margin-top: 6px;
}

.wwft-header {
	margin-top: 3px;
}

.wwft-tekst {
	float: left;
	width: 180px;
}

.wwft-regel {
	float: left;
}

.wwft-regel-1, .wwft-regel-2 {
	float: left;
}

.wwft-upload {
	height: 33px;
	padding-top: 3px;
}

input.wwft-uitzonder {
	margin-top: 3px;
	width: 16px !important;
	height: 16px !important;
}

.wwft-block {
	font-size: 12px;
	margin-right: 15px;
}

.wwft-line {
	line-height: 24px;
}

.wwft-line-header {
	padding-top: 20px;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 2px solid #ddd;
	padding-right: 20px;
}

.wwft-action-line {
	margin-top: 10px;
}

.wwft-detail-line-1 {
	font-size: 12px;
/*	line-height: 22px; */
	margin-top: 5px;
}

.wwft-omschrijving {
	font-size: 12px;
	float: left;
}

.wwft-bedrag {
	float: right;
}

.wwft-bedrag-boven{
	float: left;
}

.wwft-bedr{
	text-align: right;
}

.wwft-detail-line-2 {
	font-size: 12px;
	display: flex;
	border-bottom: 1px solid #ddd;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

/*.wwft-toelicht {
	float: left;
	margin-right: 15px;
	flex: 1 1 250px;
}*/

.wwft-fixed-part {
	float: left;
}

.wwft-toelicht input {
	width: 100%;
}

.wwft-stuk{
	width: 70px;
	float: left;
}

.wwft-gebr {
	float: right;
	width: 368px;
}

.wwft-gebr input {
	margin-top: 9px;
}

.wwft-mdw {
	width: 60px;
	float: left;
}

.wwft-melddatum {
	float: left;
	width: 75px;
}

.wwft-melddatum .datum {
	width: 68px !important;
}

.wwft-top-border {
	border-top: 1px solid #ddd;
	padding-top: 7px;
}

.wwft-Historie {
	margin-top: 25px;
}

.noWWFTdoc {
	height: 30px;
	font-size: 20px;
	color: #d82128;
	font-weight: bold;
	padding-left: 15px;
	margin-bottom: 15px;
}

.jr-resultaat {
	width: 65px !important;
	text-align: right;
	padding-right: 5px;
}

.jr-toelichting {
	width: 340px !important;
}

.jr-blok {
	padding-bottom: 20px;
}

.jr-blok-table td:first-child {
	padding-left: 0;
}

.iv-container {
	margin-right: 10px;
}

.iv-blok {
	padding-bottom: 20px;
}

.iv-soort {
	width: 90px;
}

.iv-sep {
	border-top: 1px solid #d9d9d9;
	margin-top: 15px;
	margin-bottom: 15px;
	display: none;
}

.iv-new-line {
	display: none;
}

.iv-container .th-soort {
	width: 127px;
	padding-left: 0;
}

.iv-regel .th-datum {
	width: 72px;
}

.iv-regel .th-prijs {
	width:82px;
}

.iv-regel .th-aank {
	width: 35px;
}

td.iv-omschrijv {
	padding-right: 0;
}

.iv-regel .th-toel {
	width: 77px;
}

#option-soort {
	display: none;
}

.sa-toelichting {
	width: 426px !important;
}

.le-container tr:last-child{
	border-bottom: 1px solid #ddd;
}

.le-blok {
	padding-bottom: 20px;
}

.sva-table {
	padding-bottom: 20px;
}

#inputpart tbody .sva-table td {
	padding-right: 6px !important;
}


td.le-datum {
	width: 72px;
}

td.le-omschrijving {
	width: 190px;
}

td.le-bedrag {
	width: 77px;
	text-align: right;
}

td.le-aflos {
	width: 70px;
	text-align: right;
}

td.le-rente {
	width: 69px;
	text-align: right;
}

td.le-datum {
	padding-left: 0 !important;
}

td.le-omschrijving {
	padding-left: 0;
}

th.le-datum {
	padding-left: 5px;
	width: 73px;
}

th.le-omschrijving {
	padding-left: 5px;
	width: 197px;
}

th.le-bedrag {
	padding-right: 12px;
	text-align: right;
	width: 76px;
}

th.le-aflos {
	padding-right: 12px;
	text-align: right;
	width: 76px;
}

th.le-rente {
	padding-right: 12px;
	text-align: right;
	width: 76px;
}

th.le-loelicht {
	padding-left: 5px;
}

th.le-opslaan {
	padding-left: 5px;
}

.ao-blok {
	padding-bottom: 20px;
}

.ao-line div, .ao-top-line div {
	float: left;
	margin: 0 3px;
	height: 31px;
}

.ao-top-line div {
	height: 16px;
}

.ao-line .ao-naam {
	width: 115px
}

.ao-top-line .ao-naam {
	width: 120px
}

.ao-line .ao-voorl {
	width: 28px;
}

.ao-top-line .ao-voorl {
	width: 50px;
}

.ao-line .ao-bsn {
	width: 80px;
	text-align: right;
	padding-right: 5px;
}

.ao-top-line .ao-bsn {
	width: 90px;
}

.ao-line .ao-kort-div {
	width: 24px;
	margin-left: 0;
	line-height: 30px;
}

.ao-top-line .ao-kort {
	width: 19px;
}

.ao-top-line .ao-bruto {
	width: 84px
}

.ao-line .ao-kort {
	margin-left: 2px;
	vertical-align: middle;
}

.ao-line .ao-uren {
	text-align: right;
	padding-right: 5px;
	width: 40px;
}

.ao-top-line .ao-periode {
	width: 66px;
}

.ao-top-line .ao-uren {
	width: 53px;
}

.ao-top-line .ao-datum {
	width: 78px;
}

.ao-line .toon-toel {
	height: 28px;
}

.ao-line #leg-0 {
	margin-top: 0;
}

.ao-line #doc-0 {
	margin-top: 0;
}

.ao-top-line .ao-toelicht {
	width: 74px;
}

.ao-top-line .ao-upload-leg {
	width: 35px;
}

.ao-toel-regel {
	height: 70px !important;
	display: none;
	margin-top: 7px !important;
	border-right: 10px solid transparent;
    box-sizing: border-box;
    width: 100%;
}

.ao-toel-regel textarea {
	width: 100%;
}

.toon-toel span{
	height: 14px;
	vertical-align: middle;
}

.ao-line {
	padding-bottom: 4px;
	padding-top: 10px;
	display: inline-block;
	width: 100%;
}

.ao-top-line {
	margin-bottom: 5px;
}

.ls-container {
	margin-right: 15px;
}

.ls-blok {
	padding-bottom: 20px;
}

.ls-line {
	padding-top: 6px;
	display: inline-block;
	width: 100%;
}

.ls-top-line {
	border: none;
	padding-top: 0;
	padding-left: 5px;
	height: 15px;
}

.ls-body-line .ls-nvt {
	line-height: 32px;
}

.ls-body-line .ls-nvt input {
	vertical-align: middle;
}

.ls-line div {
	float: left;
	margin-left: 6px;
}

.ls-tijdvak {
	width: 112px;
}

.ls-tijdvak input {
	width: 98px;
}

.ls-medewerker {
	width: 45px;
}

.ls-datum {
	width: 79px;
}

.ls-toelichting {
	width: 255px;
	margin-left: 0 !important;
}

.ls-toelichting input {
	width: 248px;
}

.ls-strook {
	width: 30px;
}

.ls-strook div {
	margin-left: 0 !important;
}

.ls-atl {
	width: 50px;
}

.ls-atl input {
	width: 28px;
	text-align: right;
	padding-right: 5px;
}

.ls-regel {
	margin-left: -10px !important;
}

.ls-mail {
	width: 30px;
}

.ls-email-line {
	display: none;
	padding-left: 20px;
}

.mail-line {
	display: none;
	padding-top: 20px;
	padding-bottom: 5px;
}

.ob-container {
	margin-right: 10px;
}

.ob-blok {
	margin-right: 10px;
	padding-bottom: 20px;
}

.ob-line {
	padding-top: 10px;
	display: inline-block;
	width: 100%;
	margin-bottom: 5px;
}

.ob-top-line {
	border: none;
	padding-top: 0;
}

.ob-line div {
	float: left;
	margin-left: 9px;
}

.ob-regel {
	line-height: 24px;
	margin-left: -10px !important;
	height: 24px;
}

.ob-periode {
	width: 100px;
}

.ob-periode input {
	width: 95px;
}

.ob-medewerker {
	width: 58px;
}

.ob-medewerker select {
	width: 58px;
}

.ob-datum {
	width: 72px;
}

input{
	padding-bottom: 5px !important;
	padding-top: 5px !important;
}

.regelingen thead td.reg-sel {
	width: 32px;
}

.regelingen thead td.reg-naam {
	width: 295px;
}

.regelingen td.reg-sel-naam {
	background-color: #f0f0f0;
}

.regelingen thead td.reg-ingang {
	width: 89px;
}

.regelingen thead td.reg-bedrag {
	width: 62px;
}

.regelingen thead {
	background: #f0f0f0;
}

td.reg-sel input {
	height: 16px;
}

.ob-bedrag {
	width: 70px;
}

.ob-bedrag input {
	width: 60px;
	text-align: right;
	padding-right: 5px;
}

.ob-toelichting {
	width: 237px;
}

.ob-toelichting input {
	width: 230px;
}

.ob-line .ob-bijlage {
	width: 30px;
}

.ob-bijlage .fileUpload, .ob-aangifte .fileUpload {
	margin-left: 0;
}

.ob-aangifte {
	width: 39px;
}

.ob-regel .ob-email {
	margin-left: 5px;
}

.ob-email-line {
	display: none;
	padding-left: 20px;
	margin-bottom: 5px;
}

.lb-container {
	margin-right: 0;
}

.lb-blok {
	margin-right: 15px;
	padding-bottom: 20px;
}

.lb-line {
	padding-top: 10px;
	display: inline-block;
	width: 100%;
	margin-bottom: 5px;
}

.lb-top-line {
	border: none;
	padding-top: 0;
}

.lb-line div {
	float: left;
	margin-left: 9px;
}

.lb-regel {
	line-height: 24px;
	height: 24px;
	margin-left: -10px !important;
}

.lb-periode {
	width: 99px;
}

.lb-periode input {
	width: 95px;
}

.lb-medewerker {
	width: 59px;
}

.lb-medewerker input {
	width: 35px;
}

.lb-datum {
	width: 71px;
}

.lb-bedrag {
	width: 53px;
}

.lb-bedrag input {
	width: 45px;
	text-align: right;
	padding-right: 5px;
}

.lb-toelichting {
	width: 220px;
}

.lb-toelichting input {
	width: 218px;
}

.lb-nvt input {
	margin-left: 0;
	margin-top: 0;
}

.lb-aangifte {
	width: 30px;
}

.lb-aangifte .fileUpload {
	margin-left: 0 !important;
}

.lb-email-line {
	display: none;
	padding-left: 20px;
	margin-bottom: 5px;
}

.vpb-container {
	margin-right: 0;
}

.vpb-blok {
	margin-right: 15px;
	padding-bottom: 20px;
}

.vpb-line {
	line-height: 30px;
	padding-top: 5px;
	display: inline-block;
	width: 100%;
	margin-bottom: 5px;
}

.vpb-top-line {
	border: none;
	padding-top: 0;
}

.vpb-line div {
	float: left;
	margin-left: 10px;
}

.vpb-regel {
	line-height: 24px;
	height: 24px;
	margin-left: -10px !important;
}

.vpb-periode {
	width: 38px;
}

.vpb-periode input {
	width: 35px;
}

.vpb-medewerker {
	width: 45px;
}

.vpb-medewerker select {
	width: 50px;
}

.vpb-datum {
	width: 71px;
}

.vpb-resultaat {
	width: 70px;
}

.vpb-resultaat input {
	width: 60px;
	text-align: right;
	padding-right: 5px;
}

.vpb-toelichting {
	width: 290px;
}

.vpb-toelichting input {
	width: 283px;
}

.vpb-nvt input {
	margin-left: 0;
	margin-top: 0;
}

.vpb-aangifte, .vpb-aanslag {
	width: 33px;
	margin-left: 7px !important;
}

.vpb-aangifte .fileUpload, .vpb-aanslag .fileUpload {
	margin-left: 0 !important;
	margin-top: 0 !important;
}

.vpb-email-line {
	display: none;
	padding-left: 20px;
	margin-bottom: 5px;
}

.ib-naam-dga {
	font-size: 14px;
	font-weight: bold;
	margin: 10px 0;
}

.ib-line {
	line-height: 24px;
	display: inline-block;
	width: 100%;
}

.ib-top-line {
	border: none;
	padding-top: 0;
}

.ib-line div {
	float: left;
	margin-left: 10px;
}

.ib-line .ib-regel {
	margin-left: -10px;
}

.ib-periode {
	width: 38px;
}

.ib-periode input {
	width: 35px;
}

.ib-medewerker {
	width: 47px;
}

.ib-medewerker select {
	width: 50px;
}

.ib-datum {
	width: 71px;
}

.ib-ib-w, .ib-zvw-w, .ib-ib-p, .ib-zvw-p {
	width: 55px;
}

.ib-ib-w input, .ib-zvw-w input, .ib-ib-p input, .ib-zvw-p input {
	width: 45px;
	text-align: right;
	padding-right: 5px;
}

.ib-toelichting {
	width: 42px;
}

.ib-toelichting div {
	margin-left: 0;
}

.ib-bijlage {
	width: 30px;
}

.ib-aangifte {
	width: 30px;
}

.ib-bijlage .fileUpload, .ib-aangifte .fileUpload {
	margin-left: 0;
}

.ib-toelicht-line {
	margin-left: 0 !important;
	display: none;
	margin-bottom: 10px;
}

.ib-toelicht-line textarea {
	width: 654px;
}

.ib-email-line {
	margin-left: 0 !important;
	display: none;
}

.std-sep {
	display: inline-block;
	height: 10px;
}

.stn-blok {
	padding-bottom: 20px;
}

.std-table th {
	padding-left: 0;
}

.std-jaar {
	width: 40px;
}

.std-omsch {
	width: 225px;
}

.std-begin {
	width: 40px;
}

.ov-line {
	width: 100%;
	border-top: 1px solid #dadada;
	padding: 7px 0;
}

.ov-regel div {
	float: left;
}

.overig-container {
	margin: 0 15px;
}

.ov-mdw {
	width: 55px;
}

.ov-datum {
	width: 79px;
}

.ov-omschr {
	width: 275px;
}

.ov-omschr input {
	width: 255px;
	padding-right: 5px;
}

.ov-upload {
	width: 43px;
}

.ov-bestand {
	width: 200px;
}

.ov-email {
	width: 37px;
}

.ov-email .viewSend-na{
	margin-top: 0;
}

.ov-regel {
	display: flex;
}

.ov-fixed {
	height: 24px;
}

.ov-flex {
	flex: 1 1;
	height: 24px;
}

.ov-naam {
	height: 16px;
	overflow: hidden;
}

.ov-header {
	height: 14px;
	border-top: inherit;
	padding: 0;
}

.ov-mail-part {
	margin-top: 7px;
	display: none;
}

.dl-tabel {
	line-height: 38px;
}

.dl-filter {
	padding: 10px;
	border: 1px solid #dddddd;
	line-height: 20px;
	margin: 0 15px 10px 15px;
	display: flex;
}

.dl-filter-text {
	width: 50px;
	float: left;
}

#dl-filter-selpart {
	float: left;
}

.dl-filter-block {
	width: 150px;
	float: left;
	height: 30px;
}

.dl-filter-option {
	float: left;
}

.dl-filter-block div {
	line-height: 30px;
	padding-left: 35px;
}

.dl-line div {
	float: left;
	margin-right: 7px;
	line-height: 30px;
}

.dl-line .dl-last {
	margin-right: 0;
}

.dl-sel {
	width: 25px;
}

.sel-print {
	vertical-align: middle;
}

.dl-datum {
	width: 75px;
}

.dl-omschrijving {
	width: 345px;
}

.dl-button {
	vertical-align: middle;
}

.dl-line .dl-omschrijving input {
	width: 331px;
	padding-right: 5px;
}

.dl-inzien {
	width: 32px;
	text-align: center;
}

.dl-download {
	width: 60px;
	text-align: center;
}

.dl-delete img {
	height: 24px;
}

.dl-groep {
	width: 100px;
}

.dl-delete {
	width: 52px;
	text-align: center;
}

.vv-container {
	margin-right: 15px;
	margin-left: 15px;
	margin-top: 18px;
}

.vv-line {
	display: flex;
	width: 100%;
	height: 32px;
}

.vv-line div {
	float: left;
	padding-left: 15px;
	overflow: hidden;
	line-height: 32px;
	vertical-align: middle;
}

.vv-datum {
	flex: 1 1 12%;
}

.vv-tijd {
	flex: 1 1 9%;
}

.vv-onderdeel {
	flex: 1 1 15%;
}

.vv-medewerker {
	flex: 1 1 20%;
}

.vv-omschrijving {
	flex: 1 1 22%;
}

.vv-aan {
	flex: 1 1 22%;
}

.klant-toegang {
	margin-left: 10px;
	margin-right: 10px;
}

.gen-container {
	margin: 0 15px;
}

.gen-margin-top {
	height: 13px;
	width: 100%;
}

.klantnaam {
	font-weight: bold;
	font-size: 14px;
	margin-top: 20px;
}

.gen-container .eerste-klant {
	margin-top: 0;
}

.gen-pdf {
	text-align: right;
	line-height: 30px;
	margin-bottom: -30px;
}

.gen-pdf img {
	padding-top: 5px;
}

.gen-container .gen-opvraag.jaar div input[type=checkbox] {
	width: 15px !important;
}

.footer-main{
	width: auto;
	align-items: center;
	margin: auto 19px;
	height: 250px !important;
	overflow: auto;
	background-color: #e1dddd;
	border-top: 1px solid #d2d2d2;
}

.footer-copyright{
	background: #353535 !important;
	margin-left: 19px;
	margin-right: 19px;
}

.footer-contact {
	padding-bottom: 0 !important;
}

.footer-grid table {
	margin-left: 20px;
	margin-top: 1px;
	color: #9a9a9a;
	line-height: 18px;
}

.gen-soort-overzicht {
	font-size: 15px;
	margin-bottom: 20px;
	font-weight: bold;
}

.gen-opvraag-tekst {
	padding-left: 10px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;;
	color: #616161;
}

.gen-opvraag-jaar {
	padding-left: 10px;
	line-height: 20px;
	margin: 10px 0;
}

.gen-opvraag-jaar input {
	width: 13px !important;
	height: 13px;
}

.gen-opvraag-jaar div {
	vertical-align: middle;
	float: left;
}

.bres-jaar {
	font-size: 20px;
}

.lm-legenda {
	vertical-align: middle;
	line-height: 20px;
	padding-bottom: 20px;
	font-size: 16px;
	padding-left: 60px;
}

.lm-switch {
	position: relative;
	display: inline-block;
	width: 25px;
	height: 14px;
}

.color-switch {
	display: none;
}

.logmail {
	cursor: pointer;
}

.logmailline {
	display: none;
}

.logcontainer {
	margin-left: 15px;
	margin-right: 15px;
}

.logtable {
	width: 100%;
}

.logheader {
	font-weight: bold;
}

.logdatum, .logtijd {
	width: 12%;
}

.logmedewerker {
	width: 19%;
}

.logonderdeel {
	width: 16%;
}

.logactie {
	width: 10%;
}

.logklantip {
	width: 32%;
}

th.logheader {
	padding-left: 0;
}

.systeem-gebruiker-table {
	width: 100%;
	border: 1px solid #ddd;
}

.systeem-gebruiker-header {
	background-color: #f0f0f0;
}

.systeem-gebruiker-header th {
    padding-bottom: 10px;
    padding-top: 10px;
}

.systeem-gebruiker-line td{
	padding-left: 5px;
}

.systeem-gebruiker-line {
	height: 25px;
}

.systeem-gebruiker-line td {
	border-top: 1px solid #ddd;
	
}
.sg-naam {
	width: 200px;
}

.sg-email {
	width: 310px;
}

.sg-init {
	width: 100px;
}

.gebr-init {
	width: 40px;
	margin-left: 0;
	text-transform: uppercase;
}

.gebr-direct {
	width: 215px;
}

.gebr-actief, .gebr-loon {
	margin-left: -1px;
	margin-top: 0;
}

.sg-groep {
	width: 130px;
}

.gebr-groep {
	width: 100px;
}

.sg-pwd {
	width: 115px;
}

.gebr-pwd {
	width: 100px;
}

.gebr-verification {
	width: 215px;
}


.naam, .adres, .plaats, .email {
	width: 300px;
}

.postcode {
	width: 80px;
}

.telefoon {
	width: 140px;
}

.ip {
	width: 115px;
}

.datum {
	width: 66px !important;
}

.jaar {
	width: 35px !important;
}

.medewerker {
	width: 50px;
}

.file {
	width: 33px;
}

.bedrag {
	width: 72px !important;
	text-align: right;
	padding-right: 5px;
}

.toon-toel {
	border: 2px solid #dddddd;
	line-height: 27px;
	text-align: center;
	width: 40px;
	cursor: pointer;
	height: 28px;
}

.toon-meer {
	border: 2px solid #dddddd;
	line-height: 27px;
	text-align: center;
	width: 85px;
	cursor: pointer;
	height: 28px;
}

.toel-regel {
	display: none;
}

.viewSend-na {
	opacity: 0.5;
	margin-top: 3px;
	cursor: inherit;
	pointer-events: none;
}

.viewSend {
	opacity: 1 !important;
	cursor: pointer;
	pointer-events: all;
}

.mail-button {
	width: 100%;
}

.ov-email .mail-button {
	width: 90%;
	position: relative;
	right: 3px;
}

.send-email-button {
	border-radius: 6px;
	color: white;
	border: none;
	height: 23px;
}

.no-belasting {
	padding-left: 15px;
}

.news-header {
	font-weight: 600;
	padding: 5px 0 5px 5px;
	margin-bottom: 10px;
}

.news-header:nth-child(1){
	border-radius: 0 10px 0 0;
}

#nieuws-content {
	line-height: 20px;
}

.bericht-groep {
	margin-top: 15px;
}

#bericht-soort {
	font-size: 16px;
	line-height: 30px;
	margin-left: 2px;
	float: left;
}

.bericht-send {
	text-decoration: underline;
	cursor: pointer;
	margin-top: 15px;
	color: #1469ac !important;
	margin-left: 10px;
}

.bericht-container-search {
	margin-right: 7px;
	flex: auto;
	height: 28px;
}

.sel-bericht-sort {
	flex: 0 0 130px;
}

.bericht-volgorde {
	height: 30px;
	border: none;
}

.alg-news-cat {
	font-style: italic;
}

.alg-news-info {
	margin: 0 0 5px 3px;
}

.counterRule {
	display: inline-block;
	cursor: pointer;
}

.nieuws-title {
	font-weight: bold;
	color: #616161;
}

.alg-news-header {
	overflow: hidden;
	height: 14px;
}

.bericht-item:hover, .alg-news-block:hover, .project-item:hover {
	background: #fafafa;
}

.alg-news-block-hr{
	border: 1px solid #f0f0f0;
	margin-bottom: 10px;
}

.nieuws-sep {
	color: #c4c4c4;
}

.nieuws-container {
	height: 95%;
	background-color: white;
	padding: 0 15px;
}

.news-header-date {
	color: #acacac;
}

img.nieuws-image {
	float: right;
	clear: both;
	padding: 5px 0 10px 5px;
	margin-left: 30px;
	margin-bottom: 2px;
	max-width: 35%;
	max-height: 35%;
}

.news-header-title {
	float: left;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;;
	font-weight: bold;
	color: #616161;
}

#nieuws-content table {
	max-width: 60%;
	min-width: 50%;
	-webkit-border-horizontal-spacing: 0;
	-webkit-border-vertical-spacing: 0;
	border-width: 1px;
}

#nieuws-content td{
	padding: 4px;
}

.message-group {
	max-height: 600px;
	overflow-y: auto;
	overflow-x: hidden;
	margin-top: 18px;
}

.resieved-message, .sent-message, .projects {
	display: none;
}

.alg-news {
	display: block;
}

.bericht-zoek{
	margin-top: 0 !important;
	margin-bottom: 2px !important;
	padding-top: 12px !important;
}

.pub-date {
	font-weight: normal;
	color:#616161;
}

.alg-news-block, .bericht-item, .project-item {
	border-bottom: 1px solid #ddd;
	padding-bottom: 5px;
}

.vers-news .bericht-item, .pers-news .bericht-item {
	margin: 0 7px;
}

.alg-news-more {
	cursor: pointer;
}
.alg-news-more-divider {
	color: #777;
}

.pers-news-content {
	padding: 5px 5px 8px 5px;
	border-bottom: 1px solid #eaeaea;
}

#menu-sub-items {
	height: 48px;
	line-height: 48px;
	overflow: hidden;
	float: left;
}

.menu-sub-item {
	float: left;
	line-height: 36px;
	margin: 0 10px 23px 0;
	cursor: pointer;
	height: 14px;
}

.menu-next-prev {
	display: none;
	float: left;
	line-height: 36px;
	margin: 11px 0;
	height: 14px;
	font-size: 13px;
	cursor: pointer;
	font-weight: bold;
	text-decoration: underline;
}

.next-prev {
	opacity: 0.5;
	cursor: default;
	pointer-events: none;
}

.einde {
	float: right;
	padding-right: 15px;
}

.begin {
	padding-left: 15px;
}

#dga-tabel .datum {
	width: 71px !important;
}

#editormasker {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 364px;
	z-index: 800;
	background-color: #ebebe4;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.itemNietGelezen{
	border-left: 2px solid #d82128;
}

.nietbekeken{
	border-left: 2px solid blue;
}

.itemMarkeer {
	border-left: 2px solid #4bdc01;
}

.itemGelezen{
	border-left: 2px solid transparent;
}

.itemBeantwoord{
	font-weight: normal;
	border-left: 2px solid green;
}

.bericht-groep-header {
	text-decoration: underline;
	font-size: 14px;
}

.berichtVerzenden-block-intern{
	height: 597px;
	overflow:scroll;
	overflow-x: hidden;
	width: 23%;
	display: none;
}

.berichtVerzenden-block-extern{
	height: 597px;
	overflow:scroll;
	overflow-x: hidden;
	width: 23%;
	display: block;
}

.bericht-form{
	float: left;
}

.master-sel-kantoor, .master-sel-tarief {
	cursor: pointer;
}

.master-sel-kantoor:hover, .master-sel-tarief:hover {
	background-color: #eee;
}

.bericht-form h2{
	margin-top: 0;
}

.hiddenInput{
	display: none;
}

.verstuurMail{
	border: none;
	height: 28px;
	padding: 0 20px 3px 20px;
	margin-right: 7px;
	color: white;
	background-color: #d82128;
	cursor: pointer;
	border-radius: 5px;
	font-style: normal;
	font-variant-ligatures: normal;
	font-variant-caps: normal;
	font-variant-numeric: normal;
	font-variant-east-asian: normal;
	font-weight: 400;
	font-stretch: normal;
	font-size: 13.3333px;
	line-height: normal;
	font-family: Arial, Helvetica, sans-serif;;
}

.bericht-form{
	margin: 0 15px 15px 15px;
}

.onderwerpInput{
	width: 99% !important;
}

.select2-container--default .select2-selection--multiple{
	border-radius: 0 !important;
	border: 1px solid #d9d9d9 !important;
}

.select2-dropdown .select2-dropdown--below{
	/*width: 253px !important;*/
}

.bericht-zoek{
	cursor: pointer;
	margin-right: 10px;
}

.berichtInfo{
	margin: 15px;
	word-wrap: break-word;
}

#tinymce p{
	font-size: 12px !important;
	font-family: Arial, Helvetica, sans-serif !important;
}

.hiddenBerichtWaarde{
	display: none;
}

#hiddenBerichtWaarde_parent{
	display: none;
}

.hiddenBerichtID{
	display: none;
}

.hiddenBericht{
	display: none;
}

.select2{
	width: 100% !important;
}

.beantwoordMail{
	border: none;
	height: 28px;
	padding: 0 20px 3px 20px;
	margin-right: 7px;
	color: white;
	background-color: #d82128;
	cursor: pointer;
	border-radius: 5px;
	font-style: normal;
	font-variant-ligatures: normal;
	font-variant-caps: normal;
	font-variant-numeric: normal;
	font-variant-east-asian: normal;
	font-weight: 400;
	font-stretch: normal;
	font-size: 13.3333px;
	line-height: normal;
	font-family: Arial, Helvetica, sans-serif;;
	margin-left: 15px !important;
}

.berichtFrame{
	max-width: 1000px !important;
	word-wrap: break-word;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
	display: none !important;
}

#wrapper {
	text-align: center;
	margin: 0 auto;
	padding: 0;
	width: 995px;
}

#drop-container {
	background: #ffffff;
	min-height: 200px;
	padding: 10px;
	border: #07c6f1 2px dashed;
	max-width: 600px;
}

.drop-area-text {
	text-align: center;
	color: #e0dfdf;
	font-size: 1.5em;
	padding-bottom: 20px;
}

.drop-image {
	display: none;
}

.preview {
	margin: 20px;
	width: 150px;
	height: 150px;
	display: inline-block;
}

.active {
	opacity: 1;
	cursor: pointer;
	pointer-events: all;
}

.paragraaf {
	background-color: #dedede;
	color: #464646;
	line-height: 30px;
	padding-left: 10px;
	font-size: 16px;
	margin-bottom: 10px;
	height: 30px;
	border-radius: 4px;
}

.paragraaf-flow, .paragraaf-flow-instel {
	background-color: #dedede;
	color: #464646;
	line-height: 30px;
	padding-left: 10px;
	font-size: 16px;
	cursor: pointer;
	height: 30px;
	border-radius: 4px;
}

.par-naam {
	float: left;
	margin-right: 20px;
	line-height: 30px;
	vertical-align: middle;
	font-size: 16px;
}

.paragraaf div {
	float: left;
}

.par-title {
	font-size: 16px;
	margin-right: 13px;
}

.paragraaf .par-img {
	padding-top: 3px;
	margin-right: 7px;
}

.paragraaf .par-text div, .paragraaf .par-text{
	display: block;
	margin-top: 1px;
	text-decoration: underline;
}

.paragraaf .make-pdf {
	cursor: pointer;
	float: right;
	padding-right: 15px;
}

.alert-not-avail {
	float: right;
	width: 12px;
	border-radius: 4px;
	margin-top: 9px;
	text-align: center;
	line-height: 13px;
	background-color: #d82128;
	color: white;
	height: 13px;
	font-size: 10px;
	margin-right: 7px;
}

.alert-not-avail-first {
	float: right !important;
	margin-right: 33px;
}

.direction {
	float: right;
	height: 20px;
	padding-top: 4px;
	padding-right: 10px;
}

.direction img {
	transition: 0.2s;
}

.fa-angle-down.up {
	transform: rotate(180deg);
	transition: transform 0.2s linear;
}


.fa-angle-down {
	transform: rotate(0deg);
	transition: transform 0.2s linear;
}

.direction .fa{
	font-size: 20px;
}

.footer-grid{
	width: auto;
	float: left;
}

.footer-grid p{
	margin: 0;
	color: #888;
	padding: 5px 20px;
	font-family: Arial, Helvetica, sans-serif;;
	line-height: 18px;
}

.footer_titel{
	padding-top: 20px !important;
	color: #464646 !important;
}

.ftitel_kleur{
	color: #464646 !important;
}

.footer-grid p span{
	line-height: 2;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;;
	font-weight: 500;
	color: #000;
}

.bericht-container {
	margin: 0 15px;
}

.bericht-header {
	width: 100%;
}

#bericht-nieuw .bericht-header-line {
	/* padding-left:15px; */
	padding-bottom: 10px;
	/* display: flex; */
}

#bericht-nieuw .bericht-header-line .tekst{
	/*
	flex: 0 0 70px;
	padding-top: 8px;
	*/
}

#bericht-nieuw .bericht-header .rest {
	/*
	flex: 1 1 auto;
	margin-right: 7px;
	*/
}

#bericht-nieuw .bericht-header .onderwerp {
	line-height: 20px;
	font-weight: bold;
	flex: 1 1 auto;
}

#bericht-oud .tekst {
	float: left;
	width: 70px;
}

#bericht-oud .rest {
	float: left;
}

#bericht-oud .onderwerp {
	float: left;
	font-weight: bold;
}

#bericht-oud .bericht-header {
	padding-bottom: 10px;
	line-height: 20px;
}

.bericht-header-line #onderwerp {
	width: 100%
}

.bericht-body {
	width: 100%;
	margin-top: 10px;
	padding-bottom: 10px;
}

.bericht-body .tekst{
	width: 70px;
	/* float: left; */
}

.bericht-rest .tekst{
	float: left;
}

.bericht-content {
	width: 100%;
	border: 1px solid #dadcde;
	/* padding: 10px; */
}


.bericht-body .berichtinhoud {
	width: 98%;
	padding: 5px;
	min-height: 400px;
	overflow: auto;
	border: none;
	outline: none;
}

.samenstel-tekst, .samenstel-image {
	float: left;
}

.samenstel-image {
	padding-left: 40px;
	padding-top: 4px;
	display: none;
}

.samenstel-tekst {
	padding-left: 10px;
	padding-top: 8px;
	display: none;
}

.nieuwsbrief-item{
	cursor: pointer;
	border-bottom: 1px solid #d9d9d9;
	padding: 0 10px 5px 5px;
}

.nieuwsbrief-item:hover{
	color: #999999;
}

.footer-textblue{
	font-size: 12px !important;
	font-weight: 400 !important;
	line-height: 1 !important;
	margin-left: 10px;
	color: black !important;
}

.footer-text {
	width: 78px;
}

#footer-text-een {
	padding-right: 20%;
}

#footer-text-twee {
	padding-right: 20%;
}

#footer-text-drie {
	padding-right: 27%;
}

.klant-table-header{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;;
	color: #616161;
}

.so-vast-tekst{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;;
	font-weight: normal;
	color: #616161;
	width: 300px;
}

.ob-regel{
	background-color: white !important;
}

.info-line th{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;;
	color: #616161;
}

.vv-header{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;;
	/*	font-weight: bold; */
	color: #616161;
	background-color: #f0f0f0 !important;
}

.systeem-tussen-kop{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;;
	font-weight: bold;
	color: #616161;
}

thead tr th{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;;
	color: #616161;
}

th.tb-naam{
	background-color: white;
}

.klant-table .tb-naam{
	padding-left: 5px;
}

.klant-table thead{
	background-color: white !important;
}

.tb-naam {
	width: 218px !important;
}

.tb-begin input{
	width: 90px !important;
}

.tb-einde input{
	width: 90px !important;
}

.jr-regel th{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;;
	font-weight: normal;
	color: #616161;
}

.iv-regel{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;;
	font-weight: bold;
	color: #616161;
}

.std-table tbody tr td{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;;
	font-weight: normal;
	color: #616161;
}

.iv-regel td{
	padding-bottom: 0;
}

.le-regel{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;;
	font-weight: bold;
	color: #616161;
}

.le-datum {
	padding-left: 0;
}

.jr-regel tr td select{
	height: 32px;
}

.ls-regel div input{
	margin-left: 5px;
}

.ov-line{
	border: none;
}

.ov-regel{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;;
	color: #616161;
}

.ob-regel{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;;
	color: #616161;
}

.lb-regel{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;;
	color: #616161;
}

.vpb-regel{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;;
	color: #616161;
}

.ib-naam-dga{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;;
	font-weight: bold;
	color: #616161;
}

.ib-regel{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;;
	color: #616161;
}

.gen-container b{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;;
	font-weight: bold;
	color: #616161;
}

.sg-direct{
	margin-left: 57px !important;
	margin-top: 0;
	display: none;
}

.sg-pwd{
	margin-top: 0;
}

.systeem-gebruikers-header div{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;;
	color: #616161;
}

.systeem-opvraag-sep {
	width: 50px;
	height: 10px;
}

.systeem-opvraag-blok {
	width: 55px;
}


.systeem-opvraag-tekst{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;;
	color: #616161;
	width: 100px;
}

.systeem-opvraag-rekeningen {
	width: 300px;
}

.systeem-opvraag-input {
	width: 270px;
}

.inputVelden span{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;;
	font-weight: bold;
	color: #616161;
}

.inputVelden p{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;;
	font-weight: bold;
	color: #616161;
}

.ls-regel{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;;
	color: #616161;
}

.ls-top-line .ls-regel .ls-nvt{
	margin-left: 12px !important;
}

.foto-bericht{
	display: none;
}

.ov-upload .up-down-image{
	margin-top: 0;
	margin-left: 0;
}

.bericht-tekst{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;;
	font-weight: bold;
	color: #616161;
}

.berichtInfo b{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;;
	font-weight: bold;
	color: #616161;
}

.bericht-form h2{
	font-size: 21px;
	font-family: Arial, Helvetica, sans-serif;;
	font-weight: bold;
	color: #616161;
}

.sg-actief input {
	margin-top: 3px;
}

.systeem-table td {
	padding-top: 3px;
	padding-bottom: 3px;
}

.ao-top-line{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;;
	color: #616161;
}

.no-downloads{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;;
	font-weight: normal;
	color: #616161;
}

#contract-tabel tbody tr td{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;;
	font-weight: bold;
	color: #616161;
}

input.stam-small{
	width: 128px !important;
}

#contract-tabel tbody tr td{
	padding: 3px;
}

#dga-tabel tbody tr td{
	padding: 3px;
}

.document-part #document-part-wwft tbody tr td {
	padding: 3px;
}

.document-part #document-part tbody tr td {
	padding: 3px;
}

.ao-container-compleet .toon-toel{
	margin-top: 3px;
}

.belasting-part tbody tr td{
	padding: 3px;
}

.iv-container tbody tr td{
	padding: 0;
}

.lb-regel div select{
	padding-left: 4px;
	width: 63px;
}

.le-container-2 tbody tr td, .le-container tbody tr td {
	padding: 0 3px;
}
 
.le-omschrijving input{
	width: 186px !important;
}

.ls-regel tbody tr td {
	padding: 3px;
}

.wwft-block div{
	color: #616161;
}

.klant-instellingen div{
	color: #616161;
}

.dga-stop{
	float: right;
}

.vv-line div{
	color: #616161;
}

.ov-fixed div{
	padding: 0;
}

.upload-contract{
	margin-left: 11px;
}

.admin-tekst{
	margin-left: 5px;
	color: #616161;
}

.admin-nr{
	margin-left: 11px;
	color: #616161;
}

.sg-table-tekst{
	color: #616161;
	width: 30px;
}

.belasting-type{
	color: #616161;
}

.klant-instellingen{
	margin: 0 15px;
}

.vv-line:nth-child(2n+1) {
	background: #f8f8f8;
}

#inputpart tbody tr td{
	padding-right: 6px !important;
}

#klant-basis tbody tr td{
	padding: 3px;
}

.dga-delete{
	margin-top: 4px;
}

.demo-aanmelden {
	width: 60%;
	margin: 0 auto;
}

.onderwerpInputNieuwsbrief{
	width: 99%;
}

.select-nieuwsbrief select{
	width: 100%;
}

.ao-line .ao-bsn{
	width: 70px;
}

.ao-line .bedrag{
	width: 52px !important;
}

.ao-line .ao-naam{
	width: 82px;
}

.ao-line .ao-uren{
	width: 34px;
}

.ao-top-line .ao-naam{
	width: 90px;
}

.ao-top-line .ao-voorl{
	width: 37px;
}

.ao-top-line .ao-bsn {
	width: 81px;
}

.ao-top-line .ao-kort {
	width: 25px;
}

.ao-top-line .ao-bruto {
	width: 60px;
}

.ao-top-line .ao-datum {
	width: 71px;
}

.ao-top-line .ao-toelicht {
	width: 44px;
}

.master-nieuwsbrief {
	width: 100%;
}

.select-nieuwsbrief {
	margin: 0 15px;
}

#verzend-test, #verzend-all {
	float: right;
}

.editor {
	position: relative;
}

#masker {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 364px;
	z-index: 1000;
	background-color: #ebebe4;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.factuur-masker {
	height: 568px !important;
}

.berichtinhoud .mcelayout {
	width: 100% !important;
}

.bericht-container span {
	font-weight: bold;
}

.br-ontvang-part {
	margin-top: 20px;
}

.br-van {
	height: 30px;
}

.br-onderwerp {
	height: 30px;
}

.br-bericht {
	margin-top: 5px;
	padding: 10px;
	border: 1px solid #dddddd;
}

.bericht-in-uit {
	margin: 15px;
	font-size: 14px;
	font-weight: bold;
}

.bericht-header-1 .select2 {
	width: 178px !important;
	font-size: 16px;
	float: left;
}

.master-sel-versie {
	cursor: pointer;
	display: block;
	margin-left: 10px;
	height: 20px;
}

.master-versie {
	margin: 0 25px;
}

.master-sel-versie:hover {
	color: #777777;
}

.mv-tekst {
	width: 85px;
	height: 20px;
}

.master-versie td {
	vertical-align: top;
}

.mv-onderwerp {
	width: 646px;
}

.mv-wijzigingen {
	display: none;
}

.mv-view-wijzigingen {
	width: 646px;
}

.master-versie .mv-buttons {
	margin-left: 0;
}

.versie-tag{
	font-size: 12px !important;
	font-weight: normal !important;
	color: #cccccc !important;
	text-decoration: underline;
	cursor: pointer;
}

.footer-versie {
	width: 98%;
	float: left;
	padding-left: 20px;
	color: #cccccc !important;
	display: none;
}

.footer-versie p:nth-child(2) {
	font-weight: 600;
	font-size: 15px;
	color: white;
}

.footer-grid:nth-child(1) {
	margin-left: 19.7%;
}

#footer-grid-versie {
	margin-right: 12.5%;
}

#footer-grid-storing {
	margin-left: 37%;
}

.versie-main {
	padding: 15px;
}

.versie-main table tr td {
	vertical-align: top;
	padding-top: 10px;
	color: #616161;
}

.versie-main table tr td p{
	margin-top: 0;
	color: #616161;
}

.versie-main table tr th{
	font-weight: bold;
	color: #616161;
}

.versie-main table tr th {
	padding-left: 0;
}

.email_news {
	position: relative;
	float: right;
	flex: 0 0 142px;
	text-align: right;
}

.counterRule img {
	opacity: 0.5;
}

.select2-container--default .select2-selection--single {
	background-color: #f0f0f0 !important;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
	display: none !important;
}

.sel-klt-groep .select2-container--default .select2-selection--single .select2-selection__clear {
	display: none;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background: #565656 !important;
}

.select2-container--default .select2-selection--single {
	border: none !important;
	background-color: transparent !important;
}

.select2-container--default .select2-selection--single .select2-selection__rende#d82128 {
	color: #616161 !important;
}

.select2-results__option[aria-selected] {
	color: #616161 !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	color: white !important;
}

.first_footer_item {
	margin-right: 10px !important;
}

.footer-main .footer-grid:nth-child(1) {
	/* width: 13% !important; */
}

#incasso-restart {
	margin-top: 25px;
	line-height: 20px;
}

.incasso-restart-tekst {
	height: 24px;
}

.incasso-restart-select div {
	vertical-align: middle;
	float: left;
}

.incasso-restart-select input {
	width: 13px !important;
	height: 13px;
}

.IncassoLijstTable {
	font-family: Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	width: 100%;
}

.IncassoLijstTable td, .IncassoLijstTable th {
	text-align: left;
	padding: 8px;
}

.IncassoLijstTable tr:nth-child(even) {
	background-color: #dddddd;
}

@media screen and (max-width: 1921px) {
	#footer-grid-versie {
		margin-right: 12.5% !important;
	}

	#footer-grid-storing {
		margin-left: 37% !important;
	}
}

@media screen and (max-width: 1744px) {
	.sg-direct {
		margin-left: 56px;
		margin-top: 0;
	}
	.sg-pwd {
		margin-top: 0;
	}

	.gebr-direct {
		width: 100px;
	}
}

@media screen and (max-width: 1651px) {
	.ob-aangifte div {
		margin-left: 9px !important;
	}

	.ob-regel .ob-email {
		margin-left: 21px !important;
	}
	
	#footer-grid-versie {
		margin-right: 11.5% !important;
	}

	#footer-grid-storing {
		margin-left: 33% !important;
	}
}

@media screen and (max-width: 1552px) {
	.ob-aangifte div {
		margin-left: 9px !important;
	}

	.ob-regel .ob-email {
		margin-left: 21px !important;
	}
	.sg-direct {
		margin-left: 55px;
		margin-top: 00px;
	}
	.sg-pwd {
		margin-top: 00px;
	}
	.gebr-direct {
		width: 100px;
	}

	#footer-grid-versie {
		margin-right: 10.5%;
	}

	#footer-grid-storing {
		margin-left: 32%;
	}
}

@media screen and (max-width: 1384px) {
	.ob-aangifte div {
		margin-left: 9px !important;
	}

	.ob-regel .ob-email {
		margin-left: 21px !important;
	}

	.countersOnder{
		display: block !important;
	}

	#footer-grid-storing {
		margin-left: 24% !important;
	}

	#footer-grid-versie {
		margin-right: 8.5% !important;
	}
}

@media screen and (max-width: 1300px) {
	.ob-aangifte div {
		margin-left: 0 !important;
	}

	.ob-regel .ob-email {
		margin-left: 0 !important;
	}

	.sg-direct {
		margin-left: 55px;
		margin-top: 10px;
	}
	.sg-pwd {
		margin-top: 10px;
	}

	.gebr-direct {
		width: 216px;
	}

	.footer-grid:nth-child(1) {
		margin-left: 11.7%;
	}
}

@media screen and (max-width: 1280px) {
	#footer-grid-storing {
		margin-left: 22% !important;
	}

	#footer-grid-versie {
		margin-right: 8% !important;
	}
}

@media screen and (max-width: 500px) {
	.preview {
		margin: 15px;
		width: 100px;
		height: 100px;
	}
}

.factuurtable {
	margin-left: 10px;
	margin-top: 25px;
}

.fact-regel-header td {
	font-weight: bold;
}

.factuurtable .fact-regel-datum {
	width: 70px;
	padding-right: 10px;
}

.factuurtable .fact-regel-aantal {
	width: 40px;
	text-align: right;
	padding-right: 10px;
}

.factuurtable .fact-regel-omschrijving {
	width: 280px;
}

.factuurtable .fact-regel-tarief {
	width: 70px;
	text-align: right;
	padding-right: 10px;
}

.factuurtable .fact-regel-korting {
	width: 70px;
	text-align: right;
	padding-right: 10px;
}

.factuurtable .fact-regel-totaal, .factuurtable .fact-totaal {
	width: 70px;
	text-align: right;
	padding-right: 10px;
}

.factuurtable .fact-regel-extra {
	line-height: 26px;
	padding-top: 10px;
}

.factuurtable .fact-regel-korting .fact-korting {
	width: 21px;
	text-align: right;
	padding-right: 5px;
}

.factuurtable .fact-qty {
	width: 30px;
	text-align: right;
	padding-right: 5px;
}

.factuurtable .fact-tel-streep {
	border-top: 1px solid black;
	margin-left: 10px;
}

.facturen-nieuw, #regelingen {
	margin-left: 15px;
}

.factuur-soort {
	margin-top: 20px;
}

.factuur-soort, #factuur-verzending {
	line-height: 20px;
}

.factuur-soort div, #factuur-verzending div {
	vertical-align: middle;
	float: left;
}

.factuur-soort input, #factuur-verzending input {
	width: 13px !important;
	height: 13px;
}

#factuur-verzending {
	padding-left: 40px;
	display: none;
}

.factuur-start {
	margin-top: 30px;
}

.systeem-layouts {
	margin-bottom: 25px;
}

.sel-layout {
	width: 150px;
}

#proforma {
	float: right;
}

.footer-copyright p {
	color: #a4a4a4;
	background: #353535 !important;
	padding: 10px !important;
	margin-bottom: 0 !important;
	margin-top: 0;
	margin-left: 20%;
}

.footer_link {
	text-decoration: none;
	color: #a4a4a4;
}

#versiebeheer {
	cursor: pointer;
	color: #888 !important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
}

.incasso-tekst {
	float: left;
	vertical-align: middle;
	line-height: 31px;
	padding-right: 10px;
}

#factuur-wachten {
	width: 300px;
	margin: 125px auto;
	display: none;
	z-index : 1999;
}

.factuur-wachten-icon {
	float: left;
	padding-right: 5px;
}

.factuur-wachten-tekst {
	line-height: 20px;
}

.incasso-gereed-tekst {
	padding-left: 15px;
	padding-top: 15px;
}

.incasso-download {
	padding-top: 8px;
	margin-left: 0;
}

.factuur-disp {
	font-weight: bold;
}

.factuur-gereed-header {
	padding-left: 15px;
	padding-top: 15px;
	font-size: 20px;
	font-weight: bold;
}

.factuur-gereed-tekst {
	line-height: 24px;
	padding-left: 15px;
	padding-top: 15px;
}

.debiteuren-ontbreken-kop {
	padding-bottom: 10px;
}

.debiteuren-ontbreken {
	line-height: 20px;
}

.prog-header {
	padding-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
	text-transform: lowercase;
	float: left;
	margin-left: 15px;
	color: black;
	margin-bottom: 11px;
	margin-top: 4px;
}

.prog-header::first-letter {
	text-transform: capitalize;
}

.prog-header-questionmark {
	float: left;
	padding-top: 2px;
	margin-left: 10px;
}

.prog-header-questionmark img {
	cursor: pointer;
}

.help-panel {
	padding: 15px;
	background-color: #eee;
	display: none;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
	margin: 10px 15px 20px 15px;
	border: 1px solid #ddd;
}

.import-debiteuren {
	height: 30px;
}

.versie-editor {
	margin-left: 0;
}

.no-edit {
	pointer-events: none;
	background-color: #f0f0f0;
	border-color: #f0f0f0;
	color: #505050;
}

.le-container td {
	padding-right: 3px;
	padding-left: 3px;
}

#werksoort-belast, #werksoort-loon, #werksoort-jaar, #werksoort-admin, #werksoort-advies, #werksoort-dossier, #werksoort-project {
	padding-bottom: 5px;
}

.add-werk-belast, .add-werk-loon, .add-werk-jrap, .add-werk-admi, .add-werk-advi, .add-werk-doss, .add-werk-proj {
	margin-top: 0px;
	margin-bottom: 0px;
}


.werksoort-sep {
	height: 20px;
}

.werk-cat {
	width: 55px;
}

.werk-cat {
	width: 74px;
}

.werk-volg {
	width: 40px;
}

.werk-oms {
	width: 225px;
}

.werk-ing {
	width: 81px;
}

.werk-tar {
	width: 72px;
}

.werk-opb {
	width: 70px;
}
.werk-mut {
	width: 60px;
}

.werk-drm {
	width: 47px;
}

.werk-cat select {
	width: 65px;
}

.werk-cat input {
	width: 59px;
}

.werk-opb input {
	width: 50px;
	padding-right: 5px;
	text-align: right;
}

.werk-volg input {
	width: 20px;
	text-align: right;
	padding-right: 5px;
}

.werk-oms input {
	width: 210px;
}

.werk-mut input {
	width: 40px;
	text-align: right;
	padding-right: 5px;
}

.werk-drm input {
	width: 28px;
	text-align: right;
	padding-right: 5px;
}

.werk-tar input {
	width: 52px;
	text-align: right;
	padding-right: 5px;
}

.menuSpacer {
	border-top: 2px solid #909090;
	margin-left: 0 !important;
}

.layout-properties {
	margin-left: 15px;
	margin-bottom: 10px;
}

.layout-properties input {
	width: 21px;
	text-align: right;
	padding-right: 5px;
}

.of-table, .reg-table {
	border: 1px solid #ddd;
	padding: 0;
	margin-top: 15px;
	border-bottom: none;
}

.of-table th, .reg-table th, .of-table td.of-extra, .table-klanten th {
	padding-left: 0;
	padding-bottom: 5px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

 .reg-table th {
 	border-right: 1px solid #aaa;
 }


.reg-table th.last, .reg-table td.last {
	border-right: none;
	
}

.of-table td, .table-klanten td {
	padding-left: 0;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.of-table td.lastrow {
	border-bottom: none;
}

#of-historie tr td {
	padding-top: 6px;
	padding-bottom: 6px;
}

.of-table .of-last {
	border-right: 0;
}

.of-table .of-naam {
	width: 230px;
	padding-left: 10px;
	height:15px;
	overflow-x: hidden;
}

.of-table .of-soort {
	width: 55px;
	padding-left: 10px;
}

.of-sum {
	width: 60px;
	text-align: right;
}

.her-sum {
	width: 70px;
	text-align: right;
}


.of-bedrag {
	width: 80px;
	text-align: right;
	padding-right: 10px !important;
}


.of-openstaand {
	width: 70px;
	text-align: right;
	padding-right: 10px !important;
}

.of-vanaf {
	width: 70px;
	padding-right: 5px;
	text-align: right;
}


.of-table .of-medium {
	width: 41px;
	padding-left: 10px;
}

.of-table .of-incasso {
	width: 46px;
	padding-left: 10px;
}

.of-table .of-inzien, .of-table .of-showMore, .of-table .her-inzien,  .of-table .her-openstaand, .of-table .of-delete, .of-table .of-no-delete {
	padding: 0 10px;
}

.of-table .of-no-delete {
	width: 41px;
}

.of-table .of-showMore {
	cursor: pointer;
	font-weight: bold;
}

.of-table .of-line:hover  {
	background-color: #ccc;
}

.of-select input[type="checkbox"] {
	height: 16px;
}

#of-herinneringen .of-groep {
	padding-left: 10px;
	width: 60px;
}

.of-table td.of-inzien, #crediteringen .credit-inzien, .of-table .her-inzien, .of-table .her-openstaand, .of-table .of-delete  {
	cursor: pointer;
	text-decoration: underline;
}

.of-table .her-inzien-no-link {
	padding: 0 10px;
}


#sel-printer, #sel-email {
	width: 0;
	height: 0;
}

.of-sel-part {
	float: left;
	width: 340px;
}

.of-sel-part-2 {
	float: left;
}

.her-sel-part {
	float: left;
	width: 140px;
}

.her-sel-part-1 {
	float: left;
	width: 200px;
	height: 75px;
}

.her-sel-part-2 {
	float: left;
	height: 75px;
	margin-right: 60px;
}

.of-sel-part button {
	margin-left: 30px;
}

.of-sep {
	border-top: 1px solid #ddd;
	margin: 15px 15px 15px 0;
}

.of-terug {
	margin-top: 16px;
	margin-left: 130px;
}

.of-debiteur {
	width: 60px;
	text-align: right;
	padding-right: 10px !important;
}

.of-datum {
	width: 65px;
	padding-left: 10px !important;
}

.of-periode {
	width: 50px;
	text-align: right;
	padding-right: 5px;
}

.of-factuur {
	width: 78px;
	text-align: right;
	padding-right: 10px !important;
}

.sorter-false{
	cursor: default !important;
}

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

table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #f0f0f0;
/*	font-size: 8pt; */
	padding: 4px;
	cursor: pointer;
}

.tablesorter-headerDesc, .tablesorter-headerAsc {
	background-color: #bbb !important;
}

.master-select div {
	line-height: 20px;
}

.help-hoofd-groep {
	padding-left: 0px;
	font-weight: bold;
}

.help-sub-groep {
	padding-left: 20px;
}


.help-prog- {
	padding-left: 0px;
	cursor: pointer;
	display: block;
}

.help-prog-1 {
	padding-left: 20px;
	cursor: pointer;
	display: block;
}

.help-prog-2 {
	padding-left: 40px;
	cursor: pointer;
	display: block;
}

.help-prog-1:hover, .help-prog-2:hover,  .help-prog-:hover {
	background-color: #eee;
/*	color: white */
}

.help-edit-prog {
	width: 250px;
}

.help-edit-title {
	width: 150px;
}

.edit-help {
	width: 100%;
	height: 800px;
}

#sel-printer, #sel-email {
	height: 16px !important;
}

.moreMenu {
	border: 2px solid #ddd;
	background: #eeeeee;
	display: none;
}

.moreItem{
	line-height: 24px;
	cursor: pointer;
	display: block;
	width: 70px;
	text-decoration: underline;
}

.moreItem:hover{
	background-color: #ddd;
}

.exact-update {
	width: 155px;
}

.master-buttons #exact {
	margin: 0;
}

#exactpart .master-buttons {
	margin: 0;
}

.reg-table thead .reg-naam {
	height: 22px;
	width: 284px;
	padding-left: 5px;
}

.reg-table thead .reg-ingang, .reg-table thead .reg-einde {
	height: 22px;
	width: 82px;
	padding-right: 5px;
	text-align: right;
}

.reg-table thead .reg-bedrag {
	padding-right: 5px;
	text-align: right;
}

.reg-table .reg-last {
	border-right: 0;
	width: 45px;
}

.reg-table td {
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.reg-table thead td {
	cursor: pointer;
}

.reg-table tbody .reg-naam {
	padding-left: 5px;
	width: 290px;
}

.reg-table .reg-naam input {
	width: 287px;
	height: 22px;
	border: transparent;
	overflow-x: hidden;
	padding: 0 0 0 5px !important;
}

.reg-table .reg-actief select {
	height: 24px !important;
	border: none;
}

.reg-table .reg-ingang input {
	height: 22px !important;
	width: 82px !important;
	padding: 0 5px 0 5px !important;
	text-align: right;
	border: none !important;
}

.hidden {
	display: none;
}


.werk-sel-medewerk {
	border-spacing: 0px;
	margin-left: 9px;
	padding-bottom: 20px;
}

#openstaand .paragraaf {
	line-height: 27px;
	font-size: 14px;
	margin-bottom: 6px;
}

.opvraag-medewerker {
	float: left;
	width: 250px;
}

.opvraag-soort {
	min-width: 220px;
	float: left;
}

.opvraag-werkzaamheid {
	float: left;
}

.open-werkzaamheden {
	padding-left: 9px;
}

.open-tekst {
	margin: 10px 0;
	font-weight: bold;
}

.open-but {
	padding-top: 15px;
	margin-left: 8px;
}

.inspring {
	padding-left: 15px;
	height: 20px;
}

.gen-opbouw {
	margin-top: 15px;
}

#gen-svg .paragraaf {
	margin-top: 10px;
}

.geen-svg {
	height: 30px;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 10px;
}

.open-detail {
	width: 100%;
	height: 20px;
	padding-left: 15px;
}

.open-kopje {
	height: 18px;
	color: gray;
	font-size: 14px;
	margin-top: 40px;
	vertical-align: top;
}

.actie-table {
	width: 100%;
	margin-left: 15px;
}

.regelingen tbody {
	background-color: #f0f0f0;
}

.sel-regeling-naam {
	border: none;
	width: 294px;
	height: 24px;
	padding-left: 0 !important;
}

.reg-actief-head {
	padding-left: 5px !important;
}

.reg-bedrag input {
	height: 24px;
	padding: 0 5px 0 0 !important;
	text-align: right;
	width: 60px;
	border: none !important;
}

.regelingen tbody .reg-sel {
	background-color: white;
}

.footer-grid .footer-text {
	color: #000000 !important;
}

#credit-form .tekst, #eenmalig-form .tekst {
	line-height: 40px;
	width: 110px;
	vertical-align: top;
}

#credit-form #bedrag, #eenmalig-form #bedrag {
	width: 61px;
	text-align: right;
	padding-right: 5px;
}

#credit-form #omschrijving, #eenmalig-form #omschrijving {
	width: 600px;
	margin-top: 5px;
}


#disp-actie-van, #disp-actie-tot {
	display: none;
	width: 145px;
}

#disp-actie-van input, #disp-actie-tot input {
	height: 14px;
}

.soort-actie {
	margin-bottom: 25px;
	margin-left: 5px;
}

.soort-actie td{
	height: 26px;
}

.soort-actie input[type="radio"] {
	margin-right: 9px;
	height: 17px;
}

.open-jaargrenzen {
	display: none;
	margin-top: 50px;
}

.actie-sel-part {
	height: 70px;
}

.open-sel #disp-divers {
	display: none;
}

.prijsontwikkeling {
	margin-left: 15px;
	margin-right: 15px;
}

.prijs-wijzig-tekst {
	width: 90px;
}

.prijsontwikkeling td div {
	float: left;
}

.prijsontwikkeling td div input[type="radio"]{
	margin-top: -2px;
}

.prijs-tarief, .prijs-procent {
	width: 60px;
	text-align: right;
	padding-right: 5px;
}

.prijs-nieuw-tarief {
	margin-left: 20px;
}

.prijsontwikkeling .master-buttons {
	margin-left: 0;
}

.print-aanpassing {
	margin-left: 5px;
}

.email-aanpassing.email-aanpassing {
	margin-right: 0;
}

.wijzig-prijs-tekst {
	margin-left: 15px;
}

.wijzig-prijs-tekst .master-buttons{
	margin-left: 0;
	margin-top: 20px;
}

.select-tekst {
	height: 255px;
}

.wijzig-prijs-tekst td {
	vertical-align: top;
}

.wijzig-prijs-tekst td:first-child {
	padding-top: 15px;
}

.wijzig-prijs-tekst textarea {
	padding: 5px;
}

.wijzig-prijs-tekst .editor {
	margin-top: -12px;
}

.select-tekst div {
	float: left;
}

.sel-tekst-1 {
	margin-right: 5px;
	line-height: 26px;
	vertical-align: middle;
}

.sel-tekst-2 {
	height: 26px;
}

#select-layout {
	height: 26px;
}

.opbouw-eind {
	border-bottom: 2px solid #aaa;
	position: relative;
	margin-bottom: 5px;
}

.opbouw-neg {
	color: #fd353c;
}

.opbouw-pos {
	color: #31b729;
}

.opbouw-line {
	margin: 0 20px;
	height: 18px;
}

.opbouw-line::after {
	clear: both;
	content: '';
}

.opbouw-onderdeel {
	width: 40%;
	float: left;
	height: 18px;
	overflow: hidden;
}

.opbouw-kolom {
	width: 10%;
	float: left;
	text-align: right;
	padding-right: 4px;
}

.opbouw-operator {
	width: 8px;
	float: left;
	height: 1px;
}

.opbouw-total {
	border-top: 1px solid #aaa;
	width: 50px;
	text-align: right;
	float: right;
}

.opbouw-header {
	font-weight: bold;
}

.opbouw-opmerking {
	margin-left: 20px;
	margin-top: 10px;
}

.opbouw .opvraag-nivo {
	width: 15px;
	text-align: right;
	padding-right: 5px;
}

.opbouw .master-buttons {
	margin: 20px 0;
}

.new-page {
	clear: both;
}

.project-container {
	margin: 15px;
}

.project-onderwerp {
	height: 40px;
	vertical-align: top;
}

.project-sel-onderwerp {
	width: 200px;
}

.project-sel-datum {
	width: 97px;
	text-align: right;
}

.project-sel-header {
	font-weight: bold;
	margin-bottom: 5px;
	margin-top:  20px;
}

.project-sel-uren {
	width: 50px;
	text-align: right;
}

.project-sel-part {
	border: 1px solid #ddd;
	padding: 0;
	margin-top: 15px;
	border-bottom: none;
}

.project-sel-part td, .project-sel-part th {
	padding: 4px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.project-sel-part th {
	background-color: #f0f0f0;
}

.project-sel-part .project-sel-afgesloten {
	width: 100px;
	border-right: none;
}

.project-sel-line:hover {
	background-color: #ddd;
}

.project-sel-line {
	cursor: pointer;
}

.project-det-onderwerp {
	border-bottom: 1px dashed #ddd;
	padding-bottom: 10px;
}

.new-project-onderwerp {
	border-bottom: none;
	padding-bottom: 0;
}

.project-detail-kop {
	margin-top: 10px;
}

.project-det-onderwerp input{
	height: 10px;
	width: 540px;
}

td.project-det-datum {
	width: 40px;
}

td.project-det-medium {
	width: 48px;
}

select.project-det-medium {
	width: 76px;
	height: 22px;
}

select.project-det-medium option, select.project-det-betreft option {
	background-color: white;
}

td.project-det-betreft {
	width: 46px;
}

select.project-det-betreft {
	width: 89px;
	height: 22px;
}

td.project-det-uren {
	width: 34px;
}

input.project-det-uren {
	width: 45px;
	text-align: right;
	padding-right: 5px;
}

.project-details {
	border-bottom: 1px dashed #ddd;
	padding-bottom: 10px;
}

.project-detail-kop input {
	height: 10px;
}

.project-det-content {
	background: #f0f0f0;
	padding: 5px;
	width: 554px;
}

.project-det-seperator {
	height: 5px;
}

.project-det-text {
	width: 600px;
	resize: vertical; min-height: 250px;
	padding: 5px;
}

.project-no-seperator {
	border-bottom: none;
}

.project-det-bijlage .up-down-image img {
	height: 21px;
	width: 21px;
	padding-left: 8px;
}

#project-terug {
	float: right;
	margin-right: 0;
}

#project-afsluiten {
	float: right;
}

.project-det-bijlage {
	width: 35px;
	height: 26px;
}

.project-afgesloten {
	margin-top: 10px;
}

.project-det-factureren {
	padding-top: 5px;
}

.project-detail-kop input[type=checkbox] {
	height: 20px !important;
}

.opdracht-factureer-tekst {
	float: right;
	margin-top: 6px;
}

.opdracht-factureer-input {
	float: right;
}

div.down {
	display: none;
}

.wijzig-tekst {
	width: 85px;
}

.wijzig-soort {
	margin-top: 10px;
}

.versie-nr {
	width: 50px;
	text-align: right;
	padding-right: 10px;
}

.versie-datum {
	width: 70px;
}

.versie-onderwerp {
	width: 300px;
}

.versie-wijziging ul {
	padding-inline-start: 13px;
}

.tw-container table div {
	height: 16px;
}

.tw-container table {
	margin-bottom: 10px;
}

.tw-container .master-buttons {
	margin-left: 0;
}

.tw-naam {
	width: 240px;
	overflow-x: hidden;
	padding-left: 5px;
}

.tw-procent, .tw-bedrag, .tw-oud, .tw-nieuw {
	text-align: right;
	width: 90px;
}

.tw-oud div, .tw-nieuw div, .tw-bedrag div, .tw-procent div {
	width: 50px;
	float: right;
	border-top: 1px solid grey;
	margin-top: 10px;
}

.tw-naam div {
	border-top: 1px transparent;
	margin-top: 10px;
}

.tw-soort {
	height: 12px;
	margin: 0;
}

.tw-naam div {
	margin-top: 10px;
	border-top: 1px solid transparent;
}

.tw-ingang {
	padding-left: 5px;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 12px;
}

.tw-sep {
	height: 14px;
	width: 240px;
}

.bg-2 {
	margin-bottom: 17px;
}

.svg-container {
	position: relative;
	width: 100%;
	padding-bottom: 58%;
	vertical-align: middle;
	overflow: hidden;
}

.svg-content {
	position: absolute;
	top: 0;
	left: 0;
}

#functionName {
	margin: 5px 0 20px 15px;
	font-size: 16px;
	height: 16px;
	float: left;
	color: #464646;
}

#functionName .sep{
	color: #dedede;
}

.no-items {
	margin-left: 15px;
}

#klant-basis .left {
	padding-left: 0;
	padding-right: 1px !important;
}

#klant-basis .right {
	padding-left: 4px;
}

#document-part-wwft, #klant-basis, #opdrachtblok {
	-webkit-border-horizontal-spacing: 0 !important;
}

#inputpart tbody tr td.doc-naam {
	padding-left: 0;
}

tr.opdracht-header td.opdracht-grp {
	padding-left: 0;
}

.klant-toegang .klant-table {
	margin-left: 0;
	-webkit-border-horizontal-spacing: 0 !important;
}

.klant-toegang .klant-table .tb-naam {
	padding-left: 0;
}

th.tb-naam, th.tb-begin, th.tb-einde {
	padding-left: 5px !important;
}

#print, #mail, #ongelezen {
	float:right;
}

/*     werkzaam   */


.opdrachtblok tr td.opdr-inclusief {
	padding-left: 0px !important;
}

.opdr-inclusief {
	text-align: center;
}

.opdr-product {
	width: 225px;
}

.opdr-richt, .opdr-klant {
	text-align: right;
}

.opdr-richt input, .opdr-klant input {
	width: 45px;
	text-align: right;
	padding-right: 5px;
}

.opdr-richt span, .opdr-klant span {
	padding-right: 5px;
	text-align: right;
}

.opdr-gratis input {
	width: 15px;
	text-align: right;
	padding-right: 5px;
}

.opdr-gratis select {
	width: 100px;
}

.opdr-facturatie {
	
}

.opdr-tijdvak select {
	width: 90px;
}

.opdr-tijdvak .no-tijdvak {
	width: 83px;
}


.no-gratis {
	width: 115px !important;
}

.no-factuur {
	width: 88px !important;
}
.opdr-fakturatie select{
	width: 100%;
}
.no-default, .no-active, .no-fact {
	pointer-events: none;
	background-color: #f0f0f0;
	border-color: #f0f0f0;
	color: transparent !important;
}

.dga-blok {
	line-height: 20px;
	margin-bottom: 5px;
	display: inline-block;
}

.dga-header {
	height: 25px;
	width: 100%;
}

.dga-fp {
	margin-top: 10px;
}

div.admin-header {
	margin-top: 10px;
	float: inherit;
}

div.admin-personeel {
	margin-top: 5px;
}

.dga-blok div {
	float: left;
}

.dga-gender select {
	width: 65px;
}

.dga-gender {
	width: 71px;
}

.dga-voorletters {
	width: 75px;
}

.dga-voorletters input{
	width: 60px;
}

.dga-achternaam {
	width: 165px;
}

.dga-achternaam input{
	width: 150px;
}

.dga-gerechtigheid {
	width: 140px;
}

.dga-gerechtigheid select{
	width: 130px;
}

.dga-percentage {
	width: 53px;
}

.dga-percentage input {
	width: 30px;
}

.dga-geboorte, .dga-start, .dga-stop {
	width: 81px;
}

.dga-ib-plichtig {
	width: 65px;
}

.dga-ib-plichtig input {
	margin-top: 6px;
	margin-left: 5px;
}

.dga-bsn {
	width: 95px;
}

.dga-bsn input {
	width: 80px;
}

.dga-legitimatie {
	width: 140px;
}

.dga-legitimatie select{
	width: 134px;
}

.dga-leg-nr {
	width: 135px;
}

.dga-leg-nr input {
	width: 120px;
}

.dga-geldig-tot {
	width: 82px;
}

.dga-leg-tot {
	width: 82px;
}

.dga-telefoon input {
	width: 100px;
}

.dga-prive-adres {
	width: 165px;
}

.dga-prive-adres input {
	width: 150px;
}

.dga-prive-postcode {
	width: 75px;
}

.dga-prive-postcode input {
	width: 60px;
}

.dga-prive-plaats {
	width: 165px;
}

.dga-prive-plaats input {
	width: 150px;
}

.dga-prive-email input {
	width: 200px;
}

.dga-gebdat {
	width: 85px;
}

.dga-prive-mail {
	width: 240px;
}

.dga-prive-toegang {
	width: 75px;
}

.dga-prive-toegang input {
	margin-top: 6px;
	margin-left: 5px;
}

.dga-vervolg {
	margin-top: 10px;
	border-top: 1px solid #eeeeee;
	padding-top: 10px;
}

.addItem {
	color: #35bd62;
}

.addItem span {
	color: #dedede;
}

.dga-sep {
	height: 100px;
}

.dga-sep {
	height: 5px;
	width: 100%;
}

.view-header {
	height: 28px;
}

.dga-header::after {
	clear: both;
}

.admin-pakket {
	width: 125px;
}

.admin-pakket select {
	width: 115px;
}

.admin-exact {
	width: 120px;
}

.admin-exact input {
	width: 100px;
}

.admin-snel {
	width: 400px;
}

.admin-snel input{
	width: 380px;
}

.input-snel {
	width: 300px;
}

.admin-yuki {
	width: 265px;
}

.admin-yuki input {
	width: 245px;
}

.input-yuki {
	width: 225px;
} 

.adminid-yuki {
	width: 425px;
}

.adminid-yuki input {
	width: 405px;
}

input.adminid-yuki {
	width: 485px;
} 


.admin-ec-admin {
	width: 57px;
}

.admin-ec-admin input {
	width: 33px;
	text-align: right;
	padding-right: 5px;
}

.admin-dossier {
	width: 120px;
}

.admin-dossier input {
	width: 100px;
}

.sel-klt-sort .select2-container--default .select2-selection--single .select2-selection__rendered,
.sel-bericht-sort .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: inherit;
	line-height: 30px;
}

.select2-container {
	margin-top: -1px !important;
}

.aanlever-table {
	margin: 0 15px;
}

.info-periode {
	padding-left: 0 !important;
}

.factuurblok td.right {
	width: 110px;
}

table.tablesorter td.primary {
	background-color: #e7e7e7 !important;
}

table.tablesorter td.secondary {
	background-color: #eaeaea !important;
}

table.tablesorter td.tertiary {
	background-color: #efefef !important;
}

table.tablesorter tr.of-line:hover td.primary,
table.tablesorter tr.of-line:hover td.secondary,
table.tablesorter tr.of-line:hover td.tertiary {
	background-color: #ccc !important;
}

.nieuwsberichten {
	padding: 0 15px;
}

.nieuwsberichten .nieuwsbericht {
	border-bottom: 1px solid #ddd;
	padding: 15px 15px;
}

.nieuwsberichten .nieuwsbericht div.nieuwsdatum {
	margin-bottom: 5px;
}

.nieuwsberichten .nieuwsbericht div.titel {
	font-weight: bold;
}

.overig-factuur-container {
	margin-top: 15px;
}

.master-right-container .facturen-nieuw {
	margin-left: 0px;
}	

label input[type="radio"] {
	margin-top: -2px;
	vertical-align: middle;
}

#help-blok {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0px;
	top: 0px;
	background-color: rgba(200,200,200, 0.5);
	z-index: 9000;
}

#help {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -400px;
	width: 800px;
	margin-top: -300px;
	height: 600px;
	z-index: 9999;
	border: 1px solid #aaaaaa;
	background-color: white; 
	padding-left: 1px;
}

#help-header {
	height: 30px;
	background-color: #aaaaaa;
	text-align: right;
}

#help-content {
	overflow-y: scroll;
	padding: 10px 10px 0 10px;
	height: 540px;
	margin-top: 10px;
}

#help-content p {
	margin: 0px;
}

.help-button {
	display: none;
	float: right;
	margin-right: 20px;
	cursor: pointer;
}

#view-help {
	float: right;
	margin-right: 10px;
	display: none;
	cursor: pointer;
	opacity: 0.5;
}

#help-title {
	float: left;
	padding-left: 15px;
	font-size: 16px;
	vertical-align: middle;
	line-height: 30px;
	color: #555555;
}

#help-close-part {
	float: right;
	height: 30px;
	padding: 0 10px;
	cursor: pointer;
}

#help-close-part:hover {
	background: red;
}

#view-close-part img {
	cursor: pointer;
}

#modules {
	line-height: 30px;
	margin-bottom: 10px;
}

.module {
	float: left;
	margin-right: 40px;
	width: 225px;
}


#modules input[type=checkbox] {
	vertical-align: -5px;
	margin: 0 5px 0 0;
	padding: 0;
}

#raster {
	stroke: #dddddd;
	stroke-width: 0.5px;
}

#grid {
	stroke: #eeeeee; 
	stroke-width: 0.5;	
}

#grid2{
	stroke: #eeeeee; 
	stroke-width: 0.8;	
}


#textcolor {
	fill: #a1a1b2;
}

.prod-graph #raster {
	stroke: #cccccc;
	stroke-width: 0.5px;
}

.prod-graph #grid {
	stroke: #dddddd; 
	stroke-width: 0.5;	
}



#stroke-0, #stroke-1, #stroke-2, #stroke-3, #stroke-99 {
	stroke-width: 2;
}

#line-0, #line-1, #line-2, #line-3 {
	stroke-width: 1;
}   

.begunstigde {
	width: 300px;	
}

.betalingsconditie {
	width: 300px;
}

.laatsteregeling{
	padding-right: 5px;
	text-align: right;
	width: 75px;
}

.laatstefactuur{
	padding-right: 5px;
	text-align: right;
	width: 75px;
}

.laatstedebiteur{
	padding-right: 5px;
	text-align: right;
	width: 75px;
}

.btw{
	padding-right: 5px;
	text-align: right;
	width: 40px;
}


.betaaltermijn{
	padding-right: 5px;
	text-align: right;
	width: 40px;
}

.incassantid{
	padding-right: 5px;
	text-align: right;
/*	width: 40px; */
}

input.rel-soort {
	width: 24px;
	height: 20px;
}

label.rel-zakelijk {
	line-height: 30px;
}

/* split main flex voor berichten en nieuws */
.main-flex {
	display: flex;
	padding: 0 15px;
}

.main-left-flex {
	flex: 0 0 35%;
	max-width: 370px;
}

.main-left-flex .overig-container {
	margin: 0 15px 0 0;
}

.main-left-flex .bericht-groep {
	/* margin-right: 15px; */
}

.main-left-flex .bericht-zoek {
	margin-right: 15px;
}

.main-right-flex {
	flex: 0 0 65%;
}

/* rechts */
.main-right-flex .overig-container {
	margin: 0 0 0 15px;
}

.main-right-flex .button-line {
	margin: 0;
}

.main-right-flex #print {
	margin-right: 0;
}

.main-right-flex .bericht-container {
	margin: 0 0 0 15px;
}

/* tariefopbouw */
.tariefopbouwtable tr td + td{
	text-align: right !important;
}

.tariefopbouwtable th{
	text-align: right !important;
	font-weight: bold;
}

.tariefopbouwtable tbody tr:nth-of-type(2n+1) {
background-color: #f1f1f1 !important;
}

.frikandel{
	border-top: 2px solid #8b8b8b !important;
}

.paragraaf-extra {
	margin: 15px 0;
}

.rel-contactpersonen {
	margin-top: 20px;
}

.rel-contact-table {
	margin-top: 10px;
}

td.rel-con-telefoon input, td.rel-con-mobiel input {
	width: 95px;
}


td.rel-con-email input{
	width: 200px;
}

rect.hbar, path.hbar, circle.hbar {
	mask: url(#mask-stripe);
}

.prog-hoofd {
	width: 125px;
	float: left;
	line-height: 35px;
	vertical-align: middle;
	height: 35px;
}

.prog-omschrijving {
	float: left;
	width: 125px;
	line-height: 35px;
	vertical-align: middle;
	height: 35px;
	
}

.prog-correctie {
	float: left;
	line-height: 35px;
	vertical-align: middle;
	height: 35px;
	width: 75px;
}

.prog-correctie input {
	width: 30px;
	text-align: right;
	padding-right: 5px;
}

.prog-sep {
	height: 15px;
}

.prog-toelichting {
	float: left;
	width: 400px;
	line-height: 35px;
	vertical-align: middle;
	height: 35px;
}


/***************************** rapportage/acties ***************************/
* {
  list-style-type: none;
}

.tree ul {
  display: none;
  margin: 4px auto;
  margin-left: 6px;
  border-left: 1px dashed #9a9999;
}

.tree li {
  padding: 0;
/*  cursor: pointer; */
  vertical-align: middle;
  background: #fff;
}

.tree .active,
.active li {
  background: #efefef;
}

.tree label {
/*  cursor: pointer; */
/*  display: contents; */
}

.has > label {
  color: #777;
}

.tree .total {
  color: #e13300;
}

.tree{
	padding-inline-start: 0px;
}
.tree td{
	vertical-align: middle !important;
}

/*************************************************************************/

@supports (-ms-accelerator:true) {
	 /* IE Edge 12+ CSS */ 
	 .bericht-header-2{
		 margin-top: 0px !important;
	 }
}

@supports (-ms-ime-align:auto) {
		/* IE Edge 16+ CSS */ 
			 .bericht-header-2{
		 margin-top: 0px !important;
	 }
}

.newsActive *{
	color: black !important;
	font-weight: bold;
}

/*.box-container {
	height: 200px;
}*/

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.container-fluid .row {
    margin-right: -15px;
    margin-left: -15px;
}

.container-fluid .col-xs-3 {
	width: 300px;
	float: left;
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.container-fluid .panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.container-fluid .panel-default {
	border-color: #ddd;
}

.container-fluid .panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.container-fluid .panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.container-fluid .panel-body {
	padding: 15px;
}

.container-fluid .btn {
    text-align: left;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
/*    cursor: pointer; */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;    
}

.container-fluid .btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.container-fluid .box-item {
	width: 238px;
	z-index: 1000;
}

.container-fluid .panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}

.opvraag-medw {
	float: left;
	width: 200px;
}

.opvraag-product {
	float: left;
	width: 270px;
}

.opvraag-groep {
	float: left;
	width: 200px;
}


.opvraag-medw div, .opvraag-product div, .opvraag-groep div {
	float: left;
}

.opvraag-medw .opvraag-title, .opvraag-product .opvraag-title, .opvraag-groep .opvraag-title {
	margin-bottom: 10px;
	font-weight: bolder;
}

.opvraag-medw .disp-naam,  .opvraag-product .disp-naam,  .opvraag-groep .disp-naam {
	padding-top: 6px;
}

.opvraag-start {
	margin-top: 20px;
}

.opvraag-start .master-buttons {
	float: inherit;
	flex: 0;
}

#medewerker-groep {
	line-height: 25px;
}

#medewerker-groep .mg-naam {
	padding-left: 5px;
	width: 250px;
}

#medewerker-groep .mg-medewerker {
	padding-left: 5px;
	width: 200px;
}

#medewerker-groep .mg-groep {
	padding-left: 5px;
	width: 100px;
}


#medewerker-groep .mg-product {
	padding-left: 5px;
	width: 200px;
}

.mg-all {
	line-height: 35px;
}

.gr-all {
	line-height: 35px;
}

.mp-streep {
	padding-bottom: 15px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 5px;
}

.nieuwsberichten .main-right-flex .button-line {
    margin-left: 14px;
}

.bh-jaar {
	float: left;
	width: 40px;
}

.bh-omschr {
	float: left;
	width: 180px;
}

.bh-upload {
	float: left;
	width: 85px;
}

.bh-bestand {
	float: left;
	width: 300px;
}

.bh-header div {
	font-weight: bolder;
}

.bh-header {
	margin-bottom: 10px;
}

.bh-content {
	line-height: 35px;
}

.bh-medewerker {
	float: left;
	width: 65px;
}

.mut-pakket {
	margin-bottom: 20px;
}

.mut-pakket th.mut-klantnaam {
	width: 210px;
	font-weight: bold;
	font-size: 14px;
	margin-top: 20px;
}

.mut-pakket th.mut-jaar {
	font-weight: bold;
	font-size: 14px;
	margin-top: 20px;
	text-align: center;
	padding-left: 20px;
}

.mut-pakket th.mut-pakket {
/*	width: 60px; */
	text-align: right;
}


.mut-pakket td.mut-klantnaam {
	line-height: 22px;	
}

.mut-pakket td.mut-pakket {
	width: 50px;
	text-align: right;
	padding-left: 10px;
}

.mut-pakket .mut-sep {
	width: 25px;
}

.jv-nop {
	pointer-events: none;
}

.sel-tekst-basis {
	line-height: 34px;
	margin-right: 10px;
	width: 147px;
}

.gen-left {
	float: left;
	width: 240px;
}

.gen-right {
	float: left;
}

.gen-opvraag-rek {
	padding-bottom: 18px;
	padding-left: 10px;
}

.gen-opvraag-rek div {
	float: left;
	line-height: 26px;
}

.gen-opvraag-rek div .integer {
	text-align: right;
	padding-right: 5px;
	width: 28px;
	height: 14px;
}	

.gen-van-tot {
	width: 140px;
}

.buttons-kaart {
/*	margin-left: 20px; */
	margin-top: 20px;
}

.wwft-table {
	margin-left: 15px;
	border: 1px solid black;
	border-bottom: none;
	margin-bottom: 15px;
}

.wwft-hoofdkop {
	padding-left: 5px;
	font-size: 14px;
	font-weight: bold;
	height: 30px;
}

.wwft-tussenkop {
	padding-left: 5px;
	font-size: 14px;
	font-style: italic;
	text-decoration: underline;
	height: 30px;
}

.wwft-table td {
	border-bottom: 1px solid black;
	padding-top: 5px;
	padding-bottom: 5px;
}

.wwft-table table td {
	border-bottom: none;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 24px;
}

.wwft-index {
	width: 26px;
	padding-left: 5px;
	vertical-align: top; 
}

.wwft-textfield {
	width: 700px;
	border-left: 1px solid black;
	border-right: 1px solid black;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 2px;
	vertical-align: top;
}

.wwft-textfield-3 {
	width: 717px;
	border-left: 1px solid black;
	border-right: 1px solid black;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 2px;
}

.wwft-akkoord {
	width: 60px;
	text-align: center;
	vertical-align: top; 
}

.wwft-dubbel-1 {
	width: 300px;
	padding-left: 5px;
	padding-right: 5px;
	border-left: 1px solid black;
	border-right: 1px solid black;
	vertical-align: top;
}

.wwft-dubbel-2 {
	padding-left: 5px;
	padding-right: 5px;
	width: 405px;
}

.wwft-gesprek-door {
	height: 26px;
}

.wwft-gesprek-met {
	height: 26px;
	max-width: 180px;
}

.wwft-anderen {
	width: 400px;
}

.wwft-gesprek-functie {
	width: 250px;
}

.wwft-table input[type=text] {
	height: 14px;
}

.wwft-col-1 {
	border-right: 1px solid black;
	width: 200px;
	padding-left: 5px;
}

.wwft-col-2 {
	width: 610px;
	padding-left: 5px;
}

.wwft-textfield-long {
	width: 780px;
	border-left: 1px solid black;
	padding-left: 5px;
	padding-right: 5px;
}

.wwft-invulveld {
	width: 771px;
	height: 100px;
	margin-bottom: 5px;
/*	font-style: italic; */
}

.wwft-invulveld-3 {
	width: 708px;
	height: 100px;
	margin-bottom: 5px;
/*	font-style: italic; */
}

.wwft-inleiding-3 {
	width: 600px;
    padding-left: 5px;
    padding-right: 5px;	
}

.wwft-textfield-3 li {
	list-style-type: disc;
}

.wwft-textfield-3 li li{
	list-style-type: circle;
}

.wwft-line-2-left {
	width: 240px;
}

select.wwft-ja-nee option {
	margin: unset;
}

.wwft-text-short {
	width: 400px;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid #d9d9d9;
	height: 70px;
	font-style: italic;
}

.wwft-ubo {
	margin-top: 5px;
}

.first-ubo {
	margin-top: 0px;
}

.wwft-title {
	margin-left: 15px;
	margin-right: 15px;
}

.wwft-table table tr.wwft-add-ubo td {
	height: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.wwft-text-left {
	float: left;
	width: 130px;
	padding-top: 4px;
}

.wwft-text-right {
	float: left;
}

.wwft-text-right div {
	float: left;
}	

.wwft-belasting {
	padding-top: 4px;
}

.wwft-salaris-door, .wwft-risico {
	height: 20px;
}

.wwft-long-text-left {
	float: left;
	padding-top: 8px;
	width: 435px;
}

.comment-rekening {
	padding-left: 30px;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 10px;
}

.comment-datum {
	width: 70px;
}

.comment-omschrijving {
	width: 200px;
}

.comment-debet, .comment-credit, .comment-cum {
	width: 100px;
	text-align: right;
}

.comment-table table {
	border-top: 1px solid #777777;
	border-bottom: 1px solid #777777;
	margin-bottom: 30px;
}
/*********************************************/

.op-table {
	border-bottom: 3px solid #ccc;
	margin-bottom: 20px;
}

.op-table th {
	font-weight: bold;
}

.op-table th {
	border-bottom: 1px solid #ccc;
	background: #ddd;
	border-top: 1px solid #ccc;
	line-height: 24px;
}

.op-omschrijving {
	width: 300px;
	font-weight: bold;
	border-left: 1px solid #ccc;
	padding-left: 5px;
	border-right: 1px solid #ccc;
}

.op-details {
	width: 64px;
	text-align: right;
	border-right: 1px solid #ccc;
	padding-right: 10px;
}

.op-details-2 {
	width: 115px;
	text-align: right;
	border-right: 1px solid #ccc;
	padding-right: 10px;
}


.op-in-bedrag {
	width: 62px;
	padding-right: 5px;
	text-align: right;
	height: 10px;
}

.op-button {
	margin-left: 5px;
	height: 21px; 
	width: 21px;
	padding-left: 3px;
}

.op-toelicht {
	width: 506px;
	height: 100px;
}

.op-toelicht-regel {
	vertical-align: top;
}

.op-toelicht-part {
	border-right: 1px solid #ccc;
	padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.op-toelicht-regel td {
	border-top : 1px solid #ccc;
/*	padding: 10px 10px 10px 10px; */
}

.op-activa-passiva {
	font-size: 16px;
	font-weight: bold;
}

.op-subverdicht {
	font-weight: bold;
	font-size: 14px;
	border-left: 1px solid #ccc;
	padding-left: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.op-subtotaal {
	text-align: right;
	margin-left: 15px;
	padding-top: 5px;
	font-weight: bold;
	border-right: 1px solid #ccc;
	padding-right: 10px;
/*	padding-bottom: 5px; */
	line-height: 20px;	
}

.op-subtotaal-2 {
	text-align: right;
	margin-left: 10px;
	padding-top: 5px;
	font-weight: bold;
	border-right: 1px solid #ccc;
}

.op-subtotaal-1 {
	text-align: right;
/*	margin-left: 20px; */
	padding-top: 5px;
	font-weight: bold;
	border-right: 1px solid #ccc;
	padding-right: 15px;
}

.op-js-telling {
	text-align: right;
	padding-right: 5px;
	width: 75px;
	line-height: 20px;
}

.op-js-eindtelling {
	text-align: right;
	padding-right: 5px;
	width: 70px;
	line-height: 24px;
}

.op-eindtotaal {
	text-align: right;
	margin-left: 10px;
	font-weight: bold;	
}

.op-eindtotaal-2 {
	text-align: right;
	margin-left: 15px;
	font-weight: bold;	
}

.op-eindtotaal-1 {
	text-align: right;
	margin-left: 20px;
	font-weight: bold;	
}

.op-totaal-regel td {
/*	border-bottom: 1px solid #ccc; */
	padding-right: 0px;
	line-height: 45px;
}

.op-schuifbutton {
	height: 21px;
	width: 21px;
/*	border-right: 1px solid #ccc; */
/*	border: none;
	background: inherit; */
}

.op-schuifdoor {
/*	padding-left: 5px;
	padding-right: 5px; */
	border-right: 1px solid #ccc;
	width: 25px;
	padding-left: 5px;
}

.op-toelicht:not(:focus) {
	font-style: italic;
}

.op-sub-regel td {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #f7f7f7;
}

.op-detail-regel td {
	padding-bottom: 2px;
}

.op-totaal-regel .op-subverdicht {
	padding-top: 0px;
}

.op-header {
	border-right: 1px solid #f7f7f7;
}

.op-toelicht-regel .op-omschrijving {
	padding-top: 10px;
} 

th.op-details {
	text-align: center;
}

.op-txt-table {
	border: 1px solid #ccc; 
	border-bottom: 3px solid #ccc;
}

.op-txt-header {
	background: #ddd;
	line-height: 24px;
	font-size: 16px;
	font-weight: bold;
	padding-left: 5px;
}

.op-txt-soort {
	width: 145px;
	vertical-align: top;
	padding-top: 10px;
	padding-left: 5px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	padding-bottom: 10px;
	
}

.op-txt-content {
	width: 690px;
	padding-top: 10px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.op-txt-content textarea {
	height: 150px;
	width: 672px;
	
}

.op-txt-last {
	border-bottom: none;
}

input.op-no-edit {
	pointer-events: none;
	background-color: transparent !important;
	border-color: transparent !important;
	color: #505050;
	border: none !important;
}

.standaard-tekst {
	width: 700px;
	height: 200px;
	padding: 10px;
}

.geen-factuur {
	color: red !important;
}

.vraag-table {
	border: 1px solid #ddd;
}

.vraag-header {
	background: #f0f0f0;
}

.vraag-naam {
	width: 225px;
	padding-left: 5px;
	line-height: 24px;
}

.vraag-jaar {
	width: 65px;
	text-align: center;
	line-height: 24px;
/*	padding-right: 5px; */
	border-left: 1px solid #ddd;
}

.vraag-kruis {
	float: left;
	width: 31px;
	padding-right: 5px;
	text-align: right;
}

.vraag-separator {
	border-right: 1px dotted #ddd;
}

.vraag-beheerder {
	width: 63px;
	border-left: 1px solid #ddd;
	padding-left: 5px;
}

.vraag-sep td {
	border-bottom: 1px solid #ddd;
}

.vraag-ask {
	cursor: pointer;
}

.dv-title {
	line-height: 30px;
	font-size: 14px;
}
/*
.dv-view {
	margin-left: 20px;
}
*/
.dv-table {
	margin-bottom: 30px;
	border: 1px solid #eee;
} 

th.dv-datum, th.dv-omschrijving, th.dv-tegenomschrijving, th.dv-rekening, th.dv-bedrag {
	background-color: #eee;
	color: #777;
}

td.dv-omschrijving {
	padding-left: 5px;
}

.dv-datum {
	width: 65px;
	padding-left: 5px;
	border-right: 1px solid #eee;
}

.dv-rekening {
	width: 50px;
	text-align: right;
	padding-right: 10px;
	line-height: 20px;
	border-right: 1px solid #eee;
}

.dv-omschrijving {
	width: 300px;
	line-height: 20px;
	border-right: 1px solid #eee;
	padding-right: 10px;
	overflow-x: hidden;
}

.dv-tegenomschrijving {
	width: 200px;
	line-height: 20px;
	border-right: 1px solid #eee;
	padding-left: 5px;
}

.dv-bedrag {
	text-align: right;
	width: 75px;
	padding-right: 5px;
	line-height: 20px;
}

.dv-bedrag div {
	border-top: 1px solid #aaa;
    width: 60px;
    float: right;
    margin-top: 2px;
    padding-top: 2px;	
    border-bottom: 3px double #aaa;
    margin-bottom: 10px;
}

.dv-totaal-tekst {
	text-align: right;
	padding-right: 5px;
	padding-bottom: 7px;
}

.dv-sep {
	width: 75px;
	height: 12px;
}

.dv-streep {
	border-right: 1px solid #eee;
}

.opdracht-uitsluit {
	float: left;
	line-height: 24px;
}

.sys-yuki-rgs {
	margin: 0 15px;
}

.file-line {
	margin-top: 20px;
}

.start-line {
	padding-left: 10px;
	margin-top: 15px; 
}


.file {
  position: relative;
  height: 30px;
  min-width: 170px;
  padding-left: 10px;
  padding-right: 10px;
}

.file > input[type="file"] {
  position: absoulte;
  opacity: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.file > label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
/*  background-color: #666;
  color: #fff; */
  border: 1px solid #777;	
  border-radius: 5px;
  line-height: 30px;
  text-align: center;
  cursor: pointer
}

.yuki-melding {
	margin-top: 24px;
}


.huurcontainer table input {
	width: 70px;
	text-align: right;
	padding-right: 5px;
}

.huurcontainer table select {
	margin-left: 10px;
}	

.huurcontainer .opmerking {
	margin-top: 40px;
	margin-bottom: 15px;
}

.huurcontainer .huurtabel {
	line-height: 20px;
	border: 1px solid #ddd;
}

.huurcontainer th {
	font-weight: bold;
	background: #eee;
	line-height: 20px; 
}

.huurtabel td {
	border-top: 1px solid #ddd;
}

.huurtabel .huurjaar {
	width: 40px;
	border-right: 1px solid #ddd;
	text-align: center;
}

.huurtabel .huurbedrag {
	width: 85px;
	text-align: center; 
}

.huurtabel .perjaar {
	border-right: 1px solid #ddd;
} 	

.winstverdeling .jaar {
	width: 25px !important;
}

.winstverdeling .begin {
	width: 95px;
	text-align: center;
}

.winstverdeling .winst {
	width: 65px;
	text-align: center;
}

.winstverdeling .opname {
	width: 95px;
	text-align: center;
}

.winstverdeling input.begin {
	width: 60px;
	text-align: right;
	padding-right: 5px;
	padding-left: 0px;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.winstverdeling input.winst {
	width: 30px;
	text-align: right;
	padding-right: 5px;
	padding-left: 0px;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.winstverdeling input.opname {
	width: 60px;
	text-align: right;
	padding-right: 5px;
	padding-left: 0px;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.conv-header {
	text-align: center;
	border-bottom: 1px solid #dddddd;
	margin-bottom: 5px;
}

.conv-rek {
	width: 40px;
	padding-right: 5px;
	text-align: right;
}

.conv-rek input {
	width: 35px;
	text-align: right;
	padding-right: 5px;
}

.conv-oms {
	width: 200px;
}

.conv-sep {
	width: 50px;
}

.conv-table th {
	font-weight: bold;
}

.grb-opvraag-table {
	border-spacing: 5px;
}

.gen-van-tot-per {
	width: 75px;
} 

.gen-van-tot-datum {
	height: 14px;
}

.gen-van-tot-rek {
	width: 28px;
	text-align: right;
	padding-right: 5px;
} 

.gen-van-tot-bedrag {
	text-align: right;
	padding-right: 5px;
	width: 77px;
}

.grb-opvraag-tekst {
	padding-bottom: 10px;
}

.her-cum {
	padding-top: 3px;
}

.her-credit {
	color: red;
}

.uurtar .tar-soort {
	width: 150px;
}

.uurtar .tar-tarief {
	width: 95px;
	text-align: right;
	padding-right: 10px;
}

.uurtar .tar-tarief input {
	width: 40px;
	text-align: right;
}

.wwft-groep {
	margin-top: 20px;
	font-size: 16px;
	font-weight: bold;
}

.wwft-omschrijf {
	float: left;
}

.wwft-bedrag {
	float: right;
	font-weight: bold;
}

.wwft-toelicht {
	width: 650px;
	float: left;
}

.wwft-toelicht input {
	width: 600px;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.wwft-detail-line-2 {
	margin-top: -8px;
}

.wwft-gebruik {
	float: right;
	width: 195px;
}

.wwft-gebruik input {
	float: left;
	margin-top: -3px;
	margin-right: 5px;
	
}

.wwft-gebruik div	 {
	float: left;
}	
	
.wwft-gebruik-part {
	float: right;
	width: 400px;
}

.wwft-last {
	width: 148px;
}

.wwft-groep-titel {
	margin-top: 25px;
	margin-bottom: 0px;
}

.tarief-omschrijving {
	width: 200px;
}

.tarief-jaar {
	width: 60px;
} 

.tarief-table th {
	font-weight: bold;
}

.tarief-table th.tarief-jaar {
	padding-left: 30px;
}

.tarief-table {
	margin-bottom: 15px;
	line-height: 24px;
}

.tarief-table input {
	width: 40px;
	text-align: right;
	padding-right: 5px;
}

.tarief-titel {
	width: 95px;
}

.open-groep {
	float: left;
	padding-right: 20px;
	font-weight: bold;
}

.open-medewerker {
	float: left;
}

/**********************************/
/*
nav ul.nav-new {
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
	font-size: 22px;
}

nav ul.nav-new li {
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
}

nav ul.nav-new li:hover {
	background-color: blue;	
}

nav ul.nav-new li.submenuItem {
	cursor: pointer;	
}

nav ul.nav-new ul {
	display: none;
	position: absolute;
	top: 60px;
}

nav ul.nav-new li.submenuItem:hover > ul {
	display: inherit;
}

nav ul.nav-new ul li {
	width: 230px;
	float: none;
	display: list-item;
	position: relative;
}

nav ul.nav-new ul ul li {
	position: relative;
	top: -60px;
	left: 230px;
}

nav ul.nav-new a {
	color: white;
	text-decoration: none;
}
*/
/***********************************/

.klant-table .part-bsn {
	width: 100px;
}

.klant-table .part-legnr {
	width: 100px;
}

.klant-table .part-postcode {
	width: 80px;
}

.klant-table .part-telefoon {
	width: 100px;
}

.klant-table .part-mobiel	{
	width: 100px;
}

.klant-table .part-email {
	width: 350px;
}

.part-text {
	width: 100px;
}

.part-belastingplichtige {
	float: left;
	width: 480px;
}

.part-partner {
	float: left;
	width: 350px;
}

.part-header {
	padding-left: 3px;
	font-weight: bold;
	margin-bottom: 10px;
}

.part-ib-jaar {
	width: 50px;
}

.part-ib-jaar input {
	width: 30px;
}

.part-ib-mdw {
	width: 60px;
}

.part-ib-mwd select {
	width: 50px;
}

.part-ib-datum {
	width: 88px;
}

.part-ib-bedrag {
	width: 70px;
}

.part-ib-bedrag input {
	width: 45px;
	text-align: right;
	padding-right: 5px;
}

.part-ib-toel {
	width: 53px;
}

.part-ib-aang, .part-ib-bijl {
/*	padding: 0 8px; */
}

.part-ib-toel-line div {
	margin-top: 10px;
	display: none;
}

.part-ib-toel-part {
	padding-top: 10px;
}

.part-ib-toel-part textarea {
	width: 410px;
	height: 150px;
}

.part-ib-toel-part span {
	vertical-align: top;
	position: relative;
	top: 3px;
}

.part-ib-mail-part {
	padding-top: 10px;
}

.part-ib-mail-part input {
	width: 250px;
	margin-right: 15px;
}

.part-ib-mail-line div {
	display: none;
}

.part-ib-header {
	vertical-align: bottom;
}

.part-ib-header th {
	padding-bottom: 8px;
}

.part-aangifte, .part-bijlage {
	padding: 0 8px;
	height: 33px;
}

th.part-ib-aang, th.part-ib-bijl {
	padding-left: 8px;
}

.part-ib-email {
	padding-left: 7px; 
}

.not-avail {
	color: red;
}

.stam-language {
	float: left;
}

.stam-overgenomen {
	float: left;
	width: 100px;
	
}

.mail-line .taal {
	padding-left: 10px;
	padding-right: 12px;	
}

.kvm-melding {
	margin-bottom: 15px;
}

#gesprek_functie {
	width: 200px;
}

.kvm-naam {
	font-weight: bold;
	font-size: 14px;
	margin: 20px 0;
}

.kvm-container {
	margin-top: 10px;
}

.kvm-voet:not(:last-child) {
	border-bottom: 1px solid silver;
}

.info-dummy {
	width: 106px;
}

.corr-container {
	height: 740px;
	margin-bottom: 25px;
}

.corr-left {
	width: 300px;
	float: left;
	max-height: 400px;
	overflow-y: hidden;
}

.corr-table {
	border-spacing : 0px;
	border: 1px solid #ccc;
}

.corr-table th{
	border-bottom: 1px solid #ccc;
	background-color: #ddd;
}

.corr-datum {
	width: 70px;
	padding-right: 5px;
	text-align: right;
	border-right: 1px solid #ccc;
	height: 20px;
}

.corr-type {
	width: 60px;
	padding-left: 5px;
	border-right: 1px solid #ccc;
	height: 20px;
}

.corr-referentie {
	width: 150px;
	padding-left: 5px;
	overflow: hidden;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	height: 20px;
}

.corr-right {
	float: left;
	width: 747px;
	height: 680px;
	margin-left: 15px;
}

.corr-table tr:not(:last-child) td {
	border-bottom: 1px solid #ccc;
}

.corr-table tr:not(:first-child):hover {
	cursor: pointer;
	background-color: #eee;
}

.corr-iframe {
	width: 100%;
	height: 100%;
}

.corr-view-frame {
	border: 1px solid #ccc;	
	height: 680px;
	width: 739px;
}



.soort-actie td {
	height: 26px;
}

.actie-sel-actie {
	width: 100px;
}

.klant-select-container, .groep-select-container {
	display: block;
	position: relative;
	cursor: pointer;
	margin-bottom: 12px;
	font-size: 14px;
	user-select: none;
}

.klant-select-container input, .groep-select-container input {
	float: left;
	margin-right: 5px;
}

.klant-select-container div, .groep-select-container div {
	padding-top: 5px;
}

.gen-select-text {
	float: left;
	margin-right: 5px;
	height: 85px;
	padding-top: 5px;
	width: 185px;
}

.table-klanten {
	border: 1px solid #ddd;
	border-bottom: none;
	margin-top: 10px;
	border-right: none;
}

.table-klanten th, .table-klanten td {
	padding: 3px 3px 3px 10px !important;
	height: 22px;
	
}

.table-klanten th {
	font-weight: bold;
}

.klant-klant {
	width: 200px;
}

.klant-branche {
	overflow-x: hidden;
	text-overflow: ellipsis;
	max-width: 300px;
	white-space: nowrap;
	width: 300px;
}

.klant-rechtsvorm {
	width: 80px;
}

.klant-status {
	width: 60px;
}

.klant-omzet {
	text-align: center;
}

.table-klanten .klant-jaar {
	width: 70px;
	text-align: right;
	padding-right: 10px !important;
}  

.gen-select-data input {
	margin-right: 5px;
}

.gen-select-data  div {
	height: 25px;
} 

.gen-select-data {
	padding-top: 5px;
}

.gen-select-leeg {
	height: 20px;
	width: 100px;
}

.klanten-groep {
	margin-top: 30px;
	font-size: 16px;
	font-weight: bold;
	padding-left: 10px;
}

.klanten-omzet {
	margin-top: 30px;
}

.klanten-omzet table.tablesorter tfoot td {
	background-color: white !important;
}
 
.ov-remove {
	width: 45px;
}

.viewRemove-na {
	cursor: initial;
	pointer-events: none;
	opacity: 0.5 !important
}


.viewRemove {
	opacity: 1 !important;
	cursor: pointer;
	pointer-events: all;
}

#document-part-wwft tr#line-3 {
	opacity: 1;
}

.activa-upload {
	width: 40px;
}

.sync-container {
	margin-left: 10px;
	margin-top: 25px;
}

.sync-select-tekst {
	width: 160px;
	float: left;
	height: 30px;
}

.sync-select input {
	float: left; 
	margin-top: -2px; 
	margin-right: 5px;
}	
	

.sync-select {
	float: left;
	
}

.sync-select div {
	float: left;
}

.wwft-onderzoek {
	margin-left: 0px;
}

.wwft-incident {
	border-top: 1px solid black;
	border-left: 1px solid black;
    border-spacing: 0px;
    border-collapse: separate;
    margin-top: 15px;
}

.wwft-kader {
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}

.wwft-part-3 {
	width: 350px;
}

.wwft-table-onderzoek td {
	padding: 10px;
}

.wwft-part-0 div:first-of-type{float: left; width: 145px}
.wwft-part-1 div:first-of-type{float: left; width: 65px}
.wwft-part-2 div:first-of-type{float: left; width: 75px}
.wwft-part-3 div:first-of-type{float: left; width: 120px}
/*
.wwft-part-11 div:first-of-type{float: left; width: 20px;}
.wwft-part-11 div:last-of-type{width: 891px;}

.wwft-part-22 div:first-of-type{float: left; width: 100px;}
.wwft-part-22 div:last-of-type{ width: 891px;}

.wwft-part-11 textarea {
	height:100px;
	width: 855px;
}

.wwft-part-22 textarea {
	height: 100px;
	width: 771px;
}


.wwft-text-block td.wwwft-part-22, .wwft-text-block td.wwwft-part-11 {
	padding-top: 0px;
	padding-bottom: 0px;
}

.wwft-option {
	line-height: 30px;
}

td.wwft-line-1 {
	padding-bottom: 0px;
}

td.wwft-line-2 {
	padding-top: 12px;
}

.wwft-part-0 div.onderzoek{padding-top: 10px;}
*/

.wwft-text-block {
	border: 1px solid black;
	width: 912px;
	height: 155px;
	margin-top: 20px
}

.controle-text-block {
	border: 1px solid black;
	width: 912px;
	height: 220px;
	margin-top: 20px
}

.controle-text-block-large {
	border: 1px solid black;
	width: 912px;
	height: 252px;
	margin-top: 20px
}

.controle-vragen {
	margin-bottom: 30px;
}

.wwft-verscherpt-block {
	border: 1px solid black;
	width: 912px;
	height: 100px;
	margin-top: 20px
}

.wwft-text-line {
	margin-top: 10px;
}

.wwft-text-line div:first-of-type {
	float: left;
	width: 20px;
	padding-left: 10px;
}

.wwft-text-line div:last-of-type {
}

.wwft-text-line-1 textarea {
	margin-left: 24px;
	height: 100px;
	width: 866px;
	margin-top: 8px;
	padding: 5px;
}

.wwft-text-line-2 {
	margin-top: 8px;
}

.wwft-text-line-2 div:first-of-type {
	width: 100px;
	float: left;
	line-height: 30px;
}

.wwft-text-line-2 div:last-of-type {
	float: left;
}

.wwft-text-line-2 input {
 	width: 20px;
 	height: inherit;
 }

.wwft-text-line-2 textarea {
	height: 100px;
	width: 787px;
	padding: 5px;
	margin-top: 2px;
}

.controle-text-line-2 {
	margin-top: 8px;
}

.controle-text-line-2 div:first-of-type {
/*	width: 200px; */
	line-height: 30px;
}

.controle-text-line-2 div:last-of-type {
/*	float: left; */
	margin-left: 40px;
}

.controle-text-line-2 input {
 	width: 12px;
 	height: inherit;
 	margin-left: 30px;
 }

.controle-text-line-2 textarea {
	height: 100px;
	width: 834px;
	padding: 5px;
	margin-top: 2px;
	margin-left: 5px;
}

.controle-janee {
	line-height: 30px;
	float: none;
}

.controle-antwoord {
	float: none;
}


.onderzoek {
	padding-top: 10px;
}

.wwft-seperator {
	height: 50px;
	width: 800px;
}

.wwft-medewerker, .wwft-datum {
	padding-top: 10px;
}

.wwft-kvknummer {
	line-height: 28px;
}

.wwft-incident-bijlage-block {
	border: 1px solid black;
	padding: 10px;
	height: 33px;
	width: 902px;
	margin-top: 20px;
	padding-left: 0px;
}

.wwft-incident-bijlage-block div {
	padding-right: 10px;
	float: left;
}


.wwft-incident-bijlage-block div:first-of-type {
	padding-right: 3px;
	float: left;
}



.incident-bijlage-text {
	margin-top: 10px;
}

.incident-bijlage-name {
	color: #05d005;
}

.stam-slapend  {
	float: left;
	width: 100px;
}	

.stam-advies {
	float: left;
}	
	
.stam-advies input, .stam-slapend input, .stam-overgenomen input {
	margin-top: 11px;
}		

.jaarrek-warning {
	margin-top: 100px;
	color: red;
	font-size: 14px;
	font-weight: bold;
}	

.jaar-disabled {
	color: #5050506b;
}	

.sbi-groep {
	padding-bottom: 5px;
}

.sbi-groep-header {
	margin-top: 20px;
	margin-bottom: -5px;
	padding-left: 5px 
}

.sbi-indeling-table {
	border: 1px solid #777;
}

.sbi-indeling-table th {
	color: black;
}

.sbi-indeling-table .omschrijving {
	height: 28px;
	text-overflow: ellipsis;
	max-width: 400px;
	white-space: nowrap;
	overflow-x: hidden;
	border-right: 1px solid #777;
} 

.sbi-indeling-table td.omschrijving {
	padding-left: 5px;
}

.sbi-indeling-table .aantal {
	width: 32px;
	height: 28px;
	padding-right: 5px;
	text-align: right;
	border-right: 1px solid #777;
} 

.sbi-indeling-table .groep {
	height: 28px;
	padding-left: 5px;
	padding-right: 5px;
} 

.sbi-indeling-table td {
	border-top: 1px solid #777;
}

.sbi-indeling-table .groep select {
	border: none;
	height: 18px;
}

.sbi-raster { 
	stroke: #aaa;
	stroke-width: 0.5px;
}

.sbi-text {
	fill: #555;
	font-family: arial;
	font-size: 12px;
}

.stam-verscherpt {
	padding-top: 14px;
}

.controle-bedrijf {
	padding-top: 10px;
}

.wwft-text-block textarea {
	resize: none;
}

.markeer {
	border: 1px solid red !important;
    background-color: rgba(255, 0, 0, 0.1) !important;
}

.klt-alert {
	padding-left: 3px;
	padding-top: 2px;
	width: 10px;
}
/*
@keyframes blink {
  50% {
    opacity: 0.0;
  }
}
@-webkit-keyframes blink {
  50% {
    opacity: 0.0;
  }
}

.blink {
  animation: blink 1s step-start 0s infinite;
  -webkit-animation: blink 1s step-start 0s infinite;
}
*/
.no-wwft {
	display: none;
}

.wwft-no-alert {
	visibility: hidden;
}


.alert-box, .loon-alert-box {
	background: transparent;
	display: none;
	padding-left: 20px;
}

.alertMenu, .loon-alertMenu {
	border: 2px solid #777;
	background: #eeeeee;
	white-space: nowrap;
}

.alertItem{
	line-height: 24px;
	cursor: pointer;
	display: block;
	width: 70px;
	text-decoration: underline;
	margin-left: 5px;
}

.loon-alertItem{
	line-height: 24px;
	width: 200px;
	margin-left: 10px;
	color: red;
}

.alertItem:hover{
	background-color: #ddd;
	width: 70px;
	margin-left: 0px;
	display: block;
	padding-left: 5px;
}

.gen-opvraag-van-jaar {   
	width: 125px;
    margin-left: 10px;
    float: left;
 }
 
 .gen-opvraag-periode {
 	margin-top: 20px;
 	margin-bottom: 20px;
 }   
 
.sg-meer-text {
	width: 90px;
}

.sg-meer-input {
	width: 215px;
}

.sg-meer-input input{
	width: 100px;
}

.sg-vnaam, .sg-anaam, .sg-padres, .sg-pplaats, .sg-ezakelijk, .sg-eprive{
	width: 200px !important;
}

.wwft-incident-bijlage {
	padding-left: 16px;
}

.systeem-gebruiker-table .systeem-gebruiker-line:hover  {
	background-color: #ccc;
	cursor: pointer;
}


.sg-meer-gebruiker {
	margin-top: 15px;
	display: none;
}

.sg-meer-gebruiker table {
	width: 100%;
	border: 2px double #bbb;
	background-color: #fafafa; 
}

.sg-meer-block {
	padding: 10px;
	border-top: 1px solid #ddd;
}

.sg-sep {
	height: 40px;
}

.sg-initialen {
	width: 35px !important;
}

hr.scheiding {
	background-color: #ddd;
}

.opl-omschrijving {
	width: 300px;
}

.opl-omschrijving input{
	width: 280px;
}

.opl-instelling {
	width: 300px;
}

.opl-instelling input{
	width: 280px;
}

.opl-jaar {
	width: 50px;
}

.opl-jaar input{
	width: 27px;
    text-align: right;
    padding-right: 5px;
}

.opl-maand {
	width: 40px;
}

.opl-maand input{
	width: 13px;
	text-align: right;
	padding-right: 5px;
}

.no-border {
	border: none !important;
	margin-bottom: 10px;
}

.opl-nieuw {
	display: none;
}

.sg-nieuwe-gebruiker {
	display: block ;
}

#sg-disp-nieuwe-gebruiker {
	display: none;
	margin-bottom: 40px;
}

.helpanchor {
	text-decoration: none;
	color: #777;
}

.helpanchor:hover {
	color: black;
}

#help-content li {
	list-style-type: disclosure-closed;
}

.gen-medewerker-naam {
	vertical-align: super !important;
	margin-left: 3px;
}

.gen-opvraag-medewerker {
	margin-left: 15px;
	margin-top: 15px;
	margin-bottom: 30px;
}

.not-avail-container {
	padding-left: 15px;
}

#ok-button {
	border: none;
}

.so-omschrijving {
	width: 100px;
}

.soort-overzicht th {
	border-bottom: 1px solid #ddd;
	background-color: #f0f0f0;
}

td.so-omschrijving {
	padding-left: 5px;
}

.so-jaar {
	width: 75px;
	text-align: right;
	padding-right: 5px;
	border-left: 1px solid #ddd;
}

.soort-overzicht {
	border: 1px solid #ddd;
	line-height: 20px;
	margin-top:	25px;
}

.so-footer td {
	border-top: 1px solid #ddd;
	background-color: #f0f0f0;
}

.pv-procent {
	width: 40px;
	padding-right: 5px;
	text-align: right;
}

.pv-table {
	border: 1px solid #ddd;
}


.pv-table th {
	background-color: #f0f0f0;
} 

.pv-table td, .pv-table th{
	border-bottom: 1px solid #ddd;
} 

.pv-table .pv-procent {
	height: 14px;
}

.pv-select {
	width: 30px;
	border-right: 1px solid #ddd;
}

.pv-naam {
	width: 250px;
	padding-left: 5px;
	border-right: 1px solid #ddd;
}

.pv-oud {
	width: 70px;
	padding-right: 5px;
	text-align: right;
	border-right: 1px solid #ddd;
}

.pv-bedrag-nieuw {
	width: 50px;
	text-align: right;
	padding-right: 5px;
}

.pv-verhoging {
	width: 70px;
	padding-right: 5px;
	text-align: right;
	border-right: 1px solid #ddd;
}

.pv-nieuw {
	width: 80px;
	padding-right: 5px;
	text-align: right;
}

.pv-line {
	line-height: 30px;
}

.pv-select input {
	vertical-align: middle;
}

.pv-onderwerp {
	width: 300px;
}

.readMore {
	float: right !important;
	padding-right: 20px;
	text-decoration: underline;
	cursor: pointer;
	font-size: 14px;
}

.info-block {
	margin-bottom: 20px;
	margin-top: 15px;
	margin-left: 15px;
	line-height: 20px;
}

.info-block th {
	font-weight: bold;
}	

.info-klant-col-1 {
	width: 120px;
}

.info-klant-col-2 {
	width: 250px;
}

.info-block hr {
	margin-right: 15px;
}

.oss-info-belasting-soort {
	width: 50px;
}

.oss-info-document-soort {
	width: 100px;
}

.oss-info-omzet-periode {
	width: 110px;
/*	border-right: 1px solid #ccc; */
	border-bottom: 1px solid #ccc;
	padding-left: 5px
}

.oss-info-omzet-mdw, .oss-info-ib-mdw, .oss-info-vpb-mdw {
	width: 30px;
	text-align: right;
	padding-right: 15px;
/*	border-right: 1px solid #ccc; */
	border-bottom: 1px solid #ccc;
	padding-left: 5px;
}

.oss-info-omzet-datum, .oss-info-ib-datum, .oss-info-vpb-datum {
	width: 70px;
	padding-left: 5px;
/*	border-right: 1px solid #ccc; */
	border-bottom: 1px solid #ccc;
}

.oss-info-omzet-toelicht {
	overflow-x: hidden;
	text-overflow: ellipsis;
	width: 300px;
	white-space: nowrap;
	display: table-cell;
/*	border-right: 1px solid #ccc; */
	border-bottom: 1px solid #ccc;
	height: 40px;
	line-height: 24px
	vertical-align: middle;
	padding-left: 5px;
}

.oss-info-vpb-toelicht {
	overflow-x: hidden;
	text-overflow: ellipsis;
	width: 330px;
	white-space: nowrap;
	display: table-cell;
/*	border-right: 1px solid #ccc; */
	border-bottom: 1px solid #ccc;
	height: 40px;
	line-height: 24px
	vertical-align: middle;
	padding-left: 5px;
}



.oss-info-omzet-bedrag {
	width: 80px;
	text-align: right;
	padding-right: 5px;
/*	border-right: 1px solid #ccc; */
	border-bottom: 1px solid #ccc;
}

.oss-info-omzet-doc, .oss-info-ib-doc, .oss-info-vpb-doc {
	border-bottom: 1px solid #ccc;
/*	padding-left: 5px;
	padding-right: 5px; */
}

td.oss-info-omzet-doc, td.oss-info-ib-doc, td.oss-info-vpb-doc {
	text-align: center;
}


.oss-info-omzet-doc img, .oss-info-ib-doc img, .oss-info-vpb-doc img {
	vertical-align: middle;	
}

.oss-info-table {
	border-top: 1px solid #ccc;
	border-bottom: none;
}

/*.info-block .fileUpload img {
	height: 26px;
}*/
 
.oss-info-ib-jaar {
	width: 50px;
/*	border-right: 1px solid #ccc; */
	border-bottom: 1px solid #ccc;
/*	border-left: 1px solid #ccc; */
	height: 40px;
	padding-left: 5px;
}

.oss-info-ib-bedrag {
	width: 94px;
/*	border-right: 1px solid #ccc; */
	border-bottom: 1px solid #ccc;
	text-align: right;
	padding-right: 18px;
}

.oss-info-ib-doc {
/*	border-right: 1px solid #ddd; */
}

.oss-info-ib-naam {
	border-bottom: 1px solid #ddd;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 5px;
}


.oss-info-vpb-jaar {
	width: 50px;
/*	border-right: 1px solid #ccc; */
	border-bottom: 1px solid #ccc;
	height: 40px;
	padding-left: 5px;
}

.oss-info-vpb-bedrag {
	width: 70px;
	border-bottom: 1px solid #ccc;
	text-align: right;
	padding-right: 5px;
}

.oss-info-vpb-doc {
/*	border-left: 1px solid #ccc; */
	padding-left: 5px;
}	

.no-select {
	display: none;
}

.gen-select-text-workload {
	height: 60px;
	padding-top: 10px;
}

.comm-blok {
	margin-left: 10px;
	margin-top: 10px;
}

.comm-active {
	float: left;
}

.comm-label {
	float: left;
	line-height: 26px;
}
 .comm-no-vraag {
 	float: left;
 	margin-left: 25px;
 	line-height: 26px;
}

.comm-vraagrek {
	margin-top: 20px;
}

.comm-pakket {
	width: 60px;
	float: left;
	margin-top: 7px;
}

.comm-rek-selectie {
	float: left;
}

.comm-sel-check {
	width: 36;
	text-align: center;
}

.comm-sel-rek {
	width: 30px;
	text-align: right;
	padding-right: 5px;
}

.comm-sel-omschrijving {
	width: 300px;
	padding-left: 5px;
}

.comm-rek-selectie table {
	border: 1px solid #ddd;
	border-spacing: 0px;
	line-height: 24px;
}

.comm-rek-selectie table th {
/*	padding-left: 0px; */
}

.comm-rek-selectie table td {
	vertical-align: middle;
	border-top: 1px solid #ddd;
}

td.comm-sel-rek, td.comm-sel-omschrijving {
	padding-bottom: 5px;
	border-left: 1px solid #ddd;
}

th.comm-sel-rek, th.comm-sel-omschrijving {
	border-left: 1px solid #ccc;
}


.comm-rek-selectie table tr:first-of-type {
	background-color: #eee;
}

.comm-geen-admin {
	margin-top: 8px;
}

.plan-periode {
	float: left;
	width: 110px;
	font-weight: bold;
}

.plan-prioriteit {
	float: left;
	font-weight: bold;
}

.plan-naam {
	padding-left: 20px;
}

.plan-seperator {
	width: 100px;
	height: 10px;
}

.plan-block {
	line-height: 18px;
}

.disp-actie-datum {
	width: 60px;
	float: left;
	line-height: 30px;
}

.inp-actie-datum {
	float: left;
}

.disp-tekst-grenzen {
/*	display: none; */
}

.werk-sel-medewerk label {
	cursor: pointer;
}

.start-yuki-conversie {
	margin-top: 15px;
}

.grafiek {
	padding-bottom: 35px;
	padding-top: 15px;
}

.open-jaarafsluit {
	margin-top: 50px;
/*	display: none; */
}

.select-item {
	cursor: pointer;
	vertical-align: super;
}

.select-all {
/*	cursor: inherit !important; */
}

#rekpopup {
	height: 400px;
	width: 500px;
	position: absolute;
	top: 200px;
	left: 400px;
	background: white;
	border: 5px solid silver;
	display: none;
}

#popupname {
	width: 485px;
	height: 24px;
	background-color: #eee;
	font-size: 16px;
	padding-left: 15px;
	padding-top: 6px;
}

#popup-title {
	float: left;
	padding-left: 15px;
	font-size: 16px;
	vertical-align: middle;
	line-height: 30px;
	color: #555;
}

#popup-close-part {
	float: right;
	height: 30px;
	padding: 0 10px;
	cursor: pointer;
}

#popup-close-part:hover {
	background: red;
}

#popup-header {
	height: 30px;
	background-color: #eee;
	text-align: right;
}

#popup-snelstart {
	height: 370px;
	overflow-y : scroll;
}

.rekpopup-rek {
	width: 40px;
	padding-right: 3px;
	text-align: right;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
}

.rekpopup-oms {
	padding-left: 3px;
	border-bottom: 1px solid #eee;
	width: 438px;
}

.rekpopup-line:hover {
	background-color: #ddd;
	cursor: pointer;
}

#of-historie tfoot td, #of-historie2 tfoot td{
	background-color: white !important;
	font-weight: bold;
}

.jaar-selectie, .jaar-selectie input {
	cursor: pointer;
}

.prijsverhoging {
	margin: 20px 10px;
}

.part-ib-email .mail-button {
	width: 33px;
}

.wwft-spacer {
	height: 10px;
	width: 100px;
} 

.ctrl-medewerker {
	float: left;
	width: 542px;
}

.ctrl-datum input {
	width: 70px;
}

.ctrl-panel {
	margin-left: 10px;
	margin-bottom: 20px;
}

.ctrl-conclusie span {
	vertical-align: top;
}

.ctrl-conclusie textarea {
	height: 200px;
    width: 834px;
    padding: 5px;
    margin-top: 2px;
    margin-left: 5px;
}

.wwft-part-1, .wwft-part-2 {
	width: 250px;
}

.datajaren {
	margin-bottom: 25px;
	margin-left: 5px;
	line-height: 24px;
	margin-left: 30px;
	
}

.mo-table {
/*	border-left: 1px solid #ddd;
    border-top: 1px solid #ddd; */
   	border: 1px solid #ddd;
}

.mo-table th, .mo-table td {
	padding: 4px;
}


.mo-table th {
	background-color: #f0f0f0;
}

.mo-table td:not(:first-of-type) {
	border-left: 1px solid #ddd;
}

.mo-table th:not(:first-of-type) {
	border-left: 1px solid #bbb;
}


.mo-date {
	width: 70px;
}

.mo-time {
	width: 60px;
}

.mo-to {
	width: 200px;
	line-height: 22px;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;	
}

.mo-subject {
	width: 300px;
	line-height: 22px;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;	
}

.mo-status {
	width: 200px;
	line-height: 22px;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;	
}

.mo-line:hover {
	background-color: #f7f7f7;
}

.mo-inzien {
	padding-left: 5px !important;
	padding-right: 5px !important;
	width: 23px;
}

.mo-inzien span{
	color: red;
	text-decoration: underline;
	cursor: pointer;
}


.mo-bijlage {
	padding-left: 5px !important;
	padding-right: 5px !important;
	width: 40px;
}

.mo-bijlage span{
	color: red;
	text-decoration: underline;
	cursor: pointer;
}


.wwft-rep-controlejaar {
	padding-top: 20px;
	font-weight: bold;
}

.mutjaar {
	padding-left: 73px;
}

.mutaantal {
	width: 60px;
	text-align: right;
}

.muttarief {
	width: 60px;
	text-align: right;
	padding-right: 20px;
}

.mutseljaar {
	line-height: 60px;
}

.muttable {
	margin-top: 15px;
}

.opdracht-aantal input {
	width: 40px;
	text-align: right;
	padding-right: 5px;
}

.opdracht-aantal {
	width: 60px;
}

.opdracht-winst input {
	width: 65px;
	text-align: right;
	padding-right: 5px;
}

.opdracht-winst {
	width: 90px;
}


.stijg-table {
	margin-left: 5px;
}

.stijg-table td, .stijg-table th { 
	text-align: right;
}


.stijg-naam {
	width: 250px;
	text-align: left !important;
}

.stijg-verwacht {
	padding-left: 150px;
	text-align: left !important;
}

.stijg-werk {
	padding-left: 100px;
	text-align: left !important;
}

.stijg-verw-aantal {
	width: 80px;
} 
 
.stijg-verw-winst {
	width: 90px;
}

.stijg-werk-aantal {
	width: 80px;
}

.stijg-werk-winst {
	width: 90px;
}

.stijg-sep {
	width: 10px;
}

.stijg-toename {
	width: 90px;
}

.add-opdracht {
	margin-top: -20px;
}

.ln-meer-text {
	width: 155px;
}

.ln-meer-input {
	width: 170px;
}

.ln-bsn {
	width: 66px;
}

.ln-paspoort {
	width: 120px;
}

.ln-functie {
	width: 492px;
}

.ln-loon {
	width: 45px;
	text-align: right;
	padding-right: 5px;
}

.ln-moreLoon {
	width: 63px;
	text-align: right;
	padding-right: 5px;
}



.ln-dagen {
	width: 20px;
	text-align: right;
	padding-right: 5px;
}

.ln-uren {
	width: 30px;
	text-align: right;
	padding-right: 5px;
}

.ln-overige {
	width: 490px;
	height: 100px;
	resize: none;
}

.ln-overige-text {
	vertical-align: top;
}

#ln-disp-nieuwe-medewerker {
	display: none;
}

.medewerkers-header {
	background-color: #f0f0f0;
}

.werknemer-table {
	width: 100%;
    border: 1px solid #ddd;
/*    margin-top: 30px; */	
}

.medewerkers-header th {
	padding-bottom: 10px;
    padding-top: 10px;
}

.medewerkers-table .ln-anaam {
	width: 160px;
}

.medewerkers-table .ln-vletters {
	width: 160px;
}

.werknemer-detail-table td {
	border: none !important;
}

.medewerkers-table .ln-geboorte, .medewerkers-table .ln-indienst, .medewerkers-table .ln-uitdienst {
	width: 120px;
}

.medewerkers-table .ln-geslacht {
	width: 80px;
}

.medewerkers-table .ln-nr {
	width: 25px;
	padding-right: 10px;
	text-align: right;
}

.medewerkers-table td {
    border-top: 1px solid #ddd;
    padding-left: 5px;
}
/*
.medewerkers-table {
	background-color: #ccc;
	cursor: pointer;
} 
*/

.werknemer-line-hover:hover {
	background-color: #ccc;
	cursor: pointer;
} 

.werknemer-line {
	height: 25px;
	background-color: inherit;
	cursor: inherit;
}

.medewerkers-detail-table {
	margin: 10px;
    border: 2px double #bbb;
    background-color: #fafafa;	
}

.medewerkers-detail-table td {
	border: none;
    padding-left: 5px;
}

.medewerker-detail {
	display: none;
}

.ln-opmerking {
	display: none;
	padding-left: 7px;
}

.loon-medewerkers {
	margin-left: 8px;
	margin-right: 8px;
}

.minimum-loon, .uren-opgave {
	margin: 0 15px 0 15px;
}

.min-ingang-tekst {
	padding: 0 10px 0 10px;
}

.min-tabel {
	border: 1px solid #ddd;
}

.min-header {
    background-color: #f0f0f0;
}

.min-inp-bedrag {
	text-align: right;
	padding-right: 5px;
	width: 60px;
}

.min-left, .min-right {
	float: left;
	width: 300px;
}

.min-right {
	margin-left: 40px;
}

.min-left {
	padding-left: 10px;
}

.min-leeftijd {
	width: 100px;
}

.min-maand, .min-uur {
	width: 80px;
}

.min-soort {
	font-size: 14px;
	margin-top: 20px;
	margin-bottom: 10px;
}

.min-sep {
	height: 20px;
}

#disp-nieuw-minimum {
	display: none;
}

.uren-block {
	margin-bottom: 20px;
}


.uren-ind {
	width: 29px;
}

input.uren-uren {
	text-align: right;
	padding-right: 5px;
	width: 20px;
}

input.uren-dagen{
	text-align: right;
	padding-right: 5px;
	width: 15px;
}

.uren-uren, .uren-dage {
	width: 40px;
}

td.uren-medewerker {
	width: 200px;
	padding-left: 5px;
}

.ln-contract {
	width: 90px;
}

.ln-persnr {
	padding-left: 0px;
	width: 25px;
}

.werknemer-diensten {
    border-top: 2px double #ddd;
    background-color: #fafafa;
    width: 100%;
    padding-left: 0px;
    margin-top: 10px;
}

.ln-wn-indienst {
	width: 100px;
	text-align: right;
	margin-right: 20px;
}

.ln-wn-uitdienst {
	width: 100px;
	text-align: right;
	margin-right: 20px;
}

.ln-wn-functie {
	width: 300px;
	margin-right: 20px;
	padding-left: 55px !important;
}

.diensten-blok {
/*	padding-left: 0px !important;
	padding-right: 0px !important; */
	background-color: white;
}

.diensten-regel {
	height: 23px;
	cursor: pointer;
	background-color: white;
}

.diensten-regel:hover {
	background-color: #e7e7e7;
}

.diensten-regel td {
	border-top: 1px solid #fefefe;
}

.diensten-header {
	background-color: #f1f1f1;
	line-height: 28px;
}

.dienst-detail {
	background-color: white;
}

.dienst-detail-block {
	border: 1px solid #bbb;
    margin: 5px 0 5px 0;
    margin-right: 10px;
    padding: 10px 15px 10px 10px;
    background-color: white;
 }

.add-dienstverband {
	margin: 0px;
	height: 25px;
	
}

.add-dienstverband span {
	margin-left: 10px;
	color: inherit !important;
	line-height: 0px;
	vertical-align: bottom;
	margin-left: 44px;
}	

.dienst-new-block {
	margin-left: 10px;
}

.toev-dienst {
/*	color: inherit !important; */
}

#nieuwe-werknemer {
	display: none;
	border: 2px solid #ddd;
    margin: 20px;
}

.nieuwe-werknemer-sep {
	border-top: 2px solid #ddd;
}

#nieuwe-werknemer .werknemer-detail-table {
	width: 100%;
	padding: 10px 0 10px 0;
}


.werknemer-detail-table {
	border-top: 2px solid #ddd;
	padding-top: 10px;
	width: 100%;
}


.werknemer-detail-line {
	display: none;
}

.medewerker-details {
	margin: 20px 0 20px 0;
	border: 2px solid #ddd;
	padding-top: 10px;
	margin-right: 10px;
}

.ln-wn-basis {
	width: 70px;
}

.vervaag {
	background-color: #f0f0f0;
}

.novervaag {
	background-color: white;
}

.medewerkers-table {
	width: 100%;
	border: 1px solid #ddd;
}

.dienst-detail-block td {
	border: none;
}

.add-dienstverband:hover {
	cursor: pointer;
	background-color: white;
}

.toe-dienstverband {
	cursor: pointer;
	width: inherit;
	padding-left: 40px !important;
	border-top: none !important;
	background-color: white;
}

 .add-dienstverband {
	display: none;
	margin: 7px 5px;
	cursor: pointer;
}

.nieuw-dienstverband {
	display: none;
}

.toe-werknemer {
	height: 25px;
	padding-left: 49px !important;
	display: table-cell !important;
	width: inherit !important;
}

.notexistspart {
	display: none;
	padding: 0 8px 0 8px;
}

.dienst-detail-block-nieuw {
	border-top: 1px solid #ddd;
	width: 100%;
	padding-top: 10px;
	margin-top: 10px;
}

.ln-leeftijd {
	width: 80px; 
}

.ln-alert {
	width: 70px;
	cursor: context-menu;
}	

.ln-alert-disp {
	height: 18px;
	line-height: 18px;
	padding-left: 5px;
	width: 17px;
	cursor: pointer;
}

.ln-alert-jarig {
	height: 18px;
	line-height: 18px;
	padding-left: 5px;
	width: 17px;
}



.ln-alert-disp img {
	vertical-align: middle;
}	

.ln-historie {
	float: left;
	margin-right: 10px;
}

.ln-afmeld {
	vertical-align: middle;
	line-height: 24px;
	padding-left: 5px;
}

.ln-nieuwe-werknemer {
	border: 2px solid #ddd;
	border-top: inherit;
}

.ln-aanmeld {
	vertical-align: top;
}

.uren-periode-selector {
	margin: 0 0 15px 15px;
}

td.uren-werknemer {
	padding-left: 5px;
}

.uren-werknemer {
	width: 180px;
}

td.uren-uren, td.uren-ind {
/*	padding: 0 5px 0 5px; */
/*	border-left: 1px solid #ddd; */
}

th.uren-uren, th.uren-ind {
/*	border-left: 1px solid #ddd; */
	padding-right: 10px;
	text-align: right;
}

td.uren-uren input{
	width: 36px;
	text-align: right;
	padding-right: 5px;
	height: 14px;
}

#uren-tabel {
	border: 2px solid #ddd;
	margin-left: 15px;
}

.uren-detail-line {
	line-height: 38px;
}

.uren-header {
	line-height: 38px;
	background: #eee;
}

div.div-uren {
	margin-top: 5px;
	border-bottom: 1px solid #eee;
/*	padding: 0 0 0 5px; */
}

div.div-dagen {
	margin-bottom: 5px;
/*	padding: 0 0 0 5px; */
}




td.uren-werknemer, td.uren-uren, td.uren-ind {
	border-top: 1px solid #ddd;
	line-height: 36px;
}

.dummy-tijdvak {
	width: 90px;
	height: 32px;
	background-color: #f0f0f0;
}

.no-view-werknemers {
	display: none;
}

.view-werknemers {
	display: block;
}

.ln-alert-table {
	border: 1px solid #ddd;
	line-height: 20px;
}

.ln-alert-table th {
	border-bottom: 1px solid #ddd;
	background-color: #eee;
}

.ln-alert-table td {
	padding-left: 5px;
}

.ln-alert-sep {
	height: 10px;
}

.ln-alert-werkgever {
	width: 225px;
	border-right: 1px solid #ddd;
}

.ln-alert-werknemer {
	width: 150px;
	border-right: 1px solid #ddd;
}

.ln-alert-loon {
	width: 60px;
	border-right: 1px solid #ddd;
	text-align: right;
	padding-right: 5px;
}

.ln-alert-opmerk {
	width: 100px; 
}

.ln-advies {
	padding-left: 5px;
	color: red;
}

.uren-jaar-select {
	margin-left: 15px;
	margin-bottom: 20px;
}

#csvprijsverhoging {
	width: 600px;
}