1.firmware__ready {
2  font-weight: 300;
3}
4
5.firmware__table {
6  margin-top: 2.5em;
7  margin-bottom: 2.5em;
8
9  .table__cell {
10    a {
11      display: inline-block;
12      margin-right: 1.7em;
13      text-decoration: none;
14      font-weight: 700;
15    }
16    .icon {
17      color: $medblue;
18      &.disabled {
19        color: $medgrey;
20        &:hover {
21          cursor: default;
22        }
23      }
24      &:hover {
25        cursor: pointer;
26      }
27    }
28    .icon.icon-as-spacer {
29      text-indent: 0;
30      color: $btn__disabled-txt;
31      &:hover {
32        cursor: default;
33      }
34    }
35  }
36
37  .table-header {
38    font-weight: 700;
39    p {
40      margin-bottom: 0em;
41    }
42  }
43
44  .table__row.disabled {
45    .firmware__action-link {
46      color: $medblue;
47      opacity: 1;
48      &:hover {
49        cursor: pointer;
50      }
51    }
52  }
53  .firmware__primary {
54    background-color: lighten($status-ok, 40%);
55  }
56}
57
58.firmware__version {
59  flex: 30%;
60}
61
62.firmware__action {
63  flex: 8%;
64}
65
66.firmware__active-version {
67  color: $darkgrey;
68  font-size: .8em;
69  float: right;
70  font-weight: 400;
71}
72
73.firmware__action-link {
74  color: $links;
75  padding: 5px;
76  min-width: 90px;
77  text-align: left;
78}
79
80.firmware__version {
81  position: relative;
82  svg {
83    position: absolute;
84    top: 20%;
85  }
86  .icon {
87    margin-left: 20px;
88  }
89}
90
91
92.icon__more-dropdown {
93  width: 100%;
94  top: 68%;
95  right: 0;
96  @include mediaQuery(medium){
97    width: 30%;
98    right: 18%;
99    top: 74%;
100  }
101}
102
103// Upload firmware
104.firmware__upload-form {
105  label {
106    font-weight: 700;
107  }
108  input {
109    height: 2.4em;
110  }
111  .button {
112    min-width: 210px;
113    width: auto;
114    margin-top: 1em;
115  }
116}
117.firmware__upload-file-name {
118  text-transform: none;
119}
120.firmware__upload-chooser {
121    width: 100%;
122    background: $lightgrey;
123    padding-left: 1em;
124    padding-right: 1em;
125    margin-bottom: 1em;
126  .button {
127    vertical-align: middle;
128    margin: 1em .5em 1em 0;
129    min-width: 3em;
130  }
131  &.uploading {
132    @include indeterminate-bar;
133  }
134  @include mediaQuery(medium) {
135    width: 70%;
136  }
137}
138.firmware__upload-station {
139  padding-bottom: 2em;
140  border-bottom: 1px solid $medgrey;
141  padding-left: 1em;
142  margin-top: 2em;
143}
144.firmware__upload-tftp {
145  padding-top: 2em;
146  padding-left: 1em;
147  padding-bottom: 50px;
148}
149
150.download_error
151{
152  @include mediaQuery(medium) {
153    max-width: 35%;
154  }
155}
156
157.download_success
158{
159  color: $primebtn__bg;
160  padding: 1em;
161}
162