/* Cirkeltips colors:

GREEN
	dark: 	#6F8B00
	middle: #8BAE00
	light:  #A3CC00
GRAY
	very dark:  #424235
	dark: 	    #989898
	midle: 	    #D5D5D5
	light:      #E5E5E5
	very light: #EDEDED
ORANGE
	dark:   #914E1D
	middle: #B35E20
	light:  #D26E25
purple
	dark:   #86263B
	middle: #B2324D
	light:  #D53E5E
blue
	dark:   #15465B
	middle: #2A8AB3
	light:  #32B2E9

MENU BALK: groen: 6f8b18
LOGO background: oranje: e69b1f
 */

.fa.fa-cirkeltip::before {
    content: "\e901";
    font-family: 'Font Cirkeltip';
    /* font-weight: bold; */
}


body{
  font-size: 15px;
  margin: 0;
}

table {
  max-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  width:100%;
}

.numberFraction{
    font-size: 0.8em;
}

.ui-datagrid-column{
    padding: 0;
}

a.disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: default;
}

/* fixed-position is used to block the scrolling of the background on modal popups*/
.fixed-position {
    /* position: fixed; */
    overflow: hidden;
}

.no-border-radius{
    border-radius: inherit;
    margin-top: 2px;
    margin-right: 8px;
}

.shadow-strong{
    box-shadow: 2px 2px 3px #888888;
}

.fa-1_4x{
    font-size: 1.4em;
}

.fa-1_2x{
    font-size: 1.2em;
}

.clickableTooltipPG{
    background:#4C4C4C;
    color:#fff;
    padding:7px;
    border-radius:5px;
    position:absolute;
    min-width:50px;
    max-width:300px;
    display:none;
    text-align: left;
}

.clickableTooltipPG i{
    color: white;
    text-shadow: none;
}

.clickableTooltipPG:before{
  content:'';
  height:3px;
  width:0;
  border:7px solid transparent;
  border-bottom-color:#4C4C4C;
  position:absolute;
  top:-16px;
  left:14px;
}

.ui-paginator-page, .ui-paginator-first, .ui-paginator-prev, .ui-paginator-last, .ui-paginator-next {
    background: none !important;
    border: none !important;
    text-decoration: none !important;
}

.ui-paginator .ui-icon {
    background: none !important;
    font-family: "FontAwesome"; 
    text-indent: 0;
    visibility: hidden;
}

.ui-paginator .ui-state-active {
    background: #EDEDED !important;
}

.ui-icon-seek-end::before {
    content: "\f051" !important;
    visibility: visible;
}

.ui-icon-seek-next::before {
    content: "\f04e" !important;
    visibility: visible;
}

.ui-icon-seek-prev::before {
    content: "\f04a" !important;
    visibility: visible;
}

.ui-icon-seek-first::before {
    content: "\f048" !important;
    visibility: visible;
}

.ui-selectcheckboxmenu-close .ui-icon-circle-close {
    background: none !important;
    font-family: "FontAwesome"; 
    text-indent: 0;
    visibility: hidden;
    width: 25px;
    height: 25px;
}

.ui-selectcheckboxmenu-filter-container {
    width: 275px;
}

.ui-selectcheckboxmenu-filter-container input {
    width: 252px;
}

.ui-selectcheckboxmenu-close .ui-icon-circle-close::before {
    content: "\f00d" !important;
    visibility: visible;
    font-size: 2em;
}

#afvalDialogForm-verwerkingswijzeMenu_panel input{
    width: 267px;
}

.dashboardPanel .ui-panel-titlebar .ui-icon-plusthick {
    background: none !important;
}

.dashboardPanel .ui-panel-titlebar .ui-icon-plusthick::before{
    content: "\f054" !important;
}

.dashboardPanel .ui-panel-titlebar .ui-icon-minusthick {
    background: none !important;
}

.dashboardPanel .ui-panel-titlebar .ui-icon-minusthick::before{
    content: "\f078" !important;
}

.dashboardPanel .ui-panel-titlebar .ui-icon{
    text-indent: 0;
    overflow: visible;
    font-family: "FontAwesome"; 
}

.dashboardPanel .ui-panel-titlebar-icon{
    background: none;
    border: none;
    box-shadow: none;
    text-decoration: none;
    color: white;
    margin-top: -25px !important;
    position: relative;
}

.ui-fieldset .ui-fieldset-legend{
    box-shadow: none;
}

#menuForm .menu i{
    margin-right: 5px;
}

.hover-pointer:hover{
    cursor: pointer;
}

.ui-row-editing.ui-state-highlight{
    background: inherit !important;
    color: inherit !important;
}

.ui-corner-all{
    -webkit-border-radius: 0; 
    border-radius: 0; 
}

.ui-widget, .ui-widget .ui-widget {
  font-family: 'Flanders Art Sans', Arial;
  /* font-size:15px; */
}

.ui-inputswitch-off, .ui-inputswitch-on{
    margin-top: -3px; 
}

/* primefaces rating*/

.ui-rating-star a{
    background-image: url("../img/cirkeltips_rating.png") !important;
    width: 24px !important;
}

#headerForm-userButton{
    width:100%;
    background: #EBF5F6;
}

#headerForm-userButton .ui-button-text{
    text-align: left;
}

#userButtonArrow{
    position: absolute;
    top: 40px;
    right: 15px;
    z-index: 2;
}

#headerForm-userMenu{
    width:535px;
    background: #EBF5F6;
}

.header_search_button{
    background: #1F719E;
    border-radius: unset;
    color: white;
    box-shadow: none;
    border: none;
    width: 100%;
    text-shadow: none;
    margin-top: 10px !important;
    height: 34px;
}

.header_search_button2{
    background: #8BAE00;
    border-radius: unset;
    color: white;
    box-shadow: none;
    border: none;
    width: 100%;
    text-shadow: none;
}

.header_search_input {
    width: 96% !important;
    margin-top: 10px !important;
}
.header_search_input .ui-autocomplete-input, .global_search_input .ui-autocomplete-input {
    width: 100% !important;
    height: 24px !important;
}

