: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))[3];
    grid-template-columns:repeat(3, minmax(0, 1fr));
    margin-top:50px
}
  }

.dashboard .widget-container{
    position:relative;
    padding:0rem;
    min-height:200px;
    border-radius:0;
    background-color:#5ab695;
    -webkit-transition:background-color 0.1s ease-in-out;
    transition:background-color 0.1s ease-in-out;
  }

.dashboard .widget-container.active.default-color{
    background-color:#0d77b5
  }

.dashboard .widget-container.active:hover{
        background-color:#95ebcc;
      }

.dashboard .widget-container .widget-info{
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-orient:horizontal;
      -webkit-box-direction:reverse;
      -ms-flex-direction:row-reverse;
      flex-direction:row-reverse;
      width:100%;
      -webkit-box-pack:justify;
      -ms-flex-pack:justify;
      justify-content:space-between;
      -ms-flex-item-align:end;
      align-self:flex-end;
      -webkit-box-align:end;
      -ms-flex-align:end;
      align-items:flex-end;
    }

.dashboard .widget-container .widget-info .opening-date{
        font-size:0.8rem;
      }

.dashboard .widget-container .widget-module-icon{
      padding:.5rem;
      width:100%;
      height:100%;
    }

.dashboard .widget-container .widget-module-icon .widget-module-number{
				font-size:2rem;
				line-height:2rem;
				font-weight:600;
			}

.dashboard .widget-container .widget-module-icon .widget-icon img{
          width:100%;
          height:100%;
        }

.dashboard .widget-container .widget-title{
      position:absolute;
      right:1.5rem;
      bottom:1.8rem;
      text-align:end;
      max-width:80%;
      padding:0.4rem 0.6rem 0.4rem 0.6rem;
      background-color:#fff;
      font-family:'Bitter', serif;
      font-size:1rem;
      font-weight:600;
      line-height:1.1rem;
      z-index:1;
    }

.dashboard .widget-container .opening-date{
      position:absolute;
      right:1.5rem;
      bottom:0.5rem;
      padding:0.2rem 0.3rem 0.2rem 0.3rem;
      text-align:end;
      font-size:0.85rem;
      font-weight:550;
      background-color:#fff;
    }

.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.no-module-icon{
      color:#000;
    }

.dashboard .widget-container.no-module-icon .widget-module-icon{
        width:-webkit-fit-content;
        width:-moz-fit-content;
        width:fit-content;
        height:-webkit-fit-content;
        height:-moz-fit-content;
        height:fit-content;
        margin:1rem;
        padding:0.6rem;
        border:1px solid transparent;
        background:conic-gradient(
        from 90deg at top 1px left 1px,
        #0000 90deg,
        white 0
      ) 0 0, conic-gradient(
        from -90deg at bottom 1px right 1px,
        #0000 90deg,
        white 0
      ) 100% 100%;
        background-size:25px 25px;
        background-origin:border-box;
        background-repeat:no-repeat;
      }

.dashboard .widget-container.no-module-icon.active .dashboard .widget-container.no-module-icon:hover{
        background-color:#0a3706;
        color:#fff;
      }

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

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

.dashboard hr{
    grid-column:1 / -1;
    margin:1rem 0;
    border-bottom:1px solid #d7e1e8;
  }