@charset "utf-8";

body {	    font-family: 'Open Sans', Verdana, sans-serif;
    color: #4a4a4a;
    background-color: #fff;
    line-height: 1.42857143;
}
h1, h2, h3, h4, h5, h6 {font-family: 'Solex OT', sans-serif;
font-weight: 700;
}

.animateme {
  line-height: 45px;
  padding-left: 16px;
}

.form-group label.animateme::before {
  left: 10px;
}

  aside h2, aside h3 {
  color: #212121;
	  margin-left: -6px;
	  margin-bottom: 24px;
}

.sidebar_inner {
  margin-right: -7px;
}

.sidebar_inner h3:nth-of-type(1) {
    /*display: none;*/
}

aside h5 {
    font-size: 32px;
    color: #4a4a4a;
    padding-bottom: 12px;
}

#form {
    background-color: transparent !important;
}

#form p {
  font-size: 13px;
  padding: 5px;
}

.form-group.title p {
    font-size: 24px !important;
    padding-left: 0 !important;
}

.form_header_subtitle {
  margin: -10px 0 20px -10px;
  color: grey;
}

.form_header_subtitle p {
  font-size: 25px !important;
}

.title {
    font-size: 28px;
    font-family: 'Solex OT', sans-serif;
    font-weight: 600;
    color: #212121;
    margin: 2px 0px 22px 6px;
	line-height: 35px;
}

.form-group.title {
  margin: 12px 0 12px 1px;
}


.form-group.title.set_1 {
  margin-top: -12px;
}

#set_3 fieldset {
  margin-right: -30px;
}


/*aside*/
aside {
	z-index: 1;
	margin-top: -80px;
        background-position-y: -8px;
        background-color: white !important;
        border: 1px solid #c3c3c3;
        border-radius: 8px;
}

h2.form_header_title {
  font-size: 40px;
}

.formtitle a:hover {
  text-decoration: none;
}

aside .row {
    margin-left:-6px;
    margin-right:-6px;
}

aside .form-control {
    border: 1px solid #c3c3c3;
    border-radius: 5px;
}

.form-group input.form-control {
  padding-top: 12px;
	margin-bottom: -12px;
}

.error-message {
  margin-top: -7px;
  margin-bottom: 5px;
}

.error-message .error {
  padding: 5px 0 5px 6px;
  line-height: 10px;
	border-radius: 0 0 4px 4px;
}

aside div[class*="col-"] {
    padding-left: 0;
    padding-right: 6px;
	margin-bottom: 7px;
}

.tab.donate {
  margin-right: -2px;
  padding: 0 2px 0 6px;
}


div#checkbox-group {
    padding: 0 6px;
}
aside h1:after {
    background-color:#212121;
}
.radio-group.payment input[type="radio"] + span {
    background-color:transparent;
    color:#979797;  
}
#tab-container-payment-nav a, #tab-container-nav a{
    color: #202020;
    border: 1px solid #c3c3c3;
    border-radius: 8px;
    font-weight: 700;
    background-color: #fff;
    padding: 9px;
}
#tab-container-payment-nav a.active, #tab-container-nav a.active {	
    color: #fff;
	text-decoration: none;
}
.radio-group.payment input[type="radio"]:checked + span {
    background-color:rgba(255,255,255,1);
    color:#0686E4;
}

.radio-inline.paymenttab_2 {
    padding-right: 0;
}

#paymenttab2 .checkbox-inline {
  padding-top: 6px;
  font-size: 14.4px;
}

.termin_show_amounts.buttonview {
    color: #212121;
    border: 1px solid #c3c3c3;
	width: calc(50% - 4px);
    margin-right: 4px;
}

.termin_show_amounts.buttonview.active {
    background-image: none !important;
    color: #F84F37 !important;
    border: 1px solid #F84F37;
    border-radius: 8px;
    font-weight: 700;
    background-color: #fff;
    padding: 4px 0 0px 0;
    line-height: 34px;
    text-align: center;
}

button.termin_show_amounts.buttonview.active label {
    color: #F84F37;
}

button.termin_show_amounts.buttonview label {
    font-weight: bold;
}

.termijn-hide-reveal-row {
    padding-top: 12px;
    margin: 0 0 0 -6px;
}


.radio-inline input[type=radio] {
    margin-left: 0;
    position: relative;
    float: left;
    margin-right: 6px;
}
aside .form-group input.error{
    box-shadow: inset 0 1px 1px rgba(233,102,110),0 0 8px rgba(233,102,110);
} 
.form-control {	 font-family: 'Open Sans', Verdana, sans-serif;

}

aside textarea {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    line-height: 1.42857143;
    min-height: 100px;
    width: 98%;
    color: #212121;
    font-family: 'Open Sans', Verdana, sans-serif;
    background-color:#fff;
    background-image: none;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    padding: 6px 12px;
    font-size: 14px;
	margin: 0 0 10px 5px;
}


