/*
:root {
  --primaryBackgroundColor: #025f42;
  --primarySoftColor: #b8cdc2;
  --primaryHardColor: #FFF;
  --primaryBorder: 1px solid #b8cdc2;
  --primaryLinkColor: #b8cdc2;
  --contentLinkColor: #0066DD;

}
*/


/* start oude CSS oorspronkelijk in de pagina head */

body { background-color:var(--bodyBackgroundColor);font-family:'Work Sans', 'Helvetica Neue', Helvetica,Arial,sans-serif; font-size:14px; /*font-weight:lighter;*/ min-height:100%;color:#444;padding:0;margin:0;}
h1, h2, h3, h4 { /*font-weight:lighter;*/ /*margin-top:4px;padding-left:0px;*/ }
.h3_button { cursor:pointer; color:var(--contentLinkColor); }
.header-content, .content {
  padding-top:36px;
  max-width: 720px;
  margin: auto;
  padding-bottom: 12px;
}
#top_right_logo { position:absolute; top:5px; right:12px; height:40px; width:auto; }
div#top_bar_title_div { font-size:1.5em; color:#EEE; background-color:var(--primaryBackgroundColor);padding-left:12px; }

h4 { background-color:#f3f3f3;margin:0px;padding:12px;font-weight:normal;font-size:1.3em;border:1px solid #e8e8e8; }
h4 .detail_menu_span { font-size:0.8em; }
h4.clean_h4 { background-color:#FFF; font-weight:normal;font-size:1.3em;margin-left:0; padding-left:0; border:0; }
#jurisdiction_toc p { margin: 12px 0px; font-size: 1.1em; }
.data_warning { font-size:1.0em; padding-bottom:0px; color:var(--primaryBackgroundColor); }
.tags_para { padding: 12px; margin-top: 18px; font-size:0.9em; }
.tekstversie_comment_title {
    background-color: #f3f3f3;
    margin: 0px;
    padding: 12px;
    font-size: 1.0em;
    margin-bottom: 6px;
/*    font-weight: bold; */
/*  padding-bottom: 0px; */
/*  color: var(--primaryBackgroundColor); */
    border: 1px solid var(--primaryBackgroundColor);
}
#tekstversie_comment_title_annotation {
    color: var(--primaryBackgroundColor);
    cursor:pointer;
}
.tekstversie_comment_text {
    background-color: #f3f3f3;
    margin: 0px;
    padding: 0px;
    font-size: 0.9em;
    /*font-weight: bold;*/
    padding-top: 12px;
   /* color: var(--primaryBackgroundColor);*/
}
.wetsgesch_header { font-weight:bold; font-size:1.1em; }

/* Bijlagen, aanschrijvingen */
.tussenkop { margin-top:12px; margin-bottom:6px; font-weight:bold; }
.text_divisie { margin-top: 18px; }


a:link, a:visited, a:hover, a:active { color:var(--contentLinkColor);}

ul,ol { list-style-type:none;padding:6; margin-top:12px; margin-bottom:12px; }
div#artikel_tekst ul { margin-left: 12px; }
/*li { margin-left: 12px; }*/
li { margin-bottom:12px; }
.lid_div li { margin-left:12px }
#text_container_div ul li { margin-left:6px; }

/*
a.base_color_a { color:#dddddd; }
a.base_color_a:link { text-decoration: none; } 
a.base_color_a:visited { text-decoration: none; } 
a.base_color_a:hover { text-decoration: none; } 
a.base_color_a:active { text-decoration: none; }
*/

div#artikel_tekst { width:700px;background-color:#f8f8f8;padding:0;margin:0;border-radius:2px;margin-bottom:60px;border:1px solid #ddd /*#f2f2f2*/; }
div.artikel { padding:12px;}
div.artikel h4 { margin-top:-12px; margin-right:-12px; margin-left:-12px; /* color:var(--contentLinkColor);*/ }
div.artikel_body_text { padding:0px 12px 0px 12px;/*border:1px solid #f2f2f2;*/ }
span.art_txt_al { display:block; margin-top:12px;margin-bottom:12px; }
.footnotes_top_border_span { display:inline-block;width:200px;border-top:2px solid #666; }
div.lid_div { margin-top:12px; padding-bottom:12px;border-bottom:1px solid #d8d8d8; }

div#header {
	/*background-color:#0066DD;*/margin:0;padding:6px;
}

.lid_nr, .li_nr { display:inline-block; font-weight:bold; margin-right:6px;}

.uitspraak_status_p { font-weight:bold;font-size:0.8em; }
.uitspraak_status_verouderd_p { font-weight:bold;font-size:0.8em;color:red; }

ul { padding-bottom:0px; }
ul.list-style-type-hyphen { list-style-type: '- '; }
ul.list-style-type-none { list-style-type: none; }

div#footnotes { margin-top:24px; }
p.footnote_p { font-size:0.8em;}
span.footnote_number { vertical-align: super; font-size:0.8em; }
span.footnote_al { margin-left:6px;}

.__incoming_verwijzingen { margin-left:4px; font-size:0.7em;/*font-weight:bold;*/ background-color:var(--contentLinkColor);color:#FFF;border:1px solid #ccc;padding:1px 6px 2px 6px;border-radius:10px; }
.inc_ref_badge { cursor:pointer; margin-left:4px;font-size:0.7em;/*font-weight:bold;*/ background-color:var(--contentLinkColor);color:#FFF;padding:1px 6px 2px 6px;border-radius:10px; }
.incoming_verwijzingen, .wijz_tc_span { margin-top:6px;margin-bottom:6px; font-size:0.8em;/*font-weight:bold;*/ border:1px solid #888;padding:6px; }
h4 .incoming_verwijzingen { margin-top:10px; margin-left:-4px; }
/*.incoming_verwijzingen a:link { color:yellow; text-decoration:none; }*/
/*.incoming_verwijzingen a:visited { color:yellow; text-decoration:none; }*/

.wijz_txt_span { display:inline-block; cursor:pointer; margin-left:4px; font-size:0.7em;/*font-weight:bold;*/ background-color:var(--primaryBackgroundColor);color:var(--primaryHardColor);border:1px solid #ccc;padding:1px 6px 2px 6px;border-radius:10px; }
.wijz_tc_span { padding-bottom: 12px; }
.wijz_tc_span p { margin-bottom:6px; }
.wijz_comment { display:block; border:1px solid #DDD; margin-top:12px;padding:6px; } 
del { color:red;font-weight:bold; }
ins { color:green;font-weight:bold; }

.ecli_tags { font-size:0.8em; font-weight:bold; }

table { margin-bottom:0px; }
table.smallfont td { font-size:0.8em; }
.table_al_add_margin_bottom { display:block; margin-bottom:12px; }

span#kop_titel_span { float:left;width: 600px; display:inline-block;} 
select#tekstversie_select { float:right;display:inline-block;margin-top:6px; }

/* eind oude CSS oorspronkelijk in de pagina head */


/* Importing Google font - Poppins */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Poppins", sans-serif;
}

/*
body {
  min-height: 100vh;
  background: #F0F4FF;
}
*/


#sidebar_toc {
	font-size:0.9em;
	height: calc(100vh - 106px);
	overflow-y:scroll;
}

.toc_item_p {
	margin:12px;

}
details { cursor:pointer; margin:12px; }

.wrapper, #toolbar {
  display: flex;  
  flex-flow: row wrap;
/*  gap: 10px;*/
}

#toolbar, .aside3, .aside4 { background-color: var(--primaryLinkColor); }

.wrapper > * {
  padding: 10px;
  flex: 1 100%;
}

.header {
  background: #fff;
  border-bottom:1px solid #ccc;
  padding:0px;
}

#header_title {
	padding:12px;
}

.detail_menu_span {
  background: #f3f3f3;
  margin:24px 0px 0px 0px;
  padding:0;
  display:inline-block;
}

.detail_menu_button {
/*    font-size:0.9em; */
    font-weight:normal;
/*    background-color:#ccc; */
/*    padding-left:6px; */
/*    padding-right:6px; */
    margin-right:12px;
/*    color:#333; */
/*    border:1px solid #333; */
    cursor:pointer;
/*    border-radius:3px; */
}

.detail_menu_button_selected {
/*    font-size:0.9em; */
    font-weight:bolder;
/*    background-color:var(--primaryBackgroundColor); */
/*    border-bottom:2px solid #444; /*var(--primaryBackgroundColor); */
/*    padding-left:6px; */
/*    padding-right:6px; */
    margin-right:12px;
/*    color:var(--primaryHardColor); */
/*    border:1px solid #333;*/
    cursor:pointer;
/*    border-radius:3px; */
}

#toon_rechtspraak_button, #toon_wetswijz_button, #toon_overgangsrecht_button {
	padding-right:0px;
}

#toon_rechtspraak_button_counter {
	margin-left:4px;
	color: #ccc;
	background-color: #000;
	padding: 0px 6px;
}


.rechtspraak_para_text { margin:12px 0px; }
.rechtspraak_ecli_link { /*font-weight:bold;*/ }
.ecli_tags { font-size:0.8em; margin:6px 0px; }



.counter_span {
	margin-left:4px;
/*	color: white; */
	color: var(--primaryBackgroundColor);
/*	background-color: #333;*/
	background-color: white;

	padding: 0px 6px;
/*	border-top-right-radius:3px;
	border-bottom-right-radius:3px; */
  border-radius:3px;
  border:1px solid #eee;
}

.counter_span_selected {
	margin-left:4px;
	color: var(--primaryBackgroundColor);
	background-color: white;
	padding: 0px 6px;
/*	border-top-right-radius:3px;
	border-bottom-right-radius:3px; */
  border-radius:3px;
}

.main_text_header_p { margin-top:18px; font-size:1.3em; }

#text_container_div { margin-top: 0px; }
#text_container_div details { margin-top: 36px; }
#text_container_div details summary { font-size:1.1em;margin-left:12px; }
.wijz_text_header_p { font-size:1.1em; margin-top:18px; margin-bottom:6px; }
.wijz_wetsgesch_header_p { font-size:1.1em; margin-top:24px; margin-bottom:6px; }
.wetsgesch_container_title_p { font-style:italic; margin-top:0px;  }
.wijz_text_div { margin:12px 0px 36px 0px; background-color: #f4f4f4; padding:12px; padding-bottom:18px; border-radius:3px;  }

.uitspraak_samenvatting_div { border-bottom:1px solid #bbb;/* font-size:0.9em; */ padding:12px 0px; }

.wetsgesch_details_div { border-bottom:1px solid #bbb;padding:0px 0px 24px 28px; margin-top:30px; }
.wijz_text_header_p, .wijz_wetsgesch_header_p { margin-top:12px;margin-bottom:12px; }
.wijz_text_div p { margin-top:12px; }

/* TOP TOOLBAR */
#toolbar { background-color:var(--primaryBackgroundColor);min-height:50px;margin:0px;padding:12px; }
.toolbar_button { background-color:var(--primaryBackgroundColor); border:var(--primaryBorder); color:var(--primarySoftColor);padding:0px 4px;margin-right:6px;cursor:pointer; }
.toolbar_button a:link { color:var(--primaryLinkColor); text-decoration: none; }
.toolbar_button a:visited { color:var(--primaryLinkColor); text-decoration: none; }
.toolbar_button a:hover { color:var(--primaryLinkColor); text-decoration: none; }
.toolbar_button a:active { color:var(--primaryLinkColor); text-decoration: none; }
#current_user { display:inline-block; }

.footer {
  background: var(--bodyBackgroundColor);
  border-top:1px solid #ccc;
}

.main {
/*  text-align: left;*/
  background: var(--bodyBackgroundColor);
  border-right:1px solid #ccc;
}


.wijziging_div { margin-top:18px; }
.wijziging_div h4 { margin-right:-6px; margin-left:-6px;color:var(--contentLinkColor);cursor:pointer; }
.wijz_p_heading  { line-height: 1.5; color:var(--contentLinkColor); cursor:pointer; }

#search_bar_div { margin:12px 0px 36px 0px; }
#search_bar { width:calc(100% - 130px); font-size:24px;padding:6px; }
#execute_search_button { font-size:24px;padding:0px 4px; width:120px;background-color:var(--primaryBackgroundColor); color:var(--primarySoftColor);cursor:pointer;padding:6px; }
.search_highlight { background-color:yellow; }
.search_result_div { margin:24px 0px 24px; 0px; font-weight:0.8em; padding:12px;background-color:#fefefe;border-top:1px solid #CCC;  }
.search_result_header { margin-top:6px;margin-bottom:12px; }
.search_details_tag { /*background-color: #f8f8f8;*/ padding:12px;margin:0; }
.search_summary_tag { /*font-weight:bold;*/ }
.nested_search_details_tag { padding:12px;margin:0;margin-top:6px; /*font-size:0.9em;*/ }
.nested_search_summary_tag { font-size:0.9em; }
.nested_search_result_header { margin-top:24px;margin-bottom:12px; }
#main_text_pt1, #main_text_pt2 { max-height:100vh;overflow-y:scroll;margin-bottom:24px; }
.search_suggestion_p { margin: 6px 0px; color:var(--contentLinkColor);cursor:pointer; }
#search_suggestions { margin: 12px 0px; }
#search_suggestions h4 { font-weight: normal; font-size:1.3em; background-color:#FFF;padding:12px 0px; border:none; }

#main_text_pt3 { display:inline-block;padding:12px;border:2px solid red; }
#search_context_p { margin: 6px 0px 12px 0px; }
#search_context { padding:6px; }
#search_context_button { margin: 12px 0px 6px 0px;padding:10px; color:white; background-color:var(--primaryBackgroundColor) ;}



article.main {
  max-height:90vh;
  overflow-y:scroll;
}

#jurisdiction_toc { font-size:1.1em; }

article.main::-webkit-scrollbar {
  display: none;
}


.aside-1 {
  background: var(--bodyBackgroundColor);
  border-right:1px solid #ccc;
  min-height:90vh;
  max-height:90vh;
  overflow-y:scroll;
}

.aside-1::-webkit-scrollbar {
  display: none;
}

.aside-2 {
  background: var(--bodyBackgroundColor);
}

.aside-3 {
    background: var(--primaryBackgroundColor);
}

.aside-4 {
    background: var(--primaryBackgroundColor);
}

.aside_header_home { font-size:1.3em; margin-top:12px; }
.aside_p { margin:12px 0px; }

a:link, a:visited, a:hover, a:active { text-decoration: none; } 

[data-title]:hover:after {
    opacity: 1;
    transition: all 0.1s ease 0.5s;
    visibility: visible;
}
[data-title]:after {
    content: attr(data-title);
    background-color: #EEE;
    color: #111;
    font-size: 1.0em;
    position: absolute;
    padding: 1px 5px 2px 5px;
    bottom: -1.6em;
    left: 100%;
    white-space: nowrap;
    box-shadow: 1px 1px 3px #222222;
    opacity: 0;
    border: 1px solid #025f42; /* #111111; */
    z-index: 99999;
    visibility: hidden;
}
[data-title] {
    position: relative;
}
/*.data_warning { color:red; }*/

@media all and (min-width: 600px) {
  .aside { flex: 1 0 0; }
}

@media all and (min-width: 800px) {
  .main, .header_main    { flex: 3 0px; }
  .aside-1, .aside-3 { order: 1; } 
  .main, .header_main    { order: 2; }
  .aside-2, .aside-4 { order: 3; }
  .footer  { order: 4; }
}
/*
body {
  padding: 2em; 
}
*/