/*
 * Via custom head plugin
 * Custom code voor Boekfiets
 */
/* einde theme9 */

/*begin nieuwspagina voor mobiel  */
body.profile .uk-h2, 
body.profile h2 {
font-size: 30.6px!important;
}
  
/* end nieuwspagina voor mobiel  */

/* */
body.profile .cb_tab_content.cb_tab_html .titleCell {
display:none;
}
tr.sectiontableentry2.cbStatList2,
tr.sectiontableentry2.cbStatList4,
tr.sectiontableentry1.cbStatList5,
tr.sectiontableentry2.cbStatList6
{
display:none;
}

body.profile .tr.sectiontableentry1.cbStatList3 {
display:block;
}

#cbfr_75 {
display:none;
}

/* todo
#cb_tabid_17 > div > table > tbody > tr.sectiontableentry1.cbStatList3
display:block;
*/

body.boekfietsritten .row-fluid {
    padding: 0px 0 8px 0;
}

.cb_tab_content.cb_tab_html .titleCell {
display:none;
}

tr.sectiontableentry2.cbStatList2,
tr.sectiontableentry2.cbStatList4 {
display:none;
}

.profile .tm-main .uk-container,
.profielbewerken .tm-main .uk-container {
margin-top: 0px; 
}

#login-modal {
    transition: .25s ease-in-out;
    box-shadow: inset 0px -3px 0px rgba(0, 0, 0, 0.1);
        border-radius: 4px;
            background-image: url(/images/boekfiets/images/lucht.jpg);
	    background-repeat: repeat;
    background-size: contain;
}
 .modal-header {
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background: #17ad4b;
    }

#login-modal .modal-title{
font-size: 35px;
    line-height: 1.3;
    color: #ffffff;
    font-family: "TobiPro-Heavy", sans-serif;
    letter-spacing: .75px;
}    

.sclogin-joomla-login{
    background: transparent;
}    

.sclogin-joomla-login li{    
    list-style-type: none;
    margin: 0 0 0 -24px;
}  

.sclogin-joomla-login a{    
text-decoration: none;
    color: white;
    background: #2a8bae;
    mix-blend-mode: normal;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    border-radius: 4px;
    font-size: 13px;
color: #ffffff;
    text-decoration: none;
    cursor: pointer;
    height: 39px;
        margin-top: 4px;
    text-transform: uppercase;
        padding: 10px 20px;
        text-decoration: none;
	    color: white;
	    padding: 10px 20px;
	    border-radius: 4px;
	    line-height: 35px;
	    font-family: "TobiPro-ExtraBold", sans-serif;
    box-shadow: inset 0px 3px 0px rgba(0, 0, 0, 0.1);
}  

.sclogin-joomla-login a:hover {    
text-decoration: none;
    color: white;
    background: #2C92B3;
    mix-blend-mode: normal;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    border-radius: 4px;
    font-size: 13px;
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
    height: 39px;
    margin-top: 4px;
    text-transform: uppercase;
    padding: 10px 20px;
    text-decoration: none;
    color: white;
    padding: 10px 20px;
    /* border: 1px solid rgba(0, 0, 0, 0.1); */
    /* box-sizing: border-box; */
    border-radius: 4px;
    line-height: 35px;
    font-family: "TobiPro-ExtraBold", sans-serif;
transition: .25s ease-in-out;
    box-shadow: inset 0px -3px 0px rgba(0, 0, 0, 0.1);

}

#scLogoutButton > input.btn.btn-primary {
    background: #2C92B6;
    color: #fff;
    text-shadow: none;
        text-decoration: none;
        color: white;
        padding: 2px 20px;
        /* background: #2C92B6; */
        border: 1px solid rgba(0, 0, 0, 0.1);
        box-sizing: border-box;
        box-shadow: inset 0px -3px 0px rgba(0, 0, 0, 0.1);
        border-radius: 4px;
        line-height: 35px;
        font-family: "TobiPro-ExtraBold", sans-serif;
        transition: .25s ease-in-out;
    transition-property: color, background-color, background-position, border-color, box-shadow;
}


#scLogoutButton > input.btn.btn-primary:hover {
    background: #2a8bae;
    box-shadow: inset 0px 3px 0px rgba(0, 0, 0, 0.1);
}


body.profile label {
    color: #212529;
    cursor: default;
    font-weight: normal; 
    font-size: 1.1em;
}

body.profile #cbfv_45 {
    color: #17ad4b;
    font-weight: bold; 
}


 body.profile #cbfr_28 .form-control-plaintext {
    margin-left: 166px;
    color: #2c92b6;
    color: rgba(68, 68, 68, .9);
}



body.wachtwoord label[for=typeofloose] {
    display:none;
}



/* newrecaptcha naar rechts */
body.start-een-regio #newrecaptcha,
body.contact #newrecaptcha
contact
{
    right: 0;
    display: inline-block;
    float: right;
}

body.start-een-regio #bfElemWrap820,
body.contact #bfElemWrap791

{
    width: -webkit-fill-available;
    /* width: max-content; */
    text-align: -webkit-right;
    display: block;
}

body.start-een-regio .call-bottom-content.uk-grid-margin.uk-grid.uk-grid-stack, 
body.boek-de-boekfiets .call-bottom-content.uk-grid-margin.uk-grid.uk-grid-stack 

{
    background: #e7e7e7;
    text-align: left;
    background-image: url(/images/boekfiets/images/paper_texture.jpg);
    background-size: cover;
    outline: 2px solid #FFEF10;
    outline-offset: -10px;
    padding: 20px;
    color: #444;   
    }

/* akkord voorwaarden kleiner maken, zodat Recaptcha er naast past en boven verzendknop komt */
body.boek-de-boekfiets #bfElemWrap181{
width: 612px;
display: contents;
float: left;
}


body.boek-de-boekfiets #newrecaptcha {
    float: right;
}

body.boek-de-boekfiets #bfElemWrap830{
    background: rgba(0, 0, 0, 0);
    text-align: right;
    }
    

body.boek-de-boekfiets #bfSubmitButton{
margin-right: 5px;
}


 @media only screen
and (max-width : 767px) {
body.boek-de-boekfiets #newrecaptcha {
margin-top:25px;
}

body.boek-de-boekfiets #bfLabel181,
body.boek-de-boekfiets #bfLabel932
{
margin-top:25px;
}

}
    
    
body.start-een-regio .tm-main .uk-container {
    /* padding: 5px; */
    min-height: 0px;
    transform: translateY(-100px);
    margin-top: 0px;
}

 .cbRegistrationFlat {
    color: #444;    
}    
    
.calendar-container table {
    table-layout: fixed;
    max-width: 360px;
    border-radius: 5px;
    background-color: #ffffff !important;
    z-index: 1100 !important;
}


.alert,
.uk-alert {
    position: relative;
    margin-bottom: 20px;
    padding: 40px 24px 40px 10px;
    background: #fff;
    color: #444;
    border-right: 10px solid #111;
    box-shadow: 2px 12px 32px rgba(0, 0, 0, .06)
}

*+.uk-alert {
    margin-top: 20px
}

.uk-alert>:last-child {
    margin-bottom: 0
}

.uk-alert-close {
    position: absolute;
    top: 15px;
    right: 10px;
    color: inherit;
    opacity: 1;
    min-width: 20px;
}

.uk-alert-close:first-child+* {
    margin-top: 0
}

.uk-alert-close:focus,
.uk-alert-close:hover {
    color: inherit;
    opacity: 1;
    min-width: 20px;
}

.alert-info,
.uk-alert-primary {
    background: #ffffffcc;
    color: #2782a1;
    border-right-color: #2c92b6
}

.alert-success,
.uk-alert-success {
    background: #ffffffcc;
    color: #148003;
	border: 5px #189903 solid;
/*    border-right-color: #189903*/
}

.uk-alert-warning {
    background: #ffffffcc;
    color: #ffa135;
    border-right-color: #ffad4f
}

.alert-danger,
.alert-error,
.uk-alert-danger {
    background: #ffffffcc;
    color: #de1d2e;
    border-right-color: #e43141
}

.uk-alert h1,
.uk-alert h2,
.uk-alert h3,
.uk-alert h4,
.uk-alert h5,
.uk-alert h6 {
    color: inherit
}

.uk-alert a:not([class]) {
    color: inherit;
    text-decoration: underline
}

.uk-alert a:not([class]):hover {
    color: inherit;
    text-decoration: underline
}

span.nieuwvenster {
font-size: 82%;
}

span.boekfiets2{
	font-family: "TobiPro-HeavyBonusOne", sans-serif;
	font-weight: 500;
	font-size: 50px;
	text-transform: uppercase;
	color: #fff;
}

.eb-event-date-container {
	width: 90px;
	height: 90px;
}

.eb-event-date {
	display: inline-flex;
}

