.leaflet-bar a.acc-leg-button {
    cursor:pointer;
    padding: 0.25em .75em 0.25em .75em;
    font-size:13px;
    line-height: 2.3;
	display:none;
}

.accordionlegend-swatch-inline, .accordionlegend-swatch {
	vertical-align: middle;
	padding-right: 0.3em;
}
.accordionlayer-legend .full-legend {
margin: 3px;
padding: 5px
}

.acc_panel {
/*	white-space:nowrap; */
/*	max-width: 340px; */
	box-sizing: border-box;
	padding: 0.4em;
}

/* New */


.accordion {
	margin: 8px;
	padding-right: 0.2em;
}

.accordion-box {
	max-height: 297px;
	overflow-y: scroll;
	width: 100%;

	box-sizing: border-box;
	padding-right: 0.2em;
	border: 1px solid lightgray;
	background-color: #eee;
}

.checkboxes {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
}

.accordion .acc_s_title {
   width: 100%; 
   box-sizing: border-box;
}

.accordion-section {
}

.accordion-layer {
	width:100%; 
	box-sizing: border-box;
/*	border: 1px solid #EEEEEE;
	margin-bottom: 2px; */
}

.accordion-layer:hover,
.accordion-layer:focus,
.accordion-layer:active {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
}
.accordion-layer {
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
	background-color:#ffffffe8;
	color: #4F4F4F;
}


.accordion-layer-title {
   margin: .2em 0 .2em 1em;
   padding: .4em .4em .4em 2.8em;
   box-sizing: border-box;
}

.accordion-layer-title[aria-checked='false'], .groupbox[aria-checked='false'] {
   background: url('../../images/Leaflet/check_false.v2.png') no-repeat .5em center
}

.accordion-layer-title[aria-checked='true'], .groupbox[aria-checked='true'] {
   background: url('../../images/Leaflet/check_true.v2.png') no-repeat .5em center
}

.accordion-layer-title[aria-checked='mixed'], .groupbox[aria-checked='mixed'] {
   background: url('../../images/Leaflet/check_mixed.v2.png') no-repeat .5em center
}

.groupbox[aria-checked="false"].no-selectable, .groupbox[aria-checked="true"].no-selectable , .groupbox[aria-checked="mixed"].no-selectable  {
	background-image: none!important;
}

.accordion .acc_s_title .groupbox {cursor: pointer}
.accordion .acc_s_title .groupbox.no-selectable {cursor: auto}

.accordion .acc_s_title .toggle {cursor: pointer}
  
.accordion-layer-title.hover {}

.accordion-layer-title.focus, .groupbox.focus {

}

.accordion .acc_s_title {
  background: rgba(225, 225, 225, 0.78);
  color: #333;
  display: table;
  padding: 0em;
  margin: 0em;
  margin-bottom: 0.4em;
  box-sizing: border-box;
  transition: background .3s ease
}


.hidden {
   display:none;   
}  

.accordion .accordion-section {

  overflow: hidden;
  display: none; 
  clear:both
}
.accordion .accordion-section.show {

}

.accordion * {
}

.acc_panel .acc_s_title:hover,
.acc_panel .acc_s_title:focus,
 .acc_panel .acc_s_title:active {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
}
.acc_panel .acc_s_title {
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
}


.acc_s_title .toggle{
  padding: 0.70em 0em;
  background-position: 50% 50%;background-repeat: no-repeat;display: block;
  background-image: url('../../images/Leaflet/arrow-down5.png');
  width: 40px;
  box-sizing: border-box;
  float:right
}

.acc_s_title .toggle.opened{
  background-image: url('../../images/Leaflet/arrow-up5.png')
}


.acc_s_title .groupbox{
  margin-left: 0em;
  padding:  0.70em 0em 0.70em 2.8em;
  float:left;
/*  width: 80%; */
  box-sizing: border-box;
}


.accordionlayer-legend {
    display: none;
	background-color: rgb(0 0 0 / 4%);
}

.accordionlegend-slider {
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	display:block;
	padding: 10px 0px;
}