.btn-primary {
    background-color: #0686E4;
    border-color: #0686E4;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
    background-color: #0686E4;
    border-color: #0686E4;
}

.volgende.btn {
    padding: 23px 20px 14px 20px;
   margin-right: 10px !important;
}

aside .form-group.lb_submit {
    margin: 8px -15px 0 0;
}

.form-group.title.set_4 {
    margin-top: 16px;
}


/*Radio Group*/

.radio-group.payment .radio-inline {
    width: 50%;
    padding-right: 4px;
}


.radio {
    margin-top: 8px;
}

.checkbox-inline, .radio-inline {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.radio-group {
	display:table;
	position:relative;
	width:100%;
}
.radio-group .radio-inline {
        font-family: 'Open Sans', Verdana, sans-serif;
        font-weight: 700;
	position:relative;
	padding:0px;
	display:inline-block;
	font-size:1.6em;
        padding-right: 8px;
        width: 100%;
}

.radio-group .radio-inline:last-child {
    padding-right: 0;
	float: right;
	width: 49%;
}

.radio-inline.radio_container.anderswrappercls {
  width: 100%;
	margin: -7px 0 5px 0;
}
.radio-group .radio-inline input[type="radio"] {
	margin:0px;
	position:absolute;
	z-index:2;
	opacity:0;
}



.radio-group input[type="radio"] + span, .radio-group input[type="checkbox"] + span {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}

.radio-group input[type="radio"] + span.active, .radio-group input[type="checkbox"] + span.active {
    background-color: #4a4a4a;
    color: #fff;
}

.radio-group input[type="radio"] + span {
    display: block;
    background-color: #fff !important;
    height: 44px;
    line-height: 44px;
    text-align: center;
    border: 1px solid #c3c3c3;
    border-radius: 5px;
/*    margin-right: 8px; */
}
.radio-group input[type="radio"]:checked + span {
	display:block;
	/*background-color:#ed2f25;
	color:#fff;*/
	height:44px;
	line-height:44px;
	text-align:center;
}
.radio-group input[type="radio"] + span.active {
	background-color: #f84f37 !important;
	color: #fff;
        border-color: #f84f37;
}

.rb_textblock {
    margin-right: 10px;
}

/*Checkbox Group

.radio-group .checkbox-inline {font-family: 'Roboto Condensed', sans-serif;
font-weight: 700;
}
.radio-group input[type="checkbox"] + span {
    background-color:transparent;
	    line-height: 24px;
    text-align: left;
}

.radio-group input[type="checkbox"] + span:before {
    content: "\f096";
    font-family: "FontAwesome";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    width: 1em;
    display: block;
    float: left;
    margin-right: 02px;
    color: #d4d4d4;
    font-size: 28px;
    padding-top: 2px;
    animation: effect 200ms ease-out;
}

.radio-group input[type="checkbox"]:checked + span {
    background-color:transparent;
    color:#ed2f25;
	    line-height: 24px;
    text-align: left;
}

.radio-group input[type="checkbox"]:checked + span:before {
    content: "\f14a";
    font-family: "FontAwesome";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    width: 1em;
    display: block;
    float: left;
    margin-right: 02px;
    color: #ed2f25;
    font-size: 28px;
    padding-top: 2px;
    animation: effect 200ms ease-out;
}

.radio-group input[type="checkbox"] + span.active {
    background-color:transparent;
    color:#ed2f25;
	    line-height: 24px;
    text-align: left;
}

*/


/*checkbox
label.checkbox-inline input:checked + span {
  background-color: #fff;
}
label.checkbox-inline input:checked + span:before {
  content: '\f00c';
  font-family: fontAwesome;
  color: #ED1D25;
}
label.checkbox-inline input + span {
  background-color:#fff;
}
*/
/*Radio Group
.radio-group .radio-inline {
    font-family: 'GTAmericaCondensedBold';
}
.radio-group input[type="radio"] + span {
    background-color:#fff;
}
.radio-group input[type="radio"]:checked + span {
    background-color:#ED1D25;
    color:#fff;
}
.radio-group input[type="radio"] + span.active {
    background-color:#ED1D25;
    color:#fff;
}
*/

.checkbox-inline img {
  margin: 10px 0 10px 0 !important;
  max-width: 130px !important;
}

aside h2.form_header_title .pagenumbers {
  display: none;
}

.pagenumbers {
  position: absolute;
right: 20px;
top: 11px;
}


.btn {font-family: 'Solex OT', sans-serif;
font-weight: 700;
}
.btn-primary {
    background-color: #0686E4;
    border-color: #0686E4;
}
aside .btn {
    font-size: 1em;
        padding: 12px 30px 4px 30px;
	border: 0;
        border-radius: 8px;
	margin-left: 0;
    max-width: 97%;
}

aside .btn span {
   display: inline-block;
    font-weight: 500;
    line-height: 0em;
	font-size: 30px !important;
}

aside .btn span.amount {
     margin-left: 10px;
    line-height: 24px;
    margin-bottom: 10px;
}
.volgende span {
    min-height: 20px;
    margin-top: 1px;
	margin-bottom: 1px;
}

.back span {
    min-height: 20px;
    margin-top: 1px;
	margin-bottom: 1px;
	    display: none !important;
}

a.back.btn.short-form-btn.btn-primary {
    float: left;
    margin-left: 5px;
    background-color: transparent;
    background-image: url(../../img/arrow_l.png);
    background-repeat: no-repeat;
    margin-top: 14px;
}

a.back.btn.short-form-btn.btn-primary.last {
    position: absolute;
    /* top: 10px; */
    margin-top: 60px;
    margin-left: 14px;
    background-color: transparent;
    background-image: none;
    border: 2px solid #ef813c;
    color: #ef813c;
    padding-top: 14px !important;
}

.btn.btn-primary.btn-block.short-last {
  max-width: 90% !important;
  float: right;
	margin-right: 15px;
}

.btn.btn-primary.btn-block.short-last {
  max-width: 90% !important;
  float: right;
  margin-right: 25px;
}

a.back.btn.last:after {   
	    content: "Terug";
    padding: 0 !important;
    font-size: 20px;
    display: inline;
    line-height: 2px;
	}

.glyphicon-eur:before, .glyphicon-euro:before {
    content: "\20ac";
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
}

.amount .glyphicon {
    top: 0;
	font-size: 24px;
}

select.form-control {
font-weight: 700;
	text-transform: lowercase;
}
.form-control {	
    color: #202020;
}
.form-control:focus {
    border-color: #A1A1A1;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(161,161,161,0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(161,161,161,0.6);
}

select.form-control {
    font-family: 'Solex OT',Verdana,sans-serif;
    background-image: url(../../img/dropIcon.png);
    background-repeat: no-repeat;
    background-position: right center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 2.2em;
    font-weight: 500 !important;
    padding-top: 2px;
    text-transform: none;
}

.form_extra_text {
    font-size: 1.5em;
    line-height: 1.8em;
    margin: 16px 0;
}

form label {
    /*font-size: 18px;
    font-family: 'Solex OT', sans-serif;
    font-weight: 500;
    max-width: 100%;
    width: 100%;
    color: #1a1a1a;
    text-align: left;  */

    font-size: 1.6em;
    font-weight: 400;
    padding-left: 6px;  
}

.label label {
    color: black;
    float: left;
    font-size: 2em;
    padding-left: 0;
    font-weight: bold;
	padding: 6px 0 0 0;
}

.anders {
    font-weight: normal;
}

.form-group input.form-control.anders {
  padding-top: 4px;
  font-size: 110%;
 font-weight: 500;
padding-left: 162px;
	width: 100%
}

.payment_tab_margin {
	    margin-left: 6px;
    max-width: 97%;
}

.short-form-btn {
    margin:10px;
    padding:12px !important;
}

aside .short-form-btn span {
    line-height: 20px;
    padding: 0 0 2px 0;
}

.btn-large {
    font-size: 2.5em;
    line-height: 57px;
    font-weight: bold;
    margin-bottom: 10px;
    font-family: arial;
    display: block;
    width: 100%;
    text-align:center !important;
}

.select-group  {
  margin : 0 0 10px 15px;
}

.select-group select {
  align-self: center;
  display: inline-block;
  height: 35px;
  line-height: 38px;
  margin-right: 10px;
  max-width: 80px;
  padding: 0 10px;
  border: none;
  background-color: #fff;
  box-sizing: border-box;
  border-radius: 3px;
  background-image: url(../../img/dropIcon.png);
  background-repeat: no-repeat;
  background-position: right center;
  font-size:1em;
  font-weight: normal !important;
}

label.select-item {
  border-bottom: 1px dotted #000;
  display: flex;
  padding: 10px 0;font-family: 'Roboto Condensed', sans-serif;
font-weight: 700;
  font-size: 2em;
}

label.select-item input + span {font-family: 'Roboto Condensed', sans-serif;
font-weight: 700;
  font-size: 2em;
}

.select-group label.select-item input + span {
  width: 100%;
  height: 48px;
  display: inline-block;
  float: left;
  margin-right: 10px;
  margin-top: 3px;
  line-height: 1px;
  background-color: transparent !important;
}

/*CheckBox*/
label.checkbox_overwrite {
  /*position: relative;*/
  cursor: pointer;
  display:block;
  padding:0px;
  margin:0px;
      font-size: 16px;
}
label.checkbox_overwrite input[type="checkbox"] {
  position: absolute;
  left: 3px;
  top: 3px;
  z-index: 2;
  cursor: pointer;
  opacity: 0;
  margin:0px;
}
label.checkbox_overwrite input:checked + span {
  background-color: #fff;
}
label.checkbox_overwrite input + span {


    float: left;
    margin-right: 10px;
    background-color:#fff;
    width: 22px;
    border: 1px solid #c3c3c3;
    border-radius: 5px;

}

label.checkbox_overwrite input:checked + span::before {
    content: '\f00c' !important;
    font-family: fontAwesome !important;
    color: #ed2f25 !important;
    text-align: center !important;
    width: 100% !important;
    display: block !important;
    font-weight: 400 !important;
	    padding: 0 2px;
    margin: -1px 0;
} 

label.checkbox_overwrite input + span::before {
   content: '\f00c' !important;
    color: white;
    text-align: center !important;
    width: 100% !important;
    display: block !important;
    font-weight: 400 !important;
    padding: 0 2px;
    margin: -1px 2px;
} 

label#termijn_text_content {
    padding-left: 5px;
	padding-top: 8px;
  font-size: 13px;
}

