@media all and (min-width:1001px){
	.assets-vak{
		width:calc(50% - 20px);
		padding:5px;
		display:inline-block;
		vertical-align: top;
	}
}
@media all and (max-width:1000px){
	.assets-vak{
		width:calc(100% - 10px);
		padding:5px;
	}
}
@media all and (max-width:600px){
	.assets-vak table,
	.assets-vak table tr,
	.assets-vak table tr td{
		display:block;
	}
	.assets-vak table tr td{
		width:100%;
	}
	.assets-vak table tr td textarea{
		min-width:300px;
		width:100%;
	}
}
.assets-id-cell{
	padding-bottom:20px; 
	font-size:24px; 
	font-family:'f_r'; 
	color:#2268aa;
	position:relative;
}
.assets-id{
	border:2px solid #000; 
	border-radius:10px; 
	padding:5px; 
	width:80px; 
	text-align:center;
	display:inline-block;
}
.assets-id-toggle{
	display:inline-block;
	position:relative;
	top:-8px;
}
.assets-id-toggle i.fa-times{
	color:#ef5350;
}
.assets-id-toggle i.fa-plus-circle{
	color:#66bb6a;
}
.asset-vol{
	width:calc(100% - 10px);
}
.assets-vak table tr.kop td{
	padding-top:20px !important;
	color:rgba(0,0,0,0.3);
}
.assets-rechts table tr.kop:nth-child(1) td{
	padding-top:0px !important;
}
.assets-vak .verzekering-niet-zichtbaar{
	display:none;
}
.assets-file{
	padding:5px;
	margin:5px 0 10px 0;
	box-shadow:0 0 5px rgba(0,0,0,0.1);
	border-bottom:2px solid #0097fc;
}
.assets-file-foto{
	min-width:50px;
	min-height:50px;
	margin-right:10px;
	display:inline-block;
	vertical-align: top;
}
.assets-file-info{
	min-height:50px;
	display:inline-block;
	vertical-align: top;
	overflow-x:auto;
}

@media all and (max-width:660px){
	.assets-overzicht table,
	.assets-overzicht tbody,
	.assets-overzicht thead,
	.assets-overzicht tr,
	.assets-overzicht td{
		display:block;
	}
	.assets-overzicht td:nth-child(1),
	.assets-overzicht td.assets-thumb{
		display:inline-block !important; 
	}
	.assets-kop{
		display:none !important;
	}
	.assets-overzicht{
		border-top:2px solid #0097fc;
		border-bottom:2px solid #0097fc;
		width:100%;
		border-spacing: 0;
	    border-collapse: separate;
	}
}
@media all and (min-width:661px){
	.assets-overzicht{
		width:100%;
		border-spacing: 0;
	    border-collapse: separate;
	    margin-top:10px;
		border-bottom:2px solid #0097fc;
	}
	.assets-kop td{
		padding:5px;
		font-family:'f_sb';
		border-bottom:2px solid #0097fc;
	}
}
.assets-item td{
	padding:5px;
}
.assets-item td{
	cursor:pointer;
}
.assets-item:nth-of-type(odd) td{
	background:#E6F5FF;
}
.assets-item:hover,
.assets-item:hover td{
	background:#BFE5FF;
}
.assets-item td img{
	width:40px;
	height:40px;
}
.assets-vet{
	font-family:'f_b';
}
.assets-table-id{
	width:120px !important;
}
.assets-thumb{
	width:50px !important;
}
.assets-table-id div{
	border:2px solid #000; 
	border-radius:10px; 
	padding:5px; 
	width:80px; 
	text-align:center;
	font-size:20px;
}
.assets-table-id div.status-checked{
	color:#4caf50;
	border:2px solid #4caf50;
}
.assets-status-span{
	border:2px solid #CCC;
	color:#CCC;
	padding:5px 10px 5px 10px;
	border-radius:10px;
	font-family:'f_sb';
	cursor:pointer;
}
.assets-status-span:not(.assets-status-span-checked):hover{
	color:#64b5f6;
	border:2px solid #64b5f6;
}
.assets-status-span-checked{
	color:#4caf50;
	border:2px solid #4caf50;
	background:#e8f5e9;
}
.assets-status td{
	padding-bottom:25px;
}

@keyframes blinking {
	0%{
	  background-color: #002033;
	}
	30%{
	  	background-color: #fb8c00;
	}
	70%{
	  	background-color: #fb8c00;
	}
	100%{
	  	background-color: #002033;
	}
}
.button-listen-aan{
	animation: blinking 3s infinite;
}

