3be9752222b1bc5c8bc914d253fcb7abae7e4639
[vid.git] / vid-webpack-master / src / app / shared / components / searchMembersModal / members-table / members-table.component.scss
1 .table-header {
2   display: flex;
3   margin-bottom: 5px;
4   .left-header{
5     .title-header{
6       font-family: OpenSans-SemiBold;
7       color: #191919;
8       font-size: 15px;
9       margin-bottom: 5px;
10       display: block;
11     }
12
13     .sub-title-header{
14
15       .vnf-selected{
16         margin-left: 25px;
17       }
18
19       .vnf-match-your-criteria{
20       }
21     }
22     .total{
23       font-family: OpenSans-Regular;
24       color: #191919;
25       font-size: 15px;
26       margin-right: 10px;
27     }
28
29   }
30
31   .search-container{
32     flex-basis: 300px;
33     margin-left: auto;
34   }
35 }
36
37 #member-table>tbody+tbody {
38   border-top: 1px solid #ddd;
39 }
40
41
42
43 #member-table {
44   border: 1px solid #D2D2D2;
45   thead {
46     background: #F8F8F8;
47     th.allCheckboxAreSelected {
48       vertical-align: middle !important;
49       width: 48px;
50       max-width: 48px;
51       min-width: 48px;
52       height: 48px;
53     }
54     th.header-title {
55       font-family: OpenSans-SemiBold;
56       vertical-align: middle !important;
57       height: 48px;
58       font-size: 12px;
59     }
60   }
61   tbody {
62     td{
63       text-align: center;
64       height: 60px;
65       padding-top: 0;
66       padding-bottom: 0;
67       max-height: 60px;
68       vertical-align: middle;
69       .second-line {
70         font-size: 12px;
71       }
72     }
73   }
74
75
76   //font-size: 12px;
77
78   th.allCheckboxAreSelected {
79     text-align: center;
80   }
81 }
82
83 .no-result {
84   font-family: OpenSans-Regular;
85   width: 100%;
86   height: 100%;
87   border: 1px solid #d2d2d2;
88   display: flex;
89   align-items: center;
90   justify-content: center;
91 }