.eb-category-1,
.eb-category-2,
.eb-category-3,
.eb-category-4,
.eb-category-5,
.eb-category-6,
.eb-category-7,
.eb-category-8,
.eb-category-9,
.eb-category-10,
.eb-category-11,
.eb-category-12,
div[class^='eb-category'] {
	min-height: 165px;
	margin-bottom: 15px;
	font-size: 15px;
}

.eb-event-title {
	font-size: 23px;
}

.eb-event-information.row-fluid i {
	font-size: 18px;
}

a.eb-colorbox-map.cboxElement {
	font-size: 16px;
}

.eb-description-details p {
	font-size: 15px;
}

.eb-description-details {
    min-height: 35px;
}

.gallery_home .container > :last-child, .uk-container > :last-child {
	margin-bottom: 0;
	margin-top: 20px;
}

 .table, .uk-table {
	display: block;
	overflow-x: auto;
}

.boekfietsritten .eb-event-date-time .fa-calendar {
	color: #2c92b6;
}

.boekfietsritten .eb-event-location .fa-map-marker {
	color: #2c92b6;
}

.beheerVrijwilligers .cb_template .text-success {
	color: #28a745 !important;
	font-family: "TobiPro-Heavy", sans-serif;
}

 .select2-container {
	background-color: transparent !important;
}

.boekfietsritten .tm-main .uk-container {
	background-color: white;
}

.eb-events-timeline .eb-register-buttons-top {
	margin-left: 180px;
}

.call-bottom-content.uk-grid-margin.uk-grid.uk-grid-stack {
	color: #444;
}

 .cb_template .offset-sm-3 {
	margin-left: 0;
}

.tm-main .uk-container {
	padding: 25px;
	min-height: 900px;
	transform: translateY(-30px);
	margin-top: 100px;
}

.eb-description img.eb-thumb-left {
	margin: 0 -90px 0 0 !important;
	float: left !important;
}

.cb_template .input-group > .form-control + .form-control, .cb_template .input-group > .form-control + .custom-select, .cb_template .input-group > .form-control + .custom-file, .cb_template .input-group > .form-control-plaintext + .form-control, .cb_template .input-group > .form-control-plaintext + .custom-select, .cb_template .input-group > .form-control-plaintext + .custom-file, .cb_template .input-group > .custom-select + .form-control, .cb_template .input-group > .custom-select + .custom-select, .cb_template .input-group > .custom-select + .custom-file, .cb_template .input-group > .custom-file + .form-control, .cb_template .input-group > .custom-file + .custom-select, .cb_template .input-group > .custom-file + .custom-file {
	margin-left: -1px;
	margin-top: 4px;
}


.cb_template .btn-primary, .cb_template .btn-secondary {
	border-radius: 5px;
}

.cb_template .btn-primary {
	color: #fff;
	background-color: #2C92B6;
	border-color: #2C92B6;
}

.navbar .nav > li > .dropdown-menu, .uk-navbar-dropdown a:link {
	color: #17AD4B;
	font-size: 13px;
}

.uk-article-title {
	color: #17AD4B;
}

.uk-subnav > * > :first-child {
	color: #2c92b6;
}

.select2-container--open .select2-dropdown {
	left: -20px;
	top:-20px;
}

.cb_template.select2-container--bootstrap .select2-dropdown .select2-results .select2-results__options .select2-results__option[data-selected="true"] {
	background: #2C92B6;
}

.select2-container {
	background-color: transparent;
}

#page\#14 .uk-tile-muted {
	padding-left: 30px !important;
	padding-right: 30px !important;
}

/* Er zijn geen evenementen  */
.text-info {
	display: none;
}

.home .agenda .uk-text-left{
	color: #2c92b6;
	font-size: 35px;
	font-family: "TobiPro-Heavy", sans-serif;
}

/* Forms */

.wordvriend{
	width: 70% !important;
}

.wordVriend .wordvriend .uk-input, .uk-select:not([multiple]):not([size]), .uneditable-input:not([class*="uk-"]), input[type="color"]:not([class*="uk-"]), input[type="date"]:not([class*="uk-"]), input[type="datetime-local"]:not([class*="uk-"]), input[type="datetime"]:not([class*="uk-"]), input[type="email"]:not([class*="uk-"]), input[type="month"]:not([class*="uk-"]), input[type="number"]:not([class*="uk-"]), input[type="password"]:not([class*="uk-"]), input[type="search"]:not([class*="uk-"]), input[type="tel"]:not([class*="uk-"]), input[type="text"]:not([class*="uk-"]), input[type="time"]:not([class*="uk-"]), input[type="url"]:not([class*="uk-"]), input[type="week"]:not([class*="uk-"]), select:not([class*="uk-"]):not([multiple]):not([size]),
.wordVriend .wordvriend .uk-input, .uk-select:not([multiple]):not([size]), .uneditable-input:not([class*="uk-"]), input[type="color"]:not([class*="uk-"]), input[type="date"]:not([class*="uk-"]), input[type="datetime-local"]:not([class*="uk-"]), input[type="datetime"]:not([class*="uk-"]), input[type="email"]:not([class*="uk-"]), input[type="month"]:not([class*="uk-"]), input[type="number"]:not([class*="uk-"]), input[type="password"]:not([class*="uk-"]), input[type="search"]:not([class*="uk-"]), input[type="tel"]:not([class*="uk-"]), input[type="text"]:not([class*="uk-"]), input[type="time"]:not([class*="uk-"]), input[type="url"]:not([class*="uk-"]), input[type="week"]:not([class*="uk-"]), select:not([class*="uk-"]):not([multiple]):not([size]) :hover {
	background: #ffffff;
	border-radius: 10px;
	border: solid 1px #d4d4d4;
	box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075);
}

.bfQuickMode input[type="text"], .bfQuickMode input[type="password"], .bfQuickMode textarea, .bfQuickMode select {
	background: #ffffff;
	border-radius: 10px;
	border: solid 1px #d4d4d4;
	box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075);
}

button, button.btn, .btn, button.btn:last-child, .input-append .btn:last-child {
	height: 39px;
	margin-top: 4px;
	text-transform: uppercase;
}

.input-append{
	background: transparent;
}

/* navigatie container ------------ */
@media only screen
and (min-width : 1113px) {
/* #ff_formdiv3{
	width: 560px;
} */

}

.uk-navbar-container .uk-container{
    height: 80px;
}

.boekfietsritten .eb-container h2 {
	margin: -10px 0 5px 0px !important;
}

.boekfietsritten .eb-event-box .eb-event-date-time {
	margin-top: 15px;
	font-weight: 300;
	font-size: 110%;
}

.boekfietsritten .fa-calendar {
	font-size: 22px;
	color: white;
}

.boekfietsritten .eb-event-short-description{
	font-size: 16px;
	max-width: 500px;
}

.boekfietsritten .beheerRegistratie .tm-main .uk-container,
.BoekfietsritToevoegen .tm-main .uk-container,
.geefJeOp .eb-container {
	padding: 25px;
	min-height: 900px;
	transform: translateY(0px);
	margin-top: 100px;
}

.tm-main .uk-container{
	padding: 25px;
	min-height: 900px;
	transform: translateY(-30px);
	margin-top: 100px;
}

#ff_elem66, #ff_elem66, #ff_elem67, #ff_elem91,
#ff_elem91, #ff_elem96, #ff_elem65, #ff_elem86,
#ff_elem97, #ff_elem98, #ff_elem99{
	background: #ffffff;
}

.eb-event-date-info {
	font-size: 16px;
	margin-top: 4px;
}

.vrijwilligersnodig2, .vrijwilligersnodig1, .vrijwilligersnodig0 {
	width: auto;
	display: inline-block;
	position: absolute;
	right: 271px;
	top: 12px;
}

#regiokeuze{
  background-image: url(/images/boekfiets/images/paper_texture.jpg);
  background-size: cover;
  outline: 2px solid #FFEF10;
  outline-offset: -10px;
}



/* event timeline pagina (alles) -------------  */
.eb-container h2 {
	margin: -10px 0 -5px 130px !important;
	width: 55% !important;
}

.eb-description-details{
	width: 90% !important;
	margin-left: 130px;
}

.eb-event-information{
	margin-left: 130px;
}

.eb-event-date-day{
	font-size: 23px;
	padding-left: 15px;
	padding-top: 10px;
}

.eb-event-date-month {
	font-size: 23px;
	padding-left: 6px;
	padding-top: 15px;
}

.eb-event-date-year {
	font-size: 23px;
	margin-left: -63px;
	margin-top: 40px;
	padding-top: 0px;
}

.eb-description-details .eb-thumb-left {
	position: absolute;
	border: 2px solid #2c92b6;
	border-radius: 12px;
	left: 15px;
	top: 15px;
	width: 120px;
	max-height: 120px;
	object-fit: cover;
}

