html {
  /* altijd een verticale scroll bar om onrustig gedrag te voorkomen, voor fancybox overlay weghalen met jquery */
  overflow-y: scroll;
  height:100%;
}
html.loggedin.default {
  overflow-y: hidden;
}
body {
  		font: 400 16px/162% Guardian Text Egyptian Web,Georgia,sans-serif;
  		color: rgba(0,0,0,.9);
  		background-color: #fff;
  		height: 100%;
  		overflow-x: initial !important;
}

a, .uk-link {
    color: #d30d14; /* was #000*/;
}

blockquote {
	padding: 10.5px 21px;
    margin: 0 0 21px;
    font-size: 18.75px;
    border-left: 5px solid #ecf0f1;
}

.fontlogo {
    font-family: JamesFajardo, Guardian Text Egyptian Web,Georgia,sans-serif;
    font-size: 50px;
    margin: 0 0 -7px 25px;
}

@media (min-width:640px)
	{
	a:hover, .uk-link:hover {
    color: inherit;
    text-decoration: none;
	}
}

.uk-lightbox {background: #d6d6d6;}
ul.uk-lightbox-items li {margin-top:50px;}
iframe.uk-lightbox-iframe {width:100%;height:100%;}

.loginform {
	max-width: 320px;
	display: block;
    position: relative;
    max-width: 272px;
    margin: 30px auto;
    padding: 0 24px 80px;
}

.loginform h2 {color:white;}

.nolink {
       pointer-events: none;
       cursor: default;
} 

#categorieslist {margin-top: 0px;}
#categorieslist, #breadcrumblist {
	font: 400 14px/130% LFT Etica,Lucida Sans,Lucida Grande,Lucida Sans Unicode,Arial,sans-serif;
}
#categorieslist li a {text-transform:capitalize !important;}

