body {
    font-size: 17px;
    line-height: 26px;
    font-weight:300;
    font-family:"Roboto";
    color:#4e4e4e;
}

a, .sidebar li.active > a {
    color:#069cdb;
    cursor: pointer;
}

small {
    color: #448dd0;
}

a:hover {
    color:#069cdb;
    text-decoration: none;
}

section {
    padding:40px 0px;
}

h1, h2, h3, h4, h5, h6 {
    font-family:"Ubuntu";
    color:black;
    font-weight:400;
    margin-bottom:20px;
}

button.icon {
    border: none;
    outline: none;
    background: none;
    display: inline;
    color:#069cdb;
}

button.icon.expandtoggle {
    color: #c12e63;
    padding-left: 0px;
}

img {
    max-width: 100%;
}

.rich-text img{
    height: 100%;
    max-height: 100%;
}

input{
    -webkit-appearance: none;
}

.underline {
    border-bottom: 2px solid #069cdb;
    padding-bottom: 5px;
}

.streamfieldpage, .page-wrapper {
    overflow-x: hidden;
}

.form-control {
    box-shadow: none;
    -webkit-appearance: none;
}

.btn-default {
    background: #c21e63;
    color: #FFF;
    font-size: 16px;
    text-shadow: none;
    border: 0px;
}

.btn-default:hover{
    color: #FFF;
    background-color:#c21e63;
    text-decoration: underline;
}

.menu-bottom .fa-stack-1x {
    color:#c21e63;
}

.menu-bottom .username{
    font-weight: bolder;
}

.bottom-bar a {
    color: #FFF;
}

.register-block {
    padding:80px 0px; 
    background-position:center 30%; 
    background-size: cover;
    background-repeat: no-repeat;
}

.head-img {
    background-image: url('/images/639955668.jpg');
    height:339px;
    background-size:cover;
    background-position: center 80%;
    position: relative;
}


.head-vervolg {
    text-align: center;
    position: relative;
}

.head-vervolg .static-progress {
    position: absolute;
    bottom: 0px;
    width: 100%;
    margin: 0;
}

.head-vervolg .submenu {
    position: absolute;
    bottom:0px;
}

.head-vervolg .submenu ul {
    padding:0px;
}

.head-vervolg .submenu li {
    list-style: none;
    font-size:18px;
    text-align: left;
    padding:0px 25px 0px 0px;
    display: inline-block;
}

.no-header .bottom-bar{
    background: #c21e63;
    position:relative;
}


.img-responsive {
    width:100%;
}

.nav .main .logo {
    width:10%;
    float:left;
    padding:15px 0px 10px 0px;
}

.nav .main .logo img {
    width:100%;
}

.nav .main .menu {
    padding-top:30px;
}

.nav .main .menu {
    float:left;
    text-align: right;
    width:90%;
    margin-bottom:0px;
}

.nav .main .menu .zoeken {
    display: inline-block;
}

.nav .main .menu .zoeken input[type=text] {
    padding:5px;
    margin-left:15px;
}

.sidebar form input[type=text]{
    padding: 5px;
    margin-left: 0px;
    border:2px solid #FFF;
}

.nav .main .menu .zoeken input[type=submit], .sidebar form input[type=submit] {
    padding: 7px;
    border: 0px;
    background-color: #329fe3;
    color: white;
}

.nav .main .menu li {
    list-style: none;
    font-weight:400;
    display: inline-block;
    padding:0px 0px 0px 25px;
}

.nav .main .menu li {
    font-size:18px;
    color:#4e4e4e;
    padding-bottom:22px;
}

.nav .main .menu a li:hover {
    color:#c21e63;
}

.menu li a {
    color:#4e4e4e;
}

.menu li a:hover{
    color:#c21e63;
}

.dropdown-menu li{
    padding: 0px;
}

.opleiding {
    background-color:#efefef;
    float:left;
    width:100%;
    margin-bottom:20px;
}

.opleiding .thumb {
    padding:0px;
}

.opleiding .title {
    padding:20px;
}

.opleiding .title .button {
    margin-bottom:0px;
}

.opleiding .title .button .leesmeer.meerinfo {
    background-color:#4e4e4e;
}

.opleiding .title .button .leesmeer {
    background-color:#069cdb;
}

.opleiding .title h3 {
    margin:5px 0px 10px 0px;
}

.opleiding .title .datum p {
    display: inline-block;
    margin-right:15px;
}

.bottom-bar {
    background-color:rgba(194, 30, 99, 0.85);
    padding:15px 0px;
    position: absolute;
    top:0px;
    width:100%;
}

.bottom-bar.beta {
    overflow: hidden;
}

.bottom-bar.beta:after {
    content: "BETA";
    position: absolute;
    left: -28px;
    bottom: -17px;
    background-color: #069cdb;
    color: #fff;
    transform: rotate(45deg);
    width: 70px;
    height: 50px;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
}

.bottom-bar .menu-bottom {
    list-style: none;
    width:100%;
    text-align: right;
    margin-bottom:0px;
    padding:0px;
    }