#system-message-container {
	position: absolute;
	top: 134px;
	z-index: 9999999;
	width: 72%;
	margin-left: 265px;
}

/* details pagina ------------- */
#eb-event-page .eb-thumb-left {
	left: -111px;
	width: 85px;
	top: 5px;
	position: relative;
}

.uk-navbar-nav .login {
	transform: translateY(-100px);
}

.login_button {
	width: 100px;
	height: 50px;
	background: #2C92B6 !important;
	color: white !important;
	cursor: pointer;
	box-shadow: inset 0px -3px 0px rgba(0, 0, 0, 0.1)!important;
	border: 1px solid rgba(0, 0, 0, 0.1)!important;
}


#cblabfirstname, #cblabcb_regio, #cblablastname, #cblabcb_telefoonnummer, #cblabemail, #cblabacceptedterms {
	display:none;
}

.voornaam {
	flex-wrap: wrap;
	flex-direction: column;
	max-width: 500px;
}

.profile .uitleggehad, 
.profile .tweekeermeegedaan,
.profile .vrijwilligerscontractgetekend,
.profile .eenprofielfoto,
.profile .directcompleetmaken,
.profile .profielingevuld,
.profile .akkoorddelenvrijwilligers,
.profile .vogingeleverd,
.profile .intakegehad,
.profile .vog,
.profile .Vrijwilligersovereenkomst,
.profile .regio,
.profile .gebruikersnaam,
.profile .pmi,
.profile .geboortedatum,
.profile .telefoonnummer,
.profile .e-mailadres
			{
	width:3000px;
	color: #2c92b6;
}

.profielbewerken #cb_instructie,
.profielbewerken #cb_tweekeermeegedaan,
.profielbewerken #cb_vrijwilligerscontractgetekend,
.profielbewerken #cb_eenprofielfoto,
.profielbewerken #cb_directcompleetmaken,
.profielbewerken #cb_profielingevuld,
.profielbewerken #cb_akkoorddelenvrijwilligers,
.profielbewerken #cb_vogingeleverd,
.profielbewerken #cb_intakegehad{
	width: 100px;
}

.profielbewerken #cb_verklaringomtrendgedragvog__choice,
.profielbewerken #cb_ondertekende_vrijwilligersovereenkomst__choice,
.profielbewerken #avatar__choice{
	width: 300px;
}

.profielbewerken .uitleggehad,
.profielbewerken .tweekeermeegedaan,
.profielbewerken .vrijwilligerscontractgetekend,
.profielbewerken .eenprofielfoto,
.profielbewerken .directcompleetmaken,
.profielbewerken .profielingevuld,
.profielbewerken .akkoorddelenvrijwilligers,
.profielbewerken .vogingeleverd,
.profielbewerken .intakegehad,
.profielbewerken .vog,
.profielbewerken .Vrijwilligersovereenkomst{
	width: 3000px;
}


.profielbewerken #cbbtncancel{
display:none;
}


.BoekfietsritToevoegen #params_schattingkinderen-lbl, .BoekfietsritToevoegen #params_schattingkinderen, .BoekfietsritToevoegen #params_beoordeling-lbl, .BoekfietsritToevoegen #params_beoordeling-lbl, .BoekfietsritToevoegen #params_beoordeling, .BoekfietsritToevoegen #params_schattingouders-lbl, .BoekfietsritToevoegen #params_schattingouders,

.BoekfietsritToevoegen #params_strippenkaart5sessies-lbl,.BoekfietsritToevoegen #params_strippenkaart5sessies,.BoekfietsritToevoegen #params_strippenkaart10sessies-lbl,.BoekfietsritToevoegen #params_strippenkaart10sessies,.BoekfietsritToevoegen #params_strippenkaart15sessies-lbl,.BoekfietsritToevoegen #params_strippenkaart15sessies,.BoekfietsritToevoegen #params_strippenkaart20sessies-lbl,.BoekfietsritToevoegen #params_strippenkaart20sessies,.BoekfietsritToevoegen #params_strippenkaart25sessies-lbl,.BoekfietsritToevoegen #params_strippenkaart25sessies,.BoekfietsritToevoegen #params_strippenkaart30sessies-lbl,.BoekfietsritToevoegen #params_strippenkaart30sessies,.BoekfietsritToevoegen #params_strippenkaart30sessies-lbl,.BoekfietsritToevoegen #params_strippenkaart30sessies,.BoekfietsritToevoegen #params_strippenkaart35sessies-lbl,.BoekfietsritToevoegen #params_strippenkaart35sessies,.BoekfietsritToevoegen #params_strippenkaart40sessies-lbl,.BoekfietsritToevoegen #params_strippenkaart40sessies
{
	display:none;
}


 @media only screen
and (max-width : 1744px) {
	.contact .uk-width-expand\@m {
		flex: content;
	}
}

/* Smartphones (portrait) iPad Pro ----------- */
@media only screen
and (max-width : 1112px) {
	.home .eb-container img {
		position: absolute;
		top: 14px;
		left: 8px;
		width: 100px;
		border-radius: 12px;
		border: 2px solid #2c92b6;
	}

	#page\#58 img {
		max-width: 300px;
    }

	#page\#60 img {
		max-width: 200px;
    }

	.intro_call #page\#10 {
		margin: 0px -8px 0 0 !important;
	}

	.home .eb-container h2 {
		margin: -10px 0 5px 100px !important;
	}

	a.eb-colorbox-map.cboxElement {
		font-size: 15px;
	}

	.eb-event-date-info {
		font-size: 15px;
	}

	.boekfietsritten .eb-taskbar li {
		margin: 0.5em 0 -13px 0 !important;
	}

	.vrijwilligers2 h2, .vrijwilligers1 h2, .vrijwilligers0 h2 {
		margin: -15px 0 0 0;
		max-width:400px;
	}

	.eb-description-details {
		width: 90% !important;
		margin-left: 85px;
	}

	/* event timeline pagina (alles) -------------  */
	.eb-container h2 {
		margin: -10px 0 5px 80px !important;
		width: 45% !important;
	}

	.eb-description-details{
		width: 80% !important;
		margin-left: 80px;
	}

	.eb-event-information{
		margin-left: 80px;
	}

	.eb-event-title{
		font-size: 20px;
	}

	.eb-description-details .eb-thumb-left {
		position: absolute;
		border: 2px solid #2c92b6;
		border-radius: 12px;
		left: 7px;
		top: 15px;
		width: 85px;
	}

	/* details pagina ------------------ */
	#eb-event-page .eb-thumb-left {
		left: -75px;
		width: 85px;
		top: 5px;
		position: relative;
	}

	#eb-event-page .eb-description-details p {
		margin-left: 20px;
		margin-top: -2px;
	}

	.text-info {
		display: none;
	}

	.home .agenda .uk-text-left{
		font-size: 27px;
	}

}

/* Smartphones (portrait) iPad Pro ----------- */
@media only screen
and (max-width : 1024px) {

	div#eb-registration-history-page {
		max-width: 670px;
	}

	.beheerRegistratie .tm-main .uk-container {
		max-width: 720px;
	}

	.intro_call #page\#10 {
		margin: 0px -8px 0 0 !important;
	}

	a.eb-colorbox-map.cboxElement {
		font-size: 15px;
	}

	.eb-event-date-info {
		font-size: 15px;
	}

	.fa-map-marker{
		margin-left: 0px;
	}

	.boekfietsritten .eb-taskbar li {
		margin: 0.5em 0 -8px 0 !important;
	}

	.home li .btn{
		display:inline-block;
	}

	.home #page\#12 {
		max-width: 550px;
	}

	.home .eb-events-timeline .eb-register-buttons-top {
		margin-left: 100px;
	}

	/* steun pagina, knoppen container --------- */
	.uk-tile-muted {
		max-height: 200px;
	}

	/* event timeline pagina (alles) -------------  */
	.eb-container h2 {
		margin: -10px 0 5px 80px !important;
		width: 50% !important;
	}

	#eb-event-page .eb-description-details{
		width: 90% !important;
	}

	.eb-event-information{
		margin-left: 80px;
	}

	.eb-event-title{
		font-size: 20px;
	}

	.eb-description-details .eb-thumb-left {
		position: absolute;
		border: 2px solid #2c92b6;
		border-radius: 12px;
		left: 7px;
		top: 15px;
		width: 85px;
	}

	/* details pagina ------------------ */

	#system-message-container {
		margin-left: 158px;
	}

	/* --------------------geef je op */

	.geefJeOp .eb-description-details .eb-thumb-left {
		width: 105px;
		left: -15px;
	}

	.geefJeOp .eb-description-details {
		margin-left: 80px;
	}

}


