.financieleItems {

float: left;
width: 100%;
clear: both;	
}

.financieelItem {

float: left;
clear: both;
width: 100%;
min-height: 30px;
line-height: 30px;
border-bottom: 1px solid #efefef;	
padding-left: 5px;

cursor: default;
}

.financieelItem,
.itemNaamRekening,
.itemBedrag,
.itemTeBetalenOp,
.itemBetaaldOp,
.itemVanRekening {

min-width: 120px;	
}

.coachnotes {
	
width: 25px;
height: 25px;
float: left;
margin-top: 2.5px;
margin-right: 8px;
cursor: pointer;
}

.coachnotes:hover {


}

.icon-selector {
	
background-image: url(../img/bc-coach-note-iconen.png);
background-size: cover;
position: absolute;
margin-top: 2px;
margin-left: 25px;
z-index: 100;
background-color: #f9f9f9;
filter: drop-shadow(2px 3px 3px #666666);
border-radius: 25px;
border: 1px solid #ccc;
display: none; 
width: 135px; 
height: 25px;
}

.icon-option {

width:25px; 
height:25px; 
float:left;	
}

.icon-option:hover {
background-color: rgba(255,255,255,0.5); /* Optionele hover effect */
cursor: pointer;
}

.itemNaamRekening {

font-weight: bold;
min-width: 250px;
text-transform: capitalize;	
}

.beheerknop {

display: none;
height: 20px;
margin-top: 1px;
margin-bottom: -3px;
}

.financieelItem:hover {

background-color: #efefef; /* Zachtgeel: #fff4e5 */	
}

.financieelItem:hover > .beheerknop {

display: inline-block;	
}

.beheerknop select {
	
background-color: #03cbf4;
color: #FFF;
width: 100px;
height: 20px;
}

.beheerknop select value {

padding-top: 3px;
padding-bottom: 3px;	
}