.bottom-bar .menu-bottom .intro {
    float:left;
    color:white;
    margin:0px;
    padding:7px 0px;
}

.bottom-bar .menu-bottom li {
    display: inline-block;
    color:white;
    font-size:18px;
    margin: 3px 0px 0px 25px;
}

.head-img .introblock {
    position: absolute;
    bottom:0px;
    /*max-width:700px;*/
}



.head-img .news, .head-img .agenda, .head-img .slidercontent {
    padding: 10px 40px;
    background-color: rgba(255, 255, 255, 0.93);
    height: 390px;
    bottom: 0px;
    -webkit-box-shadow: 0px -4px 14px -6px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px -4px 14px -6px rgba(0,0,0,0.75);
    box-shadow: 0px -4px 14px -6px rgba(0,0,0,0.75);
}

@media screen and (max-width: 1200px){
    .head-img .news, .head-img .agenda, .head-img .slidercontent{
        height: 420px;
    }
}

.head-img .slidercontent {
    padding: 10px 30px;
}

.head-img .slidercontent h2{
    margin-bottom: 5px;
}

.head-img .slidercontent p{
    font-size: 14px;
}

.head-img .news .datum, .head-img .agenda .datum{
    margin:0px;
    color:#069cdb;
}

.head-img .news .item h3, .head-img .agenda .item h3 {
    font-weight:400;
    color:#4e4e4e;
    font-size:18px;
    margin:0px 0px 10px 0px;
}

.button {
    margin:30px 0px;
}

.leesmeer, .delete {
    background-color:#c11e63;
    border-radius:5px !important;
    text-align: center;
    color:white !important;
    padding:9px 15px;
    white-space:nowrap;
    width: auto !important;
    font-size: 16px;
}

.delete {
    background-color: #d9534f;
}

.leesmeer[type="submit"] {
    -webkit-appearance: button;
}

.leesmeer.danger {
    background-color: #c12e2a;
}

.leesmeer.happy {
    background-color: #069cdb;
}


.leesmeer:hover, .leesmeer:focus {
    background-color:#4e4e4e;
    text-decoration: none;
    color:white;
}

.formulier .optiewrapper {
    width: 35%;
    float:right;
    min-width: 150px;
}

.introblock .button{
    margin: 10px 0 0 0;
}

.optiewrapper .item {
    display: none;
    height: 40px;
}

.optiewrapper .item:first-child {
    display: block;
}

.optiewrapper .item:first-child:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 30px;
    background-color: #efefef;
    z-index: 1;
    top: 0;
}

.optiewrapper .item:first-child:before {
    content: "\f110";
    animation: fa-spin 1s infinite steps(8);
    text-align: center;
    height: 30px;
    line-height: 30px;
    width: 100%;
    z-index: 2;
    font-family: FontAwesome;
    color: #c21e63;
    position: absolute;
}

fieldset:nth-child(even) .optiewrapper .item:first-child:after {
    background-color: #fff;
}

.optiewrapper.owl-loaded .item {
    display: block;
}

.optiewrapper.owl-loaded .item:before,
.optiewrapper.owl-loaded .item:after {
    display: none;
}

.formulier fieldset {
    padding:10px 10px 0px 10px;
    font-weight:400;
}

.formulier fieldset:nth-child(odd) {
    background-color:#efefef;
}


.formulier label {
    font-weight:400;
    font-size:18px;
    margin:0px;
    width: 100%;
}

.formulier .form-group > label {
    font-weight: 600;
}

.formulier .form-group label.disabled,
.formulier .form-group label.disabled input {
    color: #ccc;
    border-color: #ccc;
    cursor: not-allowed;
}


.formulier .form-group a {
    display: block;
}

input[type=checkbox] + label {
    margin: 0 0 10px;
    float: left;
    margin-left: 15px;
    margin-top: 6px;
    display: block;
    width: calc(100% - 40px);
}

.pers-info {
    text-align: center;
    background-color: #329fe3;
    padding: 20px;
    color: white;
}

.formulier .owl-stage-outer {
    height:30px;
}
.owl-carousel.footer {
    list-style:none;
}

.profielinfo {
    text-align: left;
}

.drag-n-drop-zone {
    display: block;
    background-color: #eee;
    padding: 30px 15px;
    text-align: center;
    cursor: pointer;
}

.drag-n-drop-zone input {
    display: none;
}

.activiteit {
    min-height:380px;
    padding:10px 20px;
}

.activiteit h2 {
    color:#069cdb;
}

.ervaring .datum {
    color:#c21e63;
    font-weight:600;
}

.ervaring .bedrijf {
    font-weight:600;
    font-size:18px;
    margin-bottom:0px;
}

.pers-info h2, .pers-info h3 {
    color:white;
}

.pers-info .profielfoto-ind h3, .pers-info .profielfoto-ind p {
    margin-bottom:0px;
}

.profielfoto-ind img, .user-list .user img {
    border-radius:50%;
}

