/*
 Theme Name:     Twenty Sixteen Child Theme
 Theme URI:      http://hyperlinkcode.com/blog/?p=1021
 Description:    A bare-bones child theme for use with Twenty Sixteen Theme. Pick matching colors quickly at <a href="http://www.html-color-names.com/">html-color-names.com</a>.
 Author:         Edward Zivkovic
 Author URI:     http://hyperlinkcode.com/blog/
 Template:       twentysixteen
 Version:        1.0.0
*/
 
/* Add Custom CSS after this line */

body {
	font-family: Montserrat, "Helvetica Neue", sans-serif;
	font-size: 14px
}

table {
	font-size:13px !important;
	font-family: monospace, monospace;
}

.w3eden .pagination {
  margin-bottom: 25px;
}

@media (max-width: 1024px) {
	.art-table .art-tbody .art-tr .art-td .art-td-last {
		min-height: 32px;
	}
}

.main_div {
	width: 65%;
}

.entry-content {
	margin-right:0 !important;
	margin-left:0 !important
}

@media (max-width: 1024px) {
	.main_div {
		width:95%
	}
}

/* Voeg stijlen toe voor de sorteericoontjes */
th.sortable:hover {
	cursor: pointer;
}

/* Verberg standaard icoontjes bij niet-gesorteerde kolommen */
th .sort-icon {
	margin-left: 3px;
	font-size: 14px;
	color: #a1a9b1;
	position: absolute;
}

/* Pijl naar beneden voor aflopende sortering */
th.ascending .sort-icon {
	content: "\2191"; /* Up-pijl voor oplopende sortering */
}

/* Pijl naar boven voor oplopende sortering */
th.descending .sort-icon {
	content: "\2193"; /* Down-pijl voor aflopende sortering */
}

.wpdm-all-packages-table thead {
    background-color: #f7f7f7;
}

.w3eden .table > thead > tr > th {
	vertical-align:top;
}

.site-main {
	margin-bottom: 40px !important
}

.site-inner {
	max-width:95%
}

.site-content {
	padding:0
}

.entry-title {
	border-top: 4px solid #1a1a1a;
	padding-top: 0.75em;
    color:#ffffff;
    font-size:12px
}

.pdf-file {
	background-image: url('../../plugins/download-manager/assets/file-type-icons/pdf.png');
	background-size:20px;
	background-position:15px 10px;
	background-repeat:no-repeat;
	padding-left:43px !important;
	line-height:normal
}

.pdf-file small {
	padding-left:35px
}

 .dataTables_wrapper .dataTables_filter input {
    margin-left: 0;
}

.page-header {
	margin-bottom: 4.7em
}

.site-header {
    padding: 10px 0 0 0
}
.w3eden .container-fluid {
	padding-left:0;
	padding-right:0
}

span.wpcf7-form-control-wrap.accept-this-1 {
	position:absolute !important
}

.wpcf7 form .wpcf7-response-output {
	padding: 5px !important;
}

.wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #F44336 !important;
    background: #F44336 !important;
}

span.wpcf7-list-item {
    margin: 0px 3px -3px 9px;
    vertical-align: sub;
}

td.del .wpcf7 input[type="submit"] {
    background: #f44336;
    width: 20px;
    font-size: 8px;
    font-weight: bold !important;
    padding-left: 6px;
    vertical-align: middle;
    border-radius: 24px !important;
    border: 1px solid #af1a0f;
}

td.del span.wpcf7-list-item {
    margin: 0px 3px 0 9px;
}

.wpcf7 input[type="submit"] {
	padding: 3px 4px;
    background: #19497E;
    width: 100%;
    border: 1px solid #19497E;
    border-radius: 0px !important;
    color: #fff;
    font-family: Montserrat, "Helvetica Neue", sans-serif;
    font-weight: 400 !important;
    font-size: 11px;
    text-transform: none;
    line-height:1.5;
}

.wpcf7 input[type="submit"]:hover {
    color: #fff;
    background-color: var(--color-primary-hover);
    border-color: var(--color-primary-hover);
    box-shadow: 0 3px 8px 0 rgba(var(--color-primary-rgb),.4);
}

.Goedkeur,
.Approved {
	background-color: #4CAF50 !important;
	text-align:center !important;
	color:#fff !important;
	font-size:11px;
	letter-spacing: 1px;
	line-height:2;
	font-family: Montserrat, "Helvetica Neue", sans-serif
}

.N\.v\.t\.,
.N\/A {
	background-color: #C7C7C7 !important;
	text-align:center !important;
	color:#fff !important;
	font-size:11px;
	letter-spacing: 1px;
	line-height:2;
	font-family: Montserrat, "Helvetica Neue", sans-serif
}

