/* Modal venster (background) */
#feedback-id.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 999; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
#feedback-id .modal-content { padding: 25px; text-align: center; right: 0; transition: 0.5s; height: 458px; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; max-width: 400px; }
#feedback-id .modal-content img { width: 125px; margin: 5px auto; padding: 10px 0; }
#feedback-id .modal-content a { display: block; padding: 20px 0; pointer-events: auto; position: relative; display: inline; }
.extra-feedback a { text-decoration: none; font-weight: bold; font-family: var(--bs-body-font-family); }
.uitgebreide-feedback { background: #085B60 !important; }
.extra-feedback { margin-left: 35px; }
.extra-feedback span { top: -381px !important; }
.uitgebreide-feedback:hover { background: #000 !important; }
#feedback-id .modal-content span:hover { background: #000; transition: .4s; }
#feedback-id .modal-content img:hover { width: 220px; transition: 0.5s; }
#feedback-id .modal-content img { transition: 0.5s !important; }
#feedback-id .modal-content span { z-index: 9999; color: #FFF; background: #0C8990; border-radius: 10px 10px 0 0; top: -28px; right: 25px; padding: 5px 30px; }

/* Sluitbutton */
.close { color: #FFF; float: right; font-size: 90px; font-weight: bold; position: absolute; right: 10px; top: -40px; border-radius: 30px; padding: 10px; z-index: 9999; }
.close:hover,
.close:focus { color: #FFF; text-decoration: none; cursor: pointer; }

.feedback-module span { position: absolute; right: 0; color: #70757a; font-size: 12px; }
.feedback-module { position: relative; margin-top: 5px; }
.feedback-module::before { content: ""; border-bottom: 1px solid #dadce0; position: absolute; left: 0; width: 560px; height: 1px; top: 10px;  max-width: 100%; }
#feedback-btn { border: 0; position: absolute; right: 0; top: 0; /* padding: 0; */ font-weight: normal; color: #70757a; background: #FFF; padding: 0 0 0 15px; }
#feedback-btn:hover { text-decoration: underline; transition: .4s; }

#feedback-id h2 { font-size: 1.12rem; color: #0C8990; text-align: left; }
.fdbck-form.recaptchaForm .form-group.radios div { display: flex; padding: 5px 0; text-align: left; width: 100%; }
.fdbck-form.recaptchaForm label { margin-left: 12px; text-align: left; }
#feedback-id .namen-layer.motivatie { min-width: 100%; }
#feedback-id .form-control.anders { margin-top: 0; }
#feedback-id .namen-layer.motivatie input { max-height: 48px; background-color: RGBA(12, 137, 144, 0.1); border-radius: 0; border: 0; padding: 15px; }
#feedback-id .namen-layer.motivatie { min-width: 100%; padding: 20px 0; }
#feedback-id .btn { margin: 25px 0 !important; position: absolute; left: 25px; }

/* Followup pages */
.feedback-module.breed.feedback-module::before { max-width: 94%; width: 100%; }
.feedback-module.breed.feedback-module.breed.feedback-module span { position: relative; float: right; }
.feedback-module.breed #feedback-btn { position: relative; background: #FFF; padding: 0 10px; }
#feedback-id .modal-content span { top: -382px; right: 0; animation: slideRight .3s ease-in-out; position: relative; margin-right: 6px; }
.feedback-module.breed #feedback-id .modal-content span:hover { background: #085B60; transition: .9s; }

/* Geen modal, maar homepage */
.pg-dwd-id-001-01 .feedback-module::before { display: none; }
.pg-dwd-id-001-01 .followup-pagina { min-height: 530px; }