.ui-widget {
    font-size: 1em;
    line-height: 1.5em;
}

.subtitle, .ui-widget .subtitle{
    font-size: 1.4em;
}

#statusDialog_modal {
    opacity: 0;
    cursor: progress;
}

/* container with errors starts too high and sits behind vlaanderen header */
.ui-growl {
    top: 60px !important;
}

/* only way to hide the detail part of the growl... param display-detail=false didn't work */
.ui-growl-message p {
   display: none;
}

.ui-state-highlight .ui-icon {
  background-image: url("../javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-omega");
}

.cirkeltipCalendarInput  input{
    width:80px;
}

.fa-sub {
    position: relative;
    left: -1.1em;
    width: .2em;
    vertical-align: -.25em;
    /*text-shadow: 0 0 1px black;*/ 
}

.show{
    display: inline;
}

.hide{
    display: none !important;
}

.ui-selectonebutton .ui-state-active, .ui-selectonebutton .ui-state-focus, .green-button {
    background: #8BAE00 !important;
    color: white !important;
    text-shadow: none !important;
    font-weight: normal !important;
    -moz-box-shadow: inset 0 0 5px #8BAE00;
    -webkit-box-shadow: inset 0 0 8px #8BAE00;
    box-shadow: inset 0 0 8px #8BAE00;
}

.switch .ui-state-active {
    background: white !important;
}

/** Dashboard*/
.dashboardPanelParent{
    width: 100%;    
}

.ui-panel.panelWithLink {
    padding: 0;
}
.ui-panel.panelWithLink .ui-panel-footer {
    padding: 0;
    margin: 0;
    text-align: right;
    border:0;
    height: 29px;
}

.dashboardPanel .ui-panel-title{
    margin: 0 !important;    
}

.dashboardColor .ui-panel-titlebar{
    background: #BB711D;
}

.dashboardPanel .ui-panel-titlebar{
    border: none;
    font-size: 1.4em;
    padding-top: 0.3em;
}

.dashboardPanel .ui-panel-titlebar .header-icon{
    font-size:0.7em;
    width: 42px;
}
.dashboardPanelHeader{
    display: flex;
    align-items: center;
    height: 35px;
    color: white;
    font-weight: normal;
    text-shadow: none;
}
.dashboardTitle{
    margin-left: 15px;
    flex-grow: 1;
    color: white;
    font-weight: normal;
  
}
.dashboardTitle .first-word{
    font-weight: normal;
}

/* add space after the first word  */
.dashboardTitle .first-word:after {
    content: "\00a0";
}

.dashboard-to-detail {
    text-align:right; 
    margin-top: 10px;
    font-weight: bold;    
    margin-right: 10px;
    margin-bottom: 0px;
}

.dashboardC1 {
    vertical-align:top;
    width: 700px;
    padding-left: 0 !important;
}

.dashboardC2 {
    vertical-align:top;
}

.cirkeltipsC1 {
    vertical-align:top;
    width: 300px;
    padding-left: 0 !important;
}

.cirkeltipsC2 {
    vertical-align:top;
}

#cirkeltipForm-cirkeltipResults, #questionsForm-questionResults {
    width: 782px;
}

#cirkeltipForm-cirkeltipResults_paginator_bottom, #cirkeltipForm-cirkeltipResults_paginator_top,
#questionsForm-questionResults_paginator_bottom, #questionsForm-questionResults_paginator_top,
#globalSearchForm-globalSearchResults_paginator_bottom, #globalSearchForm-globalSearchResults_paginator_top {
    background: none;
    border: none;
}

#cirkeltipForm-cirkeltipResults_content, #questionsForm-questionResults_content, #globalSearchForm-globalSearchResults_content {
    border: none;
}

/** END Dashboard*/

/** Mijn Afval */
.header-2-columns{
    display: flex;
    justify-content: space-between;
}
.header-left{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

/** END Mijn Afval */

/** Datatable */
.euralHeader {
    text-align:right !important;
}

.descriptionHeader{
    text-align:left !important;
}

.euralHeader .ui-column-title{
    margin-right:10px;
}

.descriptionHeader .ui-column-title{
    margin-left:10px;
}

.ui-datatable.dashboardTable table {
     overflow:hidden;
}

.ui-datatable.dashboardTable th {
     background: none #2a8ab3;
     color: white;
     font-weight: normal;
     padding-top: 4px;
     padding-bottom:4px; 
     padding-left: 10px;
     padding-right: 0;
     text-align: left;
     vertical-align: bottom;
}

.ui-datatable.dashboardTable .ui-datatable-footer {
     background: none #2a8ab3;
     color: white;
     font-weight: normal;
     text-align: left;
     text-shadow: none;
}

#benchmarkForm-benchmarkTable_foot tr td {
     background: none #2a8ab3;
     color: white;
     font-weight: normal;
     text-align: left;
     border: none;
     text-shadow: none;
}

.ui-datatable-odd {
    background: #ffffff;
}

.ui-datatable-even {
    background: #EDEDED;
}

.ui-datatable.dashboardTable thead th,
.ui-datatable.dashboardTable tbody,
.ui-datatable.dashboardTable tbody tr,
.ui-datatable.dashboardTable tbody td {
    border-style: none;
    text-shadow: none;
}

.dashboardMessages table td, 
.dashboardMessages table th {
    border: 1px solid black !important;
}
.dashboardMessages table tr:first-child td {
    border-top: 0 !important;
}
.dashboardMessages table tr:last-child td {
    border-bottom: 0 !important;
}
.dashboardMessages table tr td,
.dashboardMessages table tr th {
    border-left: 0 !important;
    border-right: 0 !important;
}

.dashboardMessages thead{
    display: none;
}

/** END Datatable */

/* Datatable sort icons*/
.ui-sortable-column-icon.ui-icon.ui-icon-carat-2-n-s {
    background-image: none;
    font-size: 1em;
    text-indent: 0;
    border-radius: 0;
    width: 15px;
    height: 23px;
    font-weight: normal;
    /* margin-top: 0px; */
    font-family: "FontAwesome";
   /*  position: absolute; */
    color: white;
    float: right;
    margin: auto;
}

