:host >>> .mat-list .mat-list-item.mat-list-avatar {
  height: auto;
  width: auto;
  padding: 0;
}
mat-list-item {
  overflow: hidden;
}
.igo-collapsed {
  display: none !important;
}
[igocollapse].igo-chevron:after {
  content: 'expand_less';
  transform: rotateZ(0deg);
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  -webkit-transition: 300ms ease-in-out;
  -moz-transition: 300ms ease-in-out;
  -o-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
}
[igocollapse].igo-chevron {
  width: auto;
  height: auto;
  transform: rotateZ(0deg);
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  -webkit-transition: 300ms ease-in-out;
  -moz-transition: 300ms ease-in-out;
  -o-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
}
[igocollapse].igo-chevron.collapsed {
  transform: rotateZ(180deg);
  -webkit-transform: rotateZ(180deg);
  -moz-transform: rotateZ(180deg);
  -o-transform: rotateZ(180deg);
  -ms-transform: rotateZ(180deg);
  -webkit-transition: 300ms ease-in-out;
  -moz-transition: 300ms ease-in-out;
  -o-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
}
[igocollapse]:hover {
  cursor: pointer;
}
:host {
  overflow: hidden;
}
.igo-layer-actions-container,
.igo-layer-legend-container {
  width: 100%;
  display: inline-block;
}
.igo-layer-actions-container {
  display: none;
}
.igo-layer-actions-container > div {
  text-align: center;
}
.igo-layer-legend-container {
  padding-left: 18px;
}
#opacity-slider {
  width: 100%;
}
@media only screen and (max-width: 450px), only screen and (max-height: 450px) {
  #opacity-slider {
    width: 70%;
  }
}
.igo-layer-button-group {
  float: right;
  padding: 0 3px;
}
@media only screen and (max-width: 450px), only screen and (max-height: 450px) {
  .igo-layer-button-group {
    float: none;
  }
}
mat-icon.disabled {
  color: rgba(0,0,0,0.38);
}