.profielfoto img {
    background: #fff;
    border-radius:50%;
    margin: 0px 0px 10px;
    -webkit-box-shadow: 0px 0px 22px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 22px -2px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 22px -2px rgba(0,0,0,0.75);
}

.profielfoto {
    text-align: center;
}

.profielfoto a {
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.optiewrapper .optie {
    width: 100%;
    text-align: center;
}

.optiewrapper .optie p {
    margin: 0px;
}

.optiewrapper .optie input[type=checkbox] {
    display:none;
}

.gegevens input[type="radio"] {
    float: left;
}

.gegevens input:not([type="radio"], [type="checkbox"]), .gegevens select, .gegevens textarea {
    width:100%;
    color:black;
    border-radius:0px;
    height:40px;
    background-color:#efefef;
    border:none;
    padding:5px 10px;
}

.gegevens textarea {
    height: auto;
    min-width: 100%;
    max-width: 100%;
}

.gegevens .show-education ul li {
    float: left;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    line-height: 50px;
    text-align:center;
    background: #efefef;
    transition: all 0.1s linear;
    color: #505050;
}

.gegevens .show-education ul li label {
    cursor: pointer;
}

.gegevens .show-education ul li:hover, .gegevens ul li.active{
    background: #c21e63;
    color: #FFF;
}
.gegevens .show-education ul li:not(:first-child){
    margin-left: 10px;
}
.gegevens .show-education ul li input {
    display: none;
}

input[type=checkbox], input[type=checkbox] {
    float: left;
    width: auto;
    clear: left;
    margin: 6px 0;
    height: 25px;
    width: 25px;
    border: 2px solid #c11e63;
    border-radius: 50%;
    color: #c11e63;
    position: relative;
    background-color: #fff;
    outline: none;
    cursor: pointer;
}

input[type=checkbox]:checked:after {
    content: "\f00c";
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 21px;
}

.gegevens ul {
    list-style: none;
    padding: 0px;
}

.gegevens ul li {
    line-height: 37px;
}

.gegevens ul li input[type=checkbox],
.gegevens ul li input[type=radio] {
    margin-right: 15px;
}


.select2-container--default .select2-selection {
    border: none !important;
    background-color: #efefef !important;
    border-radius: 0px !important;
}


.voorwaarden p {
    margin: 0 0 10px;
    float: left;
    margin-left: 15px;
    margin-top: 6px;
}

.changepic {
    width: 200px;
    max-width: 100%;
    margin: 0 auto;
    padding: 5px 0px;
    border-radius: 5px;
    background-color: white;
    cursor: pointer;
    transition: 0.25s;
}

.pre-images label {
    display: inline-block;
    width: calc(33.3% - 25px);
    margin: 10px;
    position: relative;
    text-align: center;
    cursor: pointer;
    transition: 0.25s;
}

.pre-images label:hover {
    background-color: #eee;
}

.pre-images label img {
    padding: 10px;
    max-width: 100%;
    border: 2px solid transparent;
    float: left;
}

.pre-images input[type=radio]:checked + img {
    border-color: #069cdb;
}

.changepic:hover {
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.changepic p {
    margin:0px;
    color: #069cdb;
    font-size: 14px;
    font-weight: normal;
    cursor: pointer;
    margin: 0;
}

.changepic input {
    display: none;
}

.controls button {
    background: #c21e63;
    color: #FFF;
    font-size: 25px;
    text-shadow: none;
    border: 0px;
    height: 40px;
    width: 40px;
}

.playground {
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
}

.playground img {
    display: inline-block;
    transition: 0.7s;
}

.sidemenu {
    padding:0px;
    margin-top: 25px;
}


.sidemenu li {
    list-style: none;
    background-color:#4e4e4e;
    color:white;
    margin-bottom:20px;
    padding:10px 20px;
}

.sponsoren {
    padding:40px 0px;
    text-align: left;
}

.sponsoren h3 {
    color:#909090;
}

.register-block .cta {
    background-color:white;
    padding:20px 30px;
}

.usp {
    background-color: #efefef;
    padding: 30px 20px 20px 20px;
    border-top: 4px solid #39a9e7;
    min-height: 380px;
    margin-bottom: 30px;
    position: relative;
    text-align: center;
}

.usp span.number {
    position: absolute;
    top: -27px;
    background-color: #39a9e7;
    padding: 10px 18px;
    color: white;
    border-radius: 50%;
    left:50%;
    transform:translateX(-22px)
}

.usp h4 {
    color:#39a9e7;
}

.speciaal li {
    background-color:#069cdb;
}

.speciaal li i {
    width:30px;
}

.activiteit i {
    color:#069cdb;
    margin-right:5px;
}

footer {
    background-color:#efefef;
    padding: 10px 0 0;
    font-size:16px;
}

footer input[type="email"] {
    width: 100%;
}

.sub-footer {
    font-size: 14px;
    background-color: #fff;
    padding: 10px 0;
}

footer a {
    color: #4e4e4e;
}

footer a:hover{
    color: #4e4e4e;
    text-decoration: underline;
}

footer p {
    margin:0px;
    display: inline-block;
}

footer .footer_menu{
    display: inline-block;
    margin-left: 5px;
}

.owl-theme .owl-nav [class*=owl-] {
    position: absolute;
    color: #c21e63;
    font-size: 16px;
    display: inline-block;
    cursor: pointer;
    background: none;
    top: -8px;
}

.owl-theme .owl-nav [class*=owl-]:hover{
    background: none;
    color: inherit;
}

.owl-theme .owl-nav .owl-prev{
    left: -14px;
}

.owl-theme .owl-nav .owl-next{
    right: -14px;
}

.text_break{
    display:none;
}


section.background-enabled{
    background-image: url(/static/images/background.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.sidebar{
    background-color: #e9e9e9;
    border-left: 7px solid #c31e63;
    padding-top: 10px;
    padding-bottom: 10px;
    word-wrap: break-word;
}

.no-margin-bottom {
    margin-bottom: 0;
}

.sidebar h4 {
    margin-bottom: 5px;
}

.sidebar ul{
    list-style: none;
    padding-left: 15px;
}

.sidebar ul>li a {
    color: #909090;
    font-weight: bolder;
}

.sidebar ul>li>ul>li a{
    font-weight: 300;
    color: #000;
    font-size: 0.8em;
}

.sidebar a:hover{
    text-decoration: underline;
}

.sidebar input[type="date"]{
    margin-bottom: 15px;
}

.news-monthblock{
    background-color: #e9e9e9; 
    margin-top: 25px;
}

.news-monthblock .header {
    color: #329fe3;
}

.news-monthblock.first {
    margin-top:0px;
}

.news-item {
    padding: 15px;
}

.news-item .date {
    color: #FFF;
    position: absolute;
    top: 0px;
    left: calc(50% - 18.5px);
}

.news-item .date i{
    color: #329fe3;
}

.news-item .inner {
    border-top: 4px solid #329fe3; 
    background-color: #FFF; 
    padding: 5px 15px;
}

.news-item .inner h4{
    margin-top:15px;
}

.news-item .inner .intro {
    font-size: 0.9em;
    line-height: 1.3em;
}

.news-item .inner a {
    color: #c11e63;
}

.news-item .inner a:hover{
    text-decoration: underline;
}

.news-item .inner .author {
    font-size: 0.9em;
    font-weight: lighter;
    color: #909090;
}

.news-item .inner .author a {
    color: #909090;
}

.news-item .inner .author a:hover {
    color: #909090;
    text-decoration: underline;
}
  
.popover {
    width: 276px;
}
.popover .popover-content {
    padding-top: 0px;
    font-size: 12px;
}

.popover ul.nav-pills {
    width: calc(100% + 30px);
    margin: 0 -15px;
}

.popover ul.nav-pills li {
    width: 33.3333%;
    margin-left: 0px;
    text-align: center;
}

.popover ul.nav-pills li a {
    padding: 5px 0;
}

.popover .popover-content .tab-content {
    padding-top: 9px;
}

.popover .popover-content .tab-content ul {
    padding-left: 0;
    list-style: none;
    margin: 0;
}

.news-detail-page .info a {
    color: #4e4e4e;
}

.news-detail-page .info a:hover {
    text-decoration: underline;
}

.news-detail-page .background-enabled {
    padding: 0px;
    padding-bottom: 35px;
}

.news-detail-page .pers-info ul {
    list-style:none;
    padding: 0;
    font-size: 14px;
}

.news-detail-page .pers-info ul a {
    color: #FFF;
}

.news-detail-page .pers-info ul a:hover{
    text-decoration: underline;
}

.news-detail-page .newsitem .info span i{
    margin-right: 3px;
}

.news-detail-page .newsitem .info span:not(:first-child){
    margin-left: 25px;
}

.news-detail-page .newsitem{
    margin-top: 10px;
}

.news-detail-page .newsitem .inner {
    background: #e9e9e9;
    border-top: 4px solid #c11e63;
    margin-top: 10px;
    padding: 10px;
}

.events-page .sidebar, .events-page .events-list{
    margin-top: 25px;
}


.events-page .event {
    
    margin-bottom: 20px;
}

.events-page .event .inner h4{
    display: inline-block;
    margin: 0;
}


.events-page .event .inner {
    margin: 0px;
    border-top: 4px solid #329fe3;
    background: #e9e9e9;
    padding: 20px;
}

.events-page .event .inner button {
    margin-top: 10px;
}

.events-page .event .date {
    display: block;
}

.education-page .filterbar {
    margin-bottom: 25px;
}

.education-page .education-list .education {
    margin-bottom: 25px;
}

.education-page .education-list .education img{
    display: inline-block;
    max-width: 100%;
    max-height: 177px;
}

.education-page .education-list .education .inner {
    padding: 15px;
    background: #e9e9e9;
    display: block;
    transition: .3s;
    text-decoration: none;
}

.education-page .education-list .education .inner:hover {
    box-shadow: 0 0 5px gray;
}

.education-page .education-list .education .inner figure {
    position: relative;
    height: 180px;
    width: 100%;
    background: #FFF;
    text-align: center;
    line-height: 180px;
    padding: 0 20px;
}

.education-page .education-list .education .inner h3{
    margin-bottom:0px;
    margin-top: 10px;
}

.education-page .education-list .education .inner .organisation-name{
    font-style:italic;
    font-weight: lighter;
}

.education-page .education-list .education .inner span {
    color:#c11e63;
    display:block;
}

.education-page .education-list .education .inner p{
    margin: 15px 0px;
    color: #333;
}

.education-page .education-list .education .inner button{
    margin-bottom: 10px;
}

.education-detail-page .sidebar {
    margin-top: 0px;
}

.education-detail-page .sidebar a {
    color: #c11e63;
}

.education-detail-page .sidebar a:hover {
    color: #c11e63;
}

.responsive-object {
    position: relative;
}

.responsive-object iframe,
.responsive-object object,
.responsive-object embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.sidemenu a.active li{
    border-left: 10px solid #c11e63;
    padding-left: 10px;
}

body.login .form-group .control-label {
    font-size: 1.2em;
    color: #c31e63;
}

body.login .form-group select,
body.login .form-group textarea,
body.login .form-group input:not([type="radio"]):not([type="checkbox"]) {
    width: 100%;
    color: black;
    border-radius: 0px;
    min-height: 40px;
    background-color: #efefef;
    border: none;
    padding: 5px 10px;
}

body.login a.forgot-password{
    color: #909090;
}

ul.sub-menu{
    display: none;
    position: absolute;
    z-index: 99;
    margin: 0;
    padding: 0px;
    max-width: 250px;
    list-style: none;
    background-color: #FFF;
    text-align: left;
    padding: 10px 0px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.nav .main .menu li.top-menu ul.sub-menu li{
    padding: 10px;
    width: 100%;
}

li.top-menu:hover ul.sub-menu {
    display: block;
}


.delete:hover {
    background-color: #c12e2a;
    color: white;
}

.mega-icon {
    font-size: 200px;
    margin: 25px;
}

.error-404 {
    font-size: 80px;
    display: block;
    margin: 25px 0 50px;
}

.gray-text {
    color: gray;
}

.fa-thumbs-up {
    cursor: pointer;
}

.fa.active {
    color: #329fe3;
}

ul.messages {
    position: fixed;
    bottom: 5px;
    right: 15px;
    z-index: 10;
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.messages li {
    color: white;
    background-color: gray;
    margin-bottom: 10px;
    padding: 8px 16px;
}
ul.messages li.success {
    background-color: #4CAF50;
}
ul.messages li.info {
    background-color: #329fe3;
}
ul.messages li.warning {
    background-color: #F88624;
}
ul.messages li.error {
    background-color: #CD0000;
}

.slider {
    background-size: cover;
}

.streamfieldpage section{
    padding: 20px 0px;
}

.streamfieldpage section:first-of-type{
    padding: 0px 0px 20px 0px;
}

.streamfieldpage .bg-white-90 {
    background-color: rgba(255, 255, 255, 0.9);
}

.streamfieldpage .container-fluid{
    padding-left: 0px;
    padding-right: 0px;
}
ul.tagging {
    position: absolute;
    background-color: #fff;
    width: calc(100% + 2px);
    padding: 0;
    margin-left: -1px !important;
    list-style: none;
    z-index: 100;
    bottom: 0;
    left: 0;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 120px;
    border: 1px solid #329fe3;
}
ul.tagging li {
    padding: 5px;
    border: 1px solid #329fe3;
    margin: -1px;
    cursor: pointer;
}
ul.tagging li:hover {
    background-color: #329fe3;
}
ul.tagging li:hover a {
    color: #fff;
}
ul.tagging li a {
    line-height: 30px;
    color: #329fe3;
}
ul.tagging li img {
    max-width: 30px;
    max-height: 30px;
    margin-right: 5px;
}

.newsletter-subscribe {
    padding: 25px;
    background-color: #c21e63;
    color: #FFF;
}

.newsletter-subscribe label{
    color: #FFF;
    font-weight: lighter;
}

.newsletter-subscribe .btn-default {
    background: #FFF;
    color: #c21e63;
    margin-top: -3px;
}

.newsletter-subscribe h4{
    color: #FFF;
}

.newsletter-subscribe .btn-default:hover {
    box-shadow: inset 0px 0px 0px 2px #FFF;
}
.pagination {
    text-align: center;
    width: 100%;
}

.social-media {
    float: left;
}

.social-media a {
    line-height: 26px;
    font-size: 30px;
    text-align: center;
    transition: 0.25s;
    padding-right: 5px;
}

.social-media a:hover {
    text-decoration: none;
    color: #c21e63;
}

.file {
    text-align: center;
    display: inline-block;
    width: 150px;
    min-height: 150px;
    color: #333;
    transition: 0.25s;
}
.file .fa {
    font-size: 80px;
    display: block;
    margin: 10px 0;
}

.file span {
    display: block;
    width: 100%;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
}

span.required {
    color: #CD0000;
}

span.not-required {
    font-weight: 300;
    color: #333;
    font-size: 15px;
}

.richtext-image.left{
    float: left;
    margin-right: 5px;
}

.richtext-image.right{
    float: right;
    margin-left: 5px;
}

.rich-text:after, .rich-text blockquote p:after{
    content: "";
    clear: both;
    display: table;
}

.gallery .gallery-item{
    margin: 5px;
    padding: 5px;
    border: 1px solid black;
    display: inline-block;
    cursor: pointer;
}

blockquote {
    font-style: italic;
    border-left: 5px solid #39a9e7;
}

.newsletter-signup {
    background-color: #c11e63;
    color: #FFF;
}

.newsletter-signup .subline {
    font-size: 22px;
    margin-bottom: 15px;
}

.newsletter-signup input{
    margin-bottom: 5px;
}

.newsletter-signup .btn-default{
    border: 1px solid #FFF;
}

.form-control-feedback{
    top: 31px;
    right: 15px;
    line-height: 40px;
    height: 40px;
    width: 40px;
}

.user-overview .filterbar{
    margin-bottom: 30px;
}

.user-list .user{
    margin-bottom: 30px;
    padding: 15px;
}

.user-list .user img{
    margin-bottom: 10px;
}

.user-list .user .information{
    margin-bottom: 15px;
}

.user-list .user .inner{
    padding: 15px;
    border-top: 3px solid #c12e63;
    background-color: #efefef;
    min-height: 296px;
}
.bootstrap-datetimepicker-widget.dropdown-menu {display: block;}
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #c11e63 !important;
}

.profielinfo a{
    color: #FFF;
}

.profielinfo a:hover{
    color: #FFF;
    text-decoration: underline;
}

.educator-profile .education {
    margin-bottom: 25px;
}

.educator-profile .education .inner{
    padding: 15px;
    background: #e9e9e9;
    display: block;
}

.educator-profile .education .inner figure {
    position: relative;
}

.educator-profile .education .inner h3{
    margin-bottom:0px;
    margin-top: 10px;
}

.educator-profile .education .inner .organisation-name{
    font-style:italic;
    font-weight: lighter;
}

.educator-profile .education .inner span {
    color:#c11e63;
    display:block;
}

.educator-profile .education .inner p{
    margin: 15px 0px;
}

.educator-profile .education .inner button{
    margin-bottom: 10px;
}

.mobile-section{
    padding-bottom: 0px;
    margin-bottom: 20px;
}

.mobile-news {
    border-left: 3px solid #c11e63;
    padding: 15px 10px;
    margin-bottom: 15px;
    background-color:#e9e9e9;
}

.mobile-event{
    border-right: 3px solid #c11e63;
    padding: 15px 10px;
    background-color:#e9e9e9;
}

.mobile-event h3, .mobile-news h3{
    margin-bottom: 3px;
}

.mobile-event .date, .mobile-news .date, .mobile-news a, .mobile-event a{
    display: block;
    margin-bottom: 10px;
}

.progress-bar-level-0 {
    background-color: #9a9a9a;
}

.progress-bar-level-1 {
    background-color: #069cdb;
}

.progress-bar-level-2 {
    background-color: #c11e63;
}

.close-tooltip{
background: none;
    border: 0px;
    font-size: 23px;
    position: absolute;
    right: 10px;
    top: 2px;
    cursor: pointer;
}

.assessment input[type=radio] + label {
    margin: 0 0 10px;
    float: left;
    margin-left: 15px;
    margin-top: 6px;
    display: block;
    width: calc(100% - 40px);
}

input[type=radio] {
    float: left;
    width: auto;
    clear: left;
    margin: 0 10px 6px 0;
    height: 25px;
    width: 25px;
    border: 2px solid #c11e63;
    border-radius: 50%;
    color: #c11e63;
    position: relative;
    background-color: #fff;
    outline: none;
    cursor: pointer;
}

.assessment .selection input[type=radio] {
    margin-left: 10px;
    float: right;
}

.assessment li div > input[type=radio]:first-of-type,
.assessment li > input[type=radio]:first-of-type {
    margin-left: 15px;
}

.assessment li div > input[type=radio]:first-of-type:before,
.assessment li > input[type=radio]:first-of-type:before {
    content: "";
    display: inline-block;
    border-left: 2px solid #c11e63;
    position: absolute;
    left: -10px;
    height: 25px;
    top: -2px;
}

.assessment li.selection > div:last-of-type:hover,
.assessment li.selection ul li:hover {
    background-color: #eee;
}

.assessment li.selection ul {
    margin-left: 35px;
    list-style-type: circle;
}

input[type=radio]:checked:after {
    content: "\f111";
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 21px;
}

.assessment .step-indicator {
    margin-right: 17.5px;
    color: #4e4e4e;
}

.assessment .step-indicator:after {
    content: "\f068";
    font-family: FontAwesome;
    color: #4e4e4e;
    right: -17.5px;
    position: absolute;
}

.assessment .step-indicator:last-of-type:after {
    content: "";
}

.assessment .step-indicator.active {
    color: #c11e63;
}

.assessment .step-indicator.disabled {
    color: #bfbfbf;
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}

.assessment .step-indicator.done {
    color: #069cdb;
}

.assessment .wrapper {
    padding: 15px;
    background-color: #f9f9f9;
}

.assessment .card .level {
    font-weight: 600;
}

.assessment .card p {
    font-size: 16px;
    line-height: 16px;
    word-break: break-word;
    margin-bottom: 5px;
}

.assessment .card .inner{
    border: 3px solid transparent;
    padding: 5px 7px;
    background-color: #ededed;
    transition: background 0.1s linear, color 0.1s linear;
    cursor: pointer;
}

.assessment .toggle-sub {
    margin: 10px 0;
    display: block;
    color: #4e4e4e;
    cursor: pointer;
}

.assessment .toggle-sub .fa-stack-1x:before {
    content: '\f068';
}

.assessment .toggle-sub.collapsed .fa-stack-1x:before {
    content: '\f067';
}

.assessment .card .inner.active, .assessment .card .inner:hover {
    background: #c21e63;
    color: #FFF;
}

.assessment .sub-questions { 
    margin-left: 15px;
    padding-left: 15px;
    border-left: 3px solid #c21e63;
}

.assessment .next {
    margin-top: 10px;
}




.profile-bar {
    background-color: #c21e64;
    position: relative;
}

.nav.profile-nav a {
    color: #FFF;
    transition: 0.1s linear;
}

.nav.profile-nav>li.active {
    background-color: #a71754;
}

.nav.profile-nav a:hover, .nav.profile-nav a:active{
    background-color: #a71754;
}

.nav.profile-nav.sub-nav {
    transition: 1s linear;
}

.nav.profile-nav.sub-nav li {
    display: none;
}

.nav.profile-nav.sub-nav.active{
    transition: 1s linear;

}

.nav.profile-nav.sub-nav.active li {
    display: block;
}

.navbar-nav.profile-nav>li>.dropdown-menu {
    background-color: #c21e63;
}

.navbar-nav.profile-nav .dropdown-menu>li>a {
    padding: 5px 20px;
}

.head-img .profile-bar {
    position: absolute;
    top: 0;
    width: 100%;
}

.floating-message {
    background-color: #329fe3;
    color: #fff;
    font-size: 20px;
    padding: 15px 30px;
    line-height: 46px;
    width: 100%;
}

@media only screen and (min-width: 992px) {
    .floating-message {
        border-radius: 38px;
        width: 1170px;
        max-width: calc(100vw - 30px);
        z-index: 90;
        top: 150px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
}

.floating-message a {
    float: right;
    background-color: #fff;
    margin-right: 10px;
    border-radius: 5px;
}

.small-menu{
    padding-top: 10px;
}

.zoeken{
    float: right;
}

.zoeken input[type="text"]{
    border: 0px;
    outline: 0px;
    border-bottom: 1px solid #c21d64;
    padding: 0px 5px;
}

.btn-search{
    background: #c21d64 !important;
    -webkit-appearance: none;
    box-shadow: none;
    border: 0px;
    color: #ffffff;
}

.menu-bottom .flat-menu, .profile-nav .flat-menu{
    display: inline-block;
}

.menu-bottom .flat-menu ul, .profile-nav .flat-menu ul{
    padding: 0px;
    list-style: none;

}

.profile-nav .flat-menu ul li a{
    padding: 15px;
}

@media screen and (max-width: 1200px) and (min-width: 991px){
    .menu li a{
        font-size: 14px;
    }
}

.floating_fix{
    top: 145px;
}


.home-card {
    background-color: #efefef;
}

.home-card img {
    height: 150px;
}

.home-card.news-card .content div{
    margin-bottom: 15px;
}

.home-card .content {
    padding: 15px;
}

.home-card {
    margin-bottom: 10px;
}

.home-card.agenda {
    padding: 25px;
}

.home-card.agenda .single-item {
    padding-left: 15px;
    background-color: #f7f7f7;
    margin-bottom: 15px;
    padding-bottom: 5px;
}

.home-card.agenda h2, h3 {
    margin:0;
    margin-bottom: 15px;
}

.home-card.quote-card img{
    height: 100%;
}

.home-card.quote-card blockquote {
    font-size: 15px;
    margin-bottom: 5px;
}

.home-card.quote-card span {
    font-size: 14px;
}

.home-card .quote {
    padding: 15px 0;
}

.head-block {
    background-color: rgba(255, 255, 255, 0.9);
    position: absolute;
    padding: 25px;
    right: 0;
    max-width: 50%;
    margin-top: 25px;
}

.head-block ul, .slider-caption ul {
    list-style: none;
    padding-left: 15px;
}

.head-block ul li:before, .slider-caption ul li:before {    
    font-family: 'FontAwesome';
    content: '\f00c';
    margin:0 5px 0 -15px;
}

p.datum {
    margin:0 0 3px;
}

.head-block.left-block {
    left: 0;
    max-width: 45%;
}

.rel {
    position: relative;
}

.slogan {
    display:none;
    text-align: center;
    padding: 25px 0;
    background-color: #39a9e7;
    color: #FFF;
}

.slogan h3 {
    color: #FFF;
}

.slogan div {
    max-width: 60%;
    margin: 0 auto;
}

.crumbs {
    background-color: #c21e64;
    color: #FFF;
}

.navbar-nav.usermenu {
    margin-right: 15px;
}

.navbar-nav.usermenu>li>a {
    color: #4e4e4e;
}

.navbar-nav.usermenu>li>a {
    padding: 0px;
}

.usermenu>li {
    padding: 4.5px 5px;
}

.navbar-nav.usermenu>li:hover {
    background-color: #eee;
}

li:hover>.dropdown-menu {
    display: block;
}

.dropdown-menu li.has-child {
    position: relative;
}

.navbar-right .dropdown-menu {
    left: 0;
}

.dropdown-menu>li>.dropdown-menu {
    left: 100%;
    top: 0;
}

.dropdown-menu {
    width: 100%;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    background: none;
    color:#c21e63;
}

.breadcrumbbar {
    margin: 10px 0;
}

.breadcrumbbar>li {
    padding-right: 0px;
}

.breadcrumbbar a{
    color: #FFF;
}

.breadcrumbbar li:not(:first-child):before {
    content: ' > ';
    padding-right: 5px;
}

.gray-background {
    background-color: #efefef;
    padding: 25px;
}

.time-registration {
    background-color: #efefef;
    display: inline-block;
    padding: 25px 10px;
    margin-bottom: 20px;
    font-weight: 600;
    position: relative;
    overflow: hidden;
}

.time-registration:after {
    font-family: "FontAwesome";
    content: '\f017';
    font-size: 65px;
    position: absolute;
    right: 0;
    color: rgba(181, 180, 180, 0.6);
}

.time-registration p {
    margin-bottom: 0px;
}

.select2-container .select2-selection--single {
    height: 40px !important;
}

.select2-selection__rendered {
    line-height: 40px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 7px !important;
}


.mm-panel:not(.mm-hidden) {
    padding-left: 0px;
}

.mm-panel:not(.mm-hidden) .mm-listitem {
    padding-left: 20px;
}

.mmenu-button {
    float: right;
    margin-right: 20px;
    margin-top: 20px;
    font-size: 32px;
    color: #505050;
}


#mmenu {
    display: none;
}

.mm-wrapper_opened  #mmenu {
    display: block;
}


.search-result {
    margin-bottom: 25px;
}

.search-result .search-link {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
}

.search-result .search-description {
    font-size: 15px;
    line-height: 18px;
}

@media screen and (max-width: 768px) {
.slogan div {
    max-width: 90%;
}

.navbar-nav.usermenu {
    margin: 7.5px -15px;
}

.head-vervolg{
    height: 0px;
}

.profielfoto {
    padding: 0;

}

.nav {
    border-bottom: 4px solid #c11e63;
}

.optiewrapper .optie {
  font-size: 90%;
}

  .text_break{
    display:inline;
  }

  .head-img{
    height:885px;
  }

  .menu-bottom li{
    padding-bottom: 10px;
  }

  .head-img .introblock {

      position: absolute;
      bottom:0px;
      max-width:700px;
      height:-100px;
  }

    .head-img .news, .head-img .agenda {
      padding: 10px 40px;
      height: 100%;
      width: 95%;
      margin-bottom:10px;
  }

    .head-img .news .datum, .head-img .agenda .datum{
        margin:0px;
        color:#069cdb;
    }

    .head-img .news .item {
        margin:10px 0px;
    }

    .introblock h2{
        font-size: 25px;
    }

    h1{
        font-size: 32px;
    }

    .head-img .news .item h3, .head-img .agenda .item h3 {
        font-size:18px;
        margin:0px 0px 10px 0px;
    }

    .profielfoto img{
        margin-top:50px;
        width: 170px;
    }

    .pers-info{
        padding:6px;
    }

    .activiteit{
        min-height: 200px;
    }

    .bottom-bar .menu-bottom li{
      padding-top:10px;
    }

    .news-monthblock{
        background-color: #FFF;
    }

    .news-monthblock .news-item .inner{
        background-color: #e9e9e9;
    }

  }

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

    .head-img{
      height:1025px;
    }

    .menu-bottom a{
      text-align: center;
    }

    .voorwaarden p {
        margin: 0 0 10px;
        float: left;
        margin-left: 15px;
        margin-right: 10px;
        margin-top: 6px;
    }

    .profielfoto img{
        margin-top:120px;
        width: 150px;
    }

  }

.padding-10 {
    padding: 10px;
}

.panel-title[data-toggle="collapse"] {
    cursor: pointer;
}

.panel-title.event div{
    margin-top: 3px;
    font-size: 13px;
    color: #069cdb;
}

.help-text-ul {
    list-style: unset !important;
}

.help-text-ul li {
    line-height: unset !important;
}

div.form-group li {
    list-style: none;
}