div .prisma-file:first-of-type {
  padding-left: 0 !important;
}

div .prisma-file:last-of-type {
  padding-right: 0 !important;
}

div .prisma-file:nth-of-type(1) .panel:hover, 
div .prisma-file:nth-of-type(1) .panel:focus {
  background-color: #29B6F6 !important;
  color: #ffff !important;
  background-image: url(/theme/images/backgrounds/panel_bg.png)
}

div .prisma-file:nth-of-type(2) .panel:hover, 
div .prisma-file:nth-of-type(2) .panel:focus {
  background-color: #EF5350 !important;
  color: #ffff !important;
  background-image: url(/theme/images/backgrounds/panel_bg.png)
}

div .prisma-file:nth-of-type(3) .panel:hover, 
div .prisma-file:nth-of-type(3) .panel:focus {
  background-color: #66BB6A !important;
  color: #ffff !important;
  background-image: url(/theme/images/backgrounds/panel_bg.png)
}

div .prisma-file:nth-of-type(4) .panel:hover, 
div .prisma-file:nth-of-type(4) .panel:focus {
  background-color: #5C6BC0 !important;
  color: #ffff !important;
  background-image: url(/theme/images/backgrounds/panel_bg.png)
}

div .prisma-file:nth-of-type(5) .panel:hover, 
div .prisma-file:nth-of-type(5) .panel:focus {
  background-color: #EC407A !important;
  color: #ffff !important;
  background-image: url(/theme/images/backgrounds/panel_bg.png)
}

.prisma-file .panel:hover i,
.prisma-file .panel:focus i { 
  color: #ffff !important;
}