.Afkeur,
.Disapproved,
.Vernietigd {
	background-color: #F44336 !important;
	text-align:center !important;
	color:#fff !important;
	font-size:11px;
	letter-spacing: 1px;
	line-height:2;
	font-family: Montserrat, "Helvetica Neue", sans-serif
}

th, td {
    border-top: 1px solid #dee2e6 !important;
	border-left: 1px solid #dee2e6 !important;
    border-right: 1px solid #dee2e6 !important
}

tr:last-of-type {
	border-bottom: 1px solid #dee2e6 !important
}

table.dataTable.no-footer {
    border-bottom: 1px solid #dee2e6 !important;
    border-top: none !important
}

body:not(.custom-background-image).admin-bar:before {
    top: 0px !important
}

.w3eden .table td, .w3eden .table th {
	padding:.30rem !important
}

.w3eden small {
    font-size: 10px !important;
}

.w3eden .btn {
    padding: 3px 4px;
    background: #19497E;
    width:100%;
    border: 0;
    border-radius: 0px !important;
    color: #fff;
    font-family: Montserrat, "Helvetica Neue", sans-serif;
    font-weight:400 !important;
    font-size:11px
}

button, button[disabled]:hover, button[disabled]:focus, input[type="button"], input[type="button"][disabled]:hover, input[type="button"][disabled]:focus, input[type="reset"], input[type="reset"][disabled]:hover, input[type="reset"][disabled]:focus, input[type="submit"], input[type="submit"][disabled]:hover, input[type="submit"][disabled]:focus {
    background: #19497E; 
}

.w3eden .custom-select {
	width: 75px !important
}

.w3eden ul.wpdm-pagination {
	visibility: hidden
}

.w3eden .pagination {
	border: none;
	padding-top: 7px;
	display: inline-block;
}

.w3eden .page-link {
	color: #adadad
}

.paginate_button.page-item.active a {
	background-color: #adadad !important
}

.pagination:before, .pagination:after {
	visibility: hidden;
	position: relative;
	margin-top: 5px
}

.infinite-loader {
    width: 300px !important;
    text-align: left !important
}

.ctis-loader-elements {
    margin:0;
    padding:0;
}

form.wpcf7-form p {
	margin-bottom:0 !important
}

.wpcf7-response-output {
	margin: 10px 0 0 !important;
	font-size:10px;
	border-radius:2px;
    background:#4cb320;
    color:#ffffff
}

@media screen and (min-width: 56.875em) {
	.content-area-full {
	    float: left;
	    margin-right:-100%;
	    width:100%
	}
	.content-area {
		width: 86%
	}
	.sidebar {
		margin-left:88%;
		width:12%
	}
}

a.a-aanmaken,
a.d-dupliceren {
	display: none
}

#menu-beheermenu li.menu-item.header {
    margin-top: 10px;
    list-style-type:circle;
    font-weight: 600
}

#menu-beheermenu li.menu-item.sub {
    font-weight: normal
}

.with_frm_style .frm_repeat_buttons {
	margin-bottom: 35px
}

h3.frm_form_title {
	font-size: 21px !important;
  	color: #000 !important;
  	padding: 3% 0 5px;
  	margin-bottom: 2% !important;
	border-bottom: 1px solid #b5b5b5;
	font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,sans-serif;
}

.frm_form_field h2 {
    padding: 30px 0 20px !important;
    border-bottom: 1px solid #b5b5b5;
    color: #4b4b4b;
    letter-spacing: .5px;
    font-size: 16px;
    text-transform: uppercase
}  

.frm_form_field h3 {
    padding: 20px 0 0 !important;
    font-size:16px;
    letter-spacing: .5px;
    color: #4b4b4b;
}

h3.frm_pos_top.frm_section_spacing {
    font-size:16px;
    letter-spacing: .5px;
    color: #4b4b4b;
    text-transform: uppercase;
}

div.red select {
    background-color: #ffefef;
}

.frm_style_formidable-style.with_frm_style .frm-show-form .frm_section_heading h3[class*="frm_pos_"] {
    border-top:1px solid #b5b5b5;
}

/* Algemene stijl voor verplichte velden */
.with_frm_style input[aria-required="true"],
.with_frm_style select[aria-required="true"],
.frm_required_field select {
    background-color: #ffefef; /* Kleur voor standaard gebruikers */
}

/* Stijl voor verplichte velden voor editors */
.editor-user .with_frm_style input[aria-required="true"],
.editor-user .with_frm_style select[aria-required="true"],
.editor-user .frm_required_field select {
    background-color: #f3f3f3; /* Kleur voor editors */
}

