#importants g:hover {
      opacity: 1 !important;
      color: red;
      background-color: red;
       fill: #1883ba;
       font-weight: bolder;
    }

   #importants g:hover path[style*="fill:#231f20"] {
       fill: #1883ba !important;
   }

   #importants g:hover path[style*="fill:#ec1c24"] {
       fill: #1883ba !important;
   }

    #importants g {
      color: red;
      cursor: pointer;
      background-color: red;
      transition: 0.5s;
    }

    svg:hover > g {
        opacity: 0.2;
        transition: 0.5s;
    }

    svg:hover #importants {
        opacity: 1;
    }

    svg:hover #importants:hover > g {
        opacity: 0.6;
    }

    #body {
      width: 20%;
    }

    .cell-desc {
      background-color: red;
    }

    .inactive-cell {
      opacity: 30%;
    }

    .active-cell {
      opacity: 100% !important;
    }