.ui-sortable-column-icon.ui-icon.ui-icon-carat-2-n-s:not(.ui-icon-triangle-1-s):not(.ui-icon-triangle-1-n)::before {
    content: "\f07d";
    color: #32b2e9;
    text-shadow: none; 
    opacity: 0.5;
    font-weight: bold;
}

.ui-sortable-column-icon.ui-icon.ui-icon-carat-2-n-s.ui-icon-triangle-1-s::before {
    content: "\f161";
}
 
.ui-sortable-column-icon.ui-icon.ui-icon-carat-2-n-s.ui-icon-triangle-1-n::after {
    content: "\f160";
}
/* END Datatable sort icons*/
 
.afvalDashboardTable  thead tr {
    border-bottom: 1px solid #2A8AB3;
}
 
.afvalDashboardTable  .ui-state-active{
    border: none;
    font-weight: normal;
    background: none;
}
 
.rowExpansionClass > td{
    border:none;
    width:  100%;
    padding: 0 !important;
}
.rowExpansionSubTable td{
    padding: 0 !important;
}
.rowExpansionClass tr{
    width:  100%;
}
.rowExpansionClass table{
    table-layout: fixed;
    width: 100%;
/*     width: 1113px; */
}

.rowExpansionClass thead{
    display: none;
}

.afvalDashboardTable .ui-datatable-odd{
    background-color: #EDEDED;
}

.afvalDashboardTable .ui-datatable-even{
    background-color: #EDEDED;
}

.afvalDashboardTable .parent-header-c1{
    width:28px;
}

.afvalDashboardTable .parent-header-c2a{
    text-align:left;
    font-weight:bold;
    width:525px;
    padding-left: 10px !important;
}

.afvalDashboardTable .parent-header-c2b{
    text-align:right !important;
    font-weight:bold;
    width:140px;
    padding-left: 10px !important;
}

.afvalDashboardTable .parent-header-c3{
    text-align:right !important;
    font-weight:bold;
    width:130px;
    padding-right: 10px !important;
}

.afvalDashboardTable .parent-header-c4{
    text-align:right !important;
    font-weight:bold;
    width:130px;
    padding-right: 10px !important;
}

.afvalDashboardTable .parent-header-c5{
    text-align:center;
    font-weight:bold;
    width:77px;
}

.afvalDashboardTable .parent-c1{
    /* width:3%; */
    font-weight:normal;
}

.afvalDashboardTable .parent-c2{
    /* width:68%; */
    font-weight:normal;
}

.afvalDashboardTable .parent-c3{
    /* width:11%; */
    text-align:right;
    font-weight:normal;
}

.afvalDashboardTable .parent-c4{
    /* width:11%; */
    text-align:right;
    font-weight:normal;
}

.afvalDashboardTable .parent-c5{
    /* width:7%; */
    text-align:center;
    font-weight:normal;
}

.afvalDashboardTable .child-c1{
    width:28px;
}

.afvalDashboardTable .child-c2a{
    width:140px;
    text-align:right;
    padding-right: 10px !important;
}

.afvalDashboardTable .child-c2b{
    width:500px;
    padding-left: 30px !important;
}

.afvalDashboardTable .child-c3{
    width:150px;
    text-align:right;
    padding-right: 10px !important;
}

.afvalDashboardTable .child-c4{
    width:150px;
    text-align:right;
}

.afvalDashboardTable .child-c5{
    width:87px;
    text-align:center;
}

.rowExpansionClass .ui-datatable-even{
    background-color: white;
}

.rowExpansionClass .ui-datatable-odd{
    background-color: white;
}

.icon-link{
    text-decoration: none;
}

#tableViewicon.TABLE {
    color: #A3CC00;
}

.filterIcon {
    margin-top: 5px;
}

#chartViewicon.BAR{
    color: #A3CC00;
}
#pieViewicon.PIE{
    color: #A3CC00;
}
#evoViewicon.EVO, #myAfvalCategorieForm-evoViewText.EVO{
    color: #A3CC00;
}

/* dropdown */
.dropdown .ui-selectonemenu-trigger{
    border: none;
}
.dropdown .ui-selectcheckboxmenu-trigger{
    border: none;
}

.checkbox input[type="checkbox"]:checked + label::after {
  color: #fff;
}
.checkbox input[type="checkbox"]:not(:checked) + label{
  opacity: 0.65;
}

.checkbox input[type="checkbox"]:indeterminate + label::after{
  background-color: #fff;
}


