Merge "Initial code import"
[msb/apigateway.git] / apiroute / apiroute-service / src / main / resources / iui-metrics / js / dataTables / dataTables.bootstrap.css
1 div.dataTables_length label {
2         font-weight: normal;
3         text-align: left;
4         white-space: nowrap;
5 }
6
7 div.dataTables_length select {
8         width: 75px;
9         display: inline-block;
10 }
11
12 div.dataTables_filter {
13         text-align: right;
14 }
15
16 div.dataTables_filter label {
17         font-weight: normal;
18         white-space: nowrap;
19         text-align: left;
20 }
21
22 div.dataTables_filter input {
23         margin-left: 0.5em;
24         display: inline-block;
25 }
26
27 div.dataTables_info {
28         padding-top: 8px;
29         white-space: nowrap;
30 }
31
32 div.dataTables_paginate {
33         margin: 0;
34         white-space: nowrap;
35         text-align: right;
36 }
37
38 div.dataTables_paginate ul.pagination {
39         margin: 2px 0;
40         white-space: nowrap;
41 }
42
43 @media screen and (max-width: 767px) {
44         div.dataTables_length,
45         div.dataTables_filter,
46         div.dataTables_info,
47         div.dataTables_paginate {
48                 text-align: center;
49         }
50 }
51
52
53 table.dataTable td,
54 table.dataTable th {
55         -webkit-box-sizing: content-box;
56         -moz-box-sizing: content-box;
57         box-sizing: content-box;
58 }
59
60
61 table.dataTable {
62         clear: both;
63         margin-top: 6px !important;
64         margin-bottom: 6px !important;
65         max-width: none !important;
66 }
67
68 table.dataTable thead .sorting,
69 table.dataTable thead .sorting_asc,
70 table.dataTable thead .sorting_desc,
71 table.dataTable thead .sorting_asc_disabled,
72 table.dataTable thead .sorting_desc_disabled {
73         cursor: pointer;
74 }
75
76
77 table.dataTable thead > tr > th {
78         padding-left: 18px;
79         padding-right: 18px;
80 }
81
82 table.dataTable th:active {
83         outline: none;
84 }
85
86 /* Scrolling */
87 div.dataTables_scrollHead table {
88         margin-bottom: 0 !important;
89         border-bottom-left-radius: 0;
90         border-bottom-right-radius: 0;
91 }
92
93 div.dataTables_scrollHead table thead tr:last-child th:first-child,
94 div.dataTables_scrollHead table thead tr:last-child td:first-child {
95         border-bottom-left-radius: 0 !important;
96         border-bottom-right-radius: 0 !important;
97 }
98
99 div.dataTables_scrollBody table {
100         border-top: none;
101         margin-top: 0 !important;
102         margin-bottom: 0 !important;
103 }
104
105 div.dataTables_scrollBody tbody tr:first-child th,
106 div.dataTables_scrollBody tbody tr:first-child td {
107         border-top: none;
108 }
109
110 div.dataTables_scrollFoot table {
111         margin-top: 0 !important;
112         border-top: none;
113 }
114
115 /* Frustratingly the border-collapse:collapse used by Bootstrap makes the column
116    width calculations when using scrolling impossible to align columns. We have
117    to use separate
118  */
119 table.table-bordered.dataTable {
120         border-collapse: separate !important;
121 }
122 table.table-bordered thead th,
123 table.table-bordered thead td {
124         border-left-width: 0;
125         border-top-width: 0;
126 }
127 table.table-bordered tbody th,
128 table.table-bordered tbody td {
129         border-left-width: 0;
130         border-bottom-width: 0;
131 }
132 table.table-bordered th:last-child,
133 table.table-bordered td:last-child {
134         border-right-width: 0;
135 }
136 div.dataTables_scrollHead table.table-bordered {
137         border-bottom-width: 0;
138 }
139
140
141
142
143 /*
144  * TableTools styles
145  */
146 .table.dataTable tbody tr.active td,
147 .table.dataTable tbody tr.active th {
148         background-color: #08C;
149         color: white;
150 }
151
152 .table.dataTable tbody tr.active:hover td,
153 .table.dataTable tbody tr.active:hover th {
154         background-color: #0075b0 !important;
155 }
156
157 .table.dataTable tbody tr.active th > a,
158 .table.dataTable tbody tr.active td > a {
159         color: white;
160 }
161
162 .table-striped.dataTable tbody tr.active:nth-child(odd) td,
163 .table-striped.dataTable tbody tr.active:nth-child(odd) th {
164         background-color: #017ebc;
165 }
166
167 table.DTTT_selectable tbody tr {
168         cursor: pointer;
169 }
170
171 div.DTTT .btn:hover {
172         text-decoration: none !important;
173 }
174
175 ul.DTTT_dropdown.dropdown-menu {
176   z-index: 2003;
177 }
178
179 ul.DTTT_dropdown.dropdown-menu a {
180         color: #333 !important; /* needed only when demo_page.css is included */
181 }
182
183 ul.DTTT_dropdown.dropdown-menu li {
184         position: relative;
185 }
186
187 ul.DTTT_dropdown.dropdown-menu li:hover a {
188         background-color: #0088cc;
189         color: white !important;
190 }
191
192 div.DTTT_collection_background {
193         z-index: 2002;  
194 }
195
196 /* TableTools information display */
197 div.DTTT_print_info {
198         position: fixed;
199         top: 50%;
200         left: 50%;
201         width: 400px;
202         height: 150px;
203         margin-left: -200px;
204         margin-top: -75px;
205         text-align: center;
206         color: #333;
207         padding: 10px 30px;
208         opacity: 0.95;
209
210         background-color: white;
211         border: 1px solid rgba(0, 0, 0, 0.2);
212         border-radius: 6px;
213         
214         -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
215                 box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
216 }
217
218 div.DTTT_print_info h6 {
219         font-weight: normal;
220         font-size: 28px;
221         line-height: 28px;
222         margin: 1em;
223 }
224
225 div.DTTT_print_info p {
226         font-size: 14px;
227         line-height: 20px;
228 }
229
230 div.dataTables_processing {
231     position: absolute;
232     top: 50%;
233     left: 50%;
234     width: 100%;
235     height: 60px;
236     margin-left: -50%;
237     margin-top: -25px;
238     padding-top: 20px;
239     padding-bottom: 20px;
240     text-align: center;
241     font-size: 1.2em;
242     background-color: white;
243     background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(25%, rgba(255,255,255,0.9)), color-stop(75%, rgba(255,255,255,0.9)), color-stop(100%, rgba(255,255,255,0)));
244     background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
245     background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
246     background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
247     background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
248     background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
249 }
250
251
252
253 /*
254  * FixedColumns styles
255  */
256 div.DTFC_LeftHeadWrapper table,
257 div.DTFC_LeftFootWrapper table,
258 div.DTFC_RightHeadWrapper table,
259 div.DTFC_RightFootWrapper table,
260 table.DTFC_Cloned tr.even {
261     background-color: white;
262     margin-bottom: 0;
263 }
264  
265 div.DTFC_RightHeadWrapper table ,
266 div.DTFC_LeftHeadWrapper table {
267         border-bottom: none !important;
268     margin-bottom: 0 !important;
269     border-top-right-radius: 0 !important;
270     border-bottom-left-radius: 0 !important;
271     border-bottom-right-radius: 0 !important;
272 }
273  
274 div.DTFC_RightHeadWrapper table thead tr:last-child th:first-child,
275 div.DTFC_RightHeadWrapper table thead tr:last-child td:first-child,
276 div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child,
277 div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child {
278     border-bottom-left-radius: 0 !important;
279     border-bottom-right-radius: 0 !important;
280 }
281  
282 div.DTFC_RightBodyWrapper table,
283 div.DTFC_LeftBodyWrapper table {
284     border-top: none;
285     margin: 0 !important;
286 }
287  
288 div.DTFC_RightBodyWrapper tbody tr:first-child th,
289 div.DTFC_RightBodyWrapper tbody tr:first-child td,
290 div.DTFC_LeftBodyWrapper tbody tr:first-child th,
291 div.DTFC_LeftBodyWrapper tbody tr:first-child td {
292     border-top: none;
293 }
294  
295 div.DTFC_RightFootWrapper table,
296 div.DTFC_LeftFootWrapper table {
297     border-top: none;
298     margin-top: 0 !important;
299 }
300
301
302 /*
303  * FixedHeader styles
304  */
305 div.FixedHeader_Cloned table {
306         margin: 0 !important
307 }
308