.w3-theme-l5 {color:#000 !important; background-color:#fffcef !important}
.w3-theme-l4 {color:#000 !important; background-color:#fef4cb !important}
.w3-theme-l3 {color:#000 !important; background-color:#fcea98 !important}
.w3-theme-l2 {color:#000 !important; background-color:#fbdf64 !important}
.w3-theme-l1 {color:#000 !important; background-color:#fad530 !important}
.w3-theme-d1 {color:#000 !important; background-color:#d7b006 !important}
.w3-theme-d2 {color:#fff !important; background-color:#bf9d05 !important}
.w3-theme-d3 {color:#fff !important; background-color:#a78904 !important}
.w3-theme-d4 {color:#fff !important; background-color:#8f7604 !important}
.w3-theme-d5 {color:#fff !important; background-color:#776203 !important}

.neil-image {
  border-radius: 50%;
}

.pContainer {
  position: relative;
  width: 100%;
}

.tooltip_image{
  display: block;
  width: 100%;
  height: auto;
}

.pOverlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0, 0, 0, 0.7);
}

.pContainer:hover .pOverlay {
  opacity: 1;
}

.tooltip_text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}