/* Chart colors  */
.checkboxcolor_3366CC input[type="checkbox"]:indeterminate + label::before{
  background-color: #3366CC;
  border-color:     #3366CC;
}
.checkboxcolor_3366CC input[type="checkbox"]:checked + label::before{
  background-color: #3366CC;
  border-color:     #3366CC;
}
.checkboxcolor_DC3912 input[type="checkbox"]:indeterminate + label::before{
  background-color: #DC3912;
  border-color:     #DC3912;
}
.checkboxcolor_DC3912 input[type="checkbox"]:checked + label::before{
  background-color: #DC3912;
  border-color:     #DC3912;
}
.checkboxcolor_FF9900 input[type="checkbox"]:indeterminate + label::before{
  background-color: #FF9900;
  border-color:     #FF9900;
}
.checkboxcolor_FF9900 input[type="checkbox"]:checked + label::before{
  background-color: #FF9900;
  border-color:     #FF9900;
}
.checkboxcolor_109618 input[type="checkbox"]:indeterminate + label::before{
  background-color: #109618;
  border-color:     #109618;
}
.checkboxcolor_109618 input[type="checkbox"]:checked + label::before{
  background-color: #109618;
  border-color:     #109618;
}
.checkboxcolor_990099 input[type="checkbox"]:indeterminate + label::before{
  background-color: #990099;
  border-color:     #990099;
}
.checkboxcolor_990099 input[type="checkbox"]:checked + label::before{
  background-color: #990099;
  border-color:     #990099;
}
.checkboxcolor_3B3EAC input[type="checkbox"]:indeterminate + label::before{
  background-color: #3B3EAC;
  border-color:     #3B3EAC;
}
.checkboxcolor_3B3EAC input[type="checkbox"]:checked + label::before{
  background-color: #3B3EAC;
  border-color:     #3B3EAC;
}
.checkboxcolor_0099C6 input[type="checkbox"]:indeterminate + label::before{
  background-color: #0099C6;
  border-color:     #0099C6;
}
.checkboxcolor_0099C6 input[type="checkbox"]:checked + label::before{
  background-color: #0099C6;
  border-color:     #0099C6;
}
.checkboxcolor_DD4477 input[type="checkbox"]:indeterminate + label::before{
  background-color: #DD4477;
  border-color:     #DD4477;
}
.checkboxcolor_DD4477 input[type="checkbox"]:checked + label::before{
  background-color: #DD4477;
  border-color:     #DD4477;
}
.checkboxcolor_66AA00 input[type="checkbox"]:indeterminate + label::before{
  background-color: #66AA00;
  border-color:     #66AA00;
}
.checkboxcolor_66AA00 input[type="checkbox"]:checked + label::before{
  background-color: #66AA00;
  border-color:     #66AA00;
}
.checkboxcolor_B82E2E input[type="checkbox"]:indeterminate + label::before{
  background-color: #B82E2E;
  border-color:     #B82E2E;
}
.checkboxcolor_B82E2E input[type="checkbox"]:checked + label::before{
  background-color: #B82E2E;
  border-color:     #B82E2E;
}
.checkboxcolor_316395 input[type="checkbox"]:indeterminate + label::before{
  background-color: #316395;
  border-color:     #316395;
}
.checkboxcolor_316395 input[type="checkbox"]:checked + label::before{
  background-color: #316395;
  border-color:     #316395;
}
.checkboxcolor_994499 input[type="checkbox"]:indeterminate + label::before{
  background-color: #994499;
  border-color:     #994499;
}
.checkboxcolor_994499 input[type="checkbox"]:checked + label::before{
  background-color: #994499;
  border-color:     #994499;
}
.checkboxcolor_22AA99 input[type="checkbox"]:indeterminate + label::before{
  background-color: #22AA99;
  border-color:     #22AA99;
}
.checkboxcolor_22AA99 input[type="checkbox"]:checked + label::before{
  background-color: #22AA99;
  border-color:     #22AA99;
}
.checkboxcolor_AAAA11 input[type="checkbox"]:indeterminate + label::before{
  background-color: #AAAA11;
  border-color:     #AAAA11;
}
.checkboxcolor_AAAA11 input[type="checkbox"]:checked + label::before{
  background-color: #AAAA11;
  border-color:     #AAAA11;
}
.checkboxcolor_6633CC input[type="checkbox"]:indeterminate + label::before{
  background-color: #6633CC;
  border-color:     #6633CC;
}
.checkboxcolor_6633CC input[type="checkbox"]:checked + label::before{
  background-color: #6633CC;
  border-color:     #6633CC;
}
.checkboxcolor_E67300 input[type="checkbox"]:indeterminate + label::before{
  background-color: #E67300;
  border-color:     #E67300;
}
.checkboxcolor_E67300 input[type="checkbox"]:checked + label::before{
  background-color: #E67300;
  border-color:     #E67300;
}
.checkboxcolor_8B0707 input[type="checkbox"]:indeterminate + label::before{
  background-color: #8B0707;
  border-color:     #8B0707;
}
.checkboxcolor_8B0707 input[type="checkbox"]:checked + label::before{
  background-color: #8B0707;
  border-color:     #8B0707;
}
.checkboxcolor_329262 input[type="checkbox"]:indeterminate + label::before{
  background-color: #329262;
  border-color:     #329262;
}
.checkboxcolor_329262 input[type="checkbox"]:checked + label::before{
  background-color: #329262;
  border-color:     #329262;
}
.checkboxcolor_5574A6 input[type="checkbox"]:indeterminate + label::before{
  background-color: #5574A6;
  border-color:     #5574A6;
}
.checkboxcolor_5574A6 input[type="checkbox"]:checked + label::before{
  background-color: #5574A6;
  border-color:     #5574A6;
}
.checkboxcolor_651067 input[type="checkbox"]:indeterminate + label::before{
  background-color: #651067;
  border-color:     #651067;
}
.checkboxcolor_651067 input[type="checkbox"]:checked + label::before{
  background-color: #651067;
  border-color:     #651067;
}
.checkboxcolor_989898 input[type="checkbox"]:indeterminate + label::before{
  background-color: #989898;
  border-color:     #989898;
}
.checkboxcolor_989898 input[type="checkbox"]:checked + label::before{
  background-color: #989898;
  border-color:     #989898;
}
.checkboxcolor_D5D5D5 input[type="checkbox"]:indeterminate + label::before{
  background-color: #D5D5D5;
  border-color:     #D5D5D5;
}
.checkboxcolor_D5D5D5 input[type="checkbox"]:checked + label::before{
  background-color: #D5D5D5;
  border-color:     #D5D5D5;
}

/* panel cirkeltips */
.panelNoStyle .ui-panel-titlebar{
    background: none;
    border: none;
}

.cirkeltipShort, .questionShort{
    margin-top:10px;
    position: relative;
}

.cirkeltipShort .ui-panel-content,
.questionShort .ui-panel-content{
    padding: 0;
}

.questionShort a{
    text-decoration: none;
}

.cirkeltipSearchTextBox{
    border: 1px solid #a8a8a8;
    padding: 10px;   
}

.chips{
    border: 0px;
    margin-right: 10px;
    margin-bottom: 10px;
    border-style: solid;
    padding-left: 8px;
    padding-right: 8px;
    box-shadow: 2px 2px 3px #888888;
    border-color: #a8a8a8;
    background-color: #EDEDED;
    border-radius: 3px;
    line-height: 2.5;
}