.plusminus {
    float: right;
    margin-top: -55px;
    text-align: right;
    margin-right: 2px;
}

button.updown {
    margin-left: 4px;
}

button.updown.cb-plus {
    color: #F07D00;
}

.multi-chekbox-item-select {
    max-width: 42px;
    padding: 3px 0;
    font-size: 13px;
}

span.subamount {
       float: right;
    margin-right: -20px;
    font-family: 'Roboto condensed',sans-serif;
    font-size: 32px;
    color: #ad226b;
}

span.bedrag.donatie_img {
    background-repeat: no-repeat;
    background-color: transparent !important;
}

span.image_title {
    font-family: 'Solex OT', sans-serif;
    font-weight: 700;
    color: #4a4a4a;
    line-height: 32px;
    font-size: 32px;
    position: absolute;
    left: 118px;
}

span.image_title.amount_label {
    position: absolute;
    right: 2px;
    font-size: 32px;
    left: unset;
}

.donatie_img {
    display: block !important;
    width: 320px !important;
    height: 96px !important;
}

.donatie_img {
   background-size: 104px auto;
}

.subamount {
    display: none;
}


.img_toe {
    display: block;
    width: 400px;
    font-size: 15px;
    padding: 24px 0 0 120px;
    margin-top: -85px;
    font-weight: 400;
    color: #333333;
    line-height: 24px;
}

