.leocolourlayer
{
    width: 45%;
      height: auto;
      position: absolute;
}

.sp-palette {
    max-width: 200px;
}

.leocolourlayerhidden
{
    width: 45%;
    height: auto;
    position: relative;
     visibility: hidden;
}

.profile-picFull {
  -webkit-filter: hue-rotate(144deg) brightness(0%) saturate(822%);
  filter: hue-rotate(144deg) brightness(0%) saturate(822%);
}
.profile-pic1 {
  -webkit-filter: url(#c1filter);
  filter: url(#c1filter);
}
.profile-pic2 {
  -webkit-filter: url(#c2filter);
  filter: url(#c2filter);
}
.profile-pic3 {
  -webkit-filter: url(#c3filter);
  filter: url(#c3filter);
}

.profile-pic4 {
  -webkit-filter: url(#c4filter);
  filter: url(#c4filter);
}

.profile-pic5 {
  -webkit-filter: url(#c5filter);
  filter: url(#c5filter);
}

.profile-pic6 {
  -webkit-filter: url(#c6filter);
  filter: url(#c6filter);
}

.profile-pic7 {
    -webkit-filter: url(#c7filter);
    filter: url(#c7filter);
}

.profile-pic8 {
    -webkit-filter: url(#c8filter);
    filter: url(#c8filter);
}

.profile-pic9 {
  -webkit-filter: url(#c9filter);
  filter: url(#c9filter);
}

.profile-pic10 {
  -webkit-filter: url(#c10filter);
  filter: url(#c10filter);
}

.profile-pic11 {
  -webkit-filter: url(#c11filter);
  filter: url(#c11filter);
}

.profile-pic12 {
  -webkit-filter: url(#c12filter);
  filter: url(#c12filter);
}

.profile-pic13 {
  -webkit-filter: url(#c13filter);
  filter: url(#c13filter);
}

.profile-pic14 {
  -webkit-filter: url(#c14filter);
  filter: url(#c14filter);
}

.profile-pic15 {
  -webkit-filter: url(#c15filter);
  filter: url(#c15filter);
}

.profile-pic16 {
  -webkit-filter: url(#c16filter);
  filter: url(#c16filter);
}

.profile-pic17 {
  -webkit-filter: url(#c17filter);
  filter: url(#c17filter);
}

.profile-pic18 {
  -webkit-filter: url(#c18filter);
  filter: url(#c18filter);
}

.profile-pic19 {
  -webkit-filter: url(#c19filter);
  filter: url(#c19filter);
}

.profile-pic20 {
  -webkit-filter: url(#c20filter);
  filter: url(#c20filter);
}

.profile-pic21 {
  -webkit-filter: url(#c21filter);
  filter: url(#c21filter);
}

.profile-pic22 {
  -webkit-filter: url(#c22filter);
  filter: url(#c22filter);
}

.profile-pic23 {
  -webkit-filter: url(#c23filter);
  filter: url(#c23filter);
}

.profile-pic24 {
  -webkit-filter: url(#c24filter);
  filter: url(#c24filter);
}

.profile-pic25 {
  -webkit-filter: url(#c25filter);
  filter: url(#c25filter);
}

.profile-pic26 {
  -webkit-filter: url(#c26filter);
  filter: url(#c26filter);
}