.asset-result-item{
	width:calc(100% + 20px);
	padding:5px;
	box-shadow:0px 0px 3px rgba(0,0,0,0.2);
	border-bottom:2px solid #0099ff;
}

.autocomplete-item-asset-id,
.asset-result-item-asset-id{
	text-align:center;
	display:inline-block;
}
.autocomplete-item-asset-id.groen
.asset-result-item-asset-id.groen{
	color:#4caf50;
	font-family:'f_r';
}
.autocomplete-item:hover .autocomplete-item-asset-id,
.autocomplete-item-selected .autocomplete-item-asset-id{
	color:#FFF;
}
.autocomplete-item-asset-foto{
	display:inline-block;
}
.autocomplete-item-asset-info{
	display:inline-block;
}
@media all and (max-width:440px){
	.autocomplete-item-asset-id{
		border:1px solid #000; 
		border-radius:5px; 
		padding:2px 6px 2px 6px;
		font-size:9px; 
	}
	.autocomplete-item-asset-id.groen{
		border:1px solid #4caf50;
	}
	.autocomplete-item:hover .autocomplete-item-asset-id,
	.autocomplete-item-selected .autocomplete-item-asset-id{
		border:1px solid #FFF;
	}
	.autocomplete-item-asset-foto{
		padding-left:5px;
	}
	.autocomplete-item-asset-foto img{
		width:20px;
		height:20px;
	}
	.autocomplete-item-asset-info{
		font-size:9px;
		line-height:1em;
		padding-left:5px;
	}
}
@media all and (min-width:441px) and (max-width:640px){
	.autocomplete-item-asset-id{
		border:1px solid #000; 
		border-radius:5px; 
		padding:2px 6px 2px 6px;
		font-size:11px; 
	}
	.autocomplete-item-asset-id.groen{
		border:1px solid #4caf50;
	}
	.autocomplete-item:hover .autocomplete-item-asset-id,
	.autocomplete-item-selected .autocomplete-item-asset-id{
		border:1px solid #FFF;
	}
	.autocomplete-item-asset-foto{
		padding-left:5px;
	}
	.autocomplete-item-asset-foto img{
		width:20px;
		height:20px;
	}
	.autocomplete-item-asset-info{
		font-size:11px;
		line-height:1.2em;
		padding-left:5px;
		vertical-align: top;
	}
}
@media all and (min-width:641px){
    .autocomplete-item-asset-id{
		border:2px solid #000; 
		border-radius:5px; 
		padding:2px 6px 2px 6px;
		font-size:13px; 
		width:35px;
		text-align:center;
	}
	.autocomplete-item-asset-id.groen{
		border:2px solid #4caf50;
	}
	.autocomplete-item:hover .autocomplete-item-asset-id,
	.autocomplete-item-selected .autocomplete-item-asset-id{
		border:2px solid #FFF;
	}
	.autocomplete-item-asset-foto{
		padding-left:5px;
	}
	.autocomplete-item-asset-foto img{
		width:30px;
		height:30px;
	}
	.autocomplete-item-asset-info{
		font-size:13px;
		line-height:1.2em;
		padding-left:5px;
		vertical-align: top;
	}
}
.asset-result-item{
	cursor:pointer;
}
.asset-result-item:hover{
	background:#e1f5fe;
}
.asset-result-item-asset-id,
.asset-result-item-asset-foto,
.asset-result-item-asset-info{
	display:inline-block;
	position:relative;
}
.asset-result-item-asset-id{
	border:1px solid #000; 
	border-radius:5px; 
	padding:2px 6px 2px 6px;
	font-size:11px; 
}
.asset-result-item-asset-id.groen{
	border:1px solid #4caf50;
}
.asset-result-item:hover .asset-result-item-asset-id,
.asset-result-item-selected .asset-result-item-asset-id{
	border:1px solid #009bff;
	color:#009bff;
}
.asset-result-item-asset-foto{
	padding-left:5px;
}
.asset-result-item-asset-foto img{
	width:20px;
	height:20px;
}
.asset-result-item-asset-info{
	font-size:11px;
	line-height:1.2em;
	padding-left:5px;
	vertical-align: top;
}
.asset-result-verwijder{
	position:absolute;
	left:-25px;
	background:#ff6670;
	color:#FFF;
	padding:2px;
	font-size:10px;
}
.asset-calc-btw{
	font-size:11px !important;
	cursor:pointer;
	padding:3px 5px 3px 5px;
}
.asset-calc-btw:hover{
	color:#0097fc;
}
.assets-locaties{
	border:2px solid #000;
	padding:3px 5px 3px 5px;
	float:left;
	display:inline-block;
	margin-top:-5px;
}