@mixin infra-list($theme) {
    
  .infra-list{
      margin: 10px 5px;
      background: white;
  }
  .pull-right{
      flex: 1 1 auto;
  }
  mat-list-item:hover {
      background: #e8eaf6;
      cursor: pointer;
  }
  .mat-chip {
      padding: 1px 13px;
  }
  
}
.nav-item {
transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
cursor: default;

&:hover {
  transform: translate(0, -8px);
  box-shadow: 0 20px 20px rgba(0, 0, 0, .16)
}
}


.infra-card {
    width: 70%;
  }

  .grid-left-align {
    position: absolute;
    left: 5px;
  }

  .add-sensor-button {
    position: absolute;
    right: 1px;
  }

  .box{
    float: left;
    width: 13px;
    height: 13px;
    margin: 5px;
    border: 1px solid rgba(0, 0, 0, .2);
  }
   
  .up{
    background: green;
  }
  .down{
    background: red;
  }
  .warn{
    background: yellow;
  }
  .error{
    background:red;
  }

  .form {
    min-width: 150px;
    max-width: 500px;
    width: 100%;
  }
  
  .full-width {
    width: 100%;
  }

  .search-result {
    height: 80%;
    overflow-y: scroll;
  }