.editor-user .with_frm_style input[aria-required="true"][type="password"] {
	background-color: #ffffff;
}

.input_required {
	background-color: #caf5cb !important
}

.frm_form_field.frm_full .frm_dropzone.dz-clickable.frm_single_upload .dz-message, 
.frm_form_field.frm_full_upload .frm_dropzone.dz-clickable.frm_single_upload .dz-message,
.frm_dropzone.frm_single_upload, .frm_dropzone.dz-clickable {
    margin: 0 !important
}

.frm_dropzone .dz-message {
	font-size: 14px !important;
	font-weight:700 !important;
	padding:12px;
	margin:0 !important
}

.frm_dropzone .frm_upload_icon:before {
	font-size: 25px
}

.frm_dropzone .frm_small_text {
    font-size: 13px !important;
    font-weight: 400 !important
}

.frm_form_fields .frm_fields_container {
	padding-bottom: 30px !important
}

.table.table-striped tr:hover {
    background: rgb(222 226 230 / 67%) !important;
}

.header-div-left {
	width:75%;
	float:left
}

.header-div-right {
	position: absolute;
    right: 0;
    float: left;
}

#header-widget-area {
    width: 30%;
    position: absolute;
    float: left;
    right: 9%;
}

.chw-widget:first-child {
    position: absolute;
    left: 0;
    width: 49%;
}

.chw-widget:nth-child(2) {
	position: absolute;
    left: 50%;
    width: 49%;
}

div.chw-widget p {
	display:none
}

.w3eden .mark, .w3eden mark {
	background-color: #ffe000 !important
}

table.with_frm_style.frm-responsive-table.neste-view th:first-child { 
	width: 10%; 
} 
table.with_frm_style.frm-responsive-table.neste-view th:nth-child(2) { 
	width: 15%; 
} 
table.with_frm_style.frm-responsive-table.neste-view th:nth-child(3) { 
	width: 15%; 
}

.toggleWrapper {
    margin: 0 33px;
    width: 55px;
    border: none;
    border-radius: 5px;
    background: white;
}
.toggleWrapper input.mobileToggle {
    opacity: 0;
    position: absolute;
}
.toggleWrapper input.mobileToggle + label {
    position: relative;
    display: inline-block;
    user-select: none;
    transition: .4s ease;
    -webkit-tap-highlight-color: transparent;
    height: 30px;
    width: 50px;
    border: 1px solid #e4e4e4;
    border-radius: 60px;
}
.toggleWrapper input.mobileToggle + label:before {
    content: "";
    position: absolute;
    display: block;
    transition: .2s cubic-bezier(.24, 0, .5, 1);
    height: 30px;
    width: 51px;
    top: 0;
    left: 0;
    border-radius: 30px;
	background-color: #f44336;
}
.toggleWrapper input.mobileToggle + label:after {
    content: "";
    position: absolute;
    display: block;
    box-shadow: 0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 0px 0 hsla(0, 0%, 0%, .04), 0 4px 9px hsla(0, 0%, 0%, .13), 0 3px 3px hsla(0, 0%, 0%, .05);
    transition: .35s cubic-bezier(.54, 1.60, .5, 1);
    background: whitesmoke;
    height: 28px;
    width: 28px;
    top: 1px;
    left: 0px;
    border-radius: 60px;
}
.toggleWrapper input.mobileToggle:checked + label:before {
    background: #2ecc71;
    transition: width .2s cubic-bezier(0, 0, 0, .1);
}
.toggleWrapper input.mobileToggle:checked + label:after {
    left: 24px;
}

.invalid-input {
    border: 1px solid #ff4444 !important;
}

button, button[disabled]:hover {
	text-transform: none !important
}

.toggle-container {
    display: flex;
    align-items: flex-start; /* Bovenaan uitlijnen */
    margin-bottom: 20px;
}
.toggle-column {
    flex: 0 0 150px; /* Vaste breedte voor toggle-kolom */
    text-align: left; /* Links uitlijnen */
}
.text-column {
    flex: 1; /* Resterende ruimte */
    text-align: left; /* Links uitlijnen, kan naar rechts met text-align: right */
}
.text-column p {
    margin: 0;
    font-size: 14px;
    color: #666;
}
.email-section {
    margin-top: 20px; /* Ruimte tussen toggle/tekst en e-mailvelden */
}
.email-row {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.email-row input[type="email"] {
    flex: 1;
    margin-right: 10px;
}
.remove-email {
    padding: 5px 10px;
	width:40px !important
}
.add-email {
    margin-top: 10px;
}
.invalid-input {
    border: 2px solid red !important;
}