@media (min-width: 576px) {

	.cb_template .col-sm-3 {
		flex: 0 0 10%;
	}

	.beheerVrijwilligers .cb_template .col-sm-3 {
		margin: 0 20px 0 0;
		flex: 0 0 30%;
	}

}


/* Smartphones (portrait) iPhone Plus ----------- */
@media only screen
and (max-width : 414px) {

	.intro_call #page\#10 {
		margin: 0px -8px 0 0 !important;
	}

	.fa-map-marker{
		margin-left: 0px;
	}

	.eb-taskbar li {
		margin: 0.5em 0 -15px 0 !important;
	}

	.kalender .fc th, .fc-basic-view td.fc-week-number, .fc-icon, .fc-toolbar {
		text-align: left;
	}

	/* event timeline pagina (alles) -------------  */
	.eb-container h2 {
		margin: -10px 0 5px 80px !important;
		width: 50% !important;
	}

	.eb-description-details{
		width: 40% !important;
	}

	.eb-event-information{
		margin-left: 80px;
	}

	.eb-event-title{
		font-size: 20px;
	}

	.eb-description-details .eb-thumb-left {
		position: absolute;
		border: 2px solid #2c92b6;
		border-radius: 12px;
		left: 7px;
		top: 15px;
		width: 85px;
	}

	.eb-event-date-container {
		width: 80px;
		height: 80px;
	}

	.eb-event-date-day {
		font-size: 20px;
		padding-left: 10px;
	}

	/* details pagina ------------------ */
	#eb-event-page .eb-thumb-left {
		left: -77px;
		width: 85px;
		top: 5px;
		position: relative;
	}

	#eb-event-page .eb-description-details p {
		margin-left: -77px;
		margin-top: 95px;
	}

	.vrijwilligersnodig2, .vrijwilligersnodig1, .vrijwilligersnodig0 {
		position:relative;
		right: 0;
		font-size: 13px;
		margin-bottom: 15px;
		}  

	#system-message-container {
		margin-left: 55px;
	}
}

/* Smartphones (portrait) iPhone X, 8, 6, 7 ----------- */
@media only screen
and (max-width : 375px) {

	.intro_call #page\#10 {
		margin: 0px -8px 0 0 !important;
	}

	.eb-taskbar li {
		margin: 0.5em 0 -13px 0 !important;
	}

	.kalender .fc th, .fc-basic-view td.fc-week-number, .fc-icon, .fc-toolbar {
		text-align: left;
	}

	/* event timeline pagina (alles) -------------  */
	.eb-container h2 {
		margin: -10px 0 5px 80px !important;
		width: 50% !important;
	}

	#eb-event-page .eb-description-details {
		width: 50% !important;
		margin-left: 112px;
	}

	.eb-description-details{
		width: 40% !important;
		margin-left: 81px;
	}

	.eb-event-information{
		margin-left: 80px;
		max-width: 200px;
	}

	.eb-event-title{
		font-size: 20px;
	}

	.eb-description-details .eb-thumb-left {
		position: absolute;
		border: 2px solid #2c92b6;
		border-radius: 12px;
		left: 7px;
		top: 15px;
		width: 85px;
	}

	/* details pagina ------------------ */


	#eb-event-page .eb-description-details p {
		margin-left: -77px;
		margin-top: 95px;
	}

	.eb-description-details p {
    margin: 0;
    font-size: 16px;
    width: 60%;

	}
 
	.vrijwilligersnodig2, .vrijwilligersnodig1, .vrijwilligersnodig0 {
	position:relative;
	right: 0;
	font-size: 13px;
	margin-bottom: 15px;
	}  



	/* ------------------Geef je op */

	.geefJeOp .eb-description-details .eb-thumb-left {
		width: 105px;
	}

	.geefJeOp .eb-description-details .eb-thumb-left {
		position: absolute;
		border: 2px solid #2c92b6;
		border-radius: 12px;
		width: 105px;
		left: -15px;
	}

	.geefJeOp .eb-event-date-container {
		margin-right: -15px;
	}

	/* ---------------kalender */
	.kalender .fc-center h2{
		font-size: 16px;
	}

}

/* Smartphones (portrait) iPhone 5 ----------- */
@media only screen
and (max-width : 320px) {

	.intro_call #page\#10 {
		margin: 0px -8px 0 0 !important;
	}

	.boekfietsritten .eb-taskbar li {
		margin: 0.5em 0 -8px 0 !important;
	}

	/* steun pagina, knoppen container --------- */
	.uk-tile-muted {
		max-height: 200px;
	}

		/* event timeline pagina (alles) -------------  */
		.eb-container h2 {
			margin: -10px 0 5px 80px !important;
			width: 50% !important;
		}

		.eb-description-details{
			margin-left: 22px;
			width: 71% !important;
			margin-left: 82px;
			font-size: 14px;
		}

		.eb-event-information{
			margin-left: 80px;
		}

		.eb-event-date-day {
			font-size: 18px;
			padding-left: 10px;
		}
		
		.eb-event-date-month {
			font-size: 18px;
			margin-left: -1px;
			margin-top: -3px;
		}
		
		.eb-event-date-year {
			font-size: 18px;
			margin-left: -45px;
			margin-top: 29px;
		}

		.eb-description-details .eb-thumb-left {
			position: absolute;
			border: 2px solid #2c92b6;
			border-radius: 12px;
			left: 7px;
			top: 15px;
			width: 85px;
		}

		.eb-event-date-container {
			width: 70px;
			height: 70px;
		}

		.eb-event-date-info {
			font-size: 13px;
		}
		
		a.eb-colorbox-map.cboxElement {
			font-size: 13px;
		}

	.uk-navbar-nav .login {
		transform: translateY(0px);
	}
	
	.vrijwilligersnodig0 .iconusers0::before {
		width: 220px;
	}

}


/* Dashboard ----------- */
.category-module li {
	list-style-type: none;
	background-color: white;
	padding: 25px;
	margin-bottom: 15px;
	margin-left: -30px;
	outline: 2px solid #FFEF10;
	outline-offset: -10px;
}

.mod-articles-category-title{
	text-decoration: none;
	font-size: 21px;
	font-weight: 900;
}

.mod-articles-category-writtenby{
	color: green;
	display: block;
}

.mod-articles-category-date{
	color: green;
}

.mod-articles-category-readmore a {
 	color: white;
	text-decoration: none;
	background: #E43141;
	border: 1px solid rgba(0, 0, 0, 0.1);
	box-sizing: border-box;
	box-shadow: inset 0px -3px 0px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	line-height: 40px;
/*	font-family: "TobiPro-Heavy", sans-serif;*/
	display: block;
	font-size: 16px;
	width: 200px;
	text-align: center;
}









/* custom Denver /*



.BoekfietsritToevoegen .geefJeOp .eb-container {
	background-color: rgba(255, 255, 255, 0.5);
	box-sizing: border-box;
	padding: 25px;
	min-height: 900px;
}

.BoekfietsritToevoegen .eb_form_header {
	font-family: "TobiPro-Heavy", sans-serif;
	font-size: 30px;
	font-weight: bolder;
	color: #17ad4b;
	margin-bottom: 20px;
}

.BoekfietsritToevoegen .uk-input,
.uk-select:not([multiple]):not([size]),
.uneditable-input:not([class*=uk-]),
input[type=color]:not([class*=uk-]),
input[type=date]:not([class*=uk-]),
input[type=datetime-local]:not([class*=uk-]),
input[type=datetime]:not([class*=uk-]),
input[type=email]:not([class*=uk-]),
input[type=month]:not([class*=uk-]),
input[type=number]:not([class*=uk-]),
input[type=password]:not([class*=uk-]),
input[type=search]:not([class*=uk-]),
input[type=tel]:not([class*=uk-]),
input[type=text]:not([class*=uk-]),
input[type=time]:not([class*=uk-]),
input[type=url]:not([class*=uk-]),
input[type=week]:not([class*=uk-]),
select:not([class*=uk-]):not([multiple]):not([size]) {
    height: 40px;
    vertical-align: middle;
    display: inline-block;
    border-bottom: 1px solid rgba(0, 0, 0, .06);
	background-color: rgba(255, 255, 255, 0.8);
}

.BoekfietsritToevoegen .uk-select[multiple],
.uk-select[size],
.uk-textarea,
select:not([class*=uk-])[multiple],
select:not([class*=uk-])[size],
textarea:not([class*=uk-]) {
    padding-top: 4px;
    padding-bottom: 4px;
    vertical-align: top;
    border: 1px solid rgba(0, 0, 0, .06);
	background-color: rgba(255, 255, 255, 0.8);
}

.eb-description {
	font-size: 20px;
}

div#eb-registration-history-page{
  background: rgba(255, 255, 255, 0.5);
	box-sizing: border-box;
	padding: 20px;
	min-height: 500px;
	transform: translateY(-130px);

}

 .uk-h1,
    h1 {
        font-size: 40px
    }

.boekfietsritten .eb-notice-message {
	font-size: 100%;
	font-weight: bold;
	margin-top: 8px;
}

.boekfietsritten .eb-description {
	font-family: "TobiPro-Heavy", sans-serif;
	font-size: 18px;
	font-weight: 200;
	color: #3a3a3a;
}

.boekfietsritten .eb-description-details p{
	font-size: 20px;
}

.boekfietsritten .uk-link, a {
	color: #2883A3;
	cursor: pointer;
}

.boekfietsritten .uk-link, a:hover {
	color: #2883A3;
	cursor: pointer;
}

.boekfietsritten .eb-taskbar .btn-primary {
    position: inherit;
}

.boekfietsritten .text-info {
   color: #6d6d6d;
	font-size: 12px;
	font-weight: 100;
}

.boekfietsritten .uk-section {
	padding-top: 70px;
	padding-bottom: 70px;
}

.geefJeOp .eb-taskbar .btn-primary {
	position: relative;
	right: 0;
	bottom: 0;
}

.geefJeOp .eb-events-timeline .eb-register-buttons-top {
	border-bottom: none;
	padding-top: 0;
	margin-top: -20px;
	padding-bottom: 10px;
	position: absolute;
	right: 0;
}

.geefJeOp .eb-event-date-container {
display: none;
}

.geefJeOp .eb-description {
	font-family: "TobiPro-Heavy", sans-serif;
	color: #17ad4b;
	font-size: 50px;
}

/*
.eb-register-buttons-top li:first-child {
	color: white;
	text-decoration: none;
	background: #E43141;
	border: 1px solid rgba(0, 0, 0, 0.1);
	box-sizing: border-box;
	box-shadow: inset 0px -3px 0px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
}
*/