.chipsMeta{
    border: 0px;
    margin-right: 10px;
    margin-bottom: 5px;
    margin-top: 5px;
    border-style: solid;
    padding-left: 8px;
    padding-right: 8px;
    box-shadow: 2px 2px 3px #888888;
    border-color: #a8a8a8;
    background-color: #EDEDED;
    border-radius: 3px;
    line-height: 1.5;
    height: 21px;
}

.truncateParent {
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
}

.truncate {
 /*  width: 250px; */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

table.gridNoBorder {
     border-style: hidden !important;
}

table.gridNoBorder>tbody>tr>td{
     border-style: hidden !important;
     /* background-color: rgba(255,255,255,0); */
}

table.gridNoBorder>tbody>tr{
     /* background-color: rgba(255,255,255,0); */
     border-style: hidden !important;
}

.cirkeltipTitle {
    font-size: 1.2em;
    color: #989898;
    font-weight:bold;
}

.cirkeltipLink {
    color: #A3CC00;
    font-weight:bold;
}

.label {
    color: #989898;
    font-weight:bold;
}

.panel-to-detail {
    right: 47px; 
    font-weight: bold;    
    position:absolute;
}

.panel-to-detail-arrow {
    z-index: 10;
    position:absolute;
    right: 5px;
    bottom: 28px;
}

.panel-to-detail-arrow-bg {
    position:absolute;
    right: 0; 
    bottom: 21px;
    width: 0; 
    height: 0; 
    border-left: 60px solid transparent;
    border-bottom: 60px solid #A3CC00;
}

.simpleSearchC1{
    width: 85px;
    height: 38px;
}

.simpleSearchC2{
    width: 240px; 
    height: 38px;  
}

.simpleSearchC3{
    height: 38px;
}

.simpleSearchC4{
    width: 235px; 
    height: 38px;   
}

.advancedSearchLabel{
    width: 85px
}

.advancedSearchValue{
    width: 235px;    
}

.advancedSearchDropdown{
    width: 100% !important;
}

.advancedSearchDropdown .ui-autocomplete-multiple-container{
    max-height: 100px;
    overflow: auto;
    width: auto; 
}

.advancedSearchDropdown .ui-selectcheckboxmenu-multiple-container{
    max-height: 100px;
    overflow: auto;
    /* width: 215px; */
}

.advancedSearchTitle{
    font-weight: bold;
    border-bottom: solid;
    display: block;
    border-width: 1px;
}

.exploitatieSearchDropdown{
    width: 450px;
}

.exploitatieSearchDropdown .ui-autocomplete-multiple-container{
    max-height: 100px;
    overflow: auto;
    width: 450px;
}

.exploitatieSearchDropdown .ui-selectcheckboxmenu-multiple-container{
    max-height: 100px;
    overflow: auto;
    width: 405px;
}

.exploitatieSearchDropdown2{
    width: 300px;
}

.exploitatieSearchDropdown2 .ui-autocomplete-multiple-container{
    max-height: 100px;
    overflow: auto;
    width: 300px;
}

.exploitatieSearchDropdown2 .ui-selectcheckboxmenu-multiple-container{
    max-height: 100px;
    overflow: auto;
    width: 220px;
}

#benchmarkForm-exploitatieResults .ui-selectlistbox-filter-container{
    margin-left: 45px;
}

#benchmarkForm-exploitatieResults .ui-selectlistbox-listcontainer{
    overflow-x: hidden; 
}

#benchmarkForm-checkAll {
    position: absolute;
    margin-left: 13px;
    margin-top: 10px;
}

.advancedSearchPanel .ui-state-highlight{
    border:1px solid #7096ab;
    background:#85b2cb url("/javax.faces.resource/images/ui-bg_highlight-hard_80_85b2cb_1x100.png.xhtml?ln=primefaces-aristo") 50% 50% repeat-x;
    background:#85b2cb linear-gradient(top,rgba(255,255,255,0.6),rgba(255,255,255,0));
    background:#85b2cb -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0.6)),to(rgba(255,255,255,0)));
    background:#85b2cb -moz-linear-gradient(top,rgba(255,255,255,0.6),rgba(255,255,255,0));
    -moz-box-shadow:0 0 5px #85b2cb;
    -webkit-box-shadow:0 0 8px #85b2cb;
}

.ui-autocomplete-panel{
    width: 400px !important;
}

.autCompleteWidth600{
    width: 600px !important;
}

.ui-selectcheckboxmenu-token{
    background: none !important;
    background-color: #EDEDED !important;
    border-color: #a8a8a8 !important;
    font-weight: normal !important;
}

.ui-autocomplete-token{
    background: none !important;
    background-color: #EDEDED !important;
    border-color: #a8a8a8 !important;
    font-weight: normal !important;
}

.disabled{
    color: #E5E5E5;
}

.doeIkAl_true{
    color: #A3CC00;
}

.doeIkAl_false,.doeIkAl_{
    color: #E5E5E5;
}

.positief_true{
    color: #A3CC00;
}

.positief_false,.positief_{
    color: #E5E5E5;
}

.negatief_true{
    color: #A3CC00;
}

.negatief_false,.negatief_{
    color: #E5E5E5;
}

.ongewenst_true{
    color: #A3CC00;
}

.ongewenst_false,.ongewenst_{
    color: #E5E5E5;
}

.favoriet_true{
    color: #A3CC00;
}

.favoriet_false,.favoriet_{
    color: #E5E5E5;
}

.forum_true{
    color: #A3CC00;
}

.forum_false,.forum_{
    color: #E5E5E5;
}

.niet-relevant_true{
    color: RED;
}

.niet-relevant_false,.niet-relevant_{
    color: #E5E5E5;
}

/* canvas{
			-moz-user-select: none;
			-webkit-user-select: none;
			-ms-user-select: none;
		} */
#chartjs-tooltip {
	opacity: 1;
	position: absolute;
	background: rgba(0, 0, 0, .8);
	color: white;
	border-radius: 3px;
	-webkit-transition: all .1s ease;
	transition: all .1s ease;
	pointer-events: none;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	z-index: 1000;
}