.categoriesmenu {height: 62px;}
.breadcrumb {margin: 11px 0px 13px;}
.breadcrumb .uk-breadcrumb {margin: 0;height:25px;}
.breadcrumb.uk-sticky-fixed {background: #fff;/*border-bottom: 1px solid #e5e5e5;*/}
.breadcrumb hr {display:none;}
.breadcrumb.uk-sticky-fixed hr {display:block;position: fixed;}
.breadcrumb, .categoriesmenu, #breadtag, #breadsearch {display:none;}
.uk-container.filter #breadsearch::before {display:none;}
#breadcrumblist {position: relative;padding: 0px 0px 0px 0px;}
#breadcrumblist-right, #breadcrumbcat-right {float: right;}
#breadcrumbcat-right #breadview {line-height: 41px;}
.uk-sticky-fixed #breadcrumblist {margin: 11px 0 6px 0;}
.uk-sticky-fixed #breadcrumblist-right {margin: 8px 0 0px 0;}
#breadcrumblist li.uk-active a {color:rgba(0,0,0,.7);}
#breadcrumblist.tag li.uk-active a, #breadcrumblist.search li.uk-active a {color: #e02b34;}
#breadcrumblist li:last-child > * {color: #999;}
#breadcrumblist li#breadup {position: absolute;right: 0;}
#breadup {display:none;}
.uk-sticky-fixed #breadup {display:block;}
#breadup::before {content: none;}
#maintainmenu:not(.show) {display:none;}
#offcanvas-settings ul {padding-left: 0px;}
#offcanvas-settings ul li {list-style: none; margin-bottom: 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#filterview_overlay {margin-left: 10px;}

#XXXbreadcrumblist::before {
    content: "";
    position: absolute;
    bottom: -13px;
    left: 0px;
    right: 0;
    border-bottom: 1px solid #e5e5e5;
}
.breadclose {margin-left:10px;}
@media (min-width:640px){.breadclose:hover {border-radius: 500px;background: #e02b34;color:#fff;font-weight:bold;}}

.nav-overlay input, .nav-overlays input {
	font: 400 15px/130% LFT Etica,Lucida Sans,Lucida Grande,Lucida Sans Unicode,Arial,sans-serif;
    font-size: 16px !important;
    line-height: normal;
}
.nav-overlay .uk-navbar-item {height: 62px;background:#f5f5f5;min-height: 62px;}
.uk-navbar-toggle {min-height: 62px;}
.nav-overlay form {background:white;}
.nav-overlays .uk-navbar-item {padding: 0 0;}
.nav-overlay .uk-search-icon, .nav-overlays .uk-search-icon {width:20px;left: 10px;}
.nav-overlay .uk-close {background: black;color: white;height: 62px;}

.uk-icon.triangle-down {color:#d5d5d5;}

.uk-container {max-width: 1248px;}
.uk-container.filter #breadrecent {display:none;}
.uk-container.filter #breadtag {display:none !important;}
.uk-container.filter .menudropdown {display:none !important;}
.uk-container.filter #agendaview {display:none;}
.uk-container.filter #filterview {display:none;}
.uk-container.filter #filterview_overlay {display:none;}
.uk-container.filter #breadview::before {display:none;}
.uk-container.filter .categoriesmenu {display:none !important;}
.uk-container.filter .breadcrumb {display:block !important;}
.uk-container.filter .panelleft {display:none !important;}

#toggle-tagalbums {display:none;position:relative;}
#htab_switcher .togglepanelicon {position: absolute;right: 0;}
.togglepanelicon a span.uk-icon {position:absolute;top:0;right:0;color:#e5e5e5;}

/* autosizing iframe */
#errorpage {display: none; width: 100%; height: 100vh; /*calc(100% - 98px);*/ flex-direction: column; background-color: blue; overflow: hidden;}
#errorframe { flex-grow: 1; border: none; margin: 0; padding: 0; }
/* end autosizing */

.uk-button-group svg[data-svg="triangle-down"] {visibility:hidden;}
.uk-button-group:hover svg[data-svg="triangle-down"] { visibility:visible !important; }
.iconsearchsite {margin-left: -2px;}
.iconsearchsite svg {width:24px;height:24px;color:#999;margin-left: -1px;}
.search .uk-button-group img.image_searchsite {position: relative;top: -2px;margin-right: 5px;width:20px;height:20px;}
.search .uk-button-group span.searchsite {padding-left:10px;}
.easy-autocomplete {width: auto !important; margin-left:23px;}

.easy-autocomplete input {
    border-color: inherit !important;
    border-radius: inherit !important;
    border-style: inherit !important;
    border-width: inherit !important;
    box-shadow: inherit !important;
    color: inherit !important;
    float: inherit !important;
    padding: inherit !important;
}

.maincontent .uk-first-column.leftcolumn {xxxpadding:0px;}
.maincontent .middlecolumn {padding-left: 0px;}

.panelleft {display:none;font: 400 14px/130% LFT Etica,Lucida Sans,Lucida Grande,Lucida Sans Unicode,Arial,sans-serif;width:250px;border-right: 1px solid #e5e5e5;height: 100%;overflow-y: hidden;}
.XXXpanelleft ul.uk-nav {height:100vh;overflow-y:auto;}
.panelleft .uk-nav li {width:100%;/*background: lavenderblush;*/}
.panelleft ul.uk-nav-sub {padding: 5px 0 5px 15px;}
.panelleft .uk-nav-sub li {width:100%;}
.panelleft .uk-nav {width:250px;    height: 100%;overflow-y: auto;padding-top: 5px;}
.panelleft li a {color:rgba(0,0,0,.7)!important;text-overflow: ellipsis;overflow: hidden;/*white-space: nowrap;*/}

.panelbody header:not(:first-of-type) {
	padding-top: 18px;
    border-top: 2px solid #000;
}
.panelblog {display:none;}
.sidebarblog.start .uk-tab > .uk-active > a {border-color:  transparent;}

@media (min-width:640px)
{
[data-view="list"] .item canvas, [data-viewagenda="list"] .panelsearch .item canvas {width:200px;height:125px;}
[data-view="list"] .item img, [data-viewagenda="list"] .panelsearch .item img {}
[data-view="list"] .uk-child-width-1-3\@m > *, [data-viewagenda="list"] .panelsearch .uk-child-width-1-3\@m > * {width: 100%;}
[data-view="list"] .uk-grid .uk-card a, [data-viewagenda="list"] .panelsearch .uk-grid .uk-card a {float: left;margin-right:10px;color: #000;font-weight: normal;font-size: 13px;line-height: 16px;margin-top: 0px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;max-width: 94%;}
[data-view="list"] .uk-card-title, [data-viewagenda="list"] .panelsearch .uk-card-title {font: 400 16px/162% Guardian Text Egyptian Web,Georgia,sans-serif;}
[data-view="list"] .boxtext, [data-viewagenda="list"] .panelsearch .boxtext {max-height: none; -webkit-line-clamp: 50;} /* was 2*/
[data-view="list"] .boxtext li:not(:first-child), [data-viewagenda="list"] .panelsearch .boxtext li:not(:first-child) {margin-top: 10px;}
[data-view="list"] .uk-grid, [data-viewagenda="list"] .panelsearch .uk-grid {/*width: 1000px;*/}
[data-view="list"] .boxheader, [data-viewagenda="list"] .panelsearch .boxheader {padding-top: 0px;}
[data-view="list"] .uk-grid .uk-first-column, [data-viewagenda="list"] .panelsearch .uk-grid .uk-first-column {width: calc(100% - 200px);} /* was 400 */
.uk-search-navbar .uk-search-input {width:300px !important;}
}
[data-view="list"] .uk-card-link, [xxxdata-viewagenda="list"] .uk-card-link {display:block;}
[data-viewagenda="list"] .panelsearch .itemcontainer.uk-grid-margin {margin-top: 0px !important;}

.item {cursor:pointer;}

.agendadate {font-size: 20px;text-align: center;}
.agendadate .day {font-size: 40px;font-weight: 500;color: #fff;padding: 8px 0px 0px 0px;}

/*div.headermenu {height:48px; margin-top:14px;} */
div.headermenu {height: 62px; display: flex; justify-content: space-between;-webkit-align-items: center;align-items: center;}
div.headermenu a {color: rgb(25, 25, 25);}
div.headermenu a.uk-logo {float:left;}
/*div.headermenu .uk-navbar-toggle-icon {background: black;color: white;padding: 21px;margin-bottom: 47px}*/

ul.topmenu {float:right;padding: 0;margin: 0;height: 62px;}
.loggedin.default .uk-container {max-width:100%;/*max-width: 1248px;*/padding-left: 15px;padding-right: 0px;}
.loggedin.default .panelleft {display:block;}
.loggedin.default .middlecolumn {margin-left: 15px;overflow-y: auto;padding-right: 15px;}
.loggedin.default .leftcolumn, .loggedin.default .middlecolumn {height:calc(100vh - 104px);overflow-y: auto;}
.xxxloggedin.default .panelbody .uk-grid, .xxxloggedin.default .paneltag .uk-grid {height: 100%;overflow-y: auto;padding-right: 15px;}
.loggedin.default header.uk-sticky-fixed {background:#fff;top: 0px !important;}
.loggedin.default .maincontent {margin-top:41px;}
.loggedin.default .categoriesmenu {height:0 !important;}
.loggedin.default ul#categorieslist {margin: 0 0 0 -20px;}
.loggedin.default .nav-overlay .uk-search-icon {margin-right: 15px;}
header hr {position: absolute;width: 100%;left: 0;margin-top: -1px;margin-bottom: 0px;}
header hr:nth-of-type(2) {top: 103px;}
div.breadcrumb.uk-sticky-fixed+div.uk-sticky-placeholder + hr {display:none;}
.panelright {height: 100%;}
.panelright .uk-sticky-fixed {margin-top:40px !important;padding-top: 10px;}
header .uk-tab::before {border:none;}

.uk-logo {font-size: 2.2rem;}

#categorieslist li:first-of-type a {padding: 11px 0 9px 10px;}
#categorieslist a {color: rgba(0,0,0,.7)!important; padding: 11px 0 9px 0px;border-bottom: 2px solid transparent;}
#categorieslist li.uk-active a {border-bottom: 2px solid #db141e;}

#categorieslist .uk-dropdown-nav a, #categorieslist .menudropdown a, #categorieslist .menudropdown a:hover {border-bottom: 2px solid transparent !important;}
#categorieslist .uk-dropdown-nav a:hover {background:#db141e0d;border-bottom: 2px solid transparent !important;}
#categorieslist li {height: 42px;}
/*#categorieslist li a:hover {border-bottom: 2px solid #db141e !important;}*/

.topmenu {font: 400 14px/130% LFT Etica,Lucida Sans,Lucida Grande,Lucida Sans Unicode,Arial,sans-serif;}
.topmenu a {color:rgba(0,0,0,.7)!important;padding: 11px 10px;text-transform:capitalize !important;}

.uk-tab > .uk-active > a {border-color: #e41d28;}
.uk-tab-right::before {border-left: none;border-bottom: none;}
.uk-nav-sub li:last-child {display:none;}

/* verander in uikit versie overrule ! */
.uk-nav-sub > .uk-nav-divider {
    margin: 5px 0;
}

.uk-dropdown-nav:empty,.uk-dropdown-nav:empty + .menudropdown {display:none;}
.menudropdown div.uk-dropdown-nav:empty + .menudropdown {display:none;}

.uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before {/*height: 100%;*/}

div.itemcontainer img {max-width: 100% !important;}
div.itemcontainer.twitter {margin-top: 0 !important;}
.twitter-tweet {display:none;}

.item .uk-cover-container {
    background: #257ed90d;
}

.uk-card .uk-cover {
    max-width: 100%;
}

.uk-card-title {
	max-height: 95px;
  		display: -webkit-box;
  		-webkit-line-clamp: 3;
  		text-overflow: ellipsis;
  		overflow: hidden;
  		-webkit-box-orient: vertical;
  		font: 600 22px/110% Guardian Egyptian Web,sans-serif;
}

.uk-card-link {
		display:none;
  		text-overflow: ellipsis;
  		overflow: hidden;
  		white-space: nowrap;
  		font-size:15px;		
}

.link-favicon {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 3px;
    margin-top: -1px;
    margin-left: 0px;
}

i.fa,i.fab,i.fal,i.far,i.fas {font-size:20px;}

.buttonbar {display:flex;}
.buttonbar button {padding:0;}
.buttonbar button.uk-active {background:#ffe3e4;border-color: #e5e5e5; }
.buttonbar button:hover {background:#ffe3e4;border-color: #e5e5e5;}
.buttonbar button + button {border-left: 0;}

.iconbuttonbar {display:flex;margin-left: 0px;}
.iconbuttonbar li {border: 1px solid #e5e5e5;padding: 0px;text-align: center;}
.iconbuttonbar li.uk-active {background:#ffe3e4;border-color: #e5e5e5; }
.iconbuttonbar li:hover {background:#ffe3e4;border-color: #e5e5e5;}
.iconbuttonbar li a, .iconbuttonbar li.active a {background-color: transparent !important;}
.iconbuttonbar li + li {border-left: 0;}

.uk-card-body {padding: 12px 0px;}

.album .uk-card a {
	color: #fff;
    font-weight: bold;
    font-size: 13px;
}

.accordioninpanel .uk-accordion {padding: 10px 0 0 0; margin-bottom: 100px;}
.accordioninpanel .uk-accordion li {list-style: none;}
.accordioninpanel .uk-accordion > :nth-child(n+2) {margin-top: 10px;}
.accordioninpanel .uk-accordion-content {margin-top: 2px;}
.accordioninpanel .uk-accordion-content ul {padding-left: 0px;}
.maincontent li a.menusubject:not(.uk-accordion-title) {color:#000;}
.maincontent li a.menusubject.uk-accordion-title, #overlay_panelrightmobile li a.menusubject.uk-accordion-title {color: #d30910;font: 600 17px/110% Guardian Egyptian Web,sans-serif;}
.maincontent li a.menusubject, #overlay_panelrightmobile li a.menusubject {font: 500 16px/160% Guardian Egyptian Web,Lucida Bright,Georgia,sans-serif;}
.uk-offcanvas-container {overflow-y: hidden;}
#overlay_panelrightmobile li a.menusubject {color:#fff !important;}
#overlay_panelrightmobile .uk-accordion-content li a.menusubject:not(.uk-accordion-title):before {content: "-";margin-right: 6px;}
#overlay_panelrightmobile .uk-offcanvas-bar {width:100%;}

.cardmenu {position:absolute;right:5px;top:15px;z-index: 1;}
/*.cardmenu .edititem:hover {color:#dd1d26 !important;}*/

.cardmenu .edititem {color: #fff !important;};

.uk-iconnav>*>* {
    display: block;
    color: #fff;
}

.uk-grid-margin {margin-top:12px !important;}

.uk-overlay-default {
    /*background: rgba(29, 140, 255, 0.48);*/
    background: rgba(0, 104, 155, .75);
}

.uk-card .uk-overlay {
    padding: 15px 20px;
    min-height: 25px;
    text-align: center;
}

.boxheader {padding-top:12px;}

.album .boxheader {
	padding-top: 0px;
	top: -49px;
	position: relative;
	height: 0px;
	text-align: center;}

.boxsubject {
	font: 500 15px/120% Guardian Text Egyptian Web,Georgia,sans-serif;
	color: #d30910;
	margin-bottom: 4px;
}

div.itemtags {
	display:inline-block;
	margin-bottom: 4px;}

div.itemtags a:not(:first-child) {
    margin-left: 2px;
}

a.itemtag {
	color:white !important;
    /*background-color: #f55524;*/
}

a.xxxitemtag {
    display: inline-block;
    padding: 3px 0px 5px 0;
    font-size: 75%;
    font-weight: 500;
    white-space: nowrap;
    background-color: #4355a9;
    line-height: 1;
    color: #fff;
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem;
    float: left;
    margin-bottom: 2px;
}

.album .boxsubject {
	padding: 17px;
    margin-bottom: 4px;
    background: rgba(0, 104, 155, .75);
    color:#fff;
    font-weight: bold;
    font-size: 13px;
}

.boxtext {
	max-height: 117px;
  		display: -webkit-box;
  		-webkit-line-clamp: 6;
  		text-overflow: ellipsis;
  		overflow: hidden;
  		-webkit-box-orient: vertical;
  		font: 400 15px/135% Guardian Text Egyptian Web,Georgia,sans-serif;
  		margin: 6px 0 0;
  		padding-bottom: 4px;
}

ul.headermenu {
	font: 400 14px/130% LFT Etica,Lucida Sans,Lucida Grande,Lucida Sans Unicode,Arial,sans-serif;
}

.header_album {
	font: 500 20px/100% LFT Etica,Lucida Sans,Lucida Grande,Lucida Sans Unicode,Arial,sans-serif;
}

.tabbed-articles__item {
    max-height: 95px;
    display: flex; /*-webkit-box;*/
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
}

#grouplist hr {margin: 1px 0px 10px 0px;border: 0;}
#grouplist a.albumgroup {/*padding-left: 5px;*/border-left: 1px solid transparent;}
#grouplist a.albumgroup.active {
	border-left: 1px solid #db141e;
	padding-left: 5px;
}

.tab_heading{
	flex:auto;
	color: hsla(0,0%,42%,.6);
  		font: 500 17px/100% LFT Etica,Lucida Sans,Lucida Grande,Lucida Sans Unicode,Arial,sans-serif;
  	}

.tab_heading.uk-active {
	transition-property: transform,opacity,color,visibility;
  	transition-duration: .25s;
  	font: 600 17px/100% LFT Etica,Lucida Sans,Lucida Grande,Lucida Sans Unicode,Arial,sans-serif;
/*  	font: 500 20px/130% LFT Etica,Lucida Sans,Lucida Grande,Lucida Sans Unicode,Arial,sans-serif;*/
}

.tab_heading a {padding: 5px 0px;border-color: transparent !important; text-transform: capitalize;font-size:inherit;text-align: left;color: #d30910 !important;}

.tab_headline {
	font: 500 16px/125% Guardian Egyptian Web,Lucida Bright,Georgia,sans-serif;
	margin-bottom: 0px;
}

.XXXuk-first-column {padding:0 !important;}
.uk-width-medium {width: 255px;}

.iconmedia:before {
	position:relative;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 10px;
    width: 20px; 
    height: 20px;
    content:"";
    top:4px;
}

.iconmedia.lastfm:before {
	background-image: url('/view/images/ico/favicon.lastfm.ico');
}

.iconmedia.slideshare:before {
	background-image: url('/view/images/slideshare.png');
}

.iconmedia.youtubechannel:before {
	background-image: url('https://i4.ytimg.com/li/eNdHEgAt_Kw/hqdefault.jpg');
}

@media (min-width:1200px)
{
	.uk-logo {display: block !important;}	
}


@media (max-width:900px)
{
	.uk-logo {font-size: 25px; /*8vw;*/}
}

@media (max-width:900px)
{
	/*.headermenu a.uk-logo span {display:none;}*/
	.headermenu a.uk-logo p.fontlogo {display:none;}
}

@media (max-width:1024px)
{
	.uk-container.filter .fontlogo {display:none !important;}
}

/* 26-4-2019: van 768 naar 640 ivm small grens UIKIT bv uk-hidden@s */
@media (max-width:640px)
{
	body {overflow-x: hidden;}
	/*.uk-logo {font-size: 7vw;}*/
	/*.uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before {margin-right: 0px;}*/
	.uk-navbar-right {float:right;}
	.uk-navbar-right .uk-navbar-toggle {padding:0;}
	.uk-navbar-right .uk-icon {padding: 7px 4px 0px 14px;}
	.topmenu.uk-subnav > * {padding-left:0px;}
	.topmenu .uk-margin-small-right {margin-right: 0px !important;}
	ul.topmenu {margin-right: -10px;}
/*	.boxsubject {font: 500 13px/120% Guardian Text Egyptian Web,Georgia,sans-serif;}*/
	.uk-card-title {-webkit-line-clamp: 4;}
	.uk-overlay {padding: 0 !important;}
	.uk-card-link a {font-size: 12px !important;}
	.uk-grid .uk-card a {font-size: 10px;}
	.uk-grid .uk-card a.itemtag {font-size: 14px;}
	.album .uk-card a {font-size: 12px;}
	#breadcrumblist.tag #breadrecent, #breadcrumblist.search #breadrecent  {display:none;}
	.uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {display:none;}
	#breadview {display:none;}
	#breadtag a {white-space: nowrap;max-width: 200px;overflow: hidden;text-overflow: ellipsis;top: 5px;}
	#breadsearch a {white-space: nowrap;max-width: 75vw;overflow: hidden;text-overflow: ellipsis;top: 5px;}
	#searchmenu::before{margin-right: 0px;}
	#categorieslist a/*, .uk-tab a*/ {color: #000 !important;}
/*	.uk-container.filter .breadcrumb {display:none !important;}
	.uk-container.filter hr.bottommenu {display:none;}*/
	
	.uk-tab {flex-wrap: nowrap;overflow-x: auto;/*min-width: 100vw; kan dit weg ?*/-webkit-overflow-scrolling: touch;margin-left: -15px;xxxbackground-color: mistyrose;}
	#htab.uk-tab {height: 41px;}
	::-webkit-scrollbar {display:none;}
	.album .uk-card-body {padding: 0px 0px;}
	.album .boxsubject {padding: 12px;font-size: 12px;min-height: 24px;}
	.album .boxheader {top: 0px; height: auto;}
	.accounts {margin-left:10px;}
	#breadtag[style*='display: list-item'] ~ li.menudropdown {display:none;}
	.menusubject {}
	div.itemcontainer.twitter {width: 100%;}
	twitter-widget { width: 100% !important;}
	/* filter overlay */
	#toggle-filter {display:none !important;}
	#overlay_panelfiltermobile .uk-offcanvas-bar {background:#fff; width:100%; padding: 0px 20px;}
	#overlay_panelfiltermobile .uk-close {color: #999;}
	#overlay_panelfiltermobile .uk-checkbox {border-color: #cccccc;}
	#overlay_panelfiltermobile .overlay-panelfilter {/*kan weg*/}
	#overlay_panelfiltermobile .filter-sidebar-header {display:block;position: fixed;width: 100%;z-index: 20000;margin-top:0px;}
	#overlay_panelfiltermobile .filter-sidebar-header h3 {color:#000;padding:10px;background: aliceblue;margin-left: -20px;height: 40px;}
	#overlay_panelfiltermobile .filter-sidebar-header .uk-offcanvas-close {display:block;top:20px;right: 40px;}
	#overlay_panelfiltermobile #filteraccordion {margin-top: 70px;}
	#overlay_panelrightmobile .filter-sidebar-header .uk-offcanvas-close {display:block;top:20px;right: 20px;}
}

/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	html { overflow-y: inherit;height: 100%; margin-bottom: 1px;}
	div.headermenu a.uk-logo {position:relative;top:6px;}
	.breadcrumb svg, li.navcat svg {height:20px;} 
 	.uk-tab {overflow-x: visible;}
}

#XXXmodaliframe {
        width: 1px !important;
        overflow: hidden;
        min-width: 100%;
        *width: 100%;
    	position: fixed;
}

#itemframe {height:1200px;}

.viewPort {
/*    -webkit-transform: scale(1);
    -webkit-transform-origin: 0 0;*/
}
#modalspinner {display:none;}


/* scrollbar stuff */

::-webkit-scrollbar {
	width: 10px;
	background-color: rgba(0, 0, 0, 0.05)
}

::-webkit-scrollbar:hover {
	background-color: rgba(0, 0, 0, 0.09)
}

::-webkit-scrollbar-thumb:vertical {
	background: lightgrey;
	background-clip: padding-box;
	border: 2px solid rgba(0, 0, 0, 0);
	min-height: 10px
}

::-webkit-scrollbar-thumb:vertical:active {
	background: #ff6600
}

.item.note {
    background-image: linear-gradient(to bottom, #fff 45%, #97c02f 45%);
}

.item.note .boxheader {
    background: #97c02f;
    color: white;
    padding: 10px;
}

.item.note .boxheader .boxsubject {  
    color: wheat;
    
}

/* begin folded corner with a note */
[data-view="grid"] .XXXnote .boxsubject {color: wheat;}
[data-view="grid"] .XXXnote {
  position: relative;
  width: 30%;
  padding: 1em 1.5em;
  margin: 0em auto;
  color: #fff;
  background: #97C02F;
  overflow: hidden;
}

[data-view="grid"] .XXXnote:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-width: 0 16px 16px 0;
  border-style: solid;
  border-color: #fff #fff #658E15 #658E15;
  background: #658E15;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
  box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
  /* Firefox 3.0 damage limitation */
  display: block; width: 0;
}

[data-view="grid"] .XXXnote.rounded {
  -moz-border-radius: 5px 0 5px 5px;
  border-radius: 5px 0 5px 5px;
}

[data-view="grid"] .XXXnote.rounded:before {
  border-width: 8px;
  border-color: #fff #fff transparent transparent;
  -moz-border-radius: 0 0 0 5px;
  border-radius: 0 0 0 5px;
}
/* end folded corner */

/* ckeditor editing settings */
.cke_focus {
	outline: none;
}

.cke_top {
    background: #ebeaff !important;
    border-bottom: none !important;
}
.cke_chrome {
    border: 1px solid #ffffff !important;
}

.editlastchange {display:none;}
#editicon {position:absolute;right:0px;}
#edittoggle {display:none;position:relative;top:0px;float:right;border-radius: 13px;padding: 3px;}
.editmode .editlastchange {/*position:absolute;right:0;top:36px;*/ display:block;text-align:right;width:98%;background:#fff; font-size: small;line-height: 18px;}

.klik-article-header #top2 {border-top: 1px solid #e5e5e5;}

ul#htab {
    margin-bottom: -1px;
}

ul#htab li:not(:first-child) {
    padding-left: 4px;
}

ul#htab li:not(:first-child)::before {
	margin-right: 10px;
}

/* not first child and more then 6 childs */
ul#htab li:first-child:nth-last-child(n+5) a:not(.vtablink) {
    padding: 5px 10px 5px 0px;
}
ul#htab li:not(:first-child):nth-last-child(n+5), ul#htab li:not(:first-child):nth-last-child(n+5) ~ * {
    padding-left: 0px;
}
ul#htab li:not(:first-child):nth-last-child(n+5)::before, ul#htab li:not(:first-child):nth-last-child(n+5) ~ *:before {
    margin-right: 0px;
}

/*  filter */
.filter-header {
	display:none;
	border-bottom: 1px solid #eee;
}

#filtercontainer {
	height: 100%;
	overflow-y:auto;
}

@media (min-width:640px)
{
	#filtercontainer.uk-sticky-fixed {
		padding-top:40px;
	}
}

#filteraccordion {
	margin-top: 7px;
	margin-bottom:50px;
}

#filteraccordion ul li {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	border-top: 1px solid #e5e5e5;
	font-weight: normal;
    color: #000;
}

#filteraccordion ul li.uk-parent:not(.uk-open) a:after{
	/*background-image: url('../images/icons/plus.svg');*/
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E") !important;
}
#filteraccordion ul li.uk-parent.uk-open a:after {
	/*background-image: url('../images/icons/minus.svg') !important;*/
 	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E");
}

.editfiltertag {padding:2px;}

.uk-sortable-placeholder {
	height:46px !important;
}

.sortitem {
	/*background:blue;*/
	height:auto !important;
}

.sortitem a {
	color:#000;
	font-size: 1rem;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.sortitem.level1 a {
	text-transform: capitalize;
}

.sortitem ul {
	display:none !important;
	heigth:0px;
}
	
#filteraccordion ul li:not(.sortitem) .openfilterpopupmenu {
	position: absolute;
    margin-top: 9px;
}
	
#filteraccordion ul li .uk-checkbox {
    position: absolute;
    margin-top: 9px;
}

#filteraccordion ul li a {
	cursor:pointer;
    margin-left: 21px;
    color: #000;
}

#filteraccordion ul li.level1 {
    padding: 5px 0px;
    /*background-color: #efefef;*/
    font-size: 1rem;
    text-transform: capitalize;
}

#filteraccordion ul li.level2 {
    /*padding: 5px 25px;*/
    font-size: 0.85rem;
    text-transform: lowercase;
}

#filteraccordion ul li.level3 {
    /*padding: 5px 25px;*/
    font-size: 0.85rem;
    text-transform: lowercase;
}