.beheerRegistratie .tm-main .uk-container{
	background-color: white;
	box-sizing: border-box;
	padding: 25px;
	min-height: 900px;
	transform: translateY(-100px);
}

.BoekfietsritToevoegen .tm-main .uk-container{
	background-color: rgba(255, 255, 255, 0.7);
	box-sizing: border-box;
	padding: 25px;
	min-height: 900px;
	transform: translateY(-100px);
}

.geefJeOp .eb-container{
	transform: translateY(-100px);
	background-color: white;
}

.kalender .fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
	border-color: #c8c8c8;
}

.kalender .fc-day-header{
	color: #727272;
	font-family: "TobiPro-Heavy", sans-serif;
	font-size: 17px;
	font-weight: lighter;
}

.boekfietsritten .eb-events-timeline .eb-register-buttons-top {
	position: absolute;
	right: 0;
}

.boekfietsritten .eb-events-timeline {
/*	transform: translateY(-120px);*/
}



.uk-navbar-nav>li.uk-active>a::before {
    right: 15px;
    background-color: transparent;
}

.tm-toolbar .uk-logo-inverse,
.uk-card-primary.uk-card-body .uk-logo-inverse,
.uk-card-primary>:not([class*=uk-card-media]) .uk-logo-inverse,
.uk-card-secondary.uk-card-body .uk-logo-inverse,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-logo-inverse,
.uk-light .uk-logo-inverse,
.uk-overlay-primary .uk-logo-inverse,
.uk-section-primary:not(.uk-preserve-color) .uk-logo-inverse,
.uk-section-secondary:not(.uk-preserve-color) .uk-logo-inverse,
.uk-tile-primary:not(.uk-preserve-color) .uk-logo-inverse,
.uk-tile-secondary:not(.uk-preserve-color) .uk-logo-inverse {
    display: none;
}

.home .uk-logo {
    z-index: 980;
    box-sizing: border-box;

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;

}

#adminmenu {
	content: "admin";
	position: absolute;
	 right: 0px;
/*	display: inline-block;*/
/*
	z-index: 9999;
	box-sizing: border-box;
*/
	top: 42px;
/*
	overflow: hidden;
	transition: .5s ease;
*/
}

#adminmenu .uk-navbar-dropdown-bottom-left[style] {
	top: 25px !important;
	left: 15px !important;
}

/*
#adminmenu:hover {
	position: absolute;
	 right: 0px;
	background-color: whitesmoke;
	height: 183px;
	width: 159px;
	display: inline-block;
	z-index: 9999;
	border: yellow 2px solid;
	box-sizing: border-box;
	top: 83px;
}
*/

.holder {
/*
    position: absolute;
    right: -290px;
    top: 42px;
*/
}

.Menuitem a {
height: 20px;
} 

#adminmenu .adminmenu {
font-size: 15px;
}

.adminmenu a {
height: 20px;
}

.dashboard .tm-link, .dashboard .control-group, .dashboard .btn-toolbar, .dashboard #com-content-formTabs {
	display: none;
}

.homelogo {
	position: absolute;
	width: 400px;
	transform: translateX(30px) scale(4, 4);
	z-index: 9999999;
}

.boekfietslink {
	margin-left: 65px;
}

#tm-mobile .boekfietslink {
	margin-left: 0px;
}

.boekenplank .uk-position-relative::before {
	content: "";
	position: absolute;
	background-image: url(/images/boekfiets/template/boekenbplank.png);
	background-size: cover;
	background-repeat: no-repeat;
	width: 650px;
	height: 396px;
	top: -53px;
	left: -174px;
	z-index: 2;
	pointer-events: none;
}

.dashboard .uk-position-medium[class*="uk-position-center-left"], .uk-position-medium[class*="uk-position-center-right"]  {
	transform: translateX(0px) translateY(-50%) translateY(85px);
}

.boekenplank .uk-position-medium[class*="uk-position-center-left"], .uk-position-medium[class*="uk-position-center-right"]{
	transform: translateX(0px) translateY(-50%) translateY(85px);
	height: 200px;
}

.dashboard .uk-position-medium, .boekenplank .uk-position-medium  {
	margin: -100px;
}

.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
	float: left;
	color: #2f2f2f;
}

.fc-toolbar.fc-header-toolbar {
	background-color: #2C92B6;
	padding: 10px;
	margin-bottom: 0em;
}

.fc-icon, .fc-toolbar .fc-center {
	 display: block;
}

.fc-day-grid-event .fc-content {
	background-color: #17ad4b;
}

.fc-unthemed td.fc-today {
	background: #fffaba;
}

.fc-day-grid-event .fc-content {
	white-space: normal;
	overflow: hidden;
}

.vrijwilligers2 {
	background-color: #17ad4b;
	color: white;
	position: relative;
}



.vrijwilligers2 h2, .vrijwilligers1 h2, .vrijwilligers0 h2 {
	margin: -15px 0 0 0;
}

.vrijwilligers2 span {
	color: white;
}

a.plannerbox  .up-event-item.vrijwilligers2.span12  i.fa.fa-calendar {
	color: #ffffff;
}

a.plannerbox  .up-event-item.vrijwilligers2.span12  i.icon-location.fa.fa-map-marker {
	color: #ffffff;
}


.vrijwilligers2 .iconcheck2::before {
	content: "geen vrijwilligers meer nodig";
	position: absolute;
	width: 235px;
	height: auto;
	color: #ffffff;
	font-weight: bold;
	left: 20px;
	background-color: white;
	color: green;
	box-sizing: border-box;
	padding: 0 10px;
	border-radius: 50px 50px;
}

.vrijwilligers1 {
	background-color: #f9db98;   /*  #f89406; c1eea4; f9db98 f9e2ae*/
	position: relative;
}

.vrijwilligers1 .iconuser1::before {
	content: "nog 1 vrijwilliger nodig";
	position: absolute;
	width: 235px;
	height: auto;
	color: #f89406;
	font-weight: bold;
	left: 20px;
	background-color: white;
	box-sizing: border-box;
	padding: 0 10px;
	border-radius: 50px 50px;
}

.vrijwilligers0 {
	background-color: #fefbe0;            /* #fefbe0 */
	display: inline-block;
	position: relative;
}

.vrijwilligersnodig0 .iconusers0::before {
	content: "nog 2 vrijwilligers nodig";
	position: absolute;
	width: 235px;
	height: auto;
	color: #ed193f;
	font-weight: bold;
	left: 20px;
	text-align: left;
	background-color: white;
	box-sizing: border-box;
	padding: 0 10px;
	border-radius: 50px 50px;
}

.vrijwilligersnodig0 .iconuser0, .vrijwilligersnodig0 .iconcheck0, .vrijwilligersnodig1 .iconusers1, .vrijwilligersnodig1 .iconcheck1, .vrijwilligersnodig2 .iconusers2, .vrijwilligersnodig2 .iconuser2 {
	display: none;
}

#planner div.vrijwilligersnodig0 > span.iconusers0 > i,
#planner div.vrijwilligersnodig2 > span.iconusers2 > i,
#planner a > div.eb-event-date-time.clearfix {
color: #ed193f;
}

