/* -------------------------
 * Veiling Overview
 * ------------------------- */
.veilingShortCodeContainer .veilitem form::after,
.veilingShortCodeContainer .veilitem::after {
  clear: both;
  content: " ";
  display: block;
}
.veilingShortCodeContainer .veilitem {
	padding: 10px 5px;
}
.veilingShortCodeContainer .veilitem.win {
	/*background-color:hsla(120,100%,75%,0.3);*/
}
.veilingShortCodeContainer .veilitem + .veilitem {
	border-top: 1px solid #dadada;
}
.veilingShortCodeContainer .veilitem > div {
	display: block;
	width: calc(100% / 3);
	float: left;
	margin-bottom: 20px;
}
.veilingShortCodeContainer .veilitem > div + div {
	padding-left: 10px;
}
/* ------------------------------------------------
// Foto
------------------------------------------------ */
.veilingShortCodeContainer .veilitem div.foto_wrapper {
	width: 120px;
}
.veilingShortCodeContainer .veilitem div.foto_wrapper img {
	width: 100%;
}

/* ------------------------------------------------
// Beschrijving
------------------------------------------------ */
.veilingShortCodeContainer .veilitem div.beschrijving {
	width: calc(100% - 300px);
	padding: 0 10px 0 130px;
}
.veilingShortCodeContainer .veilitem div.foto_wrapper + div.beschrijving {
	width: calc(100% - 420px);
	padding: 0 10px;
}
div.txt {
	border-bottom: 1px dashed #dadada;	
	padding-bottom: 5px;
}
div.txt p {
	padding-bottom: 2px;
}
div.txt p.prijs {
	color: #0099d6;
	font-weight: 600;
}
div.txt p.prijs.maxbod {
	color: green;
	/*border-top: 1px dashed #dadada;	*/
}
div.txt p.veilingTijd span.start {
	color: green;
}
div.txt p.veilingTijd span.end {
	color: #e31f25;
}
div.txt p.winnaar {
	background-color: green;
	color: #fff;
	font-weight: bold;
	display: inline-block;
	padding: 0px 20px;
}	
div.txt p span {
	font-weight: bold;
}
div.formContainer input[type=submit],
.veilingShortCodeContainer .veilitem div.beschrijving a.infoButton,
.acfFormContainer .acf-form .acf-form-submit .accountButton {
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid #0099d6;
	background-color: #fff;
	color:  #0099d6;
	text-transform: uppercase;
	margin: 10px 0 0 0;
	transition: all .2s ease;
	cursor: pointer;
} 
div.formContainer input[type=submit]:hover,
.veilingShortCodeContainer .veilitem div.beschrijving a.infoButton:hover,
.acfFormContainer .acf-form .acf-form-submit .accountButton:hover {
	background-color: #0099d6;
	color: #fff;
}

	/* Media Queries - Divi: 
	================================================== */
	@media all and (min-width: 768px) {


	}
	@media all and (max-width: 768px) {
		body .veilingShortCodeContainer .veilitem > div {
		 	width: 100% !important;
			padding-left: 10px;
			padding-right: 10px;
		}	
	}	


/* -------------------------
 * Veiling Single
 * ------------------------- */

/*body.single .veilingShortCodeContainer .veilitem div.beschrijving {
	width: calc(100% - 400px);
}
body.single .veilingShortCodeContainer .veilitem div.formContainer {
	width: 400px;
	max-width: 100%;
}*/

.mainVeiling {}

.mainVeiling .veilingShortCodeContainer .veilitem div.foto_wrapper {}

.mainVeiling .veilingShortCodeContainer .veilitem div.beschrijving,
.mainVeiling .veilingShortCodeContainer .veilitem div.formContainer,
.mainVeiling .veilingShortCodeContainer .veilitem div.form_melding {}