#filteraccordion ul li.level4 {
    /* padding: 5px 25px; */
    font-size: 0.85rem;
    text-transform: lowercase;
}

#filteraccordion .uk-nav-sub li:last-child {
	display:block;
}

.filter-count-number {
    color: #fff;
    background-color: #d30910;
    width: 1.625rem;
    height: 1.625rem;
    border-radius: 50%;
    margin-right: .3rem;
    display: inline-block;
    text-align: center;
    line-height: 1.625rem;
}

.filter-count-label {
	font-size: 1rem;
	margin: 0 1rem 0 0;
}

.filter-status {
	padding: 15px 0 15px 0;
}

@media (min-width: 992px) 
{
	.filtertag-list {
    padding-top: 40px;
	}
}

@media (min-width: 768px) {
	.filtertag-list {
	    padding-top: 0;
	}
}

#toggle-filter {
	padding-left: 0px;
	padding-right: 40px;
	z-index: 0;
}

.filtertag-list {
    list-style: none;
    padding: 7px 0 7px;
    margin: 0;
}

.filtertag-item {
    display: inline-block;
    vertical-align: top;
}

.filtertag-link {
   padding: 3px 5px;
   margin: 0 4px 7px;
}

.filtertag-link:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.filtertag-link:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.filtertag-link:before, .filtertag-link:after {
    position: absolute;
    background-color: #fff;
    top: 14px;
    right: 11px;
    width: 10px;
    height: 1px;
    margin-top: -2px;
    content: '';
    opacity: 0;
    transition: .6s opacity cubic-bezier(.19,1,.22,1);
}

.filtertag-link:hover {
    background-color: #32d296;
    color: #fff;
}

.filter-sidebar-header {margin-top:10px;}

.filter-sidebar-header .uk-offcanvas-close {display:none;}
/* end filter */