#planner a > div.vrijwilligersnodig1 > span.iconuser1 > i.fa.fa-user  {
color: #f89406;
}

#planner div.vrijwilligersnodig1 > span.iconuser1 > i {
color: #f89406;
}




a:link.plannerbox > div.up-event-item  {
border:2px solid #2c92b6;
}

a:hover.plannerbox > div.up-event-item  {
border:2px solid #2c92b699;
}

a:active.plannerbox > div.up-event-item  {
border:2px solid #2c92b6;
}


.fc-state-default.fc-corner-left {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.fc-state-default.fc-corner-right {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.fc .fc-button-group > * {
	margin: 0 10px 0 -1px;
	background-color: #2C92B6;
}

.fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active {
	color: white;
}

.fc-state-default {
	color: #272727;
	 background-repeat: repeat;
}

.fc-state-disabled {
	 opacity: 1;
	color: #272727;
}

#eb_full_calendar h2 {
	color: white;
}

#system-message-container h3, #system-message-container p {
	text-align: center;
}

/*---------------------------------------------------------------------------*/


/* COMMUNITY BUILDER */


.cb_template {
	background-color: white;
    box-sizing: border-box;
    padding: 20px;
    min-height: 500px;
    transform: translateY(0px);
}

.beheerRegistratie .chzn-container-single .chzn-single {
	height: 42px;
	line-height: 39px;
}

  .kalender .tm-main .uk-container {
	padding: 25px;
	min-height: 900px;
	transform: translateY(-100px);
	margin-top: 100px;
	background-color: rgba(255, 255, 255, 0.7);
}

.cb_template .dropdown-menu {
	font-size: 1rem;
	color: black;
	text-align: left;
	list-style: none;
	margin-top: 10px;
}

.cb_template .dropdown-menu :hover{
	color: black;
}

.cb_template .navbar-light .navbar-nav .nav-link,
.cb_template .navbar-light .navbar-nav .nav-link:hover {
	color: #2c92b6;
	font-family: "TobiPro-Heavy", sans-serif;
}

.position-relative .no-overflow .border .border-top-0 .border-bottom-0 .cb-PosCanvas .cbCanvasLayout
.cb_template .row {
	display: -ms-flexbox;
	-ms-flex-wrap: wrap;
	flex-wrap: nowrap;
	margin-right: -15px;
	width: 45%;
}

.eb-container .nav-tabs > li > a {
	padding-top: 8px;
	padding-bottom: 8px;
	line-height: 20px;
    border: none;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}

/* Mijn boekfiets tab extra weghalen bij ritten toevoegen simple lay-out en algemene lay out*/

.BoekfietsritToevoegen .eb-container .nav-tabs > li:last-child {
    border: solid 0px #ccc;
}



/* */


.eb-container .nav-tabs > li > a[href*="tab_1"]  {
display:none!important;
}


.eb-container .nav-tabs > li > a[href*="tab_2"]  {
display:none!important;
}


.eb-container .nav-tabs > li > a[href*="group-registration-rates-page"] {
display:none!important;
}

.eb-container .nav-tabs > li > a[href*="discount-page"] {
display:none!important;
}


.eb-container .nav-tabs > li > a[href*="misc-page"] {
display:none!important;
}

.eb-container .nav-tabs > li {
    border: solid 0px #ccc!important;
}

/* Mijn boekfiets tab extra weghalen bij ritten toevoegen simple lay-out en algemene lay out*/







#cb_tabid_17 .navbar .bg-light{
	background-color: whitesmoke;
}

#cb_tabid_17 .navbar .border{
	border: none !important;
}

.cb_template a:hover {
	color: #2c92b6;
	text-decoration: underline;
}

.cb_template .dropdown-item{
	color: #09688a;
}

.cb_template .dropdown-item:hover{
	color: #09688a;
	background-color: #f3f3f3;
}

.cb_template .navbar-light .navbar-nav .nav-link:hover{
	color: #09688a;
}

.cb_template .text-large {
	font-size: 25px;
/*	margin-left: -211px;*/
}

.cb_template a {
	color: #2c92b6;
}

#article-40 {

}

/* .dropdown-menu > li > a, .uk-dropdown-nav > li > a {
	color: #2c92b6;
	padding: 6px 0;
}

.dropdown-menu > li > a {
	color: #2c92b6;
}

.cb_template a {
	color: #2c92b6;
}

.cb_template .dropdown-menu {
	color: #2c92b6;
}

.cb_template .dropdown-menu {
	font-size: 1rem;
	color: #2c92b6;
	text-align: left;
	list-style: none;
} */





/* 06-06-2019 fix voor baloon errors in mijn boekfiets plannerpagina's */

.formError {
    opacity: 0.7!important;
    position: relative!important;
    display:block!important;
    top:20px!important;
    left: 0px!important;
    max-width:270px;
    }




div#sponsor {
    z-index: 9;
    position: relative;
}


/* fix verspringen pagina na  ballonteksten */
.BoekfietsritToevoegen > .tm-page    {
overflow: hidden;
}



/* onderkant FIX */
.uk-width-expand\@m {
    z-index: 27!important;
}


  /*
.alert,
.uk-alert {
    position: relative;
    margin-bottom: 20px;
    padding: 40px 24px 40px 10px;
    background: #fff;
    color: #444;
    border-right: 10px solid #111;
    box-shadow: 2px 12px 32px rgba(0, 0, 0, .06)
    -webkit-box-shadow: 3px 3px 6px 2px rgba(153,153,153,1);
    -moz-box-shadow: 3px 3px 6px 2px rgba(153,153,153,1);
box-shadow: 3px 3px 6px 2px rgba(153,153,153,1);
}
*/


  /* 11-07-2019 element 1 en 2 fix*/


 .element1 {
    position: absolute;
    bottom: 445px;
    left: -200px;
    width: 700px;
    height: 700px;
    background-size: contain;
    transform: translate(-50px, 95px);
    z-index: 0;
}



.element2 {
    width: 700px;
    height: 700px;
    background-size: contain;
    position: absolute;
    right: -300px;
    bottom: 345px;
    z-index: 0;
}

/*Het definitieve einde van het geneuzel met die bomen: -Dennis*/
.uk-section-default{
  z-index: 1;
  position:relative;
}
.uk-section-default#main_footer{
  z-index: 0;
  position:static;
}

/*Regioknopjes op de homepage -Dennis*/
#regiokeuze{
  background-image: url(/images/boekfiets/images/paper_texture.jpg);
  background-size: cover;
  outline: 2px solid #FFEF10;
  outline-offset: -10px;
  z-index: 5;
}
#regiokeuze h2 {
    margin-top: 40px!important;
}

/*Regiopagina: -Dennis*/
div#introregio {
    background: #fff;
    box-shadow: #ffffff 0px 0px 40px 40px;
    z-index: 5;
}
div#intro {
    background: #fff;
    box-shadow: #ffffff 0px 105px 90px 70px;
}
div#steunons{
  box-shadow: none;
}

.cbRegistrationFlat {
	background-color: transparent;
}


/* userlist 
/images/comprofiler/status/approved.png
/images/comprofiler/status/attention.png
/images/comprofiler/status/denied.png
/images/comprofiler/status/wait.png
*/

.cb_template .bg-light {
    background-color: #28a74533!important;
    background-image: url("/images/comprofiler/status/approved.png");
  background-repeat: no-repeat;
  background-position: right top 10px!important;
  background-size:39px!important;
  min-height: 53px;
}

.cb_template .cbUserListDiv.cbUserListLayoutList > .cbUserListRow:not(:hover) {
    background-color: #ffffff!important;
    background-image: url("/images/comprofiler/status/approved.png");
  background-repeat: no-repeat;
  background-position: right top 10px!important;
  background-size:39px!important;
}

.cbUserListRow.cbUserListRowBlocked {
    background-color: #ffa13533!important;
    background-image: url("/images/comprofiler/status/denied.png")!important;
  background-repeat: no-repeat!important;
  background-position: right top 10px!important;
  background-size:39px!important;
  
}


.cbUserListRow.cbUserListRowUnapproved {
    background-color: #f5870833 !important;
    background-image: url("/images/comprofiler/status/attention.png")!important;
  background-repeat: no-repeat!important;
  background-position: right top 10px!important;
  background-size:39px!important;
    
}


.cbUserListRow.cbUserListRowBanned {
    background-color: #ff000033!important;
    background-image: url("/images/comprofiler/status/denied.png")!important;
  background-repeat: no-repeat!important;
  background-position: right top!important;
  background-size:50px!important;
  
}


.cbTabsMenuNavBar.navbar.navbar-expand-sm.navbar-light.bg-light.mb-3.border,
.navbar.navbar-expand-sm.navbar-light.bg-light.mb-0.border.cbMenuNavBar
{
    background-color: #ffffff!important;
    background-image: none!important;
  background-repeat: no-repeat!important;
  background-position: right top!important;
  background-size:0px!important;
    
}