.chartjs-tooltip-key {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-right: 10px;
}

.bigStar-on{
    background-image: url("../img/star_2x.gif");
    background-position: 0 30px;
    width: 33px;
    height: 30px;
}

.bigStar-off{
    background-image: url("../img/star_2x.gif");
    background-position: 0 95px;
    width: 33px;
    height: 30px;
}

.trefwoordDropdown{
    width: 330px;
}

.trefwoordDropdown .ui-autocomplete-multiple-container{
    max-height: 100px;
    overflow: auto;
    width: 330px;
}

.trefwoordDropdown .ui-selectcheckboxmenu-multiple-container{
    max-height: 100px;
    overflow: auto;
    width: 308px;
}

.metaTrefwoordPG{
    border:1px solid #E5E5E5;
    border-radius: 3px;
    margin-bottom:10px;
    display:flex;
    min-height: 33px;
}
.metaTrefwoordTypePG {
    width: 50px;
    min-width: 50px;
    background-color: #E5E5E5;
    border:1px solid #E5E5E5;
    border-radius: 3px;
    font-family: 'FontAwesome';
    font-size: 1.5em;
}
.metaType {
    display: flex;
    justify-content: space-around;
    margin-top: 3px;
}

.metaType_NACECODE::before {
    content: "\f275" !important;
}
.metaType_EURALCODE::before{
    content: "\f1b3" !important;
}
.metaType_DIMENSIE::before{
    content: "\f161" !important;
}
.metaType_LOCATIE::before{
    content: "\f21d" !important;
}
.metaType_VERWERKINGSWIJZE::before{
    content: "\f125" !important;
}
.metaType_AFVALCATEGORIE::before{
    content: "\f1b2" !important;
}
.metaType_SECTORINDELING::before{
    content: "\f19c" !important;
}
.metaType_AUTEUR::before{
    content: "\f040" !important;
}
.metaType_BEDRIJF::before{
    content: "\f0e8" !important;
}
.metaType_BELEIDSONDERWERP::before{
    content: "\f12e" !important;
}
.metaType_ORGANISATIES::before{
    content: "\f0e8" !important;
}
.metaType_DOSSIERTYPE::before{
    content: "\f128" !important;
}
.metaType_VRIJE_INVOER::before{
    content: "\f128" !important;
}
.metaType_TEL::before{
    content: "\f095" !important;
}
.metaType_EMAIL::before{
    content: "\f003" !important;
}
.metaType_WEB::before{
    content: "\f0ac" !important;
}
.metaType_FILE::before{
    content: "\f016" !important;
}
.metaType_TIME::before{
    content: "\f017" !important;
}
.metaType_COUNT::before{
    content: "\f0e6" !important;
}

.zoom {
    font-size: 2.5em;
}

.actionButton{
    margin-left: 10px;
}

#benchmarkForm-exploitatieChips .ui-selectcheckboxmenu-trigger{
    display: none;
}

#benchmarkForm-exploitatieChips_panel{
    display: none !important;
}

#benchmarkForm-exploitatieChips{
    width:1060px;
    min-height:32px;
}
  
#benchmarkForm-exploitatieChips ul{
    min-height:32px;
}  
  
#benchmarkForm-exploitatieChips li{
    margin-top: 5px;
}  

#benchmarkForm-sectorDimensieChips ul{
    width:1060px;
    min-height:30px;
    padding-top: 2px;
}

#benchmarkForm-sectorDimensieChips .ui-chips-token{
    background: none !important;
    background-color: #EDEDED !important;
    border-color: #a8a8a8 !important;
    font-weight: normal !important;
}

.legend-block {
  float: left;
  width: 50px;
  height: 15px;
  margin: 5px;
  border: 1px solid rgba(0, 0, 0, .2);
}

.legend-block-blue {
    background-color: #3366CC; 
}

.legend-block-red{
    background-color: #DC3912; 
}

.legend-block-orange{
    background-color: #FF9900; 
}

.legend-block-darkgrey {
    background-color: #424235; 
}

.legend-block-lightgrey {
    background-color: #D5D5D5;     
}
.label-lightgrey {
    color: #D5D5D5;
}
.legend-block-all {
      background: red; /* For browsers that do not support gradients */
  /* For Safari 5.1 to 6.0 */
  background: -webkit-linear-gradient(left,red,orange,yellow,green,blue,indigo,violet);
  /* For Opera 11.1 to 12.0 */
  background: -o-linear-gradient(left,red,orange,yellow,green,blue,indigo,violet);
  /* For Fx 3.6 to 15 */
  background: -moz-linear-gradient(left,red,orange,yellow,green,blue,indigo,violet);
  /* Standard syntax */
  background: linear-gradient(to right, red,orange,yellow,green,blue,indigo,violet);    
}
  
.mijnAfval-c1{
    width: 140px;
}
.mijnAfval-c2{
    width: 80px;
}

.afval-filter-c5{
    padding-top: 0;
}

.afval-filter-c0-no-padding{
    padding-left: 0;
}
  
.trefwoord-c1{
    width: 100px;
}
  
.trefwoord-c2 input{
    width: 100%
}
  
.trefwoord-c2 textarea{
    width: 100%
}
.trefwoord-c3 .ui-spinner {
    width: 100%;
}
.trefwoord-c3 .ui-spinner-input {
    width: 88%;
}
.trefwoord-s1{
    width: 220px;
}

.trefwoord-s2{
    width: 30px;
    text-align: right;
}

.nieuwsberichtColumn{
    text-align: left !important;
    vertical-align: top;
}

.nieuwsberichtColumn span{
    margin-left: 12px;
}

.nieuwsberichtColumn input{
    margin: inherit !important;
    margin-left: 12px !important;
    width: 300px !important;
}

.faqColumn input{
    margin: inherit !important;
    width: 300px !important;
}

.melding-read-true{
    
}

.melding-read-false{
    font-weight: bold;
}

#cirkeltipForm-cirkeltipsResultGroup .ui-datatable-tablewrapper,
#questionsForm-questionsResultGroup .ui-datatable-tablewrapper{
    width:100%;
}

