1.inventory__container {
2  h3,
3  h4{
4    margin-bottom: 0;
5  }
6  h4{
7    font-size: 1rem;
8    font-weight: bold;
9  }
10  padding-bottom: 5em;
11  .content__search {
12    margin-right: 0;
13  }
14  .inventory__table {
15    .hardware__header {
16      padding:1.2em 1.5em 1.2em 1.5em;
17      background: $darkblue;
18      font-weight: 700;
19      color: $white;
20    }
21    .ng-hide {
22      height: 0;
23    }
24    .harware__details {
25       background: $lightblue;
26      .hardware__title {
27        border-left: 1px solid $medgrey;
28        border-right: 1px solid $medgrey;
29        position: relative;
30        font-weight: 700;
31        text-transform: capitalize;
32        padding: 1em 1.5em 1em 1.5em;
33        border-bottom: 1px solid $medgrey;
34        background-color: $white;
35        &:hover {
36          background: $lightblue;
37          cursor: pointer;
38        }
39        &.expanded {
40          background: $lightblue;
41        }
42      }
43      .hardware__items {
44        background: $lightgrey;
45        border-right: 1px solid $medgrey;
46        border-left: 1px solid $medgrey;
47        display: block;
48        overflow: hidden;
49        @include fastTransition-all;
50        &.expanded {
51          height: 100%;
52          border-bottom: 1px solid $medgrey;
53        }
54        .items {
55          max-height: 320px;
56          padding: 1em 1.5em 1em 1.5em;
57          overflow:auto;
58          overflow-wrap: break-word;
59        }
60        .subcomponents {
61          max-height: 320px;
62          padding: 1em 1.5em 1em 1.5em;
63          overflow: auto;
64          border-top:1px solid $medgrey;
65          @include mediaQuery(medium) {
66            border-top:0;
67            border-left:1px solid $medgrey;
68          }
69        }
70      }
71    }
72  }
73}
74
75