.anders-field.anders_multiple {
    padding: 5px 5px 5px 114px;
    width: 170px;
    right: 0;
    position: absolute;
    z-index: 1;
    margin-top: -81px;
    height: 36px;
}

label.static-amount-value-anders {
    position: relative;
    left: 164px;
    font-size: 14px;
    top: -50px;
    cursor: default !important;
    z-index: 999;
}

.checkbox-inline.checkbox_container {
    margin-top: 12px;
    position: unset;
    display: block !important;
    width: 320px;
}

button.btn.btn-secondary {
    color: #F17D02;
    padding: 0 6px 0px 7px;
    line-height: 7px;
    border-radius: 28px;
    font-size: 24px;
    border: 1px solid #F17D02;
    background: #fdf8e3;
    height: 26px;
      float: right;
    position: relative;
    top: -40px;
    right: -23px;
    margin-bottom: -32px;
}

.bs-popover-bottom {
    padding: 0 14px 16px 20px;
    color: #F17D02;
    font-size: 16px;
    border: 2px solid #F17D02;
     font-family: 'Roboto condensed',sans-serif;
    background-color: #fdf8e3;
    margin-top: 2px;
    margin-left: -120px;
}

button.btn.btn-secondary:focus {
    outline: 0;
}

.checkbox-inline, .radio-inline {
    padding-left: 0;
}

#tab-container-payment-nav a.active, #tab-container-nav a.active {
    border: 1px solid #f84f37;
    color: #f84f37;
}

.btn-primary {
    background-color: #F84F37;
    border-color: #F84F37;
}


aside .btn span {
    font-size: 25px;
}

.popBubble {
    text-align: left;
    width: 100%;
    min-height: 30px;
    font-size: 16px;
    line-height: 25px;
	border: 1px solid white;
  border-radius: 8px;
  padding: 8px 15px;
}

.popBubble.right {
    float: none;
}

button#verstuur {
    width: 100% !important;
}

@media only screen and (min-width: 768) {
.pagenumbers {
  position: absolute;
  right: 48px;
  top: 25px;
}
}

a:-webkit-any-link {
	text-decoration: none;
}

.title.smalltitle {
    font-size: 24px;
    margin: 4px 0 12px 0;
}

.title.smallsubtitle p {
    font-size: 21px !important;
	    padding-bottom: 2px !important;
}