.exploitatieBlock{
    text-decoration:none;
    width:550px;
    margin-bottom: 15px;
    border-style: solid;
    border-width: 1px;
}

.exploitatieBlock_selected_true{
    color: #A3CC00;
}

#mijnExploitatiesForm-exploitatiesPG a:hover{
    color: #A3CC00;
}

.mijnExploitatie-c1{
    padding-right:0 !important;
    vertical-align: top;
}
  
.mijnGegevens-c1{
    width: 150px;
}
  
.mijnGegevens-c1b{
    width: 340px;
}

.mijnGegevens-c1c{
    width: 38em;
}

.mijnTrefwoordDropdown{
    width: 500px;
}

.mijnTrefwoordDropdown .ui-autocomplete-multiple-container{
    max-height: 100px;
    overflow: auto;
    width: 500px;
}

.mijnTrefwoordDropdown .ui-selectcheckboxmenu-multiple-container{
    max-height: 100px;
    overflow: auto;
    width: 478px;
}

.mijnTrefwoordDropdown .ui-autocomplete-input-token input{
    width: 240px;
}

.tr-align-top tr{
    vertical-align: top;
}

.c-90{
    width: 90%;
}
.c-95{
    width: 95%;
}

.c-50{
    width: 50%;
}

.c-40{
    width: 40%;
}

.c-10{
    width: 10%;
}

.c-5{
    width: 5%;
}

#myAfvalForm-mijnAfvalTable_foot tr td {
     background: none #2a8ab3;
     color: white;
     font-weight: normal;
     text-align: left;
     border: none;
     text-shadow: none;
}

.myAfvalchanged_true :AFTER{
    content:" *";
    font-weight: bold;
}

.myAfvalchanged_before_true:first-child :BEFORE{
    content:"* ";
    font-weight: bold;
}

#userButtonArrow:hover{
    cursor: pointer;
}

#iconForm-iconUpload {
    width: 400px;
}

#iconForm-iconUpload .ui-fileupload-filename{
    margin-left: 10px;
    vertical-align: middle;
}

#iconForm-iconUpload .ui-button-text-icon-left{
    vertical-align: middle;
}

.cirkeltipIcon{
    width: 180px;
    height:130px;
    margin: auto;
    text-align: center;
}

.cirkeltipIconShort{
    width: 120px;
    height:90px;
    margin: auto;
    text-align: center;
}

.iconContainer{
    margin-top:10px;
    margin-right:10px;
    position: relative;
    width:200px;
    height:200px;
}

.iconContainer .ui-panel-content{
    padding-left: 0 !important;
}

.iconContainer .gridNoBorder tr{
     background-color: rgba(255,255,255,0);
}

.icon-c1{
    
}

.icon-c2{
    padding: 0 !important;
    padding-right: 10px !important;
}

#benchmarkForm-chartTypePG{
    display: flex;
    width: 150px;
    justify-content: space-between;
}

#myAfvalCategorieForm-chartTypePG, #myAfvalVerwerkingswijzeForm-chartTypePG{
    display: flex;
    width: 250px;
    justify-content: space-between;
}

.infoTypeIcon{
    font-size: 1.5em;
    margin-left: 5px;
}

#uploadForm-infoTypeButtons {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

#uploadForm-infoTypeButtons .ui-button-text {
    font-family: 'FontAwesome';
    font-size: 1.5em;
}

.faqC1 {
    vertical-align:top;
    width: 300px;
    padding-left: 0 !important;
}

.faqC2 {
    vertical-align:top;
}

.faqThemaPanel a{
    text-decoration: none;
}

.themaMenu {
    width: 100%;
    height:70px;
    border-top: 1px solid #a8a8a8;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.themaMenu_selected_true {
    background-color: #EDEDED;
}

#faqForm-themasPanel_content{
    padding: 0;
    color: #4f4f4f;
}

.faqAntwoord {
    margin-bottom:20px;
    border: none;
}

.faqAntwoord .ui-fieldset-legend{
    width: 100%;
    padding: 0;
    background: none;
    border: none;
}

.faqAntwoord .ui-fieldset-legend .ui-icon-plusthick {
    background: none !important;
}

.faqAntwoord .ui-fieldset-legend .ui-icon-plusthick::before{
    content: "\f054" !important;
}

.faqAntwoord .ui-fieldset-legend .ui-icon-minusthick {
    background: none !important;
}

.faqAntwoord .ui-fieldset-legend .ui-icon-minusthick::before{
    content: "\f078" !important;
}

.faqAntwoord .ui-fieldset-legend .ui-icon{
    text-indent: 0;
    overflow: visible;
    font-family: "FontAwesome"; 
}

.contactLink{
    color: #8BAE00 !important;
    font-weight: bold !important;
    text-decoration: none !important;
}

.relatedTipMenu{
    width: 600px;
}

.relatedTipMenu .ui-selectonemenu-filter-container{
    width: 570px;
}

.relatedTipMenu .ui-selectonemenu-filter{
    width: 550px;
}

.publicBlock {
    width: 100%;
    background: #EDEDED; 
}

.publicBlock2 {
    width: 100%;
    border: 1px solid #EDEDED; 
}

.publicBlockContent {
    padding: 15px;
}

.carouselColumn{
    vertical-align: top;
}
.carouselColumn p {
    margin-bottom: 12px;
    margin-top: 12px;
}

.publicNieuwsbrief-C1{
    width: 125px;
    background: #EDEDED;
}

.publicNieuwsbrief-C2{
    width: 300px;
    background: #EDEDED;
}

.publicNieuwsbrief-C2 input{
    width: 300px;
}

.ql-tooltip.ql-editing{
    left: 0px !important;
}

#forumForm-categorieMenu_panel .ui-selectonemenu-filter,
#forumForm-sectorMenu_panel .ui-selectonemenu-filter,
#forumForm-beleidsonderwerpMenu_panel .ui-selectonemenu-filter{
    width: 250px;
}

/** Footer **/
.cirkeltipFooter {
    color: white;
    float: left;
    padding-left: 30px;
}

