b58df8749c4aa40e0ba378daa31739065ff24bdd
[vnfsdk/refrepo.git] /
1 md-backdrop.md-edit-dialog-backdrop {
2   z-index: 80;
3 }
4 md-edit-dialog {
5   display: -webkit-flex;
6   display: -ms-flexbox;
7   display: flex;
8   -webkit-flex-direction: column;
9       -ms-flex-direction: column;
10           flex-direction: column;
11   position: fixed;
12   z-index: 81;
13   background-color: #f9f9f9;
14   border-radius: 2px;
15   cursor: default;
16 }
17 md-edit-dialog > .md-content {
18   padding: 16px 24px 0;
19 }
20 md-edit-dialog > .md-content .md-title {
21   color: rgba(0, 0, 0, 0.87);
22   margin-bottom: 8px;
23 }
24 md-edit-dialog > .md-content md-input-container {
25   margin: 0;
26   font-size: 13px;
27 }
28 md-edit-dialog > .md-content md-input-container input {
29   float: none;
30 }
31 md-edit-dialog > .md-content md-input-container .md-errors-spacer {
32   min-height: auto;
33   min-width: auto;
34   color: rgba(0, 0, 0, 0.54);
35 }
36 md-edit-dialog > .md-content md-input-container .md-errors-spacer .md-char-counter {
37   padding: 5px 2px 5px 0;
38 }
39 md-edit-dialog > .md-content md-input-container [ng-message] {
40   padding: 5px 0 5px 2px;
41 }
42 md-edit-dialog > .md-actions {
43   margin: 0 16px 8px;
44 }
45 md-edit-dialog > .md-actions .md-button {
46   margin: 0;
47   min-width: initial;
48 }
49 md-edit-dialog > .md-actions .md-button + .md-button {
50   margin-left: 8px;
51 }
52 .md-table-pagination {
53   display: -webkit-flex;
54   display: -ms-flexbox;
55   display: flex;
56   -webkit-align-items: center;
57       -ms-flex-align: center;
58           align-items: center;
59   -webkit-justify-content: flex-end;
60       -ms-flex-pack: end;
61           justify-content: flex-end;
62   -webkit-flex-wrap: wrap-reverse;
63       -ms-flex-wrap: wrap-reverse;
64           flex-wrap: wrap-reverse;
65   box-sizing: border-box;
66   padding: 0 24px;
67   font-size: 12px;
68   color: rgba(0, 0, 0, 0.54);
69   border-top: 1px rgba(0, 0, 0, 0.12) solid;
70 }
71 .md-table-pagination md-select {
72   -webkit-justify-content: flex-end;
73       -ms-flex-pack: end;
74           justify-content: flex-end;
75   min-width: 64px;
76 }
77 .md-table-pagination md-select:not([disabled]):focus .md-select-value {
78   color: rgba(0, 0, 0, 0.54);
79 }
80 .md-table-pagination md-select .md-select-value {
81   -webkit-flex: 0 0 auto;
82       -ms-flex: 0 0 auto;
83           flex: 0 0 auto;
84 }
85 .md-table-pagination md-select .md-select-value span.md-select-icon {
86   -webkit-justify-content: center;
87       -ms-flex-pack: center;
88           justify-content: center;
89   text-align: center;
90   margin-right: -6px !important;
91 }
92 .md-table-pagination md-select .md-select-value span.md-select-icon:after {
93   top: initial;
94   -webkit-transform: scaleY(0.5) scaleX(1);
95           transform: scaleY(0.5) scaleX(1);
96 }
97 .md-table-pagination > * {
98   display: -webkit-flex;
99   display: -ms-flexbox;
100   display: flex;
101   -webkit-align-items: center;
102       -ms-flex-align: center;
103           align-items: center;
104   height: 56px;
105 }
106 .md-table-pagination > .buttons:not(:first-child),
107 .md-table-pagination > .limit-select:not(:first-child) {
108   margin-left: 32px;
109 }
110 .md-table-pagination > .buttons {
111   margin-right: -16px;
112 }
113 .md-table-pagination > .buttons > .md-button.md-icon-button {
114   margin: 0;
115 }
116 .md-table-pagination > .buttons > .label + .md-button.md-icon-button {
117   margin-left: 20px;
118 }
119 md-select.md-table-select {
120   margin: 0;
121 }
122 md-select.md-table-select > .md-select-value {
123   padding: 0;
124   min-width: 0;
125   min-height: 24px;
126   border-bottom: 0 !important;
127 }
128 md-select.md-table-select > .md-select-value > span {
129   display: block;
130   height: auto;
131   -webkit-transform: none !important;
132           transform: none !important;
133 }
134 md-select.md-table-select > .md-select-value > span > .md-text {
135   display: inherit;
136   height: inherit;
137   -webkit-transform: inherit;
138           transform: inherit;
139 }
140 md-select.md-table-select > .md-select-value > span.md-select-icon {
141   display: -webkit-flex;
142   display: -ms-flexbox;
143   display: flex;
144   -webkit-align-items: center;
145       -ms-flex-align: center;
146           align-items: center;
147   height: 24px;
148   margin: 0;
149 }
150 md-select.md-table-select > .md-select-value > span.md-select-icon:after {
151   top: initial;
152 }
153 .md-select-menu-container.md-table-select,
154 .md-select-menu-container.md-pagination-select {
155   margin-left: -2px;
156   border-radius: 2px;
157 }
158 .md-select-menu-container.md-table-select md-select-menu,
159 .md-select-menu-container.md-pagination-select md-select-menu,
160 .md-select-menu-container.md-table-select md-content,
161 .md-select-menu-container.md-pagination-select md-content {
162   border-radius: inherit;
163 }
164 .md-select-menu-container.md-table-select md-content,
165 .md-select-menu-container.md-pagination-select md-content {
166   padding: 0;
167 }
168 .md-select-menu-container.md-table-select .md-text {
169   font-size: 13px;
170 }
171 .md-select-menu-container.md-pagination-select .md-text {
172   font-size: 12px;
173 }
174 md-toolbar.md-table-toolbar {
175   box-shadow: none;
176 }
177 md-toolbar.md-table-toolbar.md-default-theme:not(.md-menu-toolbar).md-default,
178 md-toolbar.md-table-toolbar:not(.md-menu-toolbar).md-default {
179   background-color: #ffffff;
180   color: rgba(0, 0, 0, 0.87);
181 }
182 md-toolbar.md-table-toolbar.md-default-theme:not(.md-menu-toolbar).md-default .md-button,
183 md-toolbar.md-table-toolbar:not(.md-menu-toolbar).md-default .md-button {
184   color: rgba(0, 0, 0, 0.87);
185 }
186 @media only screen and (max-width: 959px) and (min-width: 0) and (orientation: landscape) {
187   md-toolbar.md-table-toolbar .md-toolbar-tools {
188     height: 64px;
189     max-height: initial;
190   }
191 }
192 md-toolbar.md-table-toolbar .md-toolbar-tools {
193   padding: 0 24px;
194 }
195 md-toolbar.md-table-toolbar .md-toolbar-tools md-icon {
196   color: rgba(0, 0, 0, 0.54);
197 }
198 md-toolbar.md-table-toolbar .md-toolbar-tools > .md-button.md-icon-button {
199   margin: 0;
200 }
201 md-toolbar.md-table-toolbar .md-toolbar-tools > .md-button.md-icon-button:first-child {
202   margin-left: -12px;
203 }
204 md-toolbar.md-table-toolbar .md-toolbar-tools > .md-button.md-icon-button:last-child {
205   margin-right: -12px;
206 }
207 md-card > md-toolbar.md-table-toolbar:first-child,
208 md-card > md-table-container:first-child {
209   border-top-left-radius: 2px;
210   border-top-right-radius: 2px;
211 }
212 md-card > md-toolbar.md-table-toolbar:last-child,
213 md-card > md-table-container:last-child {
214   border-bottom-left-radius: 2px;
215   border-bottom-right-radius: 2px;
216 }
217 md-table-container {
218   display: block;
219   max-width: 100%;
220   overflow-x: auto;
221   -webkit-overflow-scrolling: touch;
222 }
223 table.md-table {
224   width: 100%;
225   border-spacing: 0;
226   overflow: hidden;
227 }
228 table.md-table thead.md-head > tr.md-row {
229   height: 56px;
230 }
231 table.md-table tbody.md-body > tr.md-row,
232 table.md-table tfoot.md-foot > tr.md-row {
233   height: 48px;
234 }
235 table.md-table thead.md-head + .md-table-progress md-progress-linear {
236   top: -3px;
237 }
238 table.md-table .md-table-progress th {
239   padding: 0;
240 }
241 table.md-table .md-table-progress th md-progress-linear {
242   height: 0;
243   transition: opacity 1s;
244 }
245 table.md-table .md-table-progress th md-progress-linear.ng-hide {
246   opacity: 0;
247 }
248 table.md-table .md-table-progress th md-progress-linear > .md-container {
249   height: 3px;
250   top: 0;
251   transition: none;
252 }
253 table.md-table .md-table-progress th md-progress-linear > .md-container > .md-bar {
254   height: 3px;
255 }
256 table.md-table th.md-column {
257   color: rgba(0, 0, 0, 0.54);
258   font-size: 12px;
259   font-weight: bold;
260   white-space: nowrap;
261 }
262 table.md-table th.md-column.md-sort {
263   cursor: pointer;
264 }
265 table.md-table th.md-column md-icon {
266   height: 16px;
267   width: 16px;
268   font-size: 16px !important;
269   line-height: 16px !important;
270 }
271 table.md-table th.md-column md-icon.md-sort-icon {
272   color: rgba(0, 0, 0, 0.26);
273   opacity: 0;
274   transition: -webkit-transform 0.25s, opacity 0.25s;
275   transition: transform 0.25s, opacity 0.25s;
276 }
277 table.md-table th.md-column md-icon.md-sort-icon.md-asc {
278   -webkit-transform: rotate(0deg);
279           transform: rotate(0deg);
280 }
281 table.md-table th.md-column md-icon.md-sort-icon.md-desc {
282   -webkit-transform: rotate(180deg);
283           transform: rotate(180deg);
284 }
285 table.md-table th.md-column md-icon:not(:first-child) {
286   margin-left: 8px;
287 }
288 table.md-table th.md-column md-icon:not(:last-child) {
289   margin-right: 8px;
290 }
291 table.md-table th.md-column.md-active,
292 table.md-table th.md-column.md-active md-icon {
293   color: rgba(0, 0, 0, 0.87);
294 }
295 table.md-table th.md-column:hover md-icon.md-sort-icon,
296 table.md-table th.md-column.md-active md-icon.md-sort-icon {
297   opacity: 1;
298 }
299 table.md-table tr.md-row[ng\:repeat].ng-leave,
300 table.md-table tr.md-row[ng-repeat].ng-leave,
301 table.md-table tr.md-row[x-ng-repeat].ng-leave,
302 table.md-table tr.md-row[data-ng-repeat].ng-leave {
303   display: none;
304 }
305 table.md-table.md-row-select tbody.md-body > tr.md-row {
306   transition: background-color 0.2s;
307 }
308 table.md-table.md-row-select tbody.md-body > tr.md-row:not([disabled]):hover {
309   background-color: #eeeeee !important;
310 }
311 table.md-table.md-row-select tbody.md-body > tr.md-row.md-selected {
312   background-color: #f5f5f5;
313 }
314 table.md-table.md-row-select td.md-cell:first-child,
315 table.md-table.md-row-select th.md-column:first-child {
316   width: 20px;
317   padding: 0 0 0 24px;
318 }
319 table.md-table.md-row-select td.md-cell:nth-child(2),
320 table.md-table.md-row-select th.md-column:nth-child(2) {
321   padding: 0 24px;
322 }
323 table.md-table.md-row-select td.md-cell:nth-child(n+3):nth-last-child(n+2),
324 table.md-table.md-row-select th.md-column:nth-child(n+3):nth-last-child(n+2) {
325   padding: 0 56px 0 0;
326 }
327 table.md-table:not(.md-row-select) td.md-cell:first-child,
328 table.md-table:not(.md-row-select) th.md-column:first-child {
329   padding: 0 24px;
330 }
331 table.md-table:not(.md-row-select) td.md-cell:nth-child(n+2):nth-last-child(n+2),
332 table.md-table:not(.md-row-select) th.md-column:nth-child(n+2):nth-last-child(n+2) {
333   padding: 0 56px 0 0;
334 }
335 table.md-table td.md-cell,
336 table.md-table th.md-column {
337   vertical-align: middle;
338   text-align: left;
339 }
340 table.md-table td.md-cell > *,
341 table.md-table th.md-column > * {
342   vertical-align: middle;
343 }
344 table.md-table td.md-cell:last-child,
345 table.md-table th.md-column:last-child {
346   padding: 0 24px 0 0;
347 }
348 table.md-table td.md-cell.md-clickable,
349 table.md-table th.md-column.md-clickable {
350   cursor: pointer;
351 }
352 table.md-table td.md-cell.md-clickable:focus,
353 table.md-table th.md-column.md-clickable:focus {
354   outline: none;
355 }
356 table.md-table td.md-cell.md-numeric,
357 table.md-table th.md-column.md-numeric {
358   text-align: right;
359 }
360 table.md-table td.md-cell md-checkbox,
361 table.md-table th.md-column md-checkbox {
362   margin: 0;
363   width: 20px;
364 }
365 table.md-table td.md-cell {
366   color: rgba(0, 0, 0, 0.87);
367   font-size: 13px;
368   border-top: 1px rgba(0, 0, 0, 0.12) solid;
369 }
370 table.md-table td.md-cell.md-numeric md-select {
371   -webkit-justify-content: flex-end;
372       -ms-flex-pack: end;
373           justify-content: flex-end;
374 }
375 table.md-table td.md-cell.md-numeric md-select .md-select-value {
376   -webkit-flex: 0 0 auto;
377       -ms-flex: 0 0 auto;
378           flex: 0 0 auto;
379 }
380 table.md-table td.md-cell.md-placeholder {
381   color: rgba(0, 0, 0, 0.26);
382 }
383 table.md-table td.md-cell md-select > .md-select-value > span.md-select-icon {
384   -webkit-justify-content: flex-end;
385       -ms-flex-pack: end;
386           justify-content: flex-end;
387   color: rgba(0, 0, 0, 0.54);
388   width: 18px;
389   text-align: right;
390 }
391 table.md-table td.md-cell md-select > .md-select-value > span.md-select-icon:after {
392   -webkit-transform: scaleY(0.4) scaleX(0.8);
393           transform: scaleY(0.4) scaleX(0.8);
394 }