@media screen and (min-width: 916px) {

	

#tblTransacties {

	background: #FFFFFF;
	width: 100%;
	border-spacing: 0 0px;

}	
	#tblTransacties tr td {
		margin: 0px;
		padding: 5px;
		padding-top: 10px;
		padding-bottom: 10px;
		vertical-align: top;
	}
		.trBedrag {
			text-align: right; 
			width: 110px;
			font-weight: bold;
		}
			.trBedragUit {
			 	color: #000;
			}
			.trBedragIn {
			 	color: green;
				
			}
			.trBedragIn .transactieBedrag {
			 	background: #f7fff0; 
				padding: 3px;
				border-radius: 3px;
			}
			
			.transactieOmschrijving {
				height: 20px;
				width: calc(600px - 25px - 140px);
				display: block;
				font-weight: bold;
				text-overflow: ellipsis;
				overflow: hidden;
				white-space: nowrap;
				margin: 0px;
				font-size: 15px;
			}
			
			.transactieDatum {
				color: #666666;
				font-size: 12px;
			}
			
			

		.tdDatum{
			text-align: center;
			width: 35px;
		}
		.tdMaand{
			text-align: center;
		}
		
		.datum {
			color: #CCCCCC;
			font-weight: bold;
			
		}
		
		.trIcon {
			padding-top: 50px;
			text-align: center;
			width: 25px;
		
		}
			.trIcon span {
				padding-top: 5px;
			}
		.trText {
		
		}
		
	





#btnAddProvisie {
	position: fixed;
	bottom: 80px;
	right: 10px;

	

	background-image: linear-gradient(to bottom right, #077ea9, #03b7f9);
	color: yellow;
	
	border: 0px;
	border-radius: 50%;
	

	
	box-shadow: 16px 14px 24px -1px rgba(0,0,0,0.3);
	-webkit-box-shadow: 16px 14px 24px -1px rgba(0,0,0,0.3);
	-moz-box-shadow: 16px 14px 24px -1px rgba(0,0,0,0.3);

	padding: 10px;
}

#btnAddProvisie span svg {
	font-size: 60px;
	font-weight: bold;
	display: block;
	width: 60px;
	height: 60px;
}








#betaalmethodes {
	display: block;
	list-style: none;
	margin: 0px;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 20px;
	height: 60px;
}


.input-hidden {
  display: none;
}

#betaalmethodes li label {
	float: left;
	border-radius: 10px; 
	border: 2px #CCCCCC solid;
	height: 60px;
	margin-right: 10px;
	padding: 10px;
}

#betaalmethodes li label>img {
	width: 50px;
	vertical-align: middle;
}

#betaalmethodes input[type=radio]:checked + label {
  border: 2px green solid;
}


.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}




.currencyinput {
   	border-radius: 10px;
   	border: 2px #CCCCCC solid;
   	width: 160px;
   	padding: 10px;
	margin-top: 10px;
	margin-bottom: 20px;
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
}

.currencyinput input {
    border: 0px;
	width: 100px;
	padding: 0px;
	margin: 0px;
	margin-left: 10px;
	border-radius: 0px;
	font-size: 20px;
	text-align: right;
	display: inline;
}

.currencyinput input:focus {
    outline-width: 0;
}


.btnProvisieChange {
	display: inline-block;

	padding: 3px;
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
	text-align: center;
	width: 30px;
	height: 30px;
	

	border-radius: 50%;
	border: 2px #009cd5 solid;
	color: #009cd5;
	cursor: pointer;
}

#ProvisieChildID {
	border-radius: 5px;
   	border: 0px;
   	width: 150px;
   	padding: 5px;
	margin-top: 5px;
	margin-bottom: 0px;
	font-size: 16px;
	height: 32px;
	background: #009cd5;
	color: #FFFFFF;
}


#paymentCosts {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 10px;
}

#paymentCosts tr {
	background: #E8E8E8;
}
#paymentCosts tr td {
	padding: 5px;
}

.costLabel {
	
}
.costAmount {
	text-align: right;
}

	


}