.cbTooltip{
	display: none;
} 

.profile .cbTooltip{
	display: inline-block;
} 





/*  TODO  MOET BETER status voor legenda css */


.beheerVrijwilligers .tm-main.uk-section.uk-section-default {
margin-top: -90px;
}


@media only screen
and (min-width : 1024px) {



.beheerVrijwilligers #tm-top {
    height: 0px;
    padding: 0px;
    margin: 0px;
    display: block;
    top: 150px;
    z-index: 2;
    left: 365px;
    }

.status {
    width: 600px;
    display: inline-block;
    margin-top: 33px;
}

.attention, .approved, .denied {
    width: 185px;
    display: inline-block;
}

.status_img {
	float: left;
	margin-left: 5px;
}

.status p{
	margin-top: 2px;
}

}

@media only screen
and (max-width : 1024px) {

.beheerVrijwilligers #tm-top {
    height: 0px;
    padding: 0px;
    margin: 0px;
    display: none;
    top: 50px;
    z-index: 2;
    left: 0px;
}

.status {
    width: 450px;
    display: inline-block;
    margin-top: 0px;
}

.attention, .approved, .denied {
    width: 145px;
    display: inline-block;
}

.status_img {
    float: left;
}


}

#event_capacity-lbl, 
#max_group_number-lbl, 
#event_capacity, 
#max_group_number{
	display: none;
}

/*  
.cbUsersList .cb_template .cb_template_default .beheerVrijwilliger {
margin: -100px 0 0 0;
}
*/



#eb-registration-history-page h1.eb-page-heading, 
body.beheerRegistratie h1.eb-page-heading {
font-size:36px;
}

/*
body.beheerRegistratie #toolbar {
display:none;
}
*/


body.beheerRegistratie #toolbar-new,
body.beheerRegistratie #toolbar-edit,
body.beheerRegistratie #toolbar-publish,
body.beheerRegistratie #toolbar-unpublish,
body.beheerRegistratie #toolbar-cancel,
body.beheerRegistratie #toolbar-batch,
body.beheerRegistratie #toolbar-envelope,
body.beheerRegistratie #toolbar-download

{
display:none;
}



body.beheerRegistratie #filter_published_chzn {
display:none;
}


h2.eb-event-title-container{

    font-size: 23px;
    color: #2c92b6;
    }
    
    


body.profile #cbtabnav11 > a {
display:none;
}  



body.connections  .cbImgCanvas   {
    background-image: url(/images/comprofiler/overig/achtergrond.png)!important; 
    background-position-y: 50%;
    background: #17ad4b;
}


.cbMailRepl a:link{
font-family: 'Open Sans';
    font-size: 16px;
    font-weight: 400;
    line-height: 1.75;
}



/*
body.kalender .eb-taskbar.eb-register-buttons-top.clearfix {
display:none;
}
*/

body.kalender .eb-taskbar.eb-register-buttons-top.clearfix {
display:block;
}


body.word-vrijwilliger .call-bottom-content.uk-grid-margin.uk-grid.uk-grid-stack {
    background-size: auto;
}


.bfError {
    color: #e43141!important;
    background: #ffff0066;
    padding: 6px;
   
    }
    
    
    
    
body.regiopagina #intro_call {
min-height: 250px;
}
    
 
 
 
 
/*
 * extra custom css voor  Eventbooking 
 * voor dezelfde look als voorheen
 */
 
body.regiopagina div.eb-taskbar.eb-register-buttons-top.clearfix > ul > li > a {

    position: absolute;
    right: 15px;
    bottom: 10px;
}    

#eb-event-details > div.eb-taskbar.eb-register-buttons-top.clearfix {


}


body.BoekfietsritToevoegen #btn-toolbar  {
display:none;
}

body.BoekfietsritToevoegen #filter_category_id_chzn {
display:none;
}

body.BoekfietsritToevoegen #filter_events {
display:none;
}

body.BoekfietsritToevoegen #filter_events_chzn {
display:none;
}

/* Rittenoverzicht voor regiomanagers  april 2023 */

.rittenoverzicht .tm-main .uk-container {
    background-color: white;
    box-sizing: border-box;
    padding: 25px;
    min-height: 900px;
    transform: translateY(-100px);
}

.rittenoverzicht #btn-toolbar {
display:none;
}

.rittenoverzicht #eb-submit-event-simple > div:nth-child(1) > div:nth-child(1) {
   display:none;
}

.rittenoverzicht #eventTabs {
   display:none;
}

.rittenoverzicht input[type=checkbox] /* Aanvinken */,
.rittenoverzicht td:nth-of-type(3) /* Regio */,
.rittenoverzicht th:nth-of-type(3),
.rittenoverzicht td:nth-of-type(7) /* ID */,
.rittenoverzicht th:nth-of-type(7) {
   display:none;
   width:0;
   padding:0;
   margin:0;
}
.rittenoverzicht th:nth-of-type(1){
   width:0;
   padding:0;
   margin:0;
   }




.rittenoverzicht .fa-2x {
   display:none;
}

.rittenoverzicht tfoot td:nth-of-type(1),
.pagination {
  display: block;
}

.rittenoverzicht .chzn-container,
.rittenoverzicht .chzn-container-single .chzn-single span
{

    width: 250px!important;
    
    }

/* /Rittenoverzicht voor regiomanagers  april 2023 */




/* extra custom css voor  Eventbooking */


/*
 * removed from theme9


.eb-taskbar .btn-primary {
    position: absolute;
    right: 15px;
    bottom: 10px;
}


/* einde theme9 */




/* nieuwsbrief archief */




body.nieuwsbrief  h1.contentheading {
padding: 17px 0 0 0;
    font-size: 39.9px;
    line-height: 1.3;
    color: #17ad4b;
    font-family: "TobiPro-Heavy", sans-serif;
    font-weight: 500;
    letter-spacing: .75px;
    background: #ABD9FA;
    text-align: center;
    margin: 16px;
}

body.nieuwsbrief #intro_call > p {
transform: translateY(-310px);
}


body.nieuwsbrief #acyarchiveview {

background: #ABD9FA;
}


#acym__wysid__template-save > table > tbody > tr > td > center > table > tbody > tr > td > table:nth-child(6) > tbody > tr > th > table > tbody > tr:nth-child(6) > td > div > a

{

    pointer-events: none;
    cursor: default;
    display:none!important;
    background:#ffffff;
}



#nieuwsbriefarchief {

    color: #2c92b6;
    font-size: 22px;
    font-family: "TheCatsWhiskers", cursive, sans-serif;
    margin: 0px;
    transform: translateY(-28px);
}

.acym__front__archive__newsletter_name {
display:inline-flex;
}


.nieuwsbriefregel {
display: inline-flex;
    width: 100%;
}

.nieuwsbriefregelleft {
width: 500px;
}


.nieuwsbriefregelright {
width: 500px;
}


body.nieuwsbrief #intro_call {

    transform: translateY(-133px);
}


body.nieuwsbrief .headerimage img.el-image {
padding-right: 12px;
    margin-top: -89px;
    display: block;
    position: relative;
    z-index: 1;
    right: 2.25vw;
    top: 0;
}


body.nieuwsbrief *+.uk-grid-margin  {
     margin-top: 0px; 
     }


body.nieuwsbrief .tm-main  {
    padding: 0 25px 0 25px;
    margin-bottom: 280px;
    min-height: 900px;
    transform: translateY(270px);
    background: #ffffff;
    }
    
body.nieuwsbrief  .tm-main .uk-container {
    padding: 0 25px;
    min-height: 900px;
    transform: translateY(-125px);
    margin-top: 100px;
}
    
body.nieuwsbrief  .uk-grid>*>:last-child {
        margin-bottom: -25px;
}


body.nieuwsbrief  .element1 {
transform: translatey(110px);
}
body.nieuwsbrief  .element2 { 
transform: translatey(14px);
}

body.nieuwsbrief h2{
padding-top:10px;
}


/* Smartphones (portrait)  */
@media only screen
and (max-width : 640px) {   


body.nieuwsbrief .tm-main {
    padding: 0 0px 0 0px;
    margin-bottom: 280px;
    min-height: 900px;
    transform: translateY(100px);
    background: #ffffff;
}


h2 {
    font-size: 1.2em !important;
}

}


/* link naar nieuwsbrief overzicht (vanuit nieuws) */

body.nieuws #tm-top {
padding-bottom: 0;
}

body.nieuws #module-192 {
text-align: right;
}


/* link naar nieuwsbrief overzicht (vanuit nieuwsbrief) */

body.nieuwsbrief  #tm-main { 
    padding-top: 0px;
    }
    
    