.mainVeiling .veilingShortCodeContainer .veilitem div.beschrijving .txt p.prijs:not(.maxbod) {
	font-size: 1.5em;
}
div.txt p.winnaar {
	margin-top: 15px;
}

.veilingDetail table,
.veilingGeschiedenis table {
	/*margin-top: 20px;*/
	min-width: 50%;
	max-width: 100%;
	clear: left;
}
.veilingDetail table td ,
.veilingGeschiedenis table td { 
	border: 1px solid #dadada;
	padding: 2px 5px;
}
.veilingGeschiedenis table td { 
	text-align: center;
}
.veilingDetail table tbody tr:nth-child(even),
.veilingGeschiedenis table tbody tr:nth-child(even) {
	background-color: rgba(0,0,0,0.05);
}
.veilingDetail table tbody tr:hover,
.veilingGeschiedenis table tbody tr:hover {
	box-shadow: 0px 0px 3px rgba(35, 95, 187, 0.7);
}
.veilingGeschiedenis table tbody tr.currentUser td {
	color: #0099d6;
	font-weight: bold;
}
.veilingGeschiedenis table tbody td.bedrag {
	text-align: right; 
}
.veilingDetail table tr td.label,
.veilingGeschiedenis table tr td.label, 
.veilingDetail table thead tr td,
.veilingGeschiedenis table thead tr td {
	font-weight: bold;
	text-transform: uppercase;
}
.veilingGeschiedenis table thead tr {
	background-color: #0099d6;
	color: #fff;
}
.veilingStamboom,
.veilingStamboom table {
	max-width: 100%;
	width: auto;
}
.veilingStamboom table.infoTable {
	width: 600px;
}
.veilingStamboom table td {
	line-height: 1.6em;
}
/*.veilingStamboom input {
	margin: 10px 0 0 10px;
}*/
.veilingStamboom .buttonContainer{
	text-align: right;
	margin-bottom: 10px;
}
.veilingStamboom .buttonContainer .pdfButton {
	display: inline-block;
	padding: 3px 10px;
	border: 1px solid #666;
	background-color: rgba(0,0,0,0.07);
	color: #666;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	transition: all .2s ease;
}
.veilingStamboom .buttonContainer .pdfButton + .pdfButton {
	margin-left: 15px;
}
.veilingStamboom .buttonContainer .pdfButton.printBtn {
	padding: 3px 18px;
}
	.veilingStamboom .buttonContainer .pdfButton:hover {
		background-color: rgba(0,0,0,0.2);
	}
	/* Media Queries - Divi: 
	================================================== */
	@media all and (min-width: 768px) {
		body .mainVeiling .veilingShortCodeContainer .veilitem div.foto_wrapper {
			width: 50%;
			float: left;
			padding-right: 10px;
		}
		body .mainVeiling .veilingShortCodeContainer .veilitem div.beschrijving {
			margin-left: 50%;
		}
		body .mainVeiling .veilingShortCodeContainer .veilitem div.foto_wrapper + div.beschrijving {
			margin-left: 0%;
		}
		body .mainVeiling .veilingShortCodeContainer .veilitem div.beschrijving,
		body .mainVeiling .veilingShortCodeContainer .veilitem div.formContainer,
		body .mainVeiling .veilingShortCodeContainer .veilitem div.form_melding {
			width: 50%;
			float: right;
			padding-left: 10px;
			padding-right: 10px;
		}
	}
	@media all and (max-width: 768px) {
		body.single .mainVeiling .veilingShortCodeContainer .veilitem > div {
		 	width: 100%;
			padding-left: 10px;
			padding-right: 10px;
		}
		.veilingStamboom table.stamboomTable {
			border: 0px;
		}
		.veilingStamboom table.stamboomTable tr {
			margin-bottom: 15px;
		}
		.veilingStamboom table.infoTable tr,
		.veilingStamboom table.infoTable td,
		.veilingStamboom table.stamboomTable tr,
		.veilingStamboom table.stamboomTable td {
			display: block;
			width: 100% !important;
			text-align: left;
		}
		.veilingStamboom table.stamboomTable td:empty {
			display: none;
		}
	}
	@media all and (max-width: 550px) {
		.veilingStamboom table.fotoTable tr,
		.veilingStamboom table.fotoTable td {
			display: block;
			width: 100% !important;
		}
		.veilingStamboom table.fotoTable td:empty {
			display: none;
		}
	}

