PluginProbe
wpDataTables – WordPress Data Table, Dynamic Tables & Table Charts Plugin / trunk
wpDataTables – WordPress Data Table, Dynamic Tables & Table Charts Plugin vtrunk
6.5.1.6 6.5.1.5 6.5.1.4 6.5.1.3 6.5.1.2 6.5.1.1 6.5.0.9 6.5.0.8 6.5.0.7 6.5.0.6 trunk 3.4.2.40 3.4.2.41 3.4.2.42 3.4.2.43 3.4.2.44 3.4.2.45 3.4.2.46 3.4.2.47 3.4.2.48 3.4.2.49 3.4.2.50 6.3.2 6.3.3.1 6.3.3.10 All 46 releases
wpdatatables / assets / css / admin / admin.css

admin.css in wpDataTables – WordPress Data Table, Dynamic Tables & Table Charts Plugin trunk, at assets/css/admin/admin.css

2,061 lines 73.4 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap');
2 @font-face {
3 font-family: 'wpDataTablesIcons' !important;
4 src: url(../../fonts/wpDataTablesIcons.eot);
5 src: url(../../fonts/wpDataTablesIcons.eot?#iefix) format('embedded-opentype'), url(../../fonts/wpDataTablesIcons.woff) format('woff'), url(../../fonts/wpDataTablesIcons.ttf) format('truetype'), url(../../fonts/wpDataTablesIcons.svg#wpDataTablesIcons) format('svg');
6 }
7
8 /** STORE FONTS */
9 @font-face {
10 font-family: 'graphik-medium';
11 src: url(../../fonts/Graphik-Medium-Web.eot);
12 src: url(../../fonts/Graphik-Medium-Web.eot?#iefix) format('embedded-opentype'), url(../../fonts/Graphik-Medium-Web.woff2) format('woff2'), url(../../fonts/Graphik-Medium-Web.woff) format('woff');
13 font-weight: 500;
14 font-style: normal;
15 font-stretch: normal;
16 }
17
18 @font-face {
19 font-family: 'graphik-regular';
20 src: url(../../fonts/Graphik-Regular-Web.eot);
21 src: url(../../fonts/Graphik-Regular-Web.eot?#iefix) format('embedded-opentype'), url(../../fonts/Graphik-Regular-Web.woff2) format('woff2'), url(../../fonts/Graphik-Regular-Web.woff) format('woff');
22 font-weight: 400;
23 font-style: normal;
24 font-stretch: normal;
25 }
26
27 @font-face {
28 font-family: 'graphik-light';
29 src: url(../../fonts/Graphik-Light-Web.eot);
30 src: url(../../fonts/Graphik-Light-Web.eot?#iefix) format('embedded-opentype'), url(../../fonts/Graphik-Light-Web.woff2) format('woff2'), url(../../fonts/Graphik-Light-Web.woff) format('woff');
31 font-weight: 300;
32 font-style: normal;
33 font-stretch: normal;
34 }
35 @font-face{
36 font-family:"DIN-Light-Italic";
37 src:url(../../fonts/a819beca-e31b-40b3-bc54-23a8a4a8444d.eot?#iefix);
38 src:url(../../fonts/a819beca-e31b-40b3-bc54-23a8a4a8444d.eot?#iefix) format("eot"),url(../../fonts/432c9e2a-ea2e-479f-8920-a944904adff2.woff2) format("woff2"),url(../../fonts/a062545d-8a1d-4a8c-88ce-48870c7cb3ca.woff) format("woff"),url(../../fonts/e157e6e0-4dd1-4632-9846-e2534d9e08d0.ttf) format("truetype");
39 }
40 @font-face{
41 font-family:"DIN-Regular";
42 src:url(../../fonts/936930ba-a8da-4765-9e89-0f35cdff223f.eot?#iefix);
43 src:url(../../fonts/936930ba-a8da-4765-9e89-0f35cdff223f.eot?#iefix) format("eot"),url(../../fonts/6b4d4830-9c7d-43d2-b5d3-c73f739561b9.woff2) format("woff2"),url(../../fonts/ccf25ada-6d2a-4133-95dc-deb039e22999.woff) format("woff"),url(../../fonts/126195b4-2fa0-4b95-b5cf-ad9bf10193f0.ttf) format("truetype");
44 }
45 @font-face{
46 font-family:"DIN-Medium";
47 src:url(../../fonts/c6dbdd54-50f5-472a-8b74-0e98ef77e33e.eot?#iefix);
48 src:url(../../fonts/c6dbdd54-50f5-472a-8b74-0e98ef77e33e.eot?#iefix) format("eot"),url(../../fonts/afabdfcf-432c-49b4-a496-0e5051e87fa9.woff2) format("woff2"),url(../../fonts/611ea865-db7e-4c05-94b8-bd1675c90576.woff) format("woff"),url(../../fonts/e65314e4-c389-45b8-99a9-26ab6aef066c.ttf) format("truetype");
49 }
50 @font-face{
51 font-family:"DIN-Bold";
52 src:url(../../fonts/fa5ed46b-792d-4f47-894e-fa587cf4e1cf.eot?#iefix);
53 src:url(../../fonts/fa5ed46b-792d-4f47-894e-fa587cf4e1cf.eot?#iefix) format("eot"),url(../../fonts/03008527-67bd-478e-98e3-3b56dd9a6520.woff2) format("woff2"),url(../../fonts/557f817d-9c25-4a23-baaf-a3cf84a7cd7c.woff) format("woff"),url(../../fonts/92ed1479-1d40-4a94-8baf-6abd88b17afa.ttf) format("truetype");
54 }
55
56
57 /* Icons */
58 #toplevel_page_wpdatatables-dashboard div.wp-menu-image:before,
59 .toplevel_page_wpdatatables-dashboard .ui-dialog-titlebar-close:before {
60 display: inline-block;
61 font-family: 'wpDataTablesIcons' !important;
62 font-style: normal;
63 font-weight: normal;
64 text-align: center;
65 text-decoration: none;
66 vertical-align: middle;
67 -webkit-font-smoothing: antialiased;
68 }
69
70 #toplevel_page_wpdatatables-dashboard div.wp-menu-image {
71 background-image: url(../../img/logo-large.png);
72 background-size: 25px 25px;
73 background-repeat: no-repeat;
74 background-position: center center;
75 }
76
77 .wpdt-c.wpdatatables_page_wpdatatables-chart-wizard,
78 .wpdt-c.wpdatatables_page_wpdatatables-add-ons,
79 .wpdt-c.wpdatatables_page_wpdatatables-settings,
80 .wpdt-c.wpdatatables_page_wpdatatables-administration,
81 .wpdt-c.wpdatatables_page_wpdatatables-charts,
82 .wpdt-c.toplevel_page_wpdatatables-dashboard,
83 .wpdt-c.wpdatatables_page_wpdatatables-constructor {
84 background: #F1F1F1;
85 }
86
87 .wpdt-c #pick-range-table-container { width: 100%; max-height: 400px; overflow: auto; }
88
89 .wpdt-c #range_picked_info { padding: 3px; font-size: 10px; }
90
91 .wpdt-c div.columns-block-selecter-buttons { margin: 5px }
92
93 .wpdt-c div.wpDataTables div.strings-error,
94 .wpdt-c div.wpDataTables div.min-columns-error,
95 .wpdt-c div.wpDataTables div.max-columns-error {
96 font-weight: bold;
97 color: red;
98 margin: 5px;
99 padding: 3px;
100 border: 1px solid red;
101 border-radius: 3px;
102 background-color: #fdd;
103 }
104
105 div.mce-widget button i.mce-i-wpdatatable{
106 background-image: url(../../img/logo-large.png);
107 background-size: 23px 23px;
108 background-repeat: no-repeat;
109 background-position: center center;
110 }
111
112 div.mce-widget button i.mce-i-wpdatachart{
113 background-image: url(../../img/chart-icon.png);
114 background-size: 23px 23px;
115 background-repeat: no-repeat;
116 background-position: center center;
117 }
118
119 .wpdt-c #formattingRules { padding: 10px }
120
121 .wpdt-c #wpDataTablesSettings td.columnsBlock input.possibleValues {
122 display: none !important;
123 }
124
125 .wpdt-c #wpDataTablesSettings td.columnsBlock button.generatePossibleValues {
126 height: auto;
127 white-space: normal;
128 line-height: 20px;
129 }
130
131 .wpdt-c #wdtConfigureTableToolsBlock {
132 margin: 5px;
133 padding-top: 10px;
134 display: none;
135 }
136
137 .wpdt-c #wdtConfigureTableToolsBlock label {
138 display: block;
139 margin: 3px;
140 }
141
142 .wpdt-c #wdtSaveConfirmationPopover {
143 position: absolute;
144 background-color: rgba(78, 125, 1,0.7);
145 padding: 8px;
146 border-radius: 4px;
147 color: #fff;
148 top: -40px;
149 display: none;
150 }
151 .wpdt-c .wdt-datatables-admin-wrap {
152 margin: 0 0 0 -20px;
153 padding: 20px;
154 }
155
156 .wpdt-c div.addons_container {
157 position: relative;
158 background: #fff;
159 border: 1px solid #ccc;
160 padding: 10px;
161 overflow: hidden;
162 }
163
164 .wpdt-c div.wdt_addon_thumb {
165 width: 250px;
166 height: 180px;
167 background-color: #ddd;
168 position: relative;
169 opacity: 0.75;
170 transition: opacity 0.2s ease;
171 }
172
173 .wpdt-c div.wdt_addon_thumb:hover {
174 opacity: 1;
175 }
176
177 .wpdt-c div.wdt_addon {
178 float: left;
179 width: 250px;
180 height: 315px;
181 margin: 10px;
182 padding: 10px;
183 border: 1px solid #eaeaea;
184 background-color: #f7f7f7;
185 }
186
187 .wpdt-c div.wdt_addon_title {
188 position: absolute;
189 bottom: 0;
190 background: rgba(0,0,0,0.5);
191 width: 100%;
192 height: 40px;
193 padding: 0;
194 }
195
196 .wpdt-c div.wdt_addon_title h3 {
197 color: #fff;
198 margin: 0;
199 margin-left: 10px;
200 margin-top: 10px;
201 }
202
203 .wpdt-c div.wdt_addon_title h3 a {
204 color: #fff;
205 text-decoration: none;
206 transition: color 0.2s ease;
207 }
208
209 .wpdt-c div.wdt_addon_title h3 a:hover {
210 color: #ddd;
211 text-decoration: underline;
212 }
213
214 .wpdt-c div.dt-button-info {
215 position: fixed;
216 top: 50%;
217 left: 50%;
218 width: 400px;
219 margin-top: -100px;
220 margin-left: -200px;
221 background-color: white;
222 border: 2px solid #111;
223 box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
224 border-radius: 3px;
225 text-align: center;
226 z-index: 21;
227 }
228 .wpdt-c div.dt-button-info h2 {
229 padding: 0.5em;
230 margin: 0;
231 font-weight: normal;
232 border-bottom: 1px solid #ddd;
233 background-color: #f3f3f3;
234 }
235 .wpdt-c div.dt-button-info > div {
236 padding: 1em;
237 }
238
239 .wpdt-c div.wdtDuplicateTableName {
240 margin: 30px 0;
241 }
242 .wpdt-c div.manual_duplicate {
243 margin: 20px 0;
244 }
245
246 .wpdt-c .duplicate_explain {
247 border: 1px solid #cccccc;
248 border-radius: 3px;
249 padding: 0px 10px;
250 margin-top: 20px;
251 text-align: justify;
252 }
253
254 .wpdt-c #wdt-range-picker checkbox {
255 display: inline-block;
256 }
257
258 .wpdt-c #wdt-range-picker .checkbox {
259 margin-bottom: 25px;
260 margin-top: 15px;
261 }
262
263 .wpdt-c #wdt-range-picker .pick-row .checkbox {
264 margin: 0;
265 }
266
267 .wpdt-c div.wpdt-tab {
268 background-color: #fff;
269 }
270 .wpdt-c .wdt-datatables-admin-wrap .bg-white {
271 background: #ffffff;
272 }
273 .wpdt-c .wdt-datatables-admin-wrap .wpdt-actions-bottom {
274 padding: 20px 0;
275 background: #F1F1F1;
276 margin: 0;
277 }
278
279 .wpdt-c .wdt-datatables-admin-wrap .tab-nav li {
280 margin-bottom: 0;
281 }
282
283 .wpdt-c .wdt-datatables-admin-wrap .card {
284 max-width: 100%;
285 padding: 0;
286 margin-top: 0;
287 border: none;
288 }
289 .wpdt-c .wdt-datatables-admin-wrap .wdt-table-constructor,
290 .wpdt-c .wdt-datatables-admin-wrap .plugin-settings,
291 .wpdt-c .wdt-datatables-admin-wrap .plugin-dashboard,
292 .wpdt-c .wdt-datatables-admin-wrap .wdt-chart-wizard,
293 .wpdt-c .wdt-datatables-admin-wrap .wdt-addons,
294 .wpdt-c .wdt-datatables-admin-wrap .wdt-browse-table {
295 font-family: Inter;
296 margin-bottom: 0;
297 background: #F1F1F1 !important;
298 opacity: 1;
299 }
300 .wpdt-c .wdt-datatables-admin-wrap .wdt-table-settings {
301 font-family: Inter;
302 background: none !important;
303 }
304 .wpdt-c .wdt-datatables-admin-wrap .column-settings-pcolumn-sanel {
305 font-family: Inter;
306 }
307 .wpdt-c .wdt-datatables-admin-wrap .column-settings-panel div.wpDataTableContainer{
308 margin: 0;
309 }
310 .wpdt-c .wdt-datatables-admin-wrap .column-settings-panel .wdtColumnOrigHeader {
311 background-color: #fff;
312 color:#304463;
313 font-size: 15px;
314 line-height: 20px;
315 padding: 0;
316 }
317 .wpdt-c .wdt-datatables-admin-wrap .column-settings-panel .wdt-column-calc-total-block,
318 .wpdt-c .wdt-datatables-admin-wrap .column-settings-panel .wdt-column-calc-avg-block,
319 .wpdt-c .wdt-datatables-admin-wrap .column-settings-panel .wdt-column-calc-min-block,
320 .wpdt-c .wdt-datatables-admin-wrap .column-settings-panel .wdt-column-calc-max-block{
321 margin-bottom: 30px;
322 }
323 .wpdt-c .wdt-datatables-admin-wrap .column-settings-panel #wdt-column-calc-total-shortcode,
324 .wpdt-c .wdt-datatables-admin-wrap .column-settings-panel #wdt-column-calc-avg-shortcode,
325 .wpdt-c .wdt-datatables-admin-wrap .column-settings-panel #wdt-column-calc-min-shortcode,
326 .wpdt-c .wdt-datatables-admin-wrap .column-settings-panel #wdt-column-calc-max-shortcode{
327 display: flex;
328 }
329 .wpdt-c .wdt-datatables-admin-wrap .column-settings-panel .wdt-copy-shortcode{
330 display: inline-block;
331 color: #304463;
332 cursor: pointer;
333 }
334 .wpdt-c .wdt-datatables-admin-wrap .column-settings-panel #wdt-calc-total-shortcode-id,
335 .wpdt-c .wdt-datatables-admin-wrap .column-settings-panel #wdt-calc-avg-shortcode-id,
336 .wpdt-c .wdt-datatables-admin-wrap .column-settings-panel #wdt-calc-min-shortcode-id,
337 .wpdt-c .wdt-datatables-admin-wrap .column-settings-panel #wdt-calc-max-shortcode-id {
338 background: #F4F5F7;
339 border-radius: 0 3px 3px 0;
340 padding: 4px 8px;
341 border: none;
342 color: #172B4D;
343 font-style: normal;
344 font-weight: normal;
345 font-size: 12px;
346 line-height: 20px;
347 }
348
349 .wpdt-c .wdt-datatables-admin-wrap .column-settings-panel .wdt-copy-shortcode i{
350 padding: 4px 7px;
351 background: #EBECF0;
352 border-radius: 3px 0 0 3px;
353 line-height: 20px;
354 }
355 .wpdt-c .wdt-datatables-admin-wrap .column-settings-panel .wdt-column-add-conditional-formatting-rule{
356 font-weight: 500;
357 font-size: 14px;
358 line-height: 20px;
359 border: none;
360 background:#ffffff ;
361 color: #008CFF;
362 padding-left: 0;
363 }
364 .wpdt-c .wdt-datatables-admin-wrap .column-settings-panel .wdt-column-add-conditional-formatting-rule:hover{
365 color: #1572BF;
366 }
367 .wpdt-c .wdt-datatables-admin-wrap .wdt-manual-list-enter-block .btn.btn-xs,
368 .wpdt-c .wdt-datatables-admin-wrap .wdt-manual-list-enter-block .btn.btn-xs:active,
369 .wpdt-c .wdt-datatables-admin-wrap .wdt-manual-list-enter-block .btn.btn-xs:hover {
370 font-weight: 500;
371 font-size: 11px !important;
372 line-height: 20px !important;
373 color: #000000;
374 background: #FFFFFF;
375 border: 1px solid #DFE1E6;
376 box-sizing: border-box;
377 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06);
378 border-radius: 5px;
379 margin-left: 4px !important;
380 }
381 .wpdt-c .wdt-datatables-admin-wrap .wdt-manual-list-enter-block .btn i{
382 margin-right: 4px;
383 color: #F03E3E;
384 }
385 .wpdt-c .wdt-datatables-admin-wrap #wdt-add-column-modal input.form-control:not(.fc-alt),
386 .wpdt-c .wdt-datatables-admin-wrap #wdt-duplicate-table-modal input.form-control:not(.fc-alt),
387 .wpdt-c .wdt-datatables-admin-wrap #wdt-duplicate-chart-modal input.form-control:not(.fc-alt),
388 .wpdt-c .wdt-datatables-admin-wrap #wdt-remove-column-modal input.form-control:not(.fc-alt),
389 .wpdt-c .wdt-datatables-admin-wrap .wdt-table-constructor input.form-control:not(.fc-alt),
390 .wpdt-c .wdt-datatables-admin-wrap .plugin-settings input.form-control:not(.fc-alt),
391 .wpdt-c .wdt-datatables-admin-wrap .plugin-dashboard input.form-control:not(.fc-alt),
392 .wpdt-c .wdt-datatables-admin-wrap .column-settings-panel input.form-control:not(.fc-alt),
393 .wpdt-c .wdt-datatables-admin-wrap .wdt-table-settings input.form-control:not(.fc-alt),
394 .wpdt-c .wdt-datatables-admin-wrap .wdt-chart-wizard input.form-control:not(.fc-alt),
395 .wpdt-c .wdt-datatables-admin-wrap .wdt-addons input.form-control:not(.fc-alt),
396 .wpdt-c .wdt-datatables-admin-wrap .wdt-chart-wizard label.form-control:not(.fc-alt),
397 .wpdt-c .wdt-datatables-admin-wrap .wdt-browse-table input.form-control:not(.fc-alt){
398 font-size: 13px;
399 line-height: 20px;
400 color: #061938;
401 padding: 10px 12px;
402 background: #FFFFFF;
403 border: 1px solid #D7D9E2;
404 box-sizing: border-box;
405 box-shadow: 0 1px 2px rgba(90, 108, 137, 0.08) !important;
406 border-radius: 3px;
407 height: 40px !important;
408 }
409 .wpdt-c #wdt-remove-column-modal .bootstrap-select:not([class*=col-]):not(.input-group-btn),
410 .wpdt-c #wdt-add-column-modal .bootstrap-select:not([class*=col-]):not(.input-group-btn),
411 .wpdt-c #wdt-configure-foreign-key-modal .bootstrap-select:not([class*=col-]):not(.input-group-btn),
412 .wpdt-c .wdt-datatables-admin-wrap .wdt-table-constructor .bootstrap-select:not([class*=col-]):not(.input-group-btn),
413 .wpdt-c .wdt-datatables-admin-wrap .plugin-settings .bootstrap-select:not([class*=col-]):not(.input-group-btn),
414 .wpdt-c .wdt-datatables-admin-wrap .plugin-dashboard .bootstrap-select:not([class*=col-]):not(.input-group-btn),
415 .wpdt-c .wdt-datatables-admin-wrap .column-settings-panel .bootstrap-select:not([class*=col-]):not(.input-group-btn),
416 .wpdt-c .wdt-datatables-admin-wrap .wdt-table-settings .bootstrap-select:not([class*=col-]):not(.input-group-btn),
417 .wpdt-c .wdt-datatables-admin-wrap .wdt-chart-wizard .bootstrap-select:not([class*=col-]):not(.input-group-btn),
418 .wpdt-c .wdt-datatables-admin-wrap .wdt-addons .bootstrap-select:not([class*=col-]):not(.input-group-btn),
419 .wpdt-c .wdt-datatables-admin-wrap .wdt-browse-table .bootstrap-select:not([class*=col-]):not(.input-group-btn){
420 border: 1px solid #D7D9E2;
421 box-sizing: border-box;
422 box-shadow: 0px 1px 2px rgba(90, 108, 137, 0.08);
423 border-radius: 3px;
424 font-size: 14px;
425 line-height: 20px;
426 color: #061938;
427 height: 40px !important;
428 }
429 .wpdt-c #wdt-remove-column-modal .bootstrap-select:not([class*=col-]):not(.input-group-btn) button,
430 .wpdt-c #wdt-add-column-modal .bootstrap-select:not([class*=col-]):not(.input-group-btn) button,
431 .wpdt-c #wdt-configure-foreign-key-modal .bootstrap-select:not([class*=col-]):not(.input-group-btn) button,
432 .wpdt-c .wdt-datatables-admin-wrap .wdt-table-constructor .bootstrap-select:not([class*=col-]):not(.input-group-btn) button,
433 .wpdt-c .wdt-datatables-admin-wrap .plugin-settings .bootstrap-select:not([class*=col-]):not(.input-group-btn) button,
434 .wpdt-c .wdt-datatables-admin-wrap .plugin-dashboard .bootstrap-select:not([class*=col-]):not(.input-group-btn) button,
435 .wpdt-c .wdt-datatables-admin-wrap .column-settings-panel .bootstrap-select:not([class*=col-]):not(.input-group-btn) button,
436 .wpdt-c .wdt-datatables-admin-wrap .wdt-table-settings .bootstrap-select:not([class*=col-]):not(.input-group-btn) button,
437 .wpdt-c .wdt-datatables-admin-wrap .wdt-chart-wizard .bootstrap-select:not([class*=col-]):not(.input-group-btn) button,
438 .wpdt-c .wdt-datatables-admin-wrap .wdt-addons .bootstrap-select:not([class*=col-]):not(.input-group-btn) button,
439 .wpdt-c .wdt-datatables-admin-wrap .wdt-browse-table .bootstrap-select:not([class*=col-]):not(.input-group-btn) button{
440 padding: 10px 12px;
441 }
442 .wpdt-c #wdt-configure-foreign-key-modal .bootstrap-select > .btn-default,
443 .wpdt-c #wdt-remove-column-modal .bootstrap-select > .btn-default,
444 .wpdt-c #wdt-add-column-modal .bootstrap-select > .btn-default,
445 .wpdt-c .wdt-datatables-admin-wrap .wdt-table-constructor .bootstrap-select > .btn-default,
446 .wpdt-c .wdt-datatables-admin-wrap .plugin-settings .bootstrap-select > .btn-default,
447 .wpdt-c .wdt-datatables-admin-wrap .plugin-dashboard .bootstrap-select > .btn-default,
448 .wpdt-c .wdt-datatables-admin-wrap .column-settings-panel .bootstrap-select > .btn-default,
449 .wpdt-c .wdt-datatables-admin-wrap .wdt-table-settings .bootstrap-select > .btn-default,
450 .wpdt-c .wdt-datatables-admin-wrap .wdt-chart-wizard .bootstrap-select > .btn-default,
451 .wpdt-c .wdt-datatables-admin-wrap .wdt-addons .bootstrap-select > .btn-default,
452 .wpdt-c .wdt-datatables-admin-wrap .wdt-browse-table .bootstrap-select > .btn-default{
453 border-bottom: none !important;
454 }
455 .wpdt-c #wdt-configure-foreign-key-modal .dropdown.bootstrap-select .dropdown-menu > li a.active.selected,
456 .wpdt-c #wdt-remove-column-modal .dropdown.bootstrap-select .dropdown-menu > li a.active.selected,
457 .wpdt-c #wdt-add-column-modal .dropdown.bootstrap-select .dropdown-menu > li a.active.selected,
458 .wpdt-c .wdt-datatables-admin-wrap .wdt-table-constructor .dropdown.bootstrap-select .dropdown-menu > li a.active.selected,
459 .wpdt-c .wdt-datatables-admin-wrap .plugin-settings .dropdown.bootstrap-select .dropdown-menu > li a.active.selected,
460 .wpdt-c .wdt-datatables-admin-wrap .plugin-dashboard .dropdown.bootstrap-select .dropdown-menu > li a.active.selected,
461 .wpdt-c .wdt-datatables-admin-wrap .column-settings-panel .dropdown.bootstrap-select .dropdown-menu > li a.active.selected,
462 .wpdt-c .wdt-datatables-admin-wrap .wdt-table-settings .dropdown.bootstrap-select .dropdown-menu > li a.active.selected,
463 .wpdt-c .wdt-datatables-admin-wrap .wdt-chart-wizard .dropdown.bootstrap-select .dropdown-menu > li a.active.selected,
464 .wpdt-c .wdt-datatables-admin-wrap .wdt-addons .dropdown.bootstrap-select .dropdown-menu > li a.active.selected,
465 .wpdt-c .wdt-datatables-admin-wrap .wdt-browse-table .dropdown.bootstrap-select .dropdown-menu > li a.active.selected,
466 .wpdt-c #wdt-configure-foreign-key-modal .dropdown.bootstrap-select .dropdown-menu > li > a:hover,
467 .wpdt-c #wdt-remove-column-modal .dropdown.bootstrap-select .dropdown-menu > li > a:hover,
468 .wpdt-c #wdt-add-column-modal .dropdown.bootstrap-select .dropdown-menu > li > a:hover,
469 .wpdt-c .wdt-datatables-admin-wrap .wdt-table-constructor .dropdown.bootstrap-select .dropdown-menu > li > a:hover,
470 .wpdt-c .wdt-datatables-admin-wrap .plugin-settings .dropdown.bootstrap-select .dropdown-menu > li > a:hover,
471 .wpdt-c .wdt-datatables-admin-wrap .plugin-dashboard .dropdown.bootstrap-select .dropdown-menu > li > a:hover,
472 .wpdt-c .wdt-datatables-admin-wrap .column-settings-panel .dropdown.bootstrap-select .dropdown-menu > li > a:hover,
473 .wpdt-c .wdt-datatables-admin-wrap .wdt-table-settings .dropdown.bootstrap-select .dropdown-menu > li > a:hover,
474 .wpdt-c .wdt-datatables-admin-wrap .wdt-chart-wizard .dropdown.bootstrap-select .dropdown-menu > li > a:hover,
475 .wpdt-c .wdt-datatables-admin-wrap .wdt-addons .dropdown.bootstrap-select .dropdown-menu > li > a:hover,
476 .wpdt-c .wdt-datatables-admin-wrap .wdt-browse-table .dropdown.bootstrap-select .dropdown-menu > li > a:hover,
477 .wpdt-c #wdt-configure-foreign-key-modal .dropdown.bootstrap-select .dropdown-menu > li > a:focus,
478 .wpdt-c #wdt-remove-column-modal .dropdown.bootstrap-select .dropdown-menu > li > a:focus,
479 .wpdt-c #wdt-add-column-modal .dropdown.bootstrap-select .dropdown-menu > li > a:focus,
480 .wpdt-c .wdt-datatables-admin-wrap .wdt-table-constructor .dropdown.bootstrap-select .dropdown-menu > li > a:focus,
481 .wpdt-c .wdt-datatables-admin-wrap .plugin-settings .dropdown.bootstrap-select .dropdown-menu > li > a:focus,
482 .wpdt-c .wdt-datatables-admin-wrap .plugin-dashboard .dropdown.bootstrap-select .dropdown-menu > li > a:focus,
483 .wpdt-c .wdt-datatables-admin-wrap .column-settings-panel .dropdown.bootstrap-select .dropdown-menu > li > a:focus,
484 .wpdt-c .wdt-datatables-admin-wrap .wdt-table-settings .dropdown.bootstrap-select .dropdown-menu > li > a:focus,
485 .wpdt-c .wdt-datatables-admin-wrap .wdt-chart-wizard .dropdown.bootstrap-select .dropdown-menu > li > a:focus,
486 .wpdt-c .wdt-datatables-admin-wrap .wdt-addons .dropdown.bootstrap-select .dropdown-menu > li > a:focus,
487 .wpdt-c .wdt-datatables-admin-wrap .wdt-browse-table .dropdown.bootstrap-select .dropdown-menu > li > a:focus {
488 background-color: rgba(0, 140, 255, 0.06) !important;
489 }
490 .wpdt-c #wdt-configure-foreign-key-modal .bootstrap-select .bs-searchbox,
491 .wpdt-c #wdt-add-column-modal .bootstrap-select .bs-searchbox,
492 .wpdt-c #wdt-remove-column-modal .bootstrap-select .bs-searchbox,
493 .wpdt-c .wdt-datatables-admin-wrap .wdt-table-constructor .bootstrap-select .bs-searchbox,
494 .wpdt-c .wdt-datatables-admin-wrap .plugin-settings .bootstrap-select .bs-searchbox,
495 .wpdt-c .wdt-datatables-admin-wrap .plugin-dashboard .bootstrap-select .bs-searchbox,
496 .wpdt-c .wdt-datatables-admin-wrap .column-settings-panel .bootstrap-select .bs-searchbox,
497 .wpdt-c .wdt-datatables-admin-wrap .wdt-table-settings .bootstrap-select .bs-searchbox,
498 .wpdt-c .wdt-datatables-admin-wrap .wdt-chart-wizard .bootstrap-select .bs-searchbox,
499 .wpdt-c .wdt-datatables-admin-wrap .wdt-addons .bootstrap-select .bs-searchbox,
500 .wpdt-c .wdt-datatables-admin-wrap .wdt-browse-table .bootstrap-select .bs-searchbox,
501 .wpdt-c #wdt-configure-foreign-key-modal .bootstrap-select .bs-searchbox input,
502 .wpdt-c #wdt-add-column-modal .bootstrap-select .bs-searchbox input,
503 .wpdt-c #wdt-remove-column-modal .bootstrap-select .bs-searchbox input,
504 .wpdt-c .wdt-datatables-admin-wrap .wdt-table-constructor .bootstrap-select .bs-searchbox input,
505 .wpdt-c .wdt-datatables-admin-wrap .plugin-settings .bootstrap-select .bs-searchbox input,
506 .wpdt-c .wdt-datatables-admin-wrap .plugin-dashboard .bootstrap-select .bs-searchbox input,
507 .wpdt-c .wdt-datatables-admin-wrap .column-settings-panel .bootstrap-select .bs-searchbox input,
508 .wpdt-c .wdt-datatables-admin-wrap .wdt-table-settings .bootstrap-select .bs-searchbox input,
509 .wpdt-c .wdt-datatables-admin-wrap .wdt-chart-wizard .bootstrap-select .bs-searchbox input,
510 .wpdt-c .wdt-datatables-admin-wrap .wdt-addons .bootstrap-select .bs-searchbox input,
511 .wpdt-c .wdt-datatables-admin-wrap .wdt-browse-table .bootstrap-select .bs-searchbox input {
512 background:#ffffff !important;
513 }
514 #wdt-constructor-simple-table-description,
515 #wdt-constructor-manual-table-description,
516 #wdt-constructor-file-table-description,
517 #wdt-constructor-wp-query-table-description,
518 #wdt-constructor-mysql-query-table-description {
519 min-height: 30px;
520 font: inherit;
521 margin: 0;
522 font-family: inherit;
523 display: block;
524 width: 100%;
525 font-size: 13px;
526 line-height: 20px;
527 color: #061938;
528 padding: 12px 6px;
529 background: #FFFFFF;
530 border: 1px solid #D7D9E2;
531 box-sizing: border-box;
532 box-shadow: 0 1px 2px rgba(90, 108, 137, 0.08) !important;
533 border-radius: 3px;
534 height: 80px !important;
535 }
536 #wdt-table-description-edit{
537 display : block;
538 font-family: Inter;
539 font-style: normal;
540 font-weight: 500;
541 box-sizing: border-box;
542 box-shadow: 0 1px 1px rgb(0 0 0 / 6%) !important;
543 resize: vertical;
544 color: #253858 !important;
545 border-color: #DFE1E6 !important;
546 border: 1px solid;
547 height: 50px;
548 font-size: 13px;
549 line-height: initial;
550 padding-top: 10px;
551 padding-left: 4px;
552 border-radius: 3px;
553 width: 455px;
554 position: relative;
555 top: 3px;
556 cursor: unset;
557 }
558
559 #wdt-table-description-edit:hover{
560 background: #D7D9E2;
561 }
562 #wdt-table-description-edit:focus{
563 background: #FFFFFF;
564 }
565 .wpdt-c #wdt-configure-foreign-key-modal .bootstrap-select > .btn-default.btn-group .dropdown-menu li a,
566 .wpdt-c #wdt-add-column-modal .bootstrap-select > .btn-default.btn-group .dropdown-menu li a,
567 .wpdt-c #wdt-remove-column-modal .bootstrap-select > .btn-default.btn-group .dropdown-menu li a,
568 .wpdt-c .wdt-datatables-admin-wrap .wdt-table-constructor .bootstrap-select > .btn-default.btn-group .dropdown-menu li a,
569 .wpdt-c .wdt-datatables-admin-wrap .plugin-settings .bootstrap-select > .btn-default.btn-group .dropdown-menu li a,
570 .wpdt-c .wdt-datatables-admin-wrap .plugin-dashboard .bootstrap-select > .btn-default.btn-group .dropdown-menu li a,
571 .wpdt-c .wdt-datatables-admin-wrap .column-settings-panel .bootstrap-select > .btn-default.btn-group .dropdown-menu li a,
572 .wpdt-c .wdt-datatables-admin-wrap .wdt-table-settings .bootstrap-select > .btn-default.btn-group .dropdown-menu li a,
573 .wpdt-c .wdt-datatables-admin-wrap .wdt-chart-wizard .bootstrap-select > .btn-default.btn-group .dropdown-menu li a,
574 .wpdt-c .wdt-datatables-admin-wrap .wdt-addons .bootstrap-select > .btn-default.btn-group .dropdown-menu li a,
575 .wpdt-c .wdt-datatables-admin-wrap .wdt-browse-table .bootstrap-select > .btn-default.btn-group .dropdown-menu li a{
576 font-family: Inter;
577 font-style: normal;
578 font-weight: normal;
579 font-size: 13px;
580 line-height: 20px;
581 color: #061938;
582 }
583 .wpdt-c #wdt-configure-foreign-key-modal .bootstrap-select > .btn-default:before,
584 .wpdt-c #wdt-add-column-modal .bootstrap-select > .btn-default:before,
585 .wpdt-c #wdt-remove-column-modal .bootstrap-select > .btn-default:before,
586 .wpdt-c .wdt-datatables-admin-wrap .wdt-table-constructor .bootstrap-select > .btn-default:before,
587 .wpdt-c .wdt-datatables-admin-wrap .plugin-settings .bootstrap-select > .btn-default:before,
588 .wpdt-c .wdt-datatables-admin-wrap .plugin-dashboard .bootstrap-select > .btn-default:before,
589 .wpdt-c .wdt-datatables-admin-wrap .column-settings-panel .bootstrap-select > .btn-default:before,
590 .wpdt-c .wdt-datatables-admin-wrap .wdt-table-settings .bootstrap-select > .btn-default:before,
591 .wpdt-c .wdt-datatables-admin-wrap .wdt-chart-wizard .bootstrap-select > .btn-default:before,
592 .wpdt-c .wdt-datatables-admin-wrap .wdt-addons .bootstrap-select > .btn-default:before,
593 .wpdt-c .wdt-datatables-admin-wrap .wdt-browse-table .bootstrap-select > .btn-default:before{
594 position: absolute;
595 top: 6px;
596 right: 10px;
597 height: calc(100% - 2px);
598 width: 30px;
599 font-family: "wpDataTablesIcons";
600 font-weight: 900;
601 font-size: 15px;
602 content: "\f0e1";
603 pointer-events: none;
604 z-index: 5;
605 background-image: none;
606 background-size: 0;
607 }
608 .wpdt-c #wdt-input-url,
609 .wpdt-c #wdt-constructor-input-url,
610 .wpdt-c #wdt-configure-foreign-key-modal .form-group,
611 .wpdt-c #wdt-add-column-modal .form-group,
612 .wpdt-c #wdt-remove-column-modal .form-group,
613 .wpdt-c .wdt-datatables-admin-wrap .wdt-table-constructor .form-group,
614 .wpdt-c .wdt-datatables-admin-wrap .wdt-table-settings .form-group,
615 .wpdt-c .wdt-datatables-admin-wrap .plugin-settings .form-group,
616 .wpdt-c .wdt-datatables-admin-wrap .plugin-dashboard .form-group,
617 .wpdt-c .wdt-datatables-admin-wrap .wdt-chart-wizard .form-group,
618 .wpdt-c .wdt-datatables-admin-wrap .column-settings-panel .form-group,
619 .wpdt-c .wdt-datatables-admin-wrap .wdt-addons .form-group,
620 .wpdt-c .wdt-datatables-admin-wrap .wdt-browse-table .form-group{
621 margin-bottom: 16px;
622 }
623 .wpdt-c .wdt-datatables-admin-wrap .card.wdt-browse-table #wdt-datatables-browse-table{
624 background: #FFFFFF;
625 box-shadow: 0 3px 6px rgba(23, 43, 77, 0.08), 0 1px 1px rgba(23, 43, 77, 0.11);
626 border-radius: 3px;
627 }
628 .wdt-datatables-admin-wrap .wpdt-footer-links li a {
629 color: #5A6C89;
630 box-shadow: none;
631 }
632 .wpdt-c .wdt-input-data-source-type,
633 .wpdt-c .wdt-constructor-preview-wp-table,
634 .wpdt-c .input-path-block,
635 .wpdt-c .wdt-add-data-source-field,
636 .wpdt-c .mysql-settings-block,
637 .wpdt-c .wdt-constructor-file-table-name-block,
638 .wpdt-c .wdt-constructor-file-table-description-block,
639 .wpdt-c #wdt-constructor-mysql-tables-block,
640 .wpdt-c .wdt-constructor-post-types-block,
641 .wpdt-c .wdt-constructor-mysql-query-table-name-block,
642 .wpdt-c .wdt-constructor-wp-query-table-name-block,
643 .wpdt-c .wdt-constructor-mysql-query-table-description-block,
644 .wpdt-c .wdt-constructor-wp-query-table-description-block,
645 .wpdt-c .wdt-constructor-columns-container,
646 .wpdt-c .wdt-constructor-table-name-and-columns,
647 .wpdt-c .wdt-constructor-post-conditions-block,
648 .wpdt-c .wdt-constructor-post-grouping-rules-block,
649 .wpdt-c .wdt-constructor-post-types-relationship-block,
650 .wpdt-c .wdt-constructor-post-types-define-relations-block,
651 .wpdt-c .wdt-constructor-mysql-conditions-block,
652 .wpdt-c .wdt-constructor-mysql-grouping-rules-block,
653 .wpdt-c .wdt-constructor-mysql-tables-relationship-block,
654 .wpdt-c .wdt-constructor-mysql-tables-define-relations-block {
655 background-color: #ffffff;
656 }
657
658
659 .wpdt-c #wdt-formula-editor-modal .modal-dialog,
660 .wpdt-c #wdt-columns-list-modal .modal-dialog{
661 width: 698px !important;
662 }
663 .wpdt-c #wdt-columns-list-modal,
664 .wpdt-c #wdt-duplicate-table-modal,
665 .wpdt-c #wdt-duplicate-chart-modal,
666 .wpdt-c #wdt-possible-values-merge-list-modal,
667 .wpdt-c #wdt-formula-editor-modal,
668 .wpdt-c #wdt-remove-column-modal,
669 .wpdt-c #wdt-add-column-modal,
670 .wpdt-c #wdt-configure-foreign-key-modal,
671 .wpdt-c #wdt-backend-close-modal,
672 .wpdt-c #wdt-rb-backend-close-modal,
673 .wpdt-c #wdt-rb-shortcodes-modal,
674 .wpdt-c #wdt-table-manager-modal,
675 .wpdt-c #wdt-delete-table-manager-modal,
676 .wpdt-c #wdt-add-chart-manager-modal,
677 .wpdt-c #wdt-delete-chart-manager-modal,
678 .wpdt-c #wdt-chart-manager-modal,
679 .wpdt-c #wdt-delete-permission-modal,
680 .wpdt-c #wdt-delete-table-manager-modal,
681 .wpdt-c #wdt-add-chart-manager-modal,
682 .wpdt-c #wdt-delete-chart-manager-modal,
683 .wpdt-c #wdt-chart-manager-modal,
684 .wpdt-c #wdt-delete-modal {
685 font-family: Inter;
686 font-style: normal;
687 line-height: 20px;
688 }
689
690 .wpdt-c #wdt-columns-list-modal .modal-content,
691 .wpdt-c #wdt-duplicate-chart-modal .modal-content,
692 .wpdt-c #wdt-duplicate-table-modal .modal-content,
693 .wpdt-c #wdt-possible-values-merge-list-modal .modal-content,
694 .wpdt-c #wdt-formula-editor-modal .modal-content,
695 .wpdt-c #wdt-configure-foreign-key-modal .modal-content,
696 .wpdt-c #wdt-add-column-modal .modal-content,
697 .wpdt-c #wdt-remove-column-modal .modal-content,
698 .wpdt-c #wdt-rb-backend-close-modal .modal-content,
699 .wpdt-c #wdt-rb-shortcodes-modal .modal-content,
700 .wpdt-c #wdt-backend-close-modal .modal-content,
701 .wpdt-c #wdt-backend-save-modal .modal-content,
702 .wpdt-c #wdt-delete-modal .modal-content,
703 .wpdt-c #wdt-range-picker .modal-content,
704 .wpdt-c #wdt-table-manager-modal .modal-content,
705 .wpdt-c #wdt-delete-table-manager-modal .modal-content,
706 .wpdt-c #wdt-add-chart-manager-modal .modal-content,
707 .wpdt-c #wdt-delete-chart-manager-modal .modal-content,
708 .wpdt-c #wdt-chart-manager-modal .modal-content,
709 .wpdt-c #wdt-delete-permission-modal .modal-content,
710 .wpdt-c #wdt-delete-table-manager-modal .modal-content,
711 .wpdt-c #wdt-add-chart-manager-modal .modal-content,
712 .wpdt-c #wdt-delete-chart-manager-modal .modal-content,
713 .wpdt-c #wdt-chart-manager-modal .modal-content,
714 .wpdt-c #wdt-chart-manager-modal .modal-content,
715 .wpdt-c #wdt-delete-permission-modal .modal-content {
716 background: #FFFFFF;
717 box-shadow: 0 0 1px rgba(0, 0, 0, 0.04), 0 2px 6px rgba(0, 0, 0, 0.04), 0 16px 24px rgba(0, 0, 0, 0.06);
718 border-radius: 4px;
719 }
720 .wpdt-c #wdt-columns-list-modal .modal-title,
721 .wpdt-c #wdt-duplicate-table-modal .modal-title,
722 .wpdt-c #wdt-duplicate-chart-modal .modal-title,
723 .wpdt-c #wdt-possible-values-merge-list-modal .modal-title,
724 .wpdt-c #wdt-formula-editor-modal .modal-title,
725 .wpdt-c #wdt-configure-foreign-key-modal .modal-title,
726 .wpdt-c #wdt-add-column-modal .modal-title,
727 .wpdt-c #wdt-remove-column-modal .modal-title,
728 .wpdt-c #wdt-rb-backend-close-modal .modal-title,
729 .wpdt-c #wdt-rb-shortcodes-modal .modal-title,
730 .wpdt-c #wdt-backend-close-modal .modal-title,
731 .wpdt-c #wdt-delete-modal .modal-title,
732 .wpdt-c #wdt-range-picker .modal-title,
733 .wpdt-c #wdt-table-manager-modal .modal-title,
734 .wpdt-c #wdt-delete-table-manager-modal .modal-title,
735 .wpdt-c #wdt-add-chart-manager-modal .modal-title,
736 .wpdt-c #wdt-delete-chart-manager-modal .modal-title,
737 .wpdt-c #wdt-chart-manager-modal .modal-title,
738 .wpdt-c #wdt-delete-permission-modal .modal-title,
739 .wpdt-c #wdt-delete-table-manager-modal .modal-title,
740 .wpdt-c #wdt-add-chart-manager-modal .modal-title,
741 .wpdt-c #wdt-delete-chart-manager-modal .modal-title,
742 .wpdt-c #wdt-chart-manager-modal .modal-title,
743 .wpdt-c #wdt-chart-manager-modal .modal-title,
744 .wpdt-c #wdt-delete-permission-modal .modal-title,
745 .wpdt-c #wdt-error-modal .modal-title {
746 font-size: 15px;
747 line-height: 20px;
748 color: #061938;
749 font-weight: normal;
750 }
751
752 .wpdt-c #wdt-duplicate-table-modal .modal-content .modal-body,
753 .wpdt-c #wdt-duplicate-chart-modal .modal-content .modal-body,
754 .wpdt-c #wdt-duplicate-table-modal .modal-content .modal-header,
755 .wpdt-c #wdt-duplicate-chart-modal .modal-content .modal-header,
756 .wpdt-c #wdt-possible-values-merge-list-modal .modal-content .modal-body,
757 .wpdt-c #wdt-possible-values-merge-list-modal .modal-content .modal-header,
758 .wpdt-c #wdt-columns-list-modal .modal-content .modal-body,
759 .wpdt-c #wdt-columns-list-modal .modal-content .modal-header,
760 .wpdt-c #wdt-formula-editor-modal .modal-content .modal-body,
761 .wpdt-c #wdt-formula-editor-modal .modal-content .modal-header,
762 .wpdt-c #wdt-table-manager-modal .modal-content .modal-header,
763 .wpdt-c #wdt-delete-table-manager-modal .modal-content .modal-header,
764 .wpdt-c #wdt-add-chart-manager-modal .modal-content .modal-header,
765 .wpdt-c #wdt-delete-chart-manager-modal .modal-content .modal-header,
766 .wpdt-c #wdt-chart-manager-modal .modal-content .modal-header,
767 .wpdt-c #wdt-delete-permission-modal .modal-content .modal-header,
768 .wpdt-c #wdt-delete-permission-modal .modal-content .modal-body,
769 .wpdt-c #wdt-delete-table-manager-modal .modal-content .modal-body,
770 .wpdt-c #wdt-add-chart-manager-modal .modal-content .modal-header,
771 .wpdt-c #wdt-delete-chart-manager-modal .modal-content .modal-body,
772 .wpdt-c #wdt-chart-manager-modal .modal-content .modal-header,
773 .wpdt-c #wdt-table-manager-modal .modal-content .modal-header,
774 .wpdt-c #wdt-configure-foreign-key-modal .modal-content .modal-body,
775 .wpdt-c #wdt-configure-foreign-key-modal .modal-content .modal-header,
776 .wpdt-c #wdt-add-column-modal .modal-content .modal-body,
777 .wpdt-c #wdt-add-column-modal .modal-content .modal-header,
778 .wpdt-c #wdt-remove-column-modal .modal-content .modal-body,
779 .wpdt-c #wdt-remove-column-modal .modal-content .modal-header,
780 .wpdt-c #wdt-rb-backend-close-modal .modal-content .modal-body,
781 .wpdt-c #wdt-rb-backend-close-modal .modal-content .modal-header,
782 .wpdt-c #wdt-rb-shortcodes-modal .modal-content .modal-body,
783 .wpdt-c #wdt-rb-shortcodes-modal .modal-content .modal-header,
784 .wpdt-c #wdt-backend-close-modal .modal-content .modal-body,
785 .wpdt-c #wdt-backend-close-modal .modal-content .modal-header ,
786 .wpdt-c #wdt-delete-modal .modal-content .modal-body,
787 .wpdt-c #wdt-delete-modal .modal-content .modal-header ,
788 .wpdt-c #wdt-error-modal .modal-content .modal-body,
789 .wpdt-c #wdt-error-modal .modal-content .modal-header,
790 .wpdt-c #wdt-range-picker .modal-content .modal-header {
791 padding: 24px 24px 0 24px;
792 }
793 .wpdt-c #wdt-duplicate-table-modal .modal-content .modal-body small,
794 .wpdt-c #wdt-duplicate-chart-modal .modal-content .modal-body small,
795 .wpdt-c #wdt-possible-values-merge-list-modal .modal-content .modal-body small,
796 .wpdt-c #wdt-rb-backend-close-modal .modal-content .modal-body small,
797 .wpdt-c #wdt-rb-shortcodes-modal .modal-content .modal-body small,
798 .wpdt-c #wdt-backend-close-modal .modal-content .modal-body small,
799 .wpdt-c #wdt-delete-permission-modal .modal-content .modal-body small,
800 .wpdt-c #wdt-delete-modal .modal-content .modal-body small{
801 font-size: 14px;
802 line-height: 24px;
803 color: #5A6C89;
804 }
805
806 .wpdt-c #wdt-duplicate-table-modal .modal-content .modal-header button,
807 .wpdt-c #wdt-duplicate-chart-modal .modal-content .modal-header button,
808 .wpdt-c #wdt-possible-values-merge-list-modal .modal-content .modal-header button,
809 .wpdt-c #wdt-columns-list-modal .modal-content .modal-header button,
810 .wpdt-c #wdt-formula-editor-modal .modal-content .modal-header button,
811 .wpdt-c #wdt-table-manager-modal .modal-content .modal-header button,
812 .wpdt-c #wdt-delete-table-manager-modal .modal-content .modal-header button,
813 .wpdt-c #wdt-add-chart-manager-modal .modal-content .modal-header button,
814 .wpdt-c #wdt-delete-chart-manager-modal .modal-content .modal-header button,
815 .wpdt-c #wdt-chart-manager-modal .modal-content .modal-header button,
816 .wpdt-c #wdt-delete-permission-modal .modal-content .modal-header button,
817 .wpdt-c #wdt-delete-table-manager-modal .modal-content .modal-header button,
818 .wpdt-c #wdt-add-chart-manager-modal .modal-content .modal-header button,
819 .wpdt-c #wdt-delete-chart-manager-modal .modal-content .modal-header button,
820 .wpdt-c #wdt-chart-manager-modal .modal-content .modal-header button,
821 .wpdt-c #wdt-configure-foreign-key-modal .modal-content .modal-header button,
822 .wpdt-c #wdt-add-column-modal .modal-content .modal-header button,
823 .wpdt-c #wdt-remove-column-modal .modal-content .modal-header button,
824 .wpdt-c #wdt-backend-close-modal .modal-content .modal-header button,
825 .wpdt-c #wdt-rb-backend-close-modal .modal-content .modal-header button,
826 .wpdt-c #wdt-rb-shortcodes-modal .modal-content .modal-header button,
827 .wpdt-c #wdt-delete-modal .modal-content .modal-header button,
828 .wpdt-c #wdt-error-modal .modal-content .modal-header button,
829 .wpdt-c #wdt-range-picker .modal-content .modal-header button {
830 font-size: 15px;
831 line-height: 20px;
832 color: #8796AF;
833 }
834 .wpdt-c #wdt-duplicate-table-modal .modal-content .modal-footer,
835 .wpdt-c #wdt-duplicate-chart-modal .modal-content .modal-footer,
836 .wpdt-c #wdt-possible-values-merge-list-modal .modal-content .modal-footer,
837 .wpdt-c #wdt-columns-list-modal .modal-content .modal-footer,
838 .wpdt-c #wdt-formula-editor-modal .modal-content .modal-footer,
839 .wpdt-c #wdt-table-manager-modal .modal-content .modal-footer,
840 .wpdt-c #wdt-delete-table-manager-modal .modal-content .modal-footer,
841 .wpdt-c #wdt-add-chart-manager-modal .modal-content .modal-footer,
842 .wpdt-c #wdt-delete-chart-manager-modal .modal-content .modal-footer,
843 .wpdt-c #wdt-chart-manager-modal .modal-content .modal-footer,
844 .wpdt-c #wdt-delete-permission-modal .modal-content .modal-footer,
845 .wpdt-c #wdt-delete-table-manager-modal .modal-content .modal-footer,
846 .wpdt-c #wdt-add-chart-manager-modal .modal-content .modal-footer,
847 .wpdt-c #wdt-delete-chart-manager-modal .modal-content .modal-footer,
848 .wpdt-c #wdt-chart-manager-modal .modal-content .modal-footer,
849 .wpdt-c #wdt-configure-foreign-key-modal .modal-content .modal-footer,
850 .wpdt-c #wdt-add-column-modal .modal-content .modal-footer,
851 .wpdt-c #wdt-remove-column-modal .modal-content .modal-footer,
852 .wpdt-c #wdt-backend-close-modal .modal-content .modal-footer,
853 .wpdt-c #wdt-rb-backend-close-modal .modal-content .modal-footer,
854 .wpdt-c #wdt-rb-shortcodes-modal .modal-content .modal-footer,
855 .wpdt-c #wdt-delete-modal .modal-content .modal-footer,
856 .wpdt-c #wdt-error-modal .modal-content .modal-footer,
857 .wpdt-c #wdt-range-picker .modal-content .modal-footer{
858 padding: 12px 24px 16px 24px;
859 }
860
861 .wpdt-c #separate-connection .wdt-my-sql-delete,
862 .wpdt-c #wdt-columns-list-modal .modal-content .modal-footer .btn,
863 .wpdt-c #wdt-possible-values-merge-list-modal .modal-content .modal-footer .btn,
864 .wpdt-c #wdt-formula-editor-modal .modal-content .modal-footer .btn,
865 .wpdt-c #wdt-table-manager-modal .modal-content .modal-footer .btn,
866 .wpdt-c #wdt-delete-table-manager-modal .modal-content .modal-footer .btn,
867 .wpdt-c #wdt-add-chart-manager-modal .modal-content .modal-footer .btn,
868 .wpdt-c #wdt-delete-chart-manager-modal .modal-content .modal-footer .btn,
869 .wpdt-c #wdt-chart-manager-modal .modal-content .modal-footer .btn,
870 .wpdt-c #wdt-delete-permission-modal .modal-content .modal-footer .btn,
871 .wpdt-c #wdt-delete-table-manager-modal .modal-content .modal-footer .btn,
872 .wpdt-c #wdt-add-chart-manager-modal .modal-content .modal-footer .btn,
873 .wpdt-c #wdt-delete-chart-manager-modal .modal-content .modal-footer .btn,
874 .wpdt-c #wdt-chart-manager-modal .modal-content .modal-footer .btn,
875 .wpdt-c #wdt-rb-backend-close-modal .modal-content .modal-footer #wdt-rb-backend-continue-button,
876 .wpdt-c #wdt-rb-backend-close-modal .modal-content .modal-footer #wdt-rb-backend-close-button,
877 .wpdt-c #wdt-backend-close-modal .modal-content .modal-footer #wdt-backend-continue-button,
878 .wpdt-c #wdt-backend-close-modal .modal-content .modal-footer #wdt-backend-close-button,
879 .wpdt-c #wdt-backend-warning-modal .modal-content .modal-footer #wdt-backend-warning-continue-button,
880 .wpdt-c #wdt-backend-warning-modal .modal-content .modal-footer #wdt-backend-clear-table-data-button,
881 .wpdt-c #wdt-error-modal .modal-content .modal-footer button,
882 .wpdt-c #wdt-delete-modal .modal-content .modal-footer .wdt-cancel-delete-button,
883 .wpdt-c #wdt-delete-modal .modal-content .modal-footer .wdt-browse-delete-button,
884 .wpdt-c #wdt-range-picker .modal-content .modal-footer button{
885 font-family: Inter;
886 font-style: normal;
887 font-weight: 500;
888 font-size: 14px;
889 line-height: 20px;
890 padding: 8px 16px;
891 border-radius: 5px;
892 }
893
894 .wpdt-c #wdt-rb-backend-close-modal .modal-content .modal-footer #wdt-rb-backend-continue-button,
895 .wpdt-c #wdt-backend-close-modal .modal-content .modal-footer #wdt-backend-continue-button,
896 .wpdt-c #wdt-backend-warning-modal .modal-content .modal-footer #wdt-backend-warning-continue-button,
897 .wpdt-c #wdt-delete-modal .modal-content .modal-footer .wdt-cancel-delete-button,
898 .wpdt-c #wdt-error-modal .modal-content .modal-footer button,
899 .wpdt-c #wdt-range-picker .modal-content .modal-footer #wdt-cancel-range {
900 color: #253858;
901 background: #ffffff;
902 border: 1px solid #DFE1E6;
903 box-sizing: border-box;
904 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06);
905 }
906 .wpdt-c #wdt-rb-backend-close-modal .modal-content .modal-footer #wdt-rb-backend-continue-button:hover,
907 .wpdt-c #wdt-backend-close-modal .modal-content .modal-footer #wdt-backend-continue-button:hover,
908 .wpdt-c #wdt-backend-warning-modal .modal-content .modal-footer #wdt-backend-warning-continue-button:hover,
909 .wpdt-c #wdt-delete-modal .modal-content .modal-footer .wdt-cancel-delete-button:hover,
910 .wpdt-c #wdt-error-modal .modal-content .modal-footer button:hover,
911 .wpdt-c #wdt-range-picker .modal-content .modal-footer #wdt-cancel-range:hover {
912 background: linear-gradient(0deg, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.03)), #FFFFFF;
913 border: 1px solid #DFE1E6;
914 box-sizing: border-box;
915 box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.06);
916 }
917 .wpdt-c #separate-connection .wdt-my-sql-delete,
918 .wpdt-c #wdt-rb-backend-close-modal .modal-content .modal-footer #wdt-rb-backend-close-button,
919 .wpdt-c #wdt-backend-close-modal .modal-content .modal-footer #wdt-backend-close-button,
920 .wpdt-c #wdt-backend-warning-modal .modal-content .modal-footer #wdt-backend-clear-table-data-button,
921 .wpdt-c #wdt-remove-column-modal #wdt-remove-column-submit,
922 .wpdt-c #wdt-delete-modal .modal-content .modal-footer .wdt-browse-delete-button{
923 background: #F03E3E;
924 color: #ffffff;
925 }
926 .wpdt-c #separate-connection .wdt-my-sql-delete:hover,
927 .wpdt-c #wdt-backend-close-modal .modal-content .modal-footer #wdt-backend-close-button:hover,
928 .wpdt-c #wdt-backend-warning-modal .modal-content .modal-footer #wdt-backend-clear-table-data-button:hover,
929 .wpdt-c #wdt-rb-backend-close-modal .modal-content .modal-footer #wdt-rb-backend-close-button:hover,
930 .wpdt-c #wdt-remove-column-modal #wdt-remove-column-submit:hover,
931 .wpdt-c #wdt-delete-modal .modal-content .modal-footer .wdt-browse-delete-button:hover{
932 background: #E03131;
933 }
934
935 .wpdt-c #wdt-column-settings-buttons hr,
936 .wpdt-c #wdt-possible-values-merge-list-modal .modal-content .modal-footer hr,
937 .wpdt-c #wdt-columns-list-modal .modal-content .modal-footer hr,
938 .wpdt-c #wdt-formula-editor-modal .modal-content .modal-footer hr,
939 .wpdt-c #wdt-table-manager-modal .modal-content .modal-footer hr,
940 .wpdt-c #wdt-delete-table-manager-modal .modal-content .modal-footer hr,
941 .wpdt-c #wdt-add-chart-manager-modal .modal-content .modal-footer hr,
942 .wpdt-c #wdt-delete-chart-manager-modal .modal-content .modal-footer hr,
943 .wpdt-c #wdt-chart-manager-modal .modal-content .modal-footer hr,
944 .wpdt-c #wdt-delete-permission-modal .modal-content .modal-footer hr,
945 .wpdt-c #wdt-delete-table-manager-modal .modal-content .modal-footer hr,
946 .wpdt-c #wdt-add-chart-manager-modal .modal-content .modal-footer hr,
947 .wpdt-c #wdt-delete-chart-manager-modal .modal-content .modal-footer hr,
948 .wpdt-c #wdt-chart-manager-modal .modal-content .modal-footer hr,
949 .wpdt-c #wdt-configure-foreign-key-modal .modal-content .modal-footer hr,
950 .wpdt-c #wdt-add-column-modal .modal-content .modal-footer hr,
951 .wpdt-c #wdt-remove-column-modal .modal-content .modal-footer hr,
952 .wpdt-c #wdt-backend-close-modal .modal-content .modal-footer hr,
953 .wpdt-c #wdt-delete-modal .modal-content .modal-footer hr,
954 .wpdt-c #wdt-error-modal .modal-content .modal-footer hr,
955 .wpdt-c #wdt-rb-backend-close-modal .modal-content .modal-footer hr,
956 .wpdt-c #wdt-rb-shortcodes-modal .modal-content .modal-footer hr,
957 .wpdt-c #wdt-range-picker .modal-content .modal-footer hr{
958 margin-top: 0;
959 margin-bottom: 16px;
960 }
961
962 .wpdt-c #wpdt-inline-logo {
963 width: 110px;
964 height: 35px;
965 padding-right: 10px;
966 }
967 .wpdt-c .wdt-table-setting #wpdt-inline-logo {
968 display: block;
969 }
970
971 .wpdt-c .wdt-datatables-admin-wrap .tab-nav li a:active,
972 .wpdt-c .wdt-datatables-admin-wrap .tab-nav li a:focus,
973 .wpdt-c .wdt-datatables-admin-wrap .tab-nav li a:hover {
974 box-shadow: none !important;
975 }
976
977 .wpdt-c .wdt-datatables-admin-wrap .dropdown.bootstrap-select .dropdown-menu li a {
978 box-shadow: none !important;
979 text-transform: none !important;;
980 }
981
982 .wpdt-c .wdt-datatables-admin-wrap .bootstrap-select > .btn-default {
983 text-transform: none;
984 }
985
986 .wpdt-c .wdt-datatables-admin-wrap table th {
987 -o-transition: none !important;
988 -ms-transition: none !important;
989 -moz-transition: none !important;
990 -webkit-transition: none !important;
991 transition: none !important;
992 }
993
994 .wpdt-c .wdt-datatables-admin-wrap .bootstrap-tagsinput {
995 border-left: 0;
996 border-right: 0;
997 border-top: 0;
998 border-bottom: 0;
999 -webkit-appearance: none;
1000 -moz-appearance: none;
1001 appearance: none;
1002 padding: 0;
1003 box-shadow: none;
1004 width: 100%;
1005 }
1006 .wpdt-c #wdt-add-column-modal .bootstrap-tagsinput {
1007 max-height: 47px;
1008 padding: 3px 0 3px 12px;
1009 }
1010 .wpdt-c #wdt-add-column-modal .wdt-add-column-possible-values-block .form-group {
1011 height: inherit;
1012 max-height: 50px;
1013 overflow-y: auto;
1014 border: 1px solid #D7D9E2;
1015 box-sizing: border-box;
1016 box-shadow: 0 1px 2px rgba(90, 108, 137, 0.08);
1017 border-radius: 3px;
1018 color: #061938;
1019 }
1020 .wpdt-c #wdt-add-column-modal .bootstrap-tagsinput .tag {
1021 color: #5A6C89 ;
1022 background-color: #F3F3FA;
1023 border-radius: 2px;
1024 display: inline-block;
1025 margin-bottom: 4px;
1026 font-size: 12px;
1027 }
1028
1029 .wpdt-c .wdt-datatables-admin-wrap div.toggle-switch {
1030 width: 100%;
1031 position: relative;
1032 }
1033 .wpdt-c .wdt-datatables-admin-wrap div.toggle-switch label{
1034 border: 1px solid #EBECF0;
1035 box-sizing: border-box;
1036 border-radius: 3px;
1037 padding: 9px 45px 9px 12px;
1038 width: 100%;
1039 font-family: Inter;
1040 font-style: normal;
1041 font-weight: normal;
1042 font-size: 14px;
1043 line-height: 20px;
1044 color: #000;
1045 min-height: 40px;
1046 }
1047 .wpdt-c .wdt-datatables-admin-wrap div.toggle-switch input[type="checkbox"]:checked + label {
1048 border: 1px solid rgba(0, 140, 255, 0.5);
1049 background: rgba(0, 140, 255, 0.02);
1050 }
1051 .wpdt-c .wdt-datatables-admin-wrap div.toggle-switch input[type="checkbox"]:checked + label[data-toggle="html-checkbox-premium-popover"] {
1052 background: linear-gradient(0deg, rgba(255, 244, 230, 0.25), rgba(255, 244, 230, 0.25)), #FFFFFF;
1053 border: 1px solid #FFA94D;
1054 }
1055 .wpdt-c .wdt-datatables-admin-wrap div.toggle-switch .ts-helper {
1056 display: none;
1057 }
1058
1059 .wpdt-c .wdt-preload-layer {
1060 position: absolute;
1061 height: 100%;
1062 width: 100%;
1063 background-color: rgba(255,255,255,1);
1064 text-align: center;
1065 z-index: 100;
1066 }
1067 .wpdt-c .tms-store-checkout-wpdatatables{
1068 cursor: pointer;
1069 }
1070
1071 .wpdt-c .wdt-preload-layer div.preloader {
1072 top: 50%;
1073 }
1074
1075 .wpdt-c .wdt-color-picker {
1076 width: 100%;
1077 }
1078
1079 .wpdt-c #wpdt-table-editor img{
1080 max-width: 100%;
1081 height: auto;
1082 }
1083 .wpdt-c #wpdt-table-editor .ht_clone_left table tbody tr th{
1084 vertical-align: middle;
1085 }
1086
1087 .wpdt-c .wpcolorpicker-icon.input-group-addon {
1088 position: absolute;
1089 right: 1px;
1090 top: 6px;
1091 z-index: 4;
1092 height: 25px;
1093 width: 25px;
1094 padding: 0;
1095 pointer-events: none;
1096 }
1097 .wpdt-c #column-conditional-formatting-settings .wdt-conditional-formatting-rule .wpcolorpicker-icon.input-group-addon {
1098 right: 13px;
1099 }
1100
1101 .wpdt-c .wpcolorpicker-icon.add-on>i,
1102 .wpdt-c .wpcolorpicker-icon.input-group-addon>i {
1103 height: 28px;
1104 width: 28px;
1105 display: inline-block;
1106 cursor: pointer;
1107 vertical-align: text-top;
1108 }
1109 .wpdt-c .wdt-conditional-formatting-rule {
1110 padding-top: 12px;
1111 padding-bottom: 4px;
1112 border-top: 1px solid #EBECF0;
1113 color: #061938;
1114 }
1115 .wpdt-c .wdt-conditional-formatting-rule .btn-default,
1116 .wpdt-c .wdt-conditional-formatting-rule .btn-default:before {
1117 color: #061938;
1118 }
1119
1120 .wpdt-c .wdt-conditional-formatting-rule:first-child {
1121 border-top: none !important;
1122 }
1123 .wpdt-c .wdt-conditional-formatting-rule .wdt-last{
1124 padding-right: 0;
1125 }
1126 .wpdt-c .wdt-conditional-formatting-rule .colorpicker-element {
1127 margin-left: 15px;
1128 }
1129 .wpdt-c .wdt-conditional-formatting-rule .colorpicker-element .wpcolorpicker-icon.input-group-addon>i {
1130 position: absolute;
1131 }
1132 .wpdt-c .wdt-conditional-formatting-rule .col-sm-3,
1133 .wpdt-c .wdt-conditional-formatting-rule .col-sm-2,
1134 .wpdt-c .wdt-conditional-formatting-rule .col-sm-1{
1135 padding-left: 0 !important;
1136 }
1137 .wpdt-c .wdt-conditional-formatting-rule .col-sm-1 label{
1138 padding-top: 9px;
1139 color: #061938;
1140 }
1141 .wpdt-c .colorpicker.colorpicker-visible {
1142 top: 32px;
1143 left: inherit;
1144 padding: 4px;
1145 min-width: 146px;
1146 margin: 7px 0 0 -7px;
1147 height: auto;
1148 width: auto;
1149 background: #fff;
1150 overflow: inherit;
1151 }
1152
1153 .wpdt-c span.wpcolorpicker-icon>i {
1154 border: 1px solid #ddd;
1155 }
1156
1157 .wpdt-c .btn.btn-default.wdt-documentation,
1158 .wpdt-c .btn.btn-default.wdt-documentation:hover,
1159 .wpdt-c .btn.btn-default.wdt-documentation:focus {
1160 border: none;
1161 padding: 8px 16px;
1162 border-radius: 6px;
1163 font-family: Inter;
1164 font-style: normal;
1165 font-weight: 500;
1166 font-size: 14px;
1167 line-height: 20px;
1168 color: #253858;
1169 }
1170 .wpdt-c .card.wdt-table-settings .wdt-table-settings-col {
1171 border-top: 1px solid #DFE1E6;
1172 }
1173
1174 .wpdt-c .card.wdt-table-settings .wdt-table-settings-col .btn.btn-default.wdt-documentation {
1175 margin-top: 18px;
1176 }
1177 .wpdt-c .wdt-documentation:hover {
1178 background: linear-gradient(0deg, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.03)), #FFFFFF !important;
1179 }
1180 .wpdt-c .btn.btn-default.wdt-documentation i {
1181 margin-right: 8px;
1182 }
1183 .wpdt-c .wdt-datatables-admin-wrap .bootstrap-select .btn{
1184 padding: 0;
1185 }
1186
1187 .wpdt-c .wdt-datatables-admin-wrap .card .card-header.wdt-admin-card-header {
1188 padding: 0 0 14px 0;
1189 }
1190 .wpdt-c .wdt-datatables-admin-wrap .card.column-settings .card-header.wdt-admin-card-header {
1191 background: #ffffff !important;
1192 border-bottom: 1px solid #EBECF0;
1193 padding: 20px 24px;
1194 }
1195 .wpdt-c .wdt-datatables-admin-wrap .card.column-settings .card-header.wdt-admin-card-header h2{
1196 font-family: Inter;
1197 font-style: normal;
1198 font-weight: normal;
1199 font-size: 16px;
1200 line-height: 24px;
1201 color: #304463;
1202 }
1203
1204 .wpdt-c .wdt-datatables-admin-wrap .card .card-header.wdt-admin-card-header .actions {
1205 right: 0;
1206 bottom: 0;
1207 top: unset;
1208 }
1209 .wpdt-c .wdt-datatables-admin-wrap .card .card-header.wdt-admin-card-header .actions li {
1210 margin-bottom: 12px;
1211 }
1212
1213 .wpdt-c .wdt-datatables-admin-wrap .btn:disabled {
1214 opacity: .5;
1215 }
1216
1217 .wpdt-c .wdt-datatables-admin-wrap .alert .wdt-alert-title:hover,
1218 .wpdt-c .wdt-datatables-admin-wrap .alert .wdt-alert-subtitle:hover {
1219 cursor: text;
1220 }
1221 .wpdt-c .wdt-datatables-admin-wrap .alert .wdt-alert-title,
1222 .wpdt-c .wdt-datatables-admin-wrap .alert .wdt-alert-subtitle {
1223 font-size: 12px;
1224 line-height: 16px;
1225 color: #091E6F;
1226 font-weight: 500;
1227 }
1228 .wpdt-c .wdt-datatables-admin-wrap .alert .wdt-alert-title {
1229 margin-left: 10px;
1230 font-weight: bold;
1231 }
1232 .wpdt-c .wdt-datatables-admin-wrap .alert .wdt-alert-subtitle {
1233 display: inline-block;
1234 padding-left: 29px;
1235 }
1236
1237 .wpdt-c button#wp-my-sql-add,
1238 .wpdt-c .wdt-store-activate-plugin.btn-primary,
1239 .wpdt-c button.wdt-my-sql-test {
1240 margin-top: 3px;
1241 }
1242 .wpdt-c .wdt-store-activate-plugin.btn-danger{
1243 margin-top: 1px;
1244 }
1245
1246
1247 .wpdt-c button.wdt-collapse-table-settings,
1248 .wpdt-c button#wp-my-sql-add,
1249 .wpdt-c .wdt-store-activate-plugin.btn-primary,
1250 .wpdt-c .wdt-store-activate-plugin.btn-danger,
1251 .wpdt-c button#wdt-envato-deactivation-wpdatatables,
1252 .wpdt-c button.wdt-my-sql-test,
1253 .wpdt-c button.reset-color-settings,
1254 .wpdt-c button#wdt-browse-button,
1255 .wpdt-c button#wdt-constructor-browse-button,
1256 .wpdt-c button.wdt-cancel-column-settings,
1257 .wpdt-c button.wdt-backend-close,
1258 .wpdt-c button.wdt-backend-chart-close,
1259 .wpdt-c button.wdt-foreign-key-close,
1260 .wpdt-c button#wdt-foreign-key-open,
1261 .wpdt-c button.wdt-save-foreign-key-rule,
1262 .wpdt-c button.wdt-column-apply,
1263 .wpdt-c #wdt-duplicate-table-modal .btn-danger,
1264 .wpdt-c #wdt-duplicate-chart-modal .btn-danger,
1265 .wpdt-c #wdt-add-column-modal .btn-danger,
1266 .wpdt-c #wdt-remove-column-modal .btn-danger,
1267 .wpdt-c button#wdt-add-column-submit,
1268 .wpdt-c button#wdt-remove-column-submit,
1269 .wpdt-c #wdt-columns-list-modal #wdt-apply-columns-list,
1270 .wpdt-c #wdt-formula-editor-modal .wdt-save-formula,
1271 .wpdt-c #wdt-table-manager-modal #wdt-table-manager-submit,
1272 .wpdt-c #wdt-delete-table-manager-modal #wdt-table-manager-submit,
1273 .wpdt-c #wdt-add-chart-manager-modal #wdt-table-manager-submit,
1274 .wpdt-c #wdt-delete-chart-manager-modal #wdt-table-manager-submit,
1275 .wpdt-c #wdt-chart-manager-modal #wdt-table-manager-submit,
1276 .wpdt-c #wdt-delete-permission-modal #wdt-table-manager-submit,
1277 .wpdt-c #wdt-delete-table-manager-modal #wdt-table-manager-submit,
1278 .wpdt-c #wdt-add-chart-manager-modal #wdt-table-manager-submit,
1279 .wpdt-c #wdt-delete-chart-manager-modal #wdt-table-manager-submit,
1280 .wpdt-c #wdt-chart-manager-modal #wdt-table-manager-submit,
1281 .wpdt-c button.wdt-apply {
1282 font-family: Inter;
1283 font-style: normal;
1284 font-weight: 500;
1285 font-size: 14px;
1286 line-height: 20px;
1287 padding: 8px 16px;
1288 border-radius: 5px;
1289 box-sizing: border-box;
1290 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06) !important;
1291 margin-left: 8px;
1292 }
1293 .wpdt-c button#wdt-browse-button,
1294 .wpdt-c button#wdt-constructor-browse-button {
1295 margin-top: 2px;
1296 }
1297 .wpdt-c .wdt-store-activate-plugin.btn-primary,
1298 .wpdt-c .wdt-store-activate-plugin.btn-danger,
1299 .wpdt-c button#wdt-foreign-key-open{
1300 margin-left: 0;
1301 }
1302
1303 .wpdt-c button.wdt-cancel-column-settings,
1304 .wpdt-c #wdt-duplicate-table-modal .btn-danger,
1305 .wpdt-c #wdt-duplicate-chart-modal .btn-danger,
1306 .wpdt-c #wdt-configure-foreign-key-modal .btn-danger,
1307 .wpdt-c #wdt-add-column-modal .btn-danger,
1308 .wpdt-c #wdt-remove-column-modal .btn-danger,
1309 .wpdt-c #wdt-columns-list-modal .btn-danger,
1310 .wpdt-c #wdt-formula-editor-modal .btn-danger,
1311 .wpdt-c #wdt-possible-values-merge-list-modal .btn-danger,
1312 .wpdt-c #reset-color-settings,
1313 .wpdt-c button.wdt-backend-close,
1314 .wpdt-c button.wdt-backend-chart-close {
1315 background-color: #ffffff!important;
1316 color: #253858 !important;
1317 border-color: #DFE1E6 !important;
1318 border: 1px solid;
1319 }
1320
1321 .wpdt-c button.wdt-cancel-column-settings:hover,
1322 .wpdt-c #wdt-duplicate-table-modal .btn-danger:hover,
1323 .wpdt-c #wdt-duplicate-chart-modal .btn-danger:hover,
1324 .wpdt-c #wdt-configure-foreign-key-modal .btn-danger:hover,
1325 .wpdt-c #wdt-add-column-modal .btn-danger:hover,
1326 .wpdt-c #wdt-remove-column-modal .btn-danger:hover,
1327 .wpdt-c #wdt-columns-list-modal .btn-danger:hover,
1328 .wpdt-c #wdt-formula-editor-modal .btn-danger:hover,
1329 .wpdt-c #wdt-possible-values-merge-list-modal .btn-danger:hover,
1330 .wpdt-c #reset-color-settings:hover,
1331 .wpdt-c button.wdt-backend-close:hover,
1332 .wpdt-c button.wdt-backend-chart-close:hover {
1333 background: linear-gradient(0deg, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.03)), #FFFFFF;
1334 border: 1px solid #DFE1E6;
1335 box-sizing: border-box;
1336 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06);
1337 }
1338
1339 .wpdt-c button.wdt-collapse-table-settings {
1340 background-color: #ffffff !important;
1341 color: #304463 !important;
1342 border: 1px solid rgba(0, 140, 255, 0.75) !important;
1343 }
1344 .wpdt-c button.wdt-collapse-table-settings:hover {
1345 background: linear-gradient(0deg, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.03)), #FFFFFF !important;
1346 border: 1px solid #DFE1E6;
1347 box-sizing: border-box;
1348 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06);
1349 }
1350 .wpdt-c button.wdt-collapse-table-settings i {
1351 margin-left: 4px;
1352 }
1353
1354 .wpdt-c button#wp-my-sql-add,
1355 .wpdt-c button.wdt-my-sql-test {
1356 margin-left: 0;
1357 }
1358
1359 .wpdt-c #wdt-formula-editor-modal .wdt-preview-formula {
1360 font-size: 14px;
1361 line-height: 20px;
1362 color: #091E6F;
1363 background: linear-gradient(0deg, rgba(0, 140, 255, 0.08), rgba(0, 140, 255, 0.08)), #FFFFFF;
1364 border: 1px solid rgba(0, 140, 255, 0.14);
1365 box-sizing: border-box;
1366 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06);
1367 border-radius: 5px;
1368 }
1369 .wpdt-c #wdt-formula-editor-modal .wdt-preview-formula:hover {
1370 background: linear-gradient(0deg, rgba(0, 140, 255, 0.13), rgba(0, 140, 255, 0.13)), #FFFFFF;
1371 border: 1px solid rgba(0, 140, 255, 0.14);
1372 box-sizing: border-box;
1373 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06);
1374 }
1375 .wpdt-c #separate-connection .wdt-my-sql-delete i,
1376 .wpdt-c .wdt-store-activate-plugin i,
1377 .wpdt-c .wdt-envato-activation .wdt-envato-deactivation-button i,
1378 .wpdt-c #wdt-backend-warning-modal .modal-content .modal-footer #wdt-backend-clear-table-data-button i,
1379 .wpdt-c #wdt-backend-close-modal .modal-content .modal-footer #wdt-backend-close-button i,
1380 .wpdt-c #wdt-delete-modal .modal-content .modal-footer .wdt-cancel-delete-button i{
1381 margin-right: 8px;
1382 vertical-align: baseline;
1383 }
1384 .wpdt-c button.wdt-column-apply i,
1385 .wpdt-c button.wdt-apply i {
1386 margin-right: 8px;
1387 }
1388 .wpdt-c #wdt-column-settings-buttons button.wdt-column-apply i,
1389 .wpdt-c #wdt-columns-list-modal .modal-content .modal-footer #wdt-apply-columns-list i,
1390 .wpdt-c .wpdt-actions-bottom button.wdt-apply i,
1391 .wpdt-c button#wdt-add-column-submit i,
1392 .wpdt-c button.duplicate-chart-button i,
1393 .wpdt-c button.wdt-save-foreign-key-rule i,
1394 .wpdt-c button.wdt-save-formula i,
1395 .wpdt-c button#wdt-remove-column-submit i,
1396 .wpdt-c button.duplicate-table-button i,
1397 .wpdt-c button.wdt-preview-formula i {
1398 margin-right: 4px;
1399 }
1400 .wpdt-c .wdt-column-settings i.wpdt-icon-cog {
1401 vertical-align: middle;
1402 }
1403 .wpdt-c .wdt-datatables-admin-wrap i.wpdt-icon-info-circle-full,
1404 .wpdt-c .wdt-datatables-admin-wrap i.wpdt-icon-info-circle-thin,
1405 .wpdt-c .wdt-datatables-admin-wrap i.wpdt-icon-info-circle {
1406 font-size: 15px;
1407 line-height: 20px;
1408 }
1409 .wpdt-c .wdt-datatables-admin-wrap i.wpdt-icon-info-circle-thin,
1410 .wpdt-c .wdt-datatables-admin-wrap i.wpdt-icon-info-circle {
1411 color: #8796AF;
1412 vertical-align: middle;
1413 }
1414 .wpdt-c .wdt-datatables-admin-wrap i.wpdt-icon-info-circle-full {
1415 color: #008CFF;
1416 }
1417
1418 .wpdt-c .wdt-datatables-admin-wrap .card .card-header.wdt-admin-card-header {
1419 border-bottom: none;
1420 }
1421 .wpdt-c .wdt-datatables-admin-wrap .card.wdt-table-settings .card-header.wdt-admin-card-header #wpdt-inline-logo{
1422 display: block;
1423 margin-bottom: 5px;
1424 }
1425
1426 .wpdt-c #adminmenuback {
1427 z-index: 100;
1428 }
1429 .wpdt-c .wpdt-forminator-news,
1430 .wpdt-c .wpdt-md-news{
1431 margin: 10px 0 !important;
1432 font-size: 15px;
1433 }
1434
1435 .wpdt-c .wpdt-forminator-news .wdt-forminator-link {
1436 text-decoration: none;
1437 }
1438 .wpdt-c .wpdt-forminator-news .wdt-forminator-link:hover {
1439 text-decoration: underline;
1440 }
1441 .wpdt-c .wpdt-forminator-news-notice{
1442 background: #091D70 ;
1443 color: #ffffff;
1444 }
1445 .wpdt-c .wpdt-md-news-notice {
1446 background: #2196F3 ;
1447 color: #ffffff;
1448 }
1449 .wpdt-c .notice-info {
1450 border-left-color: #091D70 !important;
1451 }
1452 .wpdt-c .notice-info.wpdt-forminator-news-notice {
1453 border-left-color: #ff8c00 !important;
1454 }
1455 .wpdt-c .wpdt-forminator-news-notice a,
1456 .wpdt-c .wpdt-forminator-news-notice a:hover,
1457 .wpdt-c .wpdt-md-news-notice a,
1458 .wpdt-c .wpdt-md-news-notice a:hover {
1459 color: #ffffff;
1460 text-decoration: underline;
1461 }
1462
1463 .wpdt-c .wpdt-forminator-news-notice .notice-dismiss:before,
1464 .wpdt-c .wpdt-md-news-notice .notice-dismiss:before{
1465 color: #ffffff;
1466 position: absolute;
1467 top: 13px;
1468 right: 5px;
1469 }
1470 .wpdt-c .wpdt-forminator-news-notice .notice-dismiss:hover:before,
1471 .wpdt-c .wpdt-md-news-notice .notice-dismiss:hover:before{
1472 color: red;
1473 }
1474 .wpdt-c .wdt-rating-notice {
1475 position: relative;
1476 overflow: hidden;
1477 padding: 17px 16px 16px;
1478 font-family: Inter;
1479 font-style: normal;
1480 font-weight: 500;
1481 font-size: 14px;
1482 line-height: 20px;
1483 background: #FFFFFF;
1484 border: 1px solid #DFE1E6;
1485 box-sizing: border-box;
1486 box-shadow: 0 3px 6px rgba(23, 43, 77, 0.08);
1487 border-radius: 3px;
1488 }
1489
1490 .wpdt-c .wdt-rating-buttons {
1491 position: absolute;
1492 right: 16px;
1493 top: 40px;
1494 }
1495
1496 .wpdt-c .wdt-rating-buttons li{
1497 display: block;
1498 outline: none;
1499 text-align: right;
1500 margin: 0 0 4px 0;
1501 }
1502
1503 .wpdt-c .wdt-rating-button {
1504 border-radius: 5px;
1505 text-transform: none;
1506 position: relative;
1507 color: #fff;
1508 cursor: pointer;
1509 margin: 0;
1510 display: inline-block;
1511 box-sizing: border-box;
1512 vertical-align: middle;
1513 text-align: center;
1514 text-decoration: none;
1515 outline: 0 !important;
1516 outline-color: #fff;
1517 text-decoration: #fff;
1518 }
1519
1520 .wpdt-c h1.wdt-rating-heading {
1521 margin-top: 0 !important;
1522 padding: 0 0 6px 0 !important;
1523 font-size: 16px !important;
1524 line-height: 20px !important;
1525 color: #061938 !important;
1526 }
1527
1528 .wpdt-c .wdt-first-btn {
1529 display: inline;
1530 background-color: #008cff !important;
1531 color: #fff !important;
1532 padding: 8px 16px;
1533 font-size: 14px;
1534 font-style: normal;
1535 font-weight: 500;
1536 line-height: 20px;
1537 }
1538 .wpdt-c .wdt-first-btn i{
1539 margin-right: 8px;
1540 }
1541
1542 .wpdt-c a.wdt-other-btn,
1543 .wpdt-c a.wdt-other-btn:active,
1544 .wpdt-c a.wdt-other-btn:visited,
1545 .wpdt-c a.wdt-other-btn:hover {
1546 color: #008cff;
1547 border: none ;
1548 font-size: 13px;
1549 line-height: 20px;
1550 }
1551 .wpdt-c a.wdt-first-btn:focus,
1552 .wpdt-c a.wdt-first-btn:visited,
1553 .wpdt-c a.wdt-first-btn:active,
1554 .wpdt-c a.wdt-other-btn:focus,
1555 .wpdt-c a.wdt-other-btn:visited,
1556 .wpdt-c a.wdt-other-btn:active
1557 {
1558 outline:0 !important;
1559 border: none !important;
1560 box-shadow: none !important;
1561 }
1562 .wpdt-c .wdt-float-left {
1563 float: left;
1564 line-height: normal;
1565 }
1566 .wpdt-c .wdt-rating-notice .wdt-rating-massage {
1567 font-size: 13px;
1568 line-height: 20px;
1569 margin: 0 0 4px 0;
1570 color: #304463;
1571 }
1572 .wpdt-c .wdt-icon-rating {
1573 margin-right: 10px;
1574 }
1575 .wpdt-c .wdt-icon-hands,
1576 .wpdt-c .wdt-icon-smile {
1577 width: 15px;
1578 vertical-align: baseline;
1579 }
1580
1581 .wpdt-c .wdt-dismiss {
1582 cursor: pointer;
1583 }
1584 .wpdt-c .wdt-dismiss i {
1585 position: absolute;
1586 top: 10px;
1587 right: 14px;
1588 padding: 5px;
1589 line-height: normal;
1590 }
1591
1592 .wpdt-c .wdt-custom-number-input {
1593 position: relative;
1594 }
1595 .wpdt-c .wdt-custom-number-input input {
1596 text-align: center;
1597 }
1598 .wpdt-c .wdt-custom-number-input .wdt-btn-number:hover,
1599 .wpdt-c .wdt-custom-number-input .wdt-btn-number:hover:disabled,
1600 .wpdt-c .wdt-custom-number-input .wdt-btn-number:active,
1601 .wpdt-c .wdt-custom-number-input .wdt-btn-number:visited,
1602 .wpdt-c .wdt-custom-number-input .wdt-btn-number{
1603 position: absolute;
1604 height: 100%;
1605 width: 40px;
1606 border: 1px solid #D7D9E2;
1607 color: #8796AF;
1608 background: #F8F8FA;
1609 }
1610
1611 .wpdt-c .wdt-custom-number-input .wdt-btn-number.wdt-button-minus{
1612 left: 0;
1613 top: 0;
1614 height: 100%;
1615 border: 1px solid #D7D9E2;
1616 color: #8796AF;
1617 background: #F8F8FA;
1618 border-radius: 2px 0 0 2px;
1619 }
1620 .wpdt-c .wdt-custom-number-input .wdt-btn-number.wdt-button-plus{
1621 right: 0;
1622 top: 0;
1623 height: 100%;
1624 border: 1px solid #D7D9E2;
1625 color: #8796AF;
1626 background: #F8F8FA;
1627 border-radius: 0 2px 2px 0;
1628 }
1629 #wpdt-views {
1630 display: flex;
1631 justify-content: flex-start;
1632 }
1633 #wpdt-views .nav-link {
1634 font-family: Inter;
1635 font-style: normal;
1636 font-weight: 500;
1637 font-size: 14px;
1638 line-height: 20px;
1639 color: #5A6C89;
1640 background-color: #fff !important;
1641 }
1642 #wpdt-views .nav-item {
1643 cursor: pointer;
1644 }
1645 #wpdt-views .nav-item:hover {
1646 border-bottom: 1px solid #008CFF;
1647 color: #008CFF;
1648 background-color: #fff !important;
1649 }
1650 #wpdt-views .nav-item.active {
1651 border-bottom: 1px solid #008CFF;
1652 }
1653
1654 #wpdt-views .nav-item .nav-link:hover,
1655 #wpdt-views .nav-item.active .nav-link{
1656 color: #008CFF;
1657 background-color: #fff !important;
1658 }
1659
1660 .wpdt-c #wdt-premium-modal .modal-title {
1661 font-family: Inter;
1662 font-style: normal;
1663 font-weight: 500;
1664 font-size: 13px;
1665 line-height: 20px;
1666 color: #061938;
1667 }
1668 .wpdt-c #wdt-premium-modal .wpdt-icon-times-full {
1669 font-style: normal;
1670 font-weight: normal;
1671 font-size: 14px;
1672 line-height: 20px;
1673 color: #061938;
1674 }
1675 .wpdt-c #wdt-premium-modal .modal-header {
1676 padding: 12px 12px 7px 12px;
1677 }
1678 .wpdt-c #wdt-premium-modal .modal-dialog {
1679 width: 300px !important;
1680 }
1681 .wpdt-c #wdt-premium-modal .modal-body span,
1682 .wpdt-c #wdt-premium-modal .modal-footer span{
1683 font-family: Inter;
1684 font-style: normal;
1685 font-weight: normal;
1686 font-size: 12px;
1687 line-height: 16px;
1688 color: #5A6C89;
1689 margin-bottom: 4px;
1690 }
1691 .wpdt-c #wdt-premium-modal .modal-footer {
1692 text-align: left;
1693 padding: 0 12px 12px 12px;
1694 }
1695 .wpdt-c #wdt-premium-modal .modal-footer a{
1696 font-family: Inter;
1697 font-style: normal;
1698 font-weight: 600;
1699 font-size: 12px;
1700 line-height: 16px;
1701 color: #008CFF;
1702 }
1703 .wpdt-c #wdt-premium-compare-link{
1704 cursor: pointer;
1705 }
1706 .wdt-input-data-source-type .dropdown-menu > .disabled > a {
1707 color: inherit !important;
1708 opacity: 0.7;
1709 }
1710 .wdt-input-data-source-type .dropdown-menu span.wdt-premium {
1711 padding: 2px 6px;
1712 background: rgba(0, 140, 255, 0.1);
1713 border-radius: 45px;
1714 width: fit-content;
1715 cursor: not-allowed !important;
1716 font-family: Inter;
1717 font-style: normal;
1718 font-weight: 500;
1719 font-size: 13px;
1720 line-height: 20px;
1721 color: #008CFF;
1722 margin-top: 4px;
1723 box-shadow: none !important;
1724 display: inline-block;
1725 }
1726 .wdt-input-data-source-type .dropdown-menu .wdt-premium-option-disabled {
1727 user-select: none;
1728 -webkit-user-select: none;
1729 cursor: not-allowed !important;
1730 }
1731 .wdt-nested-json-custom-headers-container {
1732 padding: 10px 10px 0 10px;
1733 border: 1px solid #D7D9E2;
1734 box-sizing: border-box;
1735 box-shadow: 0 1px 2px rgb(90 108 137 / 8%) !important;
1736 border-radius: 3px;
1737 }
1738
1739 .wpdt-c #wdt-get-nested-json-roots {
1740 padding: 10px 12px;
1741 width: 100%;
1742 }
1743 .wdt-custom-headers-row-rule textarea.form-control.input-sm {
1744 border: 1px solid #D7D9E2 !important;
1745 padding: 10px 12px !important;
1746 box-sizing: border-box;
1747 box-shadow: 0 1px 2px rgb(90 108 137 / 8%) !important;
1748 border-radius: 3px;
1749 resize: vertical !important;
1750 height: 40px;
1751 }
1752 .wdt-custom-headers-row-rule .wdt-delete-custom-headers-row-rule.btn {
1753 background: #ffffff;
1754 font-size: 20px !important;
1755 line-height: 24px !important;
1756 color: #5A6C89;
1757 margin-top: 3px;
1758 }
1759
1760 #wpdt-star-rating-color {
1761 border: 1px solid #dde0e3;
1762 box-sizing: border-box;
1763 border-radius: 3px;
1764 padding: 18px 45px 19px 12px;
1765 width: 100%;
1766 }
1767
1768 .pcr-app.visible {
1769 z-index: 1000000;
1770 }
1771 .wpdt-c h4.wdt-beta-feature {
1772 float: left;
1773 }
1774
1775 .wpdt-c p.wdt-beta-feature {
1776 color: #B46118;
1777 background-color: #FADF7E;
1778 font-style: normal;
1779 font-weight: bold;
1780 font-size: 11px;
1781 line-height: 14px;
1782 text-align: center;
1783 letter-spacing: normal;
1784 max-width: 62px;
1785 padding: 2px 16px;
1786 border-radius: 13px;
1787 float: right;
1788 margin-left: 10px;
1789 }
1790 .wpdt-c p.wdt-fixedcolumns.wdt-beta-feature,
1791 .wpdt-c p.wdt-fixedheaders.wdt-beta-feature {
1792 color: #B46118;
1793 background-color: #FADF7E;
1794 font-style: normal;
1795 font-weight: bold;
1796 font-size: 11px;
1797 line-height: 14px;
1798 text-align: center;
1799 letter-spacing: normal;
1800 max-width: 62px;
1801 padding: 2px 16px;
1802 border-radius: 13px;
1803 float: right;
1804 margin-left: 10px;
1805 }
1806 @media only screen and (max-width : 1025px) {
1807 .wpdt-c .wdt-rating-button {
1808 margin: 10px 0 0 10px;
1809 }
1810 .wpdt-c .wdt-float-left {
1811 float: none;
1812 text-align: center;
1813 }
1814 .wpdt-c .wdt-rating-buttons {
1815 text-align: center;
1816 }
1817 .wpdt-c .wdt-conditional-formatting-rule .col-sm-1 label {
1818 text-align: left !important;
1819 }
1820 .wpdt-c .wdt-rating-buttons {
1821 position: initial;
1822 display: inline-flex;
1823 justify-content: center;
1824 width: 100%;
1825 margin-top: 10px;
1826 margin-bottom: 0;
1827 }
1828 #wdt-table-description-edit{
1829 width: 350px;
1830 }
1831
1832 }
1833 @media only screen and (max-width : 960px) {
1834 #adminmenu .wp-submenu li a[href='admin.php?page=wpdatatables-getting-started'],
1835 .wdt-datatables-admin-wrap .wdt-link-tutorials{
1836 display: none !important;
1837 }
1838 #wdt-table-description-edit{
1839 width: 300px;
1840 }
1841 }
1842
1843 @media(min-width: 625px) and (max-width: 960px) {
1844 .tms-store-col:nth-child(2) {
1845 background: none !important;
1846 }
1847 }
1848
1849 @media only screen and (max-width : 480px) {
1850 .wpdt-c .wdt-datatables-admin-wrap .column-settings-panel .wdt-column-calc-total-block,
1851 .wpdt-c .wdt-datatables-admin-wrap .column-settings-panel .wdt-column-calc-avg-block,
1852 .wpdt-c .wdt-datatables-admin-wrap .column-settings-panel .wdt-column-calc-min-block,
1853 .wpdt-c .wdt-datatables-admin-wrap .column-settings-panel .wdt-column-calc-max-block {
1854 padding-top: 15px;
1855 }
1856 .wpdt-c .wdt-conditional-formatting-rule .colorpicker-element {
1857 margin-left: 0;
1858 }
1859 .wpdt-c #wdt-formula-editor-modal .modal-dialog, .wpdt-c #wdt-columns-list-modal .modal-dialog {
1860 width: 100% !important;
1861 }
1862 }
1863
1864 /* Deactivation popup */
1865 #wdt-deactivation-modal {
1866 display: none;
1867 position: fixed;
1868 top: 50%;
1869 left: 50%;
1870 transform: translate(-50%, -50%);
1871 padding: 20px 40px 40px 40px;
1872 background-color: #fff;
1873 box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
1874 max-width: 500px;
1875 width: 100%;
1876 z-index: 1000;
1877 overflow: hidden;
1878 border-radius: 5px;
1879 }
1880 #wdt-deactivation-modal .wdt-deactivation-modal-close{
1881 position: absolute;
1882 top: 10px;
1883 right: 21px;
1884 cursor: pointer;
1885 font-size: 18px;
1886 }
1887 #wdt-deactivation-modal .wdt-deactivation-modal-close i {
1888 font-size: 20px;
1889 }
1890 #wdt-deactivation-modal .wdt-deactivation-modal-title{
1891 text-align: start;
1892 font-size: 15px;
1893 color: #103282;
1894 }
1895 #wdt-deactivation-modal .wpdt-deactivation-modal-logo{
1896 background-image: url(../../img/logo-large.png);
1897 background-repeat: no-repeat;
1898 height: 50px;
1899 background-size: 40px 38px;
1900 background-position: left;
1901 width: 50px;
1902 }
1903 .wdt-remove {
1904 display: none;
1905 }
1906 .wdt-deactivation-backdrop {
1907 display: none;
1908 position: fixed;
1909 top: 0;
1910 left: 0;
1911 width: 100%;
1912 height: 100%;
1913 background-color: rgba(0, 0, 0, 0.5);
1914 justify-content: center;
1915 align-items: center;
1916 z-index: 1000;
1917 }
1918 #wdt-deactivate-feedback-dialog-form-body {
1919 padding-block-start: 30px;
1920 padding-block-end: 15px;
1921 }
1922 #wdt-deactivation-modal {
1923 display: none;
1924 background-color: #fff;
1925 padding: 22px;
1926 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
1927 z-index: 1001;
1928 max-width: 475px;
1929 width: 100%;
1930 }
1931
1932 #wdt-deactivation-modal .wdt-deactivation-modal-title {
1933 display: flex;
1934 align-items: center;
1935 justify-content: space-between;
1936 margin-bottom: 10px;
1937 }
1938
1939 #wdt-deactivation-modal .wdt-deactivation-feedback-dialog-form-caption {
1940 margin-bottom: 15px;
1941 margin-top: 15px;
1942 }
1943
1944 #wdt-deactivation-modal textarea.wdt-textarea {
1945 width: 100%;
1946 margin-bottom: 5px;
1947 height: 60px;
1948 resize: none;
1949 border-radius: 0px;
1950 overflow: hidden;
1951 border-radius: 6px;
1952 }
1953
1954 .wdt-deactivation-modal-footer {
1955 display: flex;
1956 justify-content: space-between;
1957 }
1958
1959 .wdt-deactivation-modal-btn {
1960 padding: 8px 16px;
1961 cursor: pointer;
1962 border: none;
1963 border-radius: 4px;
1964 color: #fff;
1965 }
1966
1967 #wdt-deactivation-modal .wdt-submit {
1968 background: #008CFF;
1969 }
1970
1971 #wdt-deactivation-modal .wdt-close {
1972 background: #F0F1F2 !important;
1973 color: #1A2C37!important;
1974 }
1975 #wdt-deactivation-modal-header{
1976 display: inline-flex;
1977 border-bottom: 1px solid #F0F1F2;
1978 width: 100%;
1979 margin-top: -6px;
1980 }
1981 #wdt-deactivation-modal .btn-primary {
1982 background: #008CFF;
1983 border: none;
1984 box-sizing: border-box;
1985 border-radius: 3px;
1986 font-family: var(--wpdt-inter-google-font, inherit);
1987 font-style: normal;
1988 font-weight: 600;
1989 font-size: 12px;
1990 padding: 8px 12px;
1991 color: #FFFFFF;
1992 }
1993
1994 #wdt-deactivation-modal .btn-primary:focus, .wpdt-c #wdt-deactivation-modal .btn-primary.focus {
1995 color: #fff;
1996 background-color: #0c7cd5;
1997 border-color: #064475;
1998 }
1999
2000 #wdt-deactivation-modal .btn-primary:hover {
2001 color: #fff;
2002 background-color: #0c7cd5;
2003 border-color: #0a68b4;
2004 cursor: default;
2005 }
2006
2007 #wdt-deactivation-modal .btn-primary:active,#wdt-deactivation-modal .btn-primary.active {
2008 color: #fff;
2009 background-color: #0c7cd5;
2010 border-color: #0a68b4;
2011 }
2012
2013 #wdt-deactivation-modal .btn-primary:active:hover, #wdt-deactivation-modal .btn-primary.active:hover {
2014 color: #fff;
2015 background-color: #0a68b4;
2016 border-color: #064475;
2017 }
2018
2019 #wdt-deactivation-modal .btn-primary:active, .wpdt-c #wdt-deactivation-modal .btn-primary.active {
2020 background-image: none;
2021 }
2022 #wdt-deactivation-modal-footer{
2023 width: 100%;
2024 justify-content: space-between;
2025 display: flex;
2026 padding-top: 20px;
2027 }
2028 #wdt-deactivation-modal .wdt-deactivation-modal-options{
2029 padding: 6px;
2030 }
2031 #wdt-deactivation-modal .wdt-textarea-description{
2032 margin-bottom: 5px;
2033 }
2034 #wdt-deactivation-modal .wdt-ticksy-description{
2035 background: #fcdcdc;
2036 font-size: 14px;
2037 font-weight: bold;
2038 }
2039 #wdt-deactivation-modal .wdt-deactivation-feedback-dialog-form-caption-error{
2040 background: #fcdcdc;
2041 font-size: 14px;
2042 font-weight: bold;
2043 }
2044 #wdt-deactivation-modal .wdt-submit-ticket{
2045 margin-left: 5px;
2046 text-decoration: unset;
2047 }
2048 .wpdt-c .wdt-upgrade-img {
2049 width: 100%;
2050 }
2051 .wpdt-c .wdt-upgrade-btn a {
2052 color: #FFFFFF !important;
2053 }
2054 .wpdt-c .wdt-upgrade-btn a:hover {
2055 opacity: .8;
2056 }
2057
2058 .tooltip .tooltip-inner a {
2059 color: #fff;
2060 text-decoration: underline;
2061 }