body.nieuwsbrief  #module-193 {
text-align: right;
}


body.nieuwsbrief  .nieuwsbrieftekst {

    width:100%;
}


body.nieuwsbrief  #module-194 {
text-align: left;
    background-image: url(/images/boekfiets/images/paper_texture.jpg);
    background-size: cover;
    outline: 2px solid #FFEF10;
    outline-offset: -10px;
    padding: 30px;
    top: 80px;
    float:right;
    transform: translateY(-194px);
z-index:2;
}


body.nieuwsbrief  #module-194 a {
color: #2c92b6;
    text-decoration: underline;
    cursor: pointer;
}

body.nieuwsbrief  #module-194 a:hover {
color: #2c92b6;
    text-decoration: none;
    cursor: pointer;
}

.fieldacyterms  {
    font-size: 20px!important;
}

#module-194 {
    text-align: right;
    background-image: url(/images/boekfiets/images/paper_texture.jpg);
 width: 97.5%;
    left: 25px;   
     transform: translateY(-55px);
    color: #2c92b6;
    font-size: 22px;
    font-family: "TheCatsWhiskers", cursive, sans-serif;
    margin: 0px;
    
   /*    background-size: cover;
    outline: 2px solid #FFEF10;
    outline-offset: -10px;
    padding: 30px;
    top: 80px;
    float: right;
 transform: translateY(-194px); 
    z-index: 2;*/
}



/* -----   */

@media only screen and (max-width : 900px) {
body.nieuws .uk-container .uk-container-large {
    margin: 0 auto;
        transform: translatex(-15px);
}

#module-194 {
    text-align: right;
    background-image: url(/images/boekfiets/images/paper_texture.jpg);
    width: 98.5%;
    left: 6px;
    transform: translateY(-55px);
}
}

/* -----   */

body.nieuws .uk-container > :last-child {
    display: flex;
    justify-content: flex-end;
}


body.nieuws  .tm-main .uk-container {

    transform: translateY(-215px);
}

@media only screen
and (max-width : 900px) 

 { 
body.nieuwsbrief  .nieuwsbrieftekst {

    width:50%;
}
}

@media only screen
and (min-width : 680px) 

 { 
  body.nieuwsbrief  .nieuwsbriefrijtje {
    transform: translateY(-100px);    
    z-index: 0;
}
    
    }



@media only screen
and (min-width : 1380px) 

 { 
  body.nieuwsbrief  .nieuwsbriefrijtje {
    transform: translateY(-250px);    
    z-index: 0;
}
    
    }








/* Smartphones (portrait)  */
@media only screen
and (max-width : 640px) {   

body.nieuwsbrief  #module-194 {
text-align: left;
    float:right;
    transform: translateY(0px);
}

}











 #acym_module_formAcym29162 {
display:none;
}



body.nieuwsbrief .headerimage img.el-image {
    padding-right: 0px; 
    margin-top: -89px;
    display: block;
    position: relative;
    z-index: 1;
    right: 2.25vw;
    top: 0;
    width:300px;
}   




/* tirtel van nieuws kleiner op mobiele schermen */

 @media (max-width:600px) {
body.nieuws .uk-article-title {
    font-size: 25px;

}

}




/* titel van nieuws kleiner op mobiele schermen */

 @media (max-width:600px) {
body.nieuws .uk-article-title {
    font-size: 25px;

}

}






		.uk-navbar-nav>li>a {
		    text-transform: uppercase;
		    font-weight: 700;
}


@media screen and (min-width:  958px)and (max-width:  986px) { 

		.uk-navbar-nav>li>a {
		    text-transform: uppercase;
		    font-weight: normal;
		    font-size:13px;
			}

		#module-121 > li  {
		margin: 0 -10px 0 -4px;
		/*margin: 0 -10px 0 -4px;*/
			}
	}

@media screen and (min-width:  987px)and (max-width:  1042px) { 

		.uk-navbar-nav>li>a {
		    text-transform: uppercase;
		    font-weight: normal;
		    font-size:14px;
			}

		#module-121 > li  {
		margin: 0 -10px 0 -4px;
		/*margin: 0 -10px 0 -4px;*/
			}
	}


@media screen and (min-width:  1043px)and (max-width:  1133px) { 

		.uk-navbar-nav>li>a {
		    text-transform: uppercase;
		    font-weight: normal;
		    font-size:15px;
			}

		#module-121 > li  {
		margin: 0 -10px 0 0px;
		/*margin: 0 -10px 0 -4px;*/
			}
	}

/* einde theme9 */


/* css mijn boekfiets mobiel */
#tm-mobile .uk-panel > :last-child {
    margin-bottom: 30px;          /* jouw marge */
}

#tm-mobile  .uk-panel > :last-child::after {  /* let op de dubbele dubbele-punt */
    content: "";                  /* leeg, want <hr> kan niet */
     width: 70%;                     /* 80 % breed */
    display: block;               /* zodat hij op z’n eigen regel komt */
    height: 1.5px;                  /* dikte van de “lijn” */
    background: #FFEF10;             /* kleur van de lijn */
    margin: 10px auto 0;            /* bovenruimte + horizontaal centreren */
    
}

#module-235 {
    position: relative;
    display: flex;
    margin: -33px 0px 0px -20px;
}

#tm-mobile > div > div > div > div.uk-grid-margin.uk-first-column {
    display: block;
    margin-left: 24px;
    position: relative;
}
#module-235 > .sclogin {
    position: relative;
    margin: auto;
    text-align: center;
}
/* eind css mijn boekfiets mobiel */




/* EXPIREMINTEEL beheerRegistratie */
/*
	Max width before this PARTICULAR table gets nasty. This query will take effect for any screen smaller than 760px and also iPads specifically.
	*/
	@media
	  only screen 
    and (max-width: 760px), (min-device-width: 768px) 
    and (max-device-width: 1024px)  {

		/* Force table to not be like tables anymore */
		body.beheerRegistratie  table, body.beheerRegistratie  thead, body.beheerRegistratie  tbody, body.beheerRegistratie th, body.beheerRegistratie  td, body.beheerRegistratie  tr {
			display: block;
		}

		/* Hide table headers (but not display: none;, for accessibility) */
		body.beheerRegistratie > thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

   body.beheerRegistratie tr {
      margin: 0 0 1rem 0;
    }
      
   body.beheerRegistratie tr:nth-child(odd) {
      background: #ccc;
    }
    
		body.beheerRegistratie td {
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee;
			position: relative;
			padding-left: 50%;
		}

		body.beheerRegistratie  td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 0;
			left: 6px;
			width: 45%;
			padding-right: 10px;
			white-space: nowrap;
		}

		/*
		Label the data
    You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.
		*/
		body.beheerRegistratie td:nth-of-type(1):before { content: "Selecteer"; }
		body.beheerRegistratie td:nth-of-type(2):before { content: "Voornaam"; }
		body.beheerRegistratie td:nth-of-type(3):before { content: "Achternaam"; }
		body.beheerRegistratie td:nth-of-type(4):before { content: "Rit "; }
		body.beheerRegistratie td:nth-of-type(5):before { content: "E-mailadres"; }
		body.beheerRegistratie td:nth-of-type(6):before { content: "#vrijwilligers"; }
		body.beheerRegistratie td:nth-of-type(7):before { content: "Aanmelddatum"; }

body.beheerRegistratie #adminForm > table > thead > tr > th  {
display:none;
}

	}





/* EXPIREMINTEEL historie */
/*
	Max width before this PARTICULAR table gets nasty. This query will take effect for any screen smaller than 760px and also iPads specifically.
	*/
	@media
	  only screen 
    and (max-width: 760px), (min-device-width: 768px) 
    and (max-device-width: 1024px)  {

		/* Force table to not be like tables anymore */
		body.historie  table, body.historie  thead, body.historie  tbody, body.historie th, body.historie  td, body.historie  tr {
			display: block;
		}

		/* Hide table headers (but not display: none;, for accessibility) */
		body.historie > thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

   body.historie tr {
      margin: 0 0 1rem 0;
    }
      
   body.historie tr:nth-child(odd) {
      background: #ccc;
    }
    
		body.historie td {
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee;
			position: relative;
			padding-left: 50%;
		}

		body.historie  td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 0;
			left: 6px;
			width: 45%;
			padding-right: 10px;
			white-space: nowrap;
		}

		/*
		Label the data
    You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.
		*/
		body.historie td:nth-of-type(2):before { content: "-"; }
		body.historie td:nth-of-type(2):before { content: "Achternaam"; }
		body.historie td:nth-of-type(3):before { content: "Rit"; }
		body.historie td:nth-of-type(4):before { content: "Datum Rit"; }
		body.historie td:nth-of-type(5):before { content: "Aanmelding op"; }


body.historie #adminForm > table > thead > tr > th  {
display:none;
}

	}