.hide-desktop { display: none !important;}

@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {

.hide-mobile { display: none !important;}
.hide-desktop { display: block !important;}
.mobile-right {float: right !important;}
.no-margin-bottom { margin-bottom: 0 !important; }

html, body { overflow-x: hidden; margin: 0; padding: 0; }

body { min-width: 0; padding-top: 0 !important; }

.container { width: auto !important; }
.row { margin-left: 0; }
[class^="span"], .row-fluid [class^="span"] { width: 100%; margin: 0; }

.inner-bg-gray, .inner-shadow { background: none; }
.inner-shadow > .span1 { display: none; }
.fixed-bar-right-content { width: 100%; }
.fixed-bar-right-inner { width: 100%; box-sizing: border-box; padding-bottom: 20px; padding-top: 20px;}

.well { padding: 0; }

.span4.pull-right, .pull-right { float: left !important; }
.span4.pull-right .btn-group { margin-top: 20px; margin-bottom: 20px;}

.right-bar-background { display: none; }

.primer, .inner-bg-gray { padding: 0 20px; box-sizing: border-box; }
.primer-title h1 {font-size: 26px; -ms-word-break: break-all !important; word-break: break-all; word-break: break-word !important; -webkit-hyphens: auto !important; -moz-hyphens: auto !important; -ms-hyphens: auto !important; hyphens: auto !important; }

.inner-bg-gray .primer { padding: 0;}

.btn-more-top { margin-bottom: 20px;}

.nav-tabs li { width: 100%;}
.nav-tabs-small { margin-left: 20px; margin-right: 20px;}
.inner-bg-gray .nav-tabs-small { margin-left: 0; margin-right: 0;}

.defaultText { margin-left: 20px; margin-right: 20px; }
.defaultText iframe { width: 100% !important;}
.header-intro { padding-left: 20px !important; padding-right: 20px !important; box-sizing: border-box; }

.mobile-padding { padding-left: 20px; padding-right: 20px; box-sizing: border-box; }

.table-striped td:first-child { padding-left: 20px; }

.mobile-white-background { background: #ffffff !important;}

p, ul li { color: #000000;}

.search-field {
   width: calc(100% - 77px) !important;
}

.form-search .btn-border {
   height: 52px !important;
}

.form-block select, .form-block input[type="text"], .form-block input[type="password"], .form-block input[type="datetime"], .form-block input[type="datetime-local"], .form-block input[type="date"], .form-block input[type="month"], .form-block input[type="time"], .form-block input[type="week"], .form-block input[type="number"], .form-block input[type="email"], .form-block input[type="url"], .form-block input[type="search"], .form-block input[type="tel"], .form-block input[type="color"], .form-block .uneditable-input {
   height: 36px; line-height: 36px;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
        height: 40px;
    }

.mobile-padding { padding-left: 20px; padding-right: 20px;}

.offset2 { margin-left: 0 !important;}

body.home #wmToolbar { position: relative;}

.social-buttons { padding: 24px 0;}
.social-buttons a { display: inline-block; font-size: 40px; padding: 0 12px; color: #000000;}
.social-buttons a:nth-child(1) {font-size: 37px; }
.social-buttons a:nth-child(2) {font-size: 34px; }
.social-buttons a:nth-child(4) {font-size: 33px; position: relative; margin-top: -2px;}

.text-image-right { float: none !important; margin-left: 0 !important; margin-bottom: 16px; }
/* ==========================================================================
   Header
   ========================================================================== */

.fixed-menu { display: none; }

.navbar-mobile { display: block; margin: 0;}
.navbar-mobile .brand img { width: 44px; }
.navbar-mobile .brand-image { width: 18px !important; margin-top: 5px; }
.navbar-mobile .brand { color: #000000; font-size: 26px; padding-left: 12px;}
.navbar-mobile .brand.logo { float:none; position: absolute; right: 8px; }
.navbar-mobile .brand i { padding-top: 4px; }
.navbar-mobile .navbar-inner { border-radius: 0; -webkit-border-radius: 0; background: #f2f2f2;}
.navbar-mobile .navbar-inner .container { background: #f2f2f2;}
.navbar-mobile .navbar-inner .btn-navbar { background-color: transparent; background-image: none; }
.navbar-mobile .btn-navbar, .navbar-mobile .btn-navbar:hover { width: 16px; margin-top: 12px !important; margin-left: 0; float:left; margin-right: 16px;}
.navbar .btn-navbar .icon-bar { background: #aaaaaa; border-left: 2px solid #aaaaaa !important;}
.navbar .btn-navbar:hover .icon-bar { background: #aaaaaa; border-left: 2px solid #aaaaaa !important;}
.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a { color: #000000;}

/* ==========================================================================
   Search home
   ========================================================================== */

.searchHome { height: auto; }

/* ==========================================================================
   Media
   ========================================================================== */

.media-heading { font-weight: 400 !important; padding-top: 8px;}
.media-body { display: block;}
.media-body p, .media-body ul { display: none;}
.media.media-image-large .pull-left img { width: 80px; height: 80px; }
.media.media-image-large .pull-left { margin-bottom: 8px; padding-bottom: 34px;}
.media.media-image-large .pull-left .label.label-triple-line { width: 100% !important; height: 28px !important; padding: 3px 0 !important; }
.media.media-image-large .pull-left .label.label-triple-line > span > span { display: inline-block !important; }
.media.media-image-large { padding-bottom: 20px;}
.media-body .media-message { display: block !important;}
.dossier-title { color: #000;}
.dossier-title i {float: left; margin-right: 8px;}
.tab-content { padding: 20px 0 !important; }

/* ==========================================================================
   Thumbnail
   ========================================================================== */

.thumbnail-theme .thumbnail-theme-image { background-size: cover; background-position: center center;}
.home .thumbnail { padding-top: 12px; }

/* ==========================================================================
   Impressions
   ========================================================================== */

.impressions { background-size: cover; background-position: center center; height: auto !important;}

.impressions { padding-bottom: 20px; min-height: 100px; margin-bottom: 0; margin-left: 20px; margin-right: 20px;}
.impressions .impression-background { height: 80px; width: 80px; position: relative; float: left; margin-right: 20px; margin-bottom: 8px; top: auto; left: auto; right: auto; bottom: auto;}
.impressions .impressions-section.impressions-section-hover { padding: 0; background: none; color: #000000; position: relative; top: auto; left: auto; right: auto; bottom: auto; }
.impressions .impressions-section.impressions-section-hover h5 { min-height: 0; color: #000000; text-transform: none; font-size: 18px; line-height: 18px; margin-bottom: 4px; padding-top: 8px;}
.impressions .impressions-section.impressions-section-hover .square { display: none;}
.impressions .impressions-section { height: auto !important; }
.impressions .impressions-section p { display: none; }
.row-fluid div:first-child .impressions { margin-top: 20px; }

.fixed-bar-right-content .impressions { margin-left: 0; margin-right: 0; min-height: 80px !important;}
.fixed-bar-right-content .impressions + .impressions { margin-top: 0 !important; }
.fixed-bar-right-content .impressions h5 { font-size: 14px !important; line-height: 18px !important; padding-top: 8px;}
.fixed-bar-right-content .impressions .impression-background { height: 70px; width: 70px; margin-right: 12px; }

/* ==========================================================================
   Cursus
   ========================================================================== */

.uitleg, .uitleg + .nav { margin: 0 20px; margin-bottom: 8px; }
.uitleg { height: auto; margin-bottom: 20px; overflow: hidden;}
table.cursus { width: 100%; margin: 0; box-sizing: border-box;}
table.cursus td { height: auto; }
table.cursus td h3 { margin: 0; }
.beschikbaar, .bijnavol, .vol, .nietbeschikbaar { height: auto;}
table.cursus td.datum, table.cursus td.lokatie { display: none; }
table.cursus thead td { padding-left: 20px; }
.sort { margin-right: 20px; }
table.cursus tbody td.workshop { padding-left: 20px; }

.open > .dropdown-menu { display: block; margin-left: 0px !important; left: 20px !important; }
.dropdown-menu > li > a { padding: 8px 20px; }
.btn-group { padding: 0 20px; }

.crosslink-logo-container { margin: 0;}
.right-bar-border { background: none; display: none;}
.crosslink-logo-container { padding-top: 0; margin-right: 0 !important;}
.right-bar-background-overlay .fixed-bar-right-content { width: 100%; }

/* ==========================================================================
   Green crosslink block
   ========================================================================== */

.crosslink-block-green { margin: 0; }
.crosslink-block-green .pull-right { float: right !important; margin-bottom: 8px; }


.media.media-button-small .pull-right { float: right !important; }
.media-group.media-group-large .media-heading { line-height: 20px !important; padding-top: 0; margin-bottom: 10px;}

.show-comment-form { margin-bottom: 20px; }
.react { width: 100%;}
.fixed-bar-right-content .crosslink-block-green { margin-left: -20px; margin-right: -20px; }
.inner-shadow .fixed-bar-right-content .crosslink-block-green { margin-left: -40px; margin-right: -40px; }
.fixed-bar-right-content #maps-container { margin-left: -20px; margin-right: -20px; overflow: hidden;}

.text.text-course .subscribe-course { float: none; margin: 0; position: absolute; bottom: 0; }
.text.text-course { position: relative; padding-bottom: 64px; }
.alert.alert-warning a { float: none !important; display: block; }


/* ==========================================================================
   Thumbnail list
   ========================================================================== */

.thumbnail.thumbnail-list { margin-right: 20px; margin-left: 20px; }
.thumbnail.thumbnail-list:hover .pull-right { display: none; }

/* ==========================================================================
   Homeslider
   ========================================================================== */

.slider { display: none;}

.carousel-caption p { display: none;}
.carousel-photo-shadow { width: 100% !important;}
.carousel-caption { width: auto !important; left: 20px !important; right: 20px !important;}
.carousel-caption a.btn { line-height: 20px; padding-top: 8px; padding-bottom: 8px; margin-bottom: 8px;}
.carousel-caption h2 { font-size: 16px; line-height: 20px;}
.slider .fancybox-button { top: 327px; left: 20px; right: auto;}

/* ==========================================================================
   Tag cloud
   ========================================================================== */

.row-tag-cloud { display: none;}

/* ==========================================================================
   Search
   ========================================================================== */

.form-search { padding: 0 20px; position: relative; padding-top: 4px; }
.form-search .search { padding-right: 60px; padding-left: 14px !important; background: #ffffff;}
.form-search button { position: absolute; width: 60px; top: 5px; right: 20px; padding: 0 8px; }
.form-search .btn-secundary { display: none;}

.navbar-mobile .form-search { overflow: hidden; margin: 8px 0; padding: 0; }
.navbar-mobile .form-search .btn-border { line-height: 28px; }
.navbar-mobile .form-search button { top: 1px; right: 0; }

.form-search ::-webkit-input-placeholder {
   font-size: 12px;
}

.form-search :-moz-placeholder { /* Firefox 18- */
   font-size: 12px;
}

.form-search ::-moz-placeholder {  /* Firefox 19+ */
   font-size: 12px;
}

.form-search :-ms-input-placeholder {  
   font-size: 12px;
}

/* ==========================================================================
   Quote
   ========================================================================== */

.quote.quote-large { padding: 32px 20px !important;}
.quote .background-green { display: none;}
.quote.quote-large p { font-size: 20px !important; line-height: 28px !important;}
.quote p i { font-size: 24px !important; margin-left: -4px !important; margin-top: -8px !important;}
.quote.quote-large .quote-author { font-size: 16px !important;}

/* ==========================================================================
   Thumbnails
   ========================================================================== */

.thumbnail-theme .caption h5 { height: 60px !important;}
.thumbnail .caption p { height: 48px !important;}

/* ==========================================================================
   Footer nav
   ========================================================================== */

.footer-nav { padding: 32px 0 0 0 !important;}
.footer-nav .footer-nav-inner, .footer-nav { min-height: 0 !important;}

/* ==========================================================================
   Footer bottom
   ========================================================================== */

.footer-bottom { line-height: 120px !important; }

/* ==========================================================================
   Submenu
   ========================================================================== */

.accordion-submenu-mobile { display: block !important; padding-bottom: 16px !important; background: #ffffff;}
.accordion-submenu { display: none !important; }
.accordion-submenu-mobile .pull-right { float: right !important; }

/* ==========================================================================
   Form / Breadcrumbs steps
   ========================================================================== */

.breadcrumb-steps li { border-top: 1px solid #999999; float: none; display: block; padding-left: 20px; padding-top: 6px !important; padding-bottom: 6px !important;}
.breadcrumb-steps li:first-child { border-top: none; padding-left: 20px; }
.breadcrumb-steps li:before, .breadcrumb-steps li:after { display: none; }

.form-block { padding: 20px !important; }

.form-block .span1 { float: left; width: auto; margin-right: 8px;}
.form-block .span11 { width: 80%;}
.form-block input[type="checkbox"] { margin: 0;}
.form-block button.pull-right { float: right !important;}

.form-block .row-fluid { margin-bottom: 8px;}

.form-block .row-fluid div:first-child, .form-block .row-fluid div:first-child + div + div { color: #000000;}

.defaultText .breadcrumb-steps, .defaultText .form-block { margin-left: -20px; margin-right: -20px; }

/* ==========================================================================
   Subjects
   ========================================================================== */

.slide-menu-item { width: 100% !important;}
.dropdown-search ul li { width: 30px; float: left;}
.dropdown-search .search-nav li { width: 100%; float: none;}

/* ==========================================================================
   Subjects
   ========================================================================== */

   .ajax-content-container { overflow: hidden !important; }
   .ajax-content-container .ajax-content .filterbar  { padding: 12px 12px 0 12px !important; box-sizing: border-box; }
   .ajax-content-container .ajax-content .filterbar .btn-group { padding: 0 !important; display: block !important; } 
   .ajax-content-container .ajax-content .filterbar #pac-input { min-width: 180px !important; width: auto !important; margin-left: 0 !important;} 
   .ajax-content-container .ajax-content #maps-container { height: 300px !important; margin-bottom: 0 !important;}

/* ==========================================================================
   Fixed bar mobile list
   ========================================================================== */

.fixed-bar-right.mobile-list { background: #ffffff; padding-left: 0; }
.fixed-bar-right.mobile-list .fixed-bar-right-inner { padding-left: 0; margin-left: 0;}

.fixed-bar-right.mobile-list .fixed-bar-right-inner .media { padding-left: 0; padding-right: 0; }
.fixed-bar-right.mobile-list .fixed-bar-right-inner .media .media-heading { font-size: 18px; line-height: 18px; }
.fixed-bar-right.mobile-list .fixed-bar-right-inner .media { border-top: none; padding-bottom: 8px; }
.fixed-bar-right.mobile-list .fixed-bar-right-inner h2 + .media, .fixed-bar-right.mobile-list .fixed-bar-right-inner .media-group .media:first-child { border-top: 2px solid #dcdcdc; }
.fixed-bar-right.mobile-list .fixed-bar-right-inner .media .label-large { width: 25px; height: 25px;}
.fixed-bar-right.mobile-list .fixed-bar-right-inner .media .label.label-triple-line { font-size: 15px; line-height: 12px;}
.fixed-bar-right.mobile-list .fixed-bar-right-inner .media .label.label-triple-line > span { padding-top: 8px; }

/* ==========================================================================
   Landingpages
   ========================================================================== */

.container-landingpage { overflow: hidden !important; }
.container-landingpage .thumbnail .caption p { height: auto !important;}
.container-landingpage h2.section-title  { font-size: 20px; line-height: 22px; }
.container-landingpage p span.quote { font-size: 18px; line-height: 22px; }
.container-landingpage .thumbnail { height: auto !important; }
.container-landingpage .btn { line-height: 24px; padding-top: 8px; padding-bottom: 8px;}
.container-landingpage .thumbnail-theme { margin-bottom: 16px;}
.container-landingpage .row, .container-landingpage .well { margin-bottom: 16px !important;}
.container-landingpage .thumbnail.thumbnail-tools { margin: 0 !important;}
.container-landingpage .thumbnail.thumbnail-tools .share-bar { height: auto !important;}
.container-landingpage .thumbnail .share-bar a { margin-bottom: 8px !important;}
.container-landingpage .thumbnail.thumbnail-tools .caption { padding-bottom: 8px;}
.container-landingpage .thumbnail.thumbnail-cta a { float: left; margin-bottom: 24px;}
.container-landingpage .thumbnail.thumbnail-cta p:first-child { width: auto; padding-right: 20px; font-size: 24px !important; }
.container-landingpage .thumbnail.thumbnail-text p .btn-primary { text-align: left !important; }
.btn-print { display: none;}
.container-landingpage.header-small .row { margin-top: 16px !important; }
.container-landingpage .form-search .btn { padding: 0; line-height: 36px;}
.container-landingpage .searchHome .row { margin-bottom: 0 !important;}

.container-landingpage .block-image { position: relative !important; }

.container-landingpage .block-image.no-text { min-height: auto !important; }
.container-landingpage .block-image .block-image-text {top: auto !important; left: 0 !important; bottom: 0 !important; right: 0 !important; width: auto !important; min-height: 0 !important;}
.container-landingpage .block-image .block-image-text p {font-size: 24px !important; line-height: 32px !important;}

.container-landingpage .thumbnail.thumbnail-background > .caption:first-child { float: none !important; margin-right: 0 !important; }
.container-landingpage .thumbnail.thumbnail-background > .thumbnail-background-image { display: none !important; }

.container-landingpage .btn-group { padding: 0 !important;}
.container-landingpage .btn-group #pac-input { margin-left: 0 !important; padding: 4px 6px !important; display: block !important;}

.container-landingpage #maps-container { height: 300px !important; }

.container-landingpage em { float: left !important; width: 100% !important; padding-bottom: 25px !important; text-align: left !important; }

.container-landingpage .logo-container img { display: block !important; margin: 0 auto !important; }

.download-large .media-body { display: block;}
.download-large .thumbnail-arrow {float: right !important;}

.container-landingpage p .btn + .btn { margin-top: 16px !important; }

.container-landingpage .cpanel2 span { text-align: center !important; margin-left: -13px !important; }

.highlight.impressions{ padding: 8px 16px; }

.accordion-group:nth-child(1) {display: none;}
input[type="text"]:focus, input[type="text"] {outline: none; border-color: #d8d8d8 !important;}
}

.accordion-heading a { overflow: hidden; }
.accordion-heading a i { margin-left: 0 !important; padding-right: 12px !important; position: relative !important;}
.accordion-heading a i:after { content: ""; top: 0; left: 0; bottom: 0; right: 0; position: absolute !important;}

.text-header { color: #ffffff; background-size: cover; position: relative; background-position: center right;}
.text-header p.intro, .text-header div.intro p, .text-header h1 { color: #ffffff;}
.text-header:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.2);}
.text-header > div { position: relative; }


/* ==========================================================================
   Thumbnail
   ========================================================================== */

@media only screen and (max-width: 250px), only screen and (max-device-width: 250px) {
   .thumbnail-theme .thumbnail-theme-image { height: 165px !important;}
}

@media only screen and (min-width: 251px) and (max-width: 350px), only screen and (min-device-width: 251px) and (max-device-width: 350px) {
   .thumbnail-theme .thumbnail-theme-image { height: 230px !important;}
}

@media only screen and (min-width: 351px) and (max-width: 450px), only screen and (min-device-width: 351px) and (max-device-width: 450px) {
   .thumbnail-theme .thumbnail-theme-image { height: 290px !important;}
}

@media only screen and (min-width: 451px) and (max-width: 550px), only screen and (min-device-width: 451px) and (max-device-width: 550px) {
   .thumbnail-theme .thumbnail-theme-image { height: 350px !important;}
}

@media only screen and (min-width: 551px) and (max-width: 650px), only screen and (min-device-width: 551px) and (max-device-width: 650px) {
   .thumbnail-theme .thumbnail-theme-image { height: 410px !important;}
}

@media only screen and (min-width: 651px) and (max-width: 768px), only screen and (min-device-width: 651px) and (max-device-width: 768px) {
   .thumbnail-theme .thumbnail-theme-image { height: 470px !important;}
}