/*
Theme Name: ACHA
Theme URI: https://www.lemon.nl
Version: 5.1.1
Author: Roeland ten Holder | Lemon
Author URI: roeland@lemon.nl (zero six five one niner zero t(h)ree t(h)ree two six)
*/

body.debug-modus #wpadminbar {
	background-color: #a80000;
}

/*********** RESET ***********/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote th, td { margin: 0; padding: 0; -webkit-tap-highlight-color: rgba(0,0,0,0); }
table, thead, tbody, tfoot, tr, th, td { width: auto; height: auto; margin: 0; padding: 0; border: none; border-collapse: inherit; border-spacing: 0; border-color: inherit; vertical-align: inherit; text-align: left; font-weight: inherit; -webkit-border-horizontal-spacing: 0; -webkit-border-vertical-spacing: 0; }
h1, h2, h3, h4, h5, h6 	{ font-size: 100%; }
ul						{ list-style-type: none; }
li						{ list-style-type: none; }
p > ul > li				{ list-style-type: disc; }
p > ol > li				{ list-style-type: decimal; }
ol						{ margin-left: 20px; margin-bottom: 10px; }
img						{ border: 0 !important; outline: none; }
html					{ margin: 0; }
a						{ outline: none; border: none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
button					{ outline: none; border: none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
:focus					{ outline: none;}
input					{ -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; outline: none; }
.clear:after 			{ content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clear 					{ display: block; }
html[xmlns] .clear 		{ display: block; }
* html .clear 			{ height: 1%; }
.border 				{ border: 1px solid white; min-height: 20px; }
.nolink 				{ pointer-events: none; cursor: crosshair; }
html, body 				{ max-width: 100% !important; overflow-x: hidden !important; }
html 					{ margin-top: 0 !important;}

/*********** BOOTSTRAP RESET ***********/
.list-group-item,
.form-control 			{ -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; -webkit-box-shadow: 0 !important; -moz-box-shadow: 0 !important; box-shadow: 0 !important; }
body 					{ /*padding-top: 70px;*/ }
.admin-bar body 		{ padding-top: 102px; } /* +32px */
.navbar-fixed-top 		{ top: 0; } /* normal bootstrap */
.admin-bar .navbar-fixed-top { top: 32px; } /* +32px */
.row 					{ margin-right: -18px; margin-left: -18px; }
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, 
.col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, 
.col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, 
.col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, 
.col-xl-auto 			{ padding-right: 18px; padding-left: 18px; }
.content-container 		{ margin-bottom: 36px; }

/*********** FONTS / BASICS ***********/
h1						{ font: 500 normal 22px/32px 'Ubuntu', Arial, Helvetica, Verdana, sans-serif; color: #043f90; padding: 0 0 15px 0;}
.single h1 				{ padding-bottom: 5px; }
h1 a					{ text-decoration: none; }
h2						{ font: 500 normal 22px/29px 'Ubuntu', Arial, Helvetica, Verdana, sans-serif; color: #043f90; padding: 0 0 15px 0; }
h3 						{ font: 500 normal 22px/29px 'Ubuntu', Arial, Helvetica, Verdana, sans-serif; color: #043f90; padding: 0 0 15px 0; }
h4 						{ font: 500 normal 20px/29px 'Ubuntu', Arial, Helvetica, Verdana, sans-serif; color: #043f90; padding: 0 0 15px 0; }
h5 						{ font: 500 normal 18px/28px 'Ubuntu', Arial, Helvetica, Verdana, sans-serif; color: #043f90; padding: 0 0 10px 0; }
h6 						{ font: 500 normal 16px/24px 'Ubuntu', Arial, Helvetica, Verdana, sans-serif; color: #043f90; padding: 0 0 5px 0; }
body 					{ font: 400 normal 15px/23px 'Ubuntu', Arial, Helvetica, Verdana, sans-serif; color: #555555; background-color: #f4f4f4; }
.small,.small a 		{ font-size: 12px; line-height:  16px; }
.date 					{ font: normal normal 12px/16px Arial, Helvetica, Verdana, sans-serif; color: #444444; }
.form-control			{ font: normal normal 14px/24px Arial, Helvetica, Verdana, sans-serif; color: #333333; }

.small a 				{ padding: 0px; }
.right 					{ float: right; }
.left 					{ float: left; }
.printonly				{ display: none; }

.hidden					{ display: none; } /* Waarom hier !important? Met important werkt oa het oogje in het inlogscherm niet goed */

.content ul li 			{ list-style-type: disc; margin-left: 1.2em;}
.content ol li 			{ list-style-type: decimal; margin-left: 1.2em;}
.content ul,
.content ol 			{ padding-bottom: 1.5em; }
a						{ color: #3eacec; text-decoration: underline; }
a:hover					{ color: #043f90; text-decoration: underline; cursor: pointer; }
.pull-left.gap			{ float: left !important; text-align: left; margin: 4px 20px 20px 0; }
.alignleft 				{ text-align: left; margin: 4px 20px 20px 0; } /* float: left !important; hier weggehaald. Fotos kwamen niet mooi naast elkaar bijv op onze-vloot */
.pull-right.gap,
.alignright 			{ float: right !important; text-align: left; margin: 4px 0 20px 20px; }

.textright  			{ display: inline-block; text-align: right; }

.text-left  			{ text-align: left; }
.text-right  			{ text-align: right; }
.text-center			{ text-align: center; }

.center					{ text-align: center; margin: 0 auto; }
.hover:hover 			{ opacity: 0.8; cursor: pointer; }
.basiccontent p,
.content p 				{ margin-bottom: 16px; }
p:last-of-type			{ margin-bottom: 10px; }
.signal p 				{ color: #000000; }
hr						{ border-color: #cccccc; margin: 20px 0 40px; }
img						{ padding: 0 !important; max-width: 100%; height: auto; }

.ptop-sm				{ padding-top: 		10px !important; }
.pbot-sm				{ padding-bottom: 	10px !important; }
.mtop-sm				{ margin-top: 		10px !important; }
.mbot-sm				{ margin-bottom: 	10px !important; }
.ptop					{ padding-top: 		20px !important; }
.pbot					{ padding-bottom: 	20px !important; }
.mtop, .tops			{ margin-top: 		20px !important; }
.mbot, .bottoms			{ margin-bottom: 	20px !important; }
.ptop-md				{ padding-top: 		36px !important; }
.pbot-md				{ padding-bottom: 	36px !important; }
.mtop-md 				{ margin-top: 		36px !important; }
.mbot-md 				{ margin-bottom: 	36px !important; }
.ptop-xl				{ padding-top: 		40px !important; }
.pbot-xl				{ padding-bottom: 	40px !important; }
.mtop-xl 				{ margin-top: 		40px !important; }
.mbot-xl 				{ margin-bottom: 	40px !important; }
.white 					{ color: #ffffff; }
.debugborder			{ border: 1px solid white; min-height: 20px; }

.nomtop					{ margin-top: 0 !important; }
.nombot					{ margin-bottom: 0 !important; }
.noptop					{ padding-top: 0 !important; }
.nopbot					{ padding-bottom: 0 !important; }


.equal 					{ display: -webkit-flex; display: flex; }
.equal .equalcol { /*flex: 1;*/ }
.equal .equalcol .content 			{ height: 100%; }
.equal .equalcol .content-top 		{ height: auto; }
.equal .equalcol .content-bottom 	{ height: auto; }


.grey1					{ color: #cccccc; }
.grey2, .grey			{ color: #999999; }
.grey3					{ color: #666666; }

.darkblue				{ color: #043f90; }
.darkblue:hover			{ color: #002e6c; }

.LightBlue				{ color: #3eacec; }
.LightBlue:hover		{ color: #2988bf; }

.bg-grey1				{ background-color: #cccccc; }
.bg-grey2				{ background-color: #999999; }
.bg-grey3				{ background-color: #666666; }

.bg-darkblue			{ background-color: #043f90; }
.bg-LightBlue			{ background-color: #3eacec; }

table.dataTable.nicetable,
table, .nicetable		{ display: table; border-collapse: collapse !important; width: 100% !important; }

.nicetable .tr			{ display: table-row; }
.nicetable .tr.hidden,
.nicetable .tr.printonly{ display: none; }
.nicetable .header		{ display: table-header-group; }
.nicetable .footer		{ display: table-footer-group; }
.nicetable .td,
.nicetable .th,
table th, .nicetable th,
table td, .nicetable td	{ display: table-cell; text-align: left; vertical-align: top; padding: 3px 5px; }

.nicetable .td,
.nicetable .th,
.nicetable th,
.nicetable td			{ border: 1px solid #ccc; }

table th.middle,
.nicetable th.middle,
.nicetable .th.middle,
table td.middle,
.nicetable td.middle,
.nicetable .td.middle 	{ vertical-align: middle; }

table th.center,
.nicetable th.center,
.nicetable .th.center,
table td.center,
.nicetable td.center,
.nicetable .td.center 	{ text-align: center; }

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .02);
}
.table-striped thead th {
	border-width: 0;
}

.w130 { width: 130px; }

.restricted {
	display: none;
}

.logged-in .restricted {
	display: block;
}

.dragable_touch {
	cursor: move;
}


.tag:not(body) {
	font: normal normal 10px/13px Arial, Helvetica, Verdana, sans-serif; text-transform: uppercase;
	position: relative;
	top: -8px;
	padding: 1px 5px;
	margin: 0 5px 7px 0;
	background: #3eacec;
	color: #ffffff;
	display: inline-block;
	border-radius: 3px;
}

.tag:not(body).safety { background: #ff7070; }
.tag:not(body).restaurant { background: #ffb534; }
.tag:not(body).wings-for-all { background: #3eacec; }


.card.debug {
	border-radius: 5px;
	padding: 5px;
	background-color: #eee;;
}


/*********** CONTAINERS ***********/
.container {
	position: relative;
	max-width: 1056px;
}


.navbar>.container {
	display: block;
}

.header-top {
	background-color: #ffffff;
	padding-top: 10px;
	padding-bottom: 10px;
	min-height: 75px;
}

.fullcontainer {
	width: 100%;
	margin: 0 auto;
}


.header-image {
	background-image: url('images/bg_veld.jpg');
	background-color: #eeeeee;
	background-size: cover;
	background-position: center center;
	height: 185px;
	box-shadow:   inset 0px -140px 55px -70px #f4f4f4;
	margin-bottom: -150px; 
}

body.home .header-image {
	height: 440px;
}


.page {
	position:	relative;
	width: 100%;
	margin: 0;
}

.content {
	background-color: #ffffff;
	padding: 15px 20px;
	min-height: 1px;
}

.basiccontent {
	background-color: #ffffff;
	padding: 15px 20px;
	min-height: 1px;
}

.cta {
	margin: 40px 0 0 0;
	font-size: 17px;
	line-height: 20px;
}


.content-header {
	background-color: #043f90;
	color: #ffffff;
	padding: 10px 20px;
}
.content-header h2 {
	font-weight: 600;
	color: #ffffff;
	padding: 0;
}

.cta .fas {
	font-size: 20px;
	line-height: 20px;
	color: #043f90;
	margin-right: 5px;
}




.footer {
	background-color: #043f90;
	color: #ffffff;
	margin-top: 40px;
	padding-top: 30px;
	padding-bottom: 40px;
}

.footer h3 {
	color: #ffffff;
	font: 700 normal 15px/23px 'Ubuntu', Arial, Helvetica, Verdana, sans-serif;
	padding: 0;
}





/*************** ACCORDION ***************/

.accordion {
	background-color: none;
}

.accordion-button {
	border-radius: 0 !important;
	border: none;
	border-bottom: 1px solid #ffffff;
	background-color: #043f90;
	color: #ffffff;
	width: 100%;
	display: flex;
	position: relative;
	text-align: left;
	align-items: center;
	padding: 15px 20px;
}

.accordion-button:not(.collapsed) {

}


.accordion-button:not(.collapsed)::after {
	background-image: none;
	transform: rotate(135deg);
	top: -5px;
	transition: all 0.1s;
	
}

.accordion-button::after {
	background-image: none;
	border-style: solid;
	border-width: 4px 4px 0 0;
	content: '';
	display: inline-block;
	height: 12px;
	left: 0;
	position: relative;
	top: 0;
	transform: rotate(45deg);
	vertical-align: top;
	width: 12px;
	transition: all 0.1s;
	margin-left: auto;
}

.accordion-button:not(.collapsed) h2 {
	/* color: var(--white); */
}

.accordion-button:focus {
    z-index: 3;
    border-color: none;
    outline: 0;
    box-shadow: none;
}


.accordion-item {
	
	border: none;
	border-radius: 0 !important;
	/* border-bottom: 8px solid var(--yellow); */

	
	
}

.accordion-item {
	/* background-color: rgba(255,255,255,0.9); */
}

.accordion-body {
	/* padding: 30px 40px 10px 40px; */
	/* padding: 10px 15px; */
	background-color: #ffffff;
	/* border: 1px solid #043f90; */
}




/******* Discrepancy log *******/

.legend {
	position: relative;
	padding-left: 12px;
}

.legend:before {
	content: "*";
	position: absolute;
	top: 2px;
	left: 0;
	display: block;
	font-size: 18px;
	font-weight: bold;
}

.dislog i.fa-times {
	font-size: 1.15em;
	width: 1em;
}


.page-template-page-dislog h1,
.post-type-archive-discrepancy-log h1,
.single-discrepancy-log h1,
.tax-planes h1,
.dislog h1 {
	padding: 0;
}

.dislog .registration {
	position: absolute;
	top: 28px;
	right: 30px;
	font-size: 50px;
	font-weight: 700;
}

.dislog table.log {
	width: 100%;
	margin: 0 auto 20px;
}

.dislog td p {
	min-height: 24px; /* to set min height for cell */
	position: relative;
}

.dislog .log-more-info {
	position: absolute;
	top: 8px;
	right: 5px;
}

/* comment button */
.dislog .form-submit .submit {
	border-radius: 6px;
    text-shadow: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    padding: 5px 15px;
    font-size: 16px;
    color: #ffffff;
    border-width: 1px;
    border-style: solid;
    border-color: #3eacec;
    background: #3eacec;
    text-decoration: none;
}

.dislog .form-submit .submit:hover {
	color: #ffffff;
	border-color: #2988bf;
	background: #2988bf;
}

/* tijdvak keuze radio */
.gform_wrapper .dislog ul.gfield_radio {
	columns: 2;
	width: 70% !important;
}

.gform_wrapper .dislog ul.gfield_radio li {
	/* display: inline-block; */
	width: 100%;
	margin-bottom: 0 !important;
}

/* date icon */
body .gform_wrapper .dislog img.ui-datepicker-trigger {
	cursor: pointer;
	width: 20px !important;
	height: auto !important;
	opacity: 0.8;
	margin: -4px 0 0 5px;
}

/* grey inputs when filter not active */
.dislog .filtered-no .form-control {
	color: #ccc;
}


.gform_wrapper .dislog .ginput_container.ginput_container_time,
.gform_wrapper .dislog .ginput_container.ginput_container_time input {
	margin: 0;
}


.gform_wrapper .gform_footer:not(.top_label) {
	margin-top: 0;
}


.dislog input[type="text"], .dislog textarea {
	border: 1px solid #ccc;
}

/*.gform_wrapper .dislog ul.gfield_radio li input[type=radio]:checked+label */

.gform_wrapper .dislog .gfield_radio li input[type="radio"],
.gform_wrapper .dislog .gfield_radio label:before,
.gform_wrapper .dislog .ginput_container .gfield_radio li:hover label:before,
.gform_wrapper .dislog .ginput_container .gfield_radio li:hover label:after,
.gform_wrapper .dislog .ginput_container .gfield_radio input:checked + label:after
{
	display: none !important;
}


.gform_wrapper .dislog .gfield_radio li label {
	margin-left: 0 !important;
}

.dislog ul.gfield_radio li label {
	font-weight: 500;
	width: 100%;
	max-width: 100%;
	text-align: center;
	border-radius: 3px;
}

.gform_wrapper .dislog .gfield_radio li label {
	padding: 5px;
	background: #f7f7f7;
	margin: 0 5px 10px 0;
}

.gform_wrapper .dislog .gfield_radio li:hover label {
	background: #d5d5d5;
}

.gform_wrapper .dislog ul.gfield_radio li input[type=radio]:checked+label {
	background: #4ac54a;
	color: #ffffff;
	font-weight: 700;
}

.g1form_wrapper .dislog ul.gfield_radio li {
	width: 31%;
	margin-right: 2%;
	float: left;
}

.gform_wrapper .dislog .breed ul.gfield_radio li {
	width: 90%;
	margin-right: 2%;
	float: none;
}

.dislog .gform_button {
	background: #4ac54a;
	border-color: #4ac54a;
	color: #ffffff;
	font-weight: 700;
}

.dislog .gform_button:hover {
	background: #33b433;
	border-color: #33b433;
}

.dislog #acf-form {
	background-color: #f5f5f5;
	border-radius: 6px;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.dislog .gform_wrapper {
	background-color: #f9f9f9;
	border-radius: 6px;
    padding: 15px;
	margin-bottom: 15px;
}

.dislog #acf-form .button {
	margin-left: 12px;
}


.dislog td.complaint,
.dislog td.defect,
.dislog .td.defect {
	position: relative;
	padding-right: 20px;
}



/* comment form */
#reply-title,
.comment-form-comment label {
	display: none;
}

.comment-form-comment textarea {
	margin: 5px auto;
	width: 100%;
}

.dislog .safetyissue,
.card-info .card-header {
	background-color: #ffeded;
}

.card-default .card-header {
	background-color: #f4faff;
}

.card-success .card-header {
	background-color: #f4fff7;
}


.card {
	margin-bottom: 15px;
}



.has-people-cards {
	padding-left: 6px;
	padding-right: 6px;
}

.has-people-cards > div {
	padding-left: 12px;
	padding-right: 12px;
}

.card-people {
	min-height: calc(100% - 15px);
	border: 1px solid #ccc;
    border-radius: 15px;
    overflow: hidden;
}

.card-people .card-header {
	aspect-ratio: 1/1;
	background-position: center center;
	background-size: cover;
	border-bottom: none;
}

.card-people .card-body {
	font-size: 14px;
	padding: 15px 7px;
	max-width: 100%;
	min-height: 110px;
}




a .fa-chevron-right {
	margin: 0 0 0 3px;
}

a .fa-chevron-right.aleft,
a .fa-chevron-left {
	margin: 0 3px 0 0;
}




/*********** prijs label veld bij ideal betaling *******/
.gform_wrapper.gravity-theme .ginput_product_price_wrapper {
	min-width: 95px;
}


.newsitem a {
	text-decoration: none;
	color: #555555;
}

.newsitem a:hover {
	text-decoration: none;
	color: #555555;
}

.newsitem a:hover .content {
	background-color: #fafcff;
}


.newsitem .content {
	margin-bottom: 30px;
	
	
}

.newsitem .content p {
 /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.newsitem .readmore {
	color: #3eacec;
	display: block;
	text-align: right;
	position: absolute;
	right: 40px;
	bottom: 20px;
}

.newsitem .readmore b {
	font-weight: normal;
	text-decoration: underline;
}

.newsitem h2 {
	padding-bottom: 6px;
}

.newsitem .date {
	padding-bottom: 15px;
	display: block;
}


/** News Shortcode */

ul.latest-news {
	padding-bottom: 10px;
}

.latest-news .news-title {
	padding: 0;
	font: normal 500 14px/18px 'Ubuntu', Arial, Helvetica, Verdana, sans-serif;
	width: 100%;
}

.latest-news li {
	padding: 5px 0;
	border-bottom: 1px solid #ccc;
}

.latest-news li:first-of-type { padding-top: 0; }
.latest-news li:last-of-type { padding-bottom: 0; border-bottom: 0; }

.latest-news .news-date {
	display: block;
	font-size: 13px;
	line-height: 18px;
	color: #999999;
}




.news li span { float: right; margin-left: 10px;  }


.widget .commissietitle {
	font-weight: 600;
}

.content ul.sidemenu,
.content ul.sidemenu ul {
	padding: 0;
}

ul.sidemenu li {
	list-style-type: none;
	margin: 0;
	padding: 5px 0;
	border-bottom: 1px solid #ccc
}

.textwidget hr {
	margin: 5px 0;
}


/************** TOP MENU **************/

.topmenu {
	margin-top: 1px;
	float: right;
}

.topmenu ul li {
	margin: 0;
	padding: 0;
	float: left;
}

.topmenu ul li a {
	margin: 5px 0 10px;
	padding: 0 10px;
	text-decoration: none;
	display: block;
	color: #043f90;
	font-size: 0.9em;
	line-height: 1em;
	border-right: 1px solid #043f90;
}

.topmenu ul li:last-of-type a {
	border-right: none;
	padding-right: 0;
}

.topmenu ul li a:hover {
	color: #002e6c;
	text-decoration: underline;
}




/************** LOGO **************/

#logo {
	display: block;
	position: absolute;
	top: -84px;
	left: -30px;
	width: 227px;
	height: 126px;
	z-index: 100;
}
#logo-spacer {
	display: block;
	width: 160px;
	height: 10px;
	float: left;
}








/*********** ELEMENTS ***********/

.col-md-4 img.featured {
	margin: 0 0 18px 0;
}


#gform_send_resume_link_button_24,
.dtsb-button,
.dt-buttons .btn,
.button,
.btn {
	border-radius: 6px;
	text-shadow: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	padding: 5px 15px;
	font-size: 16px;
	color: #ffffff;
	border-width: 1px;
	border-style: solid;	
	text-decoration: none;
	margin-bottom: 2px;
}

.content .button,
.content .btn {
	border-color: #3eacec;
	background: #3eacec;
}

.dtsb-button,
.dt-buttons .btn,
.btn-small {
	font-size: 14px;
	line-height: 21px;
	padding: 1px 4px;
	margin-bottom: 2px;
}

.content .button:hover,
.content .btn:hover {
	color: #ffffff;
	border-color: #2988bf;
	background: #2988bf;
}


.dtsb-searchBuilder {
	/* max-width: calc(100% - 120px); */
	/* display: inline-block; */
}
.dtsb-titleRow {
	/* display: none; */
}


.btn-grey 				{ color: #ffffff; border-color: #c4c4c4; background: #c4c4c4; }
.btn-grey:hover 		{ color: #ffffff; border-color: #b8babb; background: #b8babb; }

.dtsb-button,
.dt-buttons .btn		{ color: #555; border-color: #ddd; background: #ddd; margin-left: 2px; margin-right: 3px; }
.dtsb-button:hover,
.dt-buttons .btn:hover 	{ color: #555; border-color: #bbb; background: #bbb; }

.btn.toggle-vis 		{ color: #999; border-color: #ccc; background: #ccc; }
.btn.toggle-vis.active	{ color: #555; border-color: #ececec; background: #ececec; }
.btn.toggle-vis:focus,
.btn.toggle-vis:hover 	{ color: #555; border-color: #bbb; background: #bbb; }



table#users tfoot {
	display: table-row-group;
}

table#users tfoot th input {
	border: 1px solid #ccc;
	padding-left: 3px;
	width: 100%;
}
table#users tfoot th .age-input input {
	width: 46%;
}




tfoot th#search_fake input,
/* tfoot th#search_first_name input, */
/* tfoot th#search_last_name input, */
/* tfoot th#search_age input, */
/* tfoot th#search_address input, */
/* tfoot th#search_mobile_phone input */
/* tfoot th#search_phone input, */
/* tfoot th#search_user_email input, */
tfoot th#search_flightcount input,
tfoot th#search_lessoncount input,
tfoot th#search_instr_count input,
tfoot th#search_flight_prev input,
tfoot th#search_flight_next input,
/* tfoot th#search_brevetten input, */
tfoot th#search_papers_medical input,
tfoot th#search_papers_sep input,
tfoot th#search_papers_tmg input,
/* tfoot th#search_commissies input, */
/* tfoot th#search_selecties input, */
/* tfoot th#search_note input, */
/* tfoot th#search_roles input, */
tfoot th#search_beheer input 
{ display: none; }




.triangle-icon {
	position: relative;
	top: -1px;
	font-size: 13px;
}



.has-toggles {
	display: inline-block;
	margin: 0 10px 6px 0;
}

.has-toggles .btn {
	border-radius: 0px;
	margin: 0 0 2px 2px;
	float: left;
}

.age-input {
	border-radius: 0px;
	margin: 0;
	float: left;
}

.has-toggles .btn:first-of-type {
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	padding-left: 7px;

}
.has-toggles .btn:last-of-type {
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	padding-right: 7px;
}

.btn.disabled, .btn:disabled {
    pointer-events: none;
}

.list-group-item {
	border-left: 0;
	border-right: 0;
}

.list-group-item:first-child {
	border-top: 1px;
}
.list-group-item:last-child {
	border-bottom: 1px;
}

.list-group-item.active {
	background-color: #3eacec;
	border-color: #3eacec;
}


.list-group-item:focus, .list-group-item:hover {
  z-index: 1;
  text-decoration: underline;
}

.list-group-item.active:focus, .list-group-item.active:hover {
  background-color: #2988bf;
	border-color: #2988bf;
}

.dt-info {
    padding-top: .85em;
}

div.dt-container div.dt-paging {
	display: flex;
	align-items: center;
	justify-content: center;
}


table.user-table {
	width: 40% !important;
	margin: 0 20px 20px 0 ;
	float: left;
}
table#users th {
	border-width: 1px;
	font-weight: 700;
	text-align: left;
}

table.user-table.has-2-col tr td:nth-child(1),
table.user-table.has-3-col tr td:nth-child(1),
table.user-table.has-3-col tr td:nth-child(2),
table.user-table.has-3-col tr td:nth-child(3),
table.user-table.has-4-col tr td:nth-child(1) {
	width: 33%;
}
table.user-table.has-2-col tr td:nth-child(2) {
	width: 67%;
}

table.user-table.has-4-col tr td:nth-child(2),
table.user-table.has-4-col tr td:nth-child(3),
table.user-table.has-4-col tr td:nth-child(4) {
	width: 22.33%;
}



.user-thumb {
	max-width: 80px;
	float: right;
	text-align: center;
}

.user-thumb figcaption {
	font-size: 10px;
}


/******* Div admin bar cleanup logged-in users *******/
#wp-admin-bar-wp-logo,
#wp-admin-bar-search,
#wp-admin-bar-updates,
#wp-admin-bar-comments,
#wp-admin-bar-new-content,
#wp-admin-bar-customize,
#wp-admin-bar-site-name.menupop .ab-sub-wrapper,
#wp-admin-bar-site-name.menupop.hover .ab-sub-wrapper,
#wp-admin-bar-site-name.menupop:hover .ab-sub-wrapper,
#noiets {
	display: none;
}

/******* 1e breakpunt Bootstrap *******/  
@media all and (max-width: 991px) {
	table.user-table {
		width: 70% !important;
		margin: 0 20px 20px 0 ;
		float: left;
	}
}

/******* 2e breakpunt Bootstrap *******/  
@media all and (max-width: 767px) {
	table.user-table {
		width: 100% !important;
		margin: 0 0 20px 0 ;
		float: none;
	}
}



/*********** WIDGETS ***********/

.widget ul,
.widget ul li {
	list-style-type: none;
	margin-left: 0;
	padding-right: 0;
}




/*********** LOGIN ***********/


.acha-login a {
	font: 400 normal 15px/23px Arial, Helvetica, Verdana, sans-serif;
}

.sidebar_login_links .username-link {
	text-decoration: none;
	pointer-events: none;
}

.acha-login a.lost_password-link {
	font-size: 13px;
	line-height: 13px;
}

.login-username,
.login-password {
	-webkit-box-shadow:inset 0px 0px 0px 1px #ccc;
	-moz-box-shadow:inset 0px 0px 0px 1px #ccc;
	box-shadow:inset 0px 0px 0px 1px #ccc;
	display: block;
	margin: 0 5px 5px 0;
	padding-left: 40px;
	background: #e9ecef;
	max-width: 100%;
	position: relative;
}

.login-username:before,
.login-password:before {
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	left: 12px;
	top: 10px;
	/* z-index: 11; */
	font: var(--fa-font-regular);
	font-size: 17px;
	font-weight: 600;
}

.login-username:after,
.login-password:after {
	position: absolute;
	top: 0;
	left: 40px;
	z-index: 2;
	pointer-events: none;
	color: #999;
	padding: 7px 10px;
	font-size: 15px;
}

.login-username.hasvalue:after,
.login-password.hasvalue:after {
	content: "";
}

.login-username input:focus,
.login-username input:active,
.login-username input:visited,
.login-password input:focus,
.login-password input:active,
.login-password input:visited {
	z-index: 3;
}

.login-username:before {
	content: "\f1fa";
}

.login-password:before {
	content: "\f09c";
}


.acha-login label {
	display: none;
}

.loginblock.mobile p.login-remember label {
	display: inline-block;
}

.acha-login input#user_login,
.acha-login input#user_pass {
	border: 1px solid #ccc;
	padding: 6px 10px;
	position: relative;
	width: 100%;
}

.acha-login p {
	margin-bottom: 5px;
}

.acha-login {
	max-width: 400px;
}



.login-submit {
	float: right;
}


.login-submit .button {
	margin: 0 5px 5px 0;
	padding: 0 5px;
	border-radius: 2px;
	background-color: #e9ecef;
	border-color: #ccc;
	color: #888;
	cursor: pointer;
}

.login-submit .button:hover {
	background-color: #e9ecef;
	border-color: #555;
	color: #888;
}



/* FORM Change proposal / ID 24 */

.gform_wrapper.gravity-theme #gform_24 .ginput_container_date {
	position: relative;
}
.gform_wrapper.gravity-theme #gform_24 .ginput_container_date input {
	width: 100%;
}

.gform_wrapper.gravity-theme #gform_24 .ui-datepicker-trigger {
	position: absolute;
	right: 8px;
}


/* Buttons ipv radio - staat ook op andere plekken. Maar hier specifuek voor form 24 */
.gform_wrapper #gform_24 .gfield_radio div input[type="radio"],
.gform_wrapper #gform_24 .gfield_radio label:before,
.gform_wrapper #gform_24 .ginput_container .gfield_radio div:hover label:before,
.gform_wrapper #gform_24 .ginput_container .gfield_radio div:hover label:after,
.gform_wrapper #gform_24 .ginput_container .gfield_radio input:checked + label:after
{
	display: none !important;
}

.gform_wrapper #gform_24 .gfield_radio div label {
	margin-left: 0 !important;
}

#gform_24 .gfield_radio div label {
	font-weight: 500;
	width: 100%;
	max-width: 100%;
	text-align: center;
	border-radius: 3px;
}

.gform_wrapper #gform_24 .gfield_radio div label {
	padding: 5px;
	background: #e5e5e5;
	margin: 0;
	cursor: pointer;
}

.gform_wrapper #gform_24 .gfield_radio div:hover label {
	background: #d5d5d5;
}

#gform_send_resume_link_button_24,
#gform_save_24_footer_link,
.gform_wrapper #gform_24 .gfield_radio div input[type=radio]:checked+label {
	background: #4ac54a;
	border-color: transparent;
	color: #ffffff;
	font-weight: 700;
}

/* gebruiken we alleen als reset knopje */
.gform_wrapper #gform_24 .gfield_radio div:nth-of-type(3) input[type=radio]:checked+label {
	background: #f7f7f7;
	color: #555555;
}

#gform_send_resume_link_button_24,
#gform_save_24_footer_link {
	margin-left: 0;
}

#gform_send_resume_link_button_24,
#gform_submit_button_24 {
	margin-right: 8px;
}

#gform_save_24_footer_link path {
	fill: #fff;
}

.gform_wrapper #gform_24 .gfield_radio#input_24_6 div input[type=radio]:checked+label,
.gform_wrapper #gform_24 .gfield_radio#input_24_7 div input[type=radio]:checked+label { background: #002b67; color: #ffffff; }

.gform_wrapper #gform_24 .gfield_radio div input[type=radio]:checked+label#label_24_11_1,
.gform_wrapper #gform_24 .gfield_radio div input[type=radio]:checked+label#label_24_14_1,
.gform_wrapper #gform_24 .gfield_radio div input[type=radio]:checked+label#label_24_17_1,
.gform_wrapper #gform_24 .gfield_radio div input[type=radio]:checked+label#label_24_20_1 { background: red; color: #ffffff; }

.gform_wrapper #gform_24 .gfield_radio div {
	width: 38%;
	margin-right: 2%;
	float: left;
}

.gform_wrapper .buttons .gfield_radio div {
	width: calc(33% - 10px);
	margin: 0 10px 10px 0;
	float: left;
}


@media all and (max-width: 1070px) { .gform_wrapper .buttons .gfield_radio div { width: calc(50% - 10px); } }
@media all and (max-width: 991px)  {  }
@media all and (max-width: 767px)  { .gform_wrapper .buttons .gfield_radio div { width: calc(100% - 0px); }  }


.gform_wrapper #gform_24 .gfield_radio div:nth-of-type(3) {
	width: 18%;
}

.gform_wrapper #gform_24 #input_24_6 div {
	width: 48%;
}
.gform_wrapper #gform_24 #input_24_7 div {
	width: 23%;
}

.gform_wrapper #gform_24 .breed .gfield_radio div {
	width: 90%;
	margin-right: 2%;
	float: none;
}

.gform_wrapper.gravity-theme #gform_24 .gfield_validation_message,
.gform_wrapper.gravity-theme .validation_message {
    background: transparent;
    border: none;
    margin-block-start: 0;
    padding: 0 0 10px;
    font-style: italic;
    font-size: 13px !important;
}

/* 
.gform_wrapper 
input[type=checkbox]:checked+label */


.gform_wrapper .switch .gfield_checkbox .gchoice {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
}

.gform_wrapper .switch .gfield_checkbox .gchoice input[type=checkbox] {
	position: relative;
	opacity: 0;
	width: 0;
	height: 0;
}

.gform_wrapper .switch .gfield_checkbox .gchoice label {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	max-width: unset;
	margin-left: 0;
	border-radius: 34px;
	background-color: #ccc;
	transition: .05s;
	text-indent: -9999px;
}

.gform_wrapper .switch .gfield_checkbox .gchoice label:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	top: 4px;
	left: 4px;
	bottom: 4px;
	margin-left: 0;
	border-radius: 50%;
	border: none;
	background-color: white;
	transition: .05s;
}

.gform_wrapper .switch .gfield_checkbox .gchoice input[type=checkbox]:checked + label {
	background-color: #4ac54a;
}

.gform_wrapper .switch.red .gfield_checkbox .gchoice input[type=checkbox]:checked + label {
	background-color: red;
}

.gform_wrapper .switch .gfield_checkbox .gchoice input[type=checkbox]:focus + label {
	box-shadow: none;
}

.gform_wrapper .switch .gfield_checkbox .gchoice input[type=checkbox]:checked + label:before {
	transform: translateX(26px);
}
.gform_wrapper .switch .gfield_checkbox .gchoice input[type=checkbox]:checked + label:after {
	display: none;
}



/************** RESPONSIVE VIDEO ***************/
.video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin-bottom: 23px; }
.video-container iframe, .video-container object, .video-container embed, .video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



/*********** FAQ ***********/

.faq-container {
	border-bottom: 1px solid #ccc;
}

.faq-title {
	cursor: pointer;
	width: 100%;
	padding: 12px 0;
	display: block;
	text-decoration: none;
	color: #043f90;
}

.faq-title h2,
.faq-title h3 {
	display: inline-block;
	max-width: calc(100% - 24px);
}

.faq-title .faq-icon  {
	margin: 6px 12px 0 0;
	transition: transform 0.1s;
	float: left;
}

.faq-title.active .faq-icon  {
	transform: rotate(90deg);
	transition: transform 0.1s;
}

.faq-title.active,
.faq-title:hover {
	font-weight: 700;
	text-decoration: none;
}

.faq-container:hover,
.faq-container .active {
	/*background-color: #f9f9f9;*/
}

.faq-answer {
	padding: 0 0 0 24px;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.5s ease-out;
}

.faq-answer.active {
	height: auto;
	max-height: 900px;
	transition: max-height 1.5s ease-out;
}


/*********** FOOTER ***********/
.footer a {
	color: #ccedff;
}

.footer a:hover {
	color: #3eacec;
}




/*************** Show/hide password ***************/
.fas.hide-password,
.fas.show-password {
	position: absolute;
	right: 8px;
	top: 11px;
	color: #777777;
	font-size: 16px;
	cursor: pointer;
	z-index: +5;
}





.page-template-page-screen-discrepancy-logs .header-top,
.page-template-page-screen-discrepancy-logs .header-top,
.page-template-page-screen-discrepancy-logs .navigation,
.page-template-page-screen-discrepancy-logs .navbar-collapse,
.page-template-page-screen-discrepancy-logs #form-zoeken,
.page-template-page-screen-discrepancy-logs .examples .right,
.page-template-page-screen-discrepancy-logs .header-image,
.page-template-page-screen-discrepancy-logs .footer {
	display: none !important;
}

body.page-template-page-screen-discrepancy-logs {
	background: #fff;
}

body.page-template-page-screen-discrepancy-logs .dislog .registration {
    position: relative;
    top: unset;
    right: unset;
    font-size: 24px;
	line-height: 36px;
    font-weight: 700;
}


body.page-template-page-screen-discrepancy-logs .content.dislog {
	background-color: #f9f9f9;
	padding: 10px 20px 20px;
	border-radius: 10px;
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 10px;
	height: calc(100% - 10px);
}


body.page-template-page-screen-discrepancy-logs .hasdate {
	letter-spacing: -0.7px;
}

body.page-template-page-screen-discrepancy-logs .row {
	padding-left: 13px;
	padding-right: 13px;
}

body.page-template-page-screen-discrepancy-logs .col {
	padding-left: 5px;
	padding-right: 5px;
}


body.page-template-page-screen-discrepancy-logs .content.dislog p {
	padding-bottom: 0;
	margin-bottom: 0;
}

.page-template-page-screen-discrepancy-logs .navbar {
	padding: 0px;
	height: 70px;
	margin-bottom: 10px;
	min-height: unset;
	}

.page-template-page-screen-discrepancy-logs #logo {
	left: calc(50% - 113px);
	top: -20px;
	filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.5));
}

.page-template-page-screen-discrepancy-logs .container {
	max-width: calc(100% - 6px);
}

.page-template-page-screen-discrepancy-logs .content {
	padding: 20px 0 0;
}



.navbar {
	padding-top: 25px;
	padding-bottom: 25px;
	min-height: 86px;
}

.navbar-toggler {
	position: fixed;
	right: 20px;
	top: 100px;
	color: #ffffff !important;
	border: 0;
	z-index: +1;
	font-size: 28px;
}

.page-template-page-avras-view-day .navbar-toggler,
.page-template-page-avras-view-week .navbar-toggler,
.page-template-page-avras-list-bookings .navbar-toggler
{
	top: unset;
}

.navbar-toggler::after {
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font: var(--fa-font-regular);
	content: "\e59b";
	transform: rotate(90deg);
	transition: transform 0.2s;
}

.navbar-toggler.collapsed::after {
	content: "\f0c9";
	transform: rotate(0deg);
	transition: transform 0.2s;
}


@media all and (min-width: 992px) {

	/************** NAV MENU **************/
	.navbar li a {
		font: normal 500 18px/32px 'Ubuntu', Arial, Helvetica, Verdana, sans-serif;
		color: #ffffff;
		text-decoration: none;
		padding: 0 25px 0 0;
	}

	.navbar li:hover a {
		color: #3eacec;
	}


	.nav .sub-menu {
		position: absolute;
		display: none;
		opacity: 0;
	}

	.nav li:hover .sub-menu {
		opacity: 1;
		transition: 0.2s ease;
		z-index: +8;
		display: block;
	}

	nav li.restricted {
		display: flex;
	}

	nav li .sub-menu .restricted,
	nav li.restricted:hover .sub-menu {
		display: none;
	}

	.logged-in nav li:hover .sub-menu .restricted,
	.logged-in nav li.restricted:hover .sub-menu {
		display: block;
	}

	.nav .sub-menu {
		background-color: #043f90;
		box-shadow: none;
		border: 0;
		margin-left: -20px;
		float: left;
		min-width: 160px;
		padding: 5px 0;
		font-size: 14px;
		text-align: left;
		list-style: none;
	}

	.nav .sub-menu>li>a {
		color: #ffffff;
		text-decoration: none;
		clear: both;
		font-weight: 400;
		line-height: 1.42857;
		white-space: nowrap;
		padding: 3px 20px;
		display: inline-block;
	}

	.nav .sub-menu>li.hoverexample>a,
	.nav .sub-menu>li>a:hover {
		text-decoration: none;
		color: #3eacec;
	}
}



/************* RESPONSIVE *************/
.desktop-inline 	{ display: inline-block; }
.desktop 			{ display: block; }
.mobile-inline,
.mobile, .mobilebut	{ display: none; }



/******* extra breakpunten navigatie *******/  
@media all and (max-width: 1070px) {
	
	#logo-spacer {
		width: 140px;
	}

	/* welke is dit? */
	/* .navbar li#menu-item-5335>a {
		padding: 0 0 0 0;
	} */
}


/******* 1e breakpunt Bootstrap *******/  
@media all and (max-width: 991px) {
	.topmenu,
	.desktop-inline,
	.desktop 	{ display: none !important; }
	.mobile 	{ display: block; }
	.mobile-inline 	{ display: inline-block; }
	
	.tdlabel.mobile { display: none; }

	.logout_btn.menu-item {
		display: none;
	}
	
	.logged-in .logout_btn.menu-item {
		display: block;
	}
	
	.login_btn.menu-item {
		display: block;
	}
	
	.logged-in .login_btn.menu-item {
		display: none;
	}
	
	body:not(.clean, .avras) {
		padding-top: 160px;
	}
	
	.header-top {
		height: 75px;
		position: fixed;
		top: 0;
		z-index: 9;
	}
  
	body.page-id-8501-event .cta, /* inschrijven zilveren vleugel */
	body.single-event .cta {
		display: none;
	}

	body.page-id-8501 .header-image, /* inschrijven zilveren vleugel */
	body.single-event .header-image {
		height: 175px;
	}

	.navbar {
		position: fixed;
		top: 75px;
		z-index: 10;
		width: 100%;
	}

	body:not(.avras) .admin-bar .navbar {
		top: 121px;
	}

	.admin-bar .header-top {
		top: 46px;
	}

	.admin-bar button#responsive-menu-button {
		top: 136px;
	}
	
	#logo {
		margin: 0;
		top: -97px;
		left: 50%;
		margin-left: -113px;
	}

	/************** NAV MENU **************/
	#menutoggle,
	#menutoggle.show {
		display: block;
	}

	.menu-hoofdmenu-container {
		font-weight: 400 !important;
		font: normal 400 15px/40px 'Ubuntu', Arial, Helvetica, Verdana, sans-serif;
		display: block;
		position: fixed;
		background: #043f90;
		top: 0;
		left: 0;
		width: 80%;
		height: 100vh;
		z-index: 99998;
		padding-bottom: 5px;
		margin-bottom: -5px;
		outline: 1px solid transparent;
		overflow-y: auto;
		overflow-x: hidden;
		transform: translateX(-100%);
		transition: all 0.2s;
	}

	.show .menu-hoofdmenu-container {
		transform: translateX(0);
		transition: all 0.2s;
	}

	.navbar li {
		position: relative;
		background: #043f90;
		transition: background-color 0.2s ease;
		border-top: 1px solid #1853ab;
	}

	.navbar li a {
		color: #ffffff;
		text-decoration: none;
		padding: 0 10px 0 20px;
		display: inline-block;
		width: 100%;
	}

	.nav > li:hover {
		background: #002e6c;
		transition: background-color 0.2s ease;
	}


	.sub-menu > li:hover {
		background: 002e6c;
		transition: background-color 0.2s ease;
	}

	.navbar li:hover a {
		color: #ffffff;
	}

	.navbar li.menu-item-has-children > .menu-item-after {
		text-align: center;
		font-size: 16px;
		line-height: 38px;
		position: absolute;
		top: 0;
		right: 0;
		width: 40px;
		height: 40px;
		color: #ffffff;
		border-left: 1px solid #1853ab;
	}

	.navbar li.menu-item-has-children > .menu-item-after:hover {
		background-color: #03214a;
		cursor: pointer;
	}

	.navbar li.current-menu-item {
		background-color: #2260bd;
	}

	
	.navbar li.menu-item-has-children > .menu-item-after::after {
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		display: inline-block;
		font: var(--fa-font-regular);
		content: "\f078";
		transition: transform 0.2s;
	}

	/* .navbar li.current-menu-parent > .menu-item-after::after, */
	.navbar li.menu-item-has-children > .menu-item-after.show::after {
		transform: rotate(-180deg);
		transition: transform 0.2s;
	}

	/* .navbar li.current-menu-parent > .menu-item-after.show::after {
		transform: rotate(0deg);
		transition: transform 0.2s;
	} */

	.navbar .sub-menu {								/* standaard dicht */
		height: 0;
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.2s;
	}

	/* .navbar li.current-menu-parent .sub-menu,		current staat open */
	.navbar .show + .sub-menu {						/* on show staat open */
		height: auto;
		max-height: 500px;
		transition: max-height 0.2s;
	}

	/* .navbar li.current-menu-parent .show + .sub-menu {
		height: 0;
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.2s;
	} */


	.navbar .sub-menu li a {
		color: #ffffff;
		text-decoration: none;
		padding: 0 10px 0 30px;
		display: inline-block;
		width: 100%;
	}

	


}

/******* tussenbreak tbv menu *******/  
@media all and (max-width: 850px) {
	
}

/******* 2e breakpunt Bootstrap *******/  
@media all and (max-width: 767px) {

	.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, 
	.col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, 
	.col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, 
	.col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { padding-right: 10px; padding-left: 10px; }

	.container {
		padding-right: 10px;
		padding-left: 10px;
	}
	
	.row {
		margin-right: -10px;
		margin-left: -10px;
	}

	.equal .equalcol { flex: auto; }
	
}

/******* breakpunt Grav Forms *******/  
@media all and (max-width: 640px) {

	h1						{ font-size: 20px; line-height: 28px; letter-spacing: -0.03em; }
	h2						{ font-size: 20px; line-height: 28px; letter-spacing: -0.03em; }
	h3 						{ font-size: 20px; line-height: 28px; letter-spacing: -0.03em; }
	h4 						{ font-size: 18px; line-height: 24px; }
	h5 						{ font-size: 16px; line-height: 22px; }
	h6 						{ font-size: 15px; line-height: 21px; }
	body 					{ font-size: 15px; line-height: 21px; }

	.gform_wrapper input.datepicker_with_icon.large, .gform_wrapper input.datepicker_with_icon.medium, .gform_wrapper input.datepicker_with_icon.small {
		width: calc(100% - 32px);
	}
	.gform_wrapper .dislog ul.gfield_radio {
		columns: 2;
		width: 100% !important;
	}

	.legend {
		float: none;
		display: block;
	}
	
	.dislog .registration {
		position: absolute;
		top: 18px;
		right: 24px;
		font-size: 30px;
		letter-spacing: -0.03em;
	}

	.page-template-page-dislog .header-image,
	.post-type-archive-discrepancy-log .header-image,
	.single-discrepancy-log .header-image,
	.tax-planes .header-image,

	.page-template-page-dislog .footer .noprint,
	.post-type-archive-discrepancy-log .footer .noprint,
	.single-discrepancy-log .footer .noprint,
	.tax-planes .footer .noprint,
	
	.page-template-page-dislog .footer .printonly hr,
	.post-type-archive-discrepancy-log .footer .printonly hr,
	.single-discrepancy-log .footer .printonly hr,
	.tax-planes .footer .printonly hr
	{
		display: none;
	}

	.page-template-page-dislog .footer .printonly,
	.post-type-archive-discrepancy-log .footer .printonly,
	.single-discrepancy-log .footer .printonly,
	.tax-planes .footer .printonly {
		display: block;
	}

	.page-template-page-dislog .footer .printonly .content,
	.post-type-archive-discrepancy-log .footer .printonly .content,
	.single-discrepancy-log .footer .printonly .content,
	.tax-planes .footer .printonly .content {
		background-color: transparent;
	}

	.gform_wrapper .dislog ul.gfield_radio li {
		margin-bottom: 10px !important;
	}

	.dislog .safetyissue			{ background-color: #ffeded; }
	.dislog .default				{ background-color: #f4faff; }
	.dislog .resolved .dislog-date	{ background-color: #f4fff7; }

	.tdlabel.mobile 				{ display: block; }

	.nicetable						{ display: block;  }
	.nicetable .tr					{ display: block; width: 100%; margin: 0 0 15px; border-bottom: 1px solid #ccc; }

	.nicetable .tr.hidden,
	.nicetable .tr.desktop,
	.nicetable .tr.printonly		{ display: none; }

	.nicetable .header				{ display: block; width: 100%; }
	.nicetable .footer				{ display: block; width: 100%; }
	.nicetable .td, .nicetable .th	{ display: block; width: 100% !important; text-align: left; vertical-align: top; padding: 3px 5px; border: 1px solid #ccc; border-bottom: none;  }

	.tdlabel { font-weight: bold; }
	.nicetable .td p { margin-bottom: 0 !important; }

	.td.dislog-date .tdlabel { display: inline-block; }
	.td.dislog-date .tdlabel.hasdate { float: right; }

	.td.dislog-num.desktop,
	.tdlabel.desktop,
	.tr.desktop,
	.td.dislog-check { display: none; }
} 



/******* Mobile *******/  
@media all and (max-width: 480px) {
	
}


/******* Logged in *******/  
.logged-in #wpadminbar {
	position: fixed;
}