.cirkeltipFooter_right {
    color: white;
    float: right;
    padding-right: 30px;
}
.cirkeltipFooter > a, .cirkeltipFooter > a:visited {
    color: white;
}

.inline-block-part {
    display: inline-block;
    vertical-align: top;
    width: 33%;
    padding-left: 0;
    padding-right: 0;
}

.trefwoordSelectOneMenu .ui-selectonemenu-filter-container {
    width: 98% !important;
}

.trefwoordSelectionMenu {
    width: 330px !important;
}

.trefwoordSelectionMenu .ui-autocomplete-multiple-container{
    max-height: 100px;
    overflow: auto;
    width: auto;
}

.trefwoordSelectionMenu .ui-selectcheckboxmenu-multiple-container{
    max-height: 75px;
    overflow: auto;
}

.textAreaHeight24 {
    height: 24px !important;
}

.marginLeft0 {
    margin-left: 0;
}
.marginLeft15 {
    margin-left: 15px;
}
.alignRightDownloadBtn {
    text-align: right;
    padding-right: 10px;
    margin-top: -30px
}
.embededMediaContent {
    margin-left: 15px;
    margin-right: 15px;
}
#carouselForm .carousel-indicators {
    margin-bottom: 5px;
}
#carouselForm-carouselPanel_content {
    padding-top: 0;
    padding-bottom: 0;
}
#carouselForm .carouselColumn {
    padding-top: 0;
}
.carouselPG {
    height: 225px;
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
}

.textAreaCounterLbl {
    font-style: italic;
    font-size: small !important;
    display:block;
    text-align: right;
    margin-right: 4px;
    margin-top: -4px;
}

.fixedSubblockLink {
    height:18em;
    width: 17em;
    display: flex;
    position: relative;
}

.fixedSubblockLinkLarge {
    height:22em;
    width: 17em;
    display: flex;
    position: relative;
}

.fixedBottomButton {
    position: absolute;
    bottom: 1em;
    left: 1em;
    right: 1em;
}
.blue-button {
    background: #2A8AB3 !important;
    color: white !important;
    text-shadow: none !important;
    font-weight: normal !important;
    -moz-box-shadow: inset 0 0 5px #2A8AB3;
    -webkit-box-shadow: inset 0 0 8px #2A8AB3;
    box-shadow: inset 0 0 8px #2A8AB3;
}
.link-button {
    font-size: 1.2em !important;
    width: 100%;
    margin-top: 10px !important;
}
.table_button {
    background: transparent !important;
    color: white !important;
    text-shadow: none !important;
    font-weight: normal !important;
    border: 0 none !important;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none !important;
    margin-bottom: 0.65em;
}

.chips_container .ui-chips-container {
    padding: 0;
    clear: left;
    cursor: text;
    list-style-type: none;
    margin: 0;
    min-height: 1px;
    width: 71em;
}

.chips_container .ui-chips-token{
    background: none !important;
    background-color: #EDEDED !important;
    border-color: #a8a8a8 !important;
    font-weight: normal !important;
}
.bijlage .ui-fileupload-buttonbar {
    padding: 0;
    margin-top: 10px;
    background: none;
    border: none;
}

.bijlage .ui-fileupload-buttonbar .ui-button {
    padding: 2px;
}

.bijlage .ui-fileupload .ui-widget-header .ui-fileupload-choose .ui-icon-plusthick {
    background-image: none;
}

.bijlage .ui-fileupload .ui-widget-header .ui-fileupload-choose .ui-button-text:before {
    content: '\f093';
    font-family: FontAwesome;
    font-style: normal;
    padding-right: 5px;
    margin-left: -18px;
}

.bijlage .ui-fileupload-content {
    display: none;
}

.bijlage .ui-fileupload .ui-fileupload-preview {
    display: none;
}

.margin10Dropdown {
    display: block !important;
    margin-right: -10px;
    min-width: 1em !important;
}

.importButton .ui-fileupload-choose {
    margin: 10px 6px 0 0;
    height: 32px;
}

.importButton .ui-fileupload-choose .ui-button-text {
    margin-top: 3px;
}

.importMessage {
    margin-bottom: 10px;
}

.importMessage .ui-datalist-data {
    margin: 10px;
    padding-left: 20px;
}

.ui-fileupload-content {
    min-height: 50px;
}

.required-field::after {
    content: "*";
    color: red;
    font-family: Arial, serif;
}

.bigDropDown .ui-selectonemenu-label {
    padding: 6px;
}
.bigDropDown .ui-selectonemenu-trigger .ui-icon{
    margin-top: 6px !important;
}

.detailsFieldset {
    padding: 0 !important;
    border: none;
}

.detailsFieldset .ui-fieldset-legend{
    width: 100%;
    padding: 0;
    background: none;
    border: none;
    font-weight: normal;
}

.detailsFieldset .ui-fieldset-legend .ui-icon-plusthick {
    background: none !important;
}

.detailsFieldset .ui-fieldset-legend .ui-icon-plusthick::before{
    content: "\f054" !important;
    font-size: 0.75em;
}

.detailsFieldset .ui-fieldset-legend .ui-icon-minusthick {
    background: none !important;
}

.detailsFieldset .ui-fieldset-legend .ui-icon-minusthick::before{
    content: "\f078" !important;
    font-size: 0.75em;
}

.detailsFieldset .ui-fieldset-legend .ui-icon{
    text-indent: 0;
    overflow: visible;
    font-family: "FontAwesome";
}

.ui-panelgrid-cell.valueLeft {
    text-align: left;
    max-width: 25em;
}
.labelRight {
    color: #989898;
    font-weight:bold;
    text-align: right;
    vertical-align: top;
}

.bijlageList .ui-datalist-content{
    border: none;
}
.bijlageList .ui-datalist-data{
    padding-left: 12px;
    margin: 0;
}
.ui-datatable-scrollable-header-box {
    margin-right: 17px !important;
}
.ui-datatable-scrollable-body {
    overflow-y: scroll !important;
    overflow-x: hidden !important;
}