@import "../../assets/scss/variables";


#allApplications {
  .application-box {
    height: 14rem;
    gap: 6rem;
    border: 1px solid $generic-block-border;
    background-color: $white-box-background;
    border-radius: 0;
    padding: 38px 30px 25px 30px;

    img {
     filter: $svg-default;
    }

    &:hover {
      //border-bottom: .3rem solid #DFEAF7;
      background-color: $secondary-color;

      .application-box--logo {
        img {
          filter: brightness(0) invert(1);
        }
        span {
          color: $white;
        }
      }

      .application-box--desc {
        color: $white;
      }

    }

    &--inner {
      display: flex;
      flex-direction: column;
      justify-content: center;
      flex: 1;
      .application-box--logo{
        span {
          color: $generic-block-border-hover;
          font-weight: bold;
        }
      }
    }

    &--desc {
      padding-top: 5px;
      font-size: 1.5rem;
      line-height: 1.8rem;
      color: $title-color;
    }

  }
}

#dashboard {

}