:root{
}

.dashboard{
  display:-ms-grid;
  display:grid;
  grid-gap:30px;
  -ms-grid-columns:(minmax(0, 1fr))[1];
  grid-template-columns:repeat(1, minmax(0, 1fr));
  margin-top:30px;
}

@media (min-width: 700px){

.dashboard{
    -ms-grid-columns:(minmax(0, 1fr))[2];
    grid-template-columns:repeat(2, minmax(0, 1fr));
    margin-top:40px
}
  }

@media (min-width: 1440px){

.dashboard{
    -ms-grid-columns:(minmax(0, 1fr))[3];
    grid-template-columns:repeat(3, minmax(0, 1fr));
    margin-top:50px
}
  }

@media (min-width: 1600px){

.dashboard{
    -ms-grid-columns:(minmax(0, 1fr))[4];
    grid-template-columns:repeat(4, minmax(0, 1fr));
    margin-top:50px
}
  }

.dashboard .widget-container{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    padding:1.5rem;
    min-height:180px;
    background-color:#f7f9fa;
    color:#313637;
    border-radius:20px;
    -webkit-transition:background-color 0.1s ease-in-out;
    -o-transition:background-color 0.1s ease-in-out;
    transition:background-color 0.1s ease-in-out;
  }

.dashboard .widget-container .widget-logo{
      display:none;
    }

.dashboard .widget-container .widget-title{
      margin:10px 0 50px 0;
      font-size:2.074rem;
      line-height:2.074rem;
    }

.dashboard .widget-container .widget-description{
      height:120px;
    }

.dashboard .widget-container .widget-description p{
        font-size:1rem;
        line-height:1.2;
        margin:0;
      }

.dashboard .widget-container .widget-button-container{
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-pack:end;
      -ms-flex-pack:end;
      justify-content:flex-end;
    }

.dashboard .widget-container .widget-button-container .widget-button p{
          font-size:1.2rem;
          margin:0;
          line-height:1;
        }

.dashboard .widget-container .widget-link{
      position:absolute;
      top:0;
      left:0;
      width:100%;
      height:100%;
    }

.dashboard .widget-container.inactive{
      -webkit-filter:grayscale(1) opacity(0.5);
      filter:grayscale(1) opacity(0.5);
    }

.dashboard .widget-container:hover{
      background-color:#e7edf1;
      -webkit-transition:background-color 0.1s ease-in-out;
      -o-transition:background-color 0.1s ease-in-out;
      transition:background-color 0.1s ease-in-out;
    }