/* ------------------------------------------------
// Formulier
------------------------------------------------ */
div.formContainer.veilingForm {
	width: 100%;
	background-color: rgba(0,0,0,0.07);
	padding: 5px 10px;
}
div.formContainer.veilingForm form .inputField {
	display: inline-block;
	width: 100%;
}
div.formContainer form .inputField.hidden {
	display: none;
}
div.formContainer form label {
	font-weight: bold;
	text-transform: uppercase;
	padding-right: 10px;	
	min-width: 120px;
	display: inline-block;
}
div.formContainer form input {
	width: calc(100% - 120px); 
	display: inline-block;
	text-align: center;
}
div.formContainer form label,
div.formContainer form input {
	margin-bottom: 10px;
}
.veilingShortCodeContainer .veilitem form input[type=submit] {
	float: right;
	text-transform: uppercase;
}
div.formContainer form input:read-only {
	cursor: default;
}
div.formContainer .melding {
	color: red;
	font-weight: bold;
	font-size: 0.8em;
	line-height: 1.1rem;
	text-align: center;
	border: 1px solid red;
	margin-top: 10px;
	padding: 5px;
}
div.formContainer .succesTxt {
	border-color: green;
	color: green;
}
/* -------------------------
 * form meldingen
 * ------------------------- */
 div.formContainer.veilingForm div.form_melding {
 	width: 100%;
	/*background-color: rgba(0,0,0,0.07);*/
	padding: 5px 10px;
	font-weight: 600;
 }
/* -------------------------
 * form overzicht
 * ------------------------- */
 .veilingShortCodeContainer .veilitem div.formContainer {
	width: 300px;
}
/* -------------------------
 * form single
 * ------------------------- */
/* Content text */
body.single-veiling .et_pb_text_inner {
	margin-bottom: 20px;
}
body.single-veiling div.txt p.prijs:not(.maxbod) {
	font-size: 1.5em;
}
/* Bied form */
body.single-veiling div.formContainer form input {
	margin-bottom: 10px;
}
body.single-veiling div.formContainer form input[type="submit"] {
	display: block;
	margin-left: auto;
	margin-right: 0;
}
/* Afbeelding */
body.single-veiling .foto_container {
  display: flex; 
  /*justify-content:flex-start;*/
}
body.single-veiling .foto_container .img1 {
  z-index: 1;
}
body.single-veiling .foto_container .img2 {
  position: absolute; 
  z-index: 2;
}
/* --------------------------------------------------
 * Veiling account
 * -------------------------------------------------- */
.acfFormContainer .form-group .accountInput {
 	margin-right: 2%
 }
.succesEditTxt {
	color: green;
	font-weight: bold;
}
/* -------------------------
 * Zijbalk account
 * ------------------------- */
.accountNav .menu {
	padding: 0;
	background-color: rgba(0,0,0,0.07);
}
.accountNav .et_pb_widget ul { 
	padding: 5px 10px !important;
}
.accountNav .et_pb_widget ul li { 
	margin: 0;
	/*padding: 0 10px;*/
}
.accountNav .menu-item a {
	display: block;
	margin: 0;
	padding: 5px 10px;
	width: 100%;
/*	color: #0099d6 !important; */
	border-bottom: 1px dotted #0099d6;
}
.accountNav .menu-item a:hover{
	background-color: rgba(0,0,0,0.1);
}
/* Active menu item */
.accountNav li.current-menu-item a {
	font-weight: bold;
}