PluginProbe
QuadMenu – Mega Menu / 1.9.0
QuadMenu – Mega Menu v1.9.0
3.3.7 3.3.6 trunk 1.8.4 1.8.5 1.8.7 1.8.8 1.8.9 1.9.0 1.9.2 1.9.3 1.9.4 1.9.5 1.9.6 1.9.7 1.9.8 1.9.9 2.0.0 2.0.1 2.0.2 2.0.3 2.0.4 2.0.5 2.0.6 2.0.7 All 87 releases
quadmenu / assets / backend / css / quadmenu-admin.css

quadmenu-admin.css in QuadMenu – Mega Menu 1.9.0, at assets/backend/css/quadmenu-admin.css

3,058 lines 102.3 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 @-webkit-keyframes fadeIn {
2 0% {
3 opacity: 0;
4 }
5 100% {
6 opacity: 1;
7 }
8 }
9 @keyframes fadeIn {
10 0% {
11 opacity: 0;
12 }
13 100% {
14 opacity: 1;
15 }
16 }
17 @-webkit-keyframes rotation {
18 0% {
19 -webkit-transform: rotate(0deg);
20 transform: rotate(0deg);
21 }
22 100% {
23 -webkit-transform: rotate(359deg);
24 transform: rotate(359deg);
25 }
26 }
27 @keyframes rotation {
28 0% {
29 -webkit-transform: rotate(0deg);
30 transform: rotate(0deg);
31 }
32 100% {
33 -webkit-transform: rotate(359deg);
34 transform: rotate(359deg);
35 }
36 }
37 .dashicons {
38 display: inline-block;
39 line-height: 1;
40 font-family: dashicons;
41 text-decoration: inherit;
42 font-weight: 400;
43 font-style: normal;
44 vertical-align: top;
45 text-align: center;
46 -webkit-transition: color 0.1s ease-in 0;
47 transition: color 0.1s ease-in 0;
48 -webkit-font-smoothing: antialiased;
49 -moz-osx-font-smoothing: grayscale;
50 }
51 body.wp-customizer .select2-drop-active,
52 body.admin-color-quadmenu .select2-drop-active {
53 border-color: #d9d9d9!important;
54 }
55 body.wp-customizer .wp-picker-container .select2-container .select2-choice,
56 body.admin-color-quadmenu .wp-picker-container .select2-container .select2-choice,
57 body.wp-customizer .redux-container .select2-container .select2-choice,
58 body.admin-color-quadmenu .redux-container .select2-container .select2-choice {
59 background: none;
60 }
61 body.wp-customizer .wp-picker-container .select2-container .select2-choice .select2-arrow,
62 body.admin-color-quadmenu .wp-picker-container .select2-container .select2-choice .select2-arrow,
63 body.wp-customizer .redux-container .select2-container .select2-choice .select2-arrow,
64 body.admin-color-quadmenu .redux-container .select2-container .select2-choice .select2-arrow {
65 width: 26px;
66 background: #eee;
67 border-left: 1px solid #d9d9d9;
68 border-radius: 0 3px 3px 0;
69 }
70 body.wp-customizer .wp-picker-container .select2-container .select2-choice,
71 body.admin-color-quadmenu .wp-picker-container .select2-container .select2-choice,
72 body.wp-customizer .redux-container .select2-container .select2-choice,
73 body.admin-color-quadmenu .redux-container .select2-container .select2-choice {
74 border: 1px solid #d9d9d9;
75 border-radius: 3px;
76 }
77 body.wp-customizer .wp-picker-container .select2-container .select2-choice abbr,
78 body.admin-color-quadmenu .wp-picker-container .select2-container .select2-choice abbr,
79 body.wp-customizer .redux-container .select2-container .select2-choice abbr,
80 body.admin-color-quadmenu .redux-container .select2-container .select2-choice abbr {
81 right: 32px;
82 top: 7px;
83 }
84 body.wp-customizer .wp-picker-container .select2-container .select2-choice .select2-arrow b,
85 body.admin-color-quadmenu .wp-picker-container .select2-container .select2-choice .select2-arrow b,
86 body.wp-customizer .redux-container .select2-container .select2-choice .select2-arrow b,
87 body.admin-color-quadmenu .redux-container .select2-container .select2-choice .select2-arrow b {
88 background-position-x: 5px;
89 }
90 body.wp-customizer .wp-picker-container .sticky-footer-fixed,
91 body.admin-color-quadmenu .wp-picker-container .sticky-footer-fixed,
92 body.wp-customizer .redux-container .sticky-footer-fixed,
93 body.admin-color-quadmenu .redux-container .sticky-footer-fixed,
94 body.wp-customizer .wp-picker-container #info_bar,
95 body.admin-color-quadmenu .wp-picker-container #info_bar,
96 body.wp-customizer .redux-container #info_bar,
97 body.admin-color-quadmenu .redux-container #info_bar {
98 box-shadow: none;
99 }
100 body.wp-customizer .wp-picker-container .redux-action_bar a,
101 body.admin-color-quadmenu .wp-picker-container .redux-action_bar a,
102 body.wp-customizer .redux-container .redux-action_bar a,
103 body.admin-color-quadmenu .redux-container .redux-action_bar a,
104 body.wp-customizer .wp-picker-container .redux-action_bar input,
105 body.admin-color-quadmenu .wp-picker-container .redux-action_bar input,
106 body.wp-customizer .redux-container .redux-action_bar input,
107 body.admin-color-quadmenu .redux-container .redux-action_bar input {
108 height: 30px!important;
109 margin: 0 5px 0 0;
110 display: block;
111 float: left;
112 line-height: 30px;
113 padding: 0 15px;
114 border-radius: 2px;
115 }
116 body.wp-customizer .wp-picker-container .redux-action_bar > a,
117 body.admin-color-quadmenu .wp-picker-container .redux-action_bar > a,
118 body.wp-customizer .redux-container .redux-action_bar > a,
119 body.admin-color-quadmenu .redux-container .redux-action_bar > a {
120 text-decoration: none;
121 }
122 body.wp-customizer .wp-picker-container .redux-main .input-prepend input,
123 body.admin-color-quadmenu .wp-picker-container .redux-main .input-prepend input,
124 body.wp-customizer .redux-container .redux-main .input-prepend input,
125 body.admin-color-quadmenu .redux-container .redux-main .input-prepend input {
126 padding-top: 4px;
127 padding-bottom: 4px;
128 }
129 body.wp-customizer .cb-enable,
130 body.admin-color-quadmenu .cb-enable,
131 body.wp-customizer .cb-disable,
132 body.admin-color-quadmenu .cb-disable,
133 body.wp-customizer .ui-button-text-only,
134 body.admin-color-quadmenu .ui-button-text-only {
135 height: auto;
136 }
137 body.wp-customizer .cb-enable .ui-button-text,
138 body.admin-color-quadmenu .cb-enable .ui-button-text,
139 body.wp-customizer .cb-disable .ui-button-text,
140 body.admin-color-quadmenu .cb-disable .ui-button-text,
141 body.wp-customizer .ui-button-text-only .ui-button-text,
142 body.admin-color-quadmenu .ui-button-text-only .ui-button-text,
143 body.wp-customizer .cb-enable span,
144 body.admin-color-quadmenu .cb-enable span,
145 body.wp-customizer .cb-disable span,
146 body.admin-color-quadmenu .cb-disable span,
147 body.wp-customizer .ui-button-text-only span,
148 body.admin-color-quadmenu .ui-button-text-only span {
149 font-weight: 400;
150 padding: .4em 1em;
151 }
152 body.wp-customizer .ui-button-text-only,
153 body.admin-color-quadmenu .ui-button-text-only {
154 border-radius: 0;
155 }
156 body.wp-customizer .noUi-connect,
157 body.admin-color-quadmenu .noUi-connect,
158 body.wp-customizer .noUi-handle,
159 body.admin-color-quadmenu .noUi-handle {
160 box-shadow: none!important;
161 }
162 body.wp-customizer .noUi-connect,
163 body.admin-color-quadmenu .noUi-connect {
164 background-color: #21c2f8 !important;
165 background-image: none!important;
166 }
167 body.wp-customizer .noUi-handle,
168 body.admin-color-quadmenu .noUi-handle {
169 width: 26px;
170 height: 26px;
171 top: -4px;
172 left: -13px;
173 border-radius: 50%;
174 }
175 body.wp-customizer .noUi-handle:before,
176 body.admin-color-quadmenu .noUi-handle:before,
177 body.wp-customizer .noUi-handle:after,
178 body.admin-color-quadmenu .noUi-handle:after {
179 display: none;
180 }
181 body.wp-customizer .noUi-origin,
182 body.admin-color-quadmenu .noUi-origin,
183 body.wp-customizer .noUi-connect,
184 body.admin-color-quadmenu .noUi-connect {
185 border-radius: 10px;
186 }
187 body.wp-customizer .noUi-origin,
188 body.admin-color-quadmenu .noUi-origin {
189 right: -0.5px;
190 bottom: -0.5px;
191 }
192 body.wp-customizer .noUi-horizontal,
193 body.admin-color-quadmenu .noUi-horizontal {
194 height: 20px;
195 }
196 body.wp-customizer .wp-picker-container .wp-color-picker,
197 body.admin-color-quadmenu .wp-picker-container .wp-color-picker {
198 margin: 0 10px!important;
199 }
200 body.wp-customizer .wp-picker-container .wp-color-result.button,
201 body.admin-color-quadmenu .wp-picker-container .wp-color-result.button {
202 height: 26px!important;
203 overflow: hidden;
204 }
205 body.wp-customizer .wp-picker-container .wp-color-result-text,
206 body.admin-color-quadmenu .wp-picker-container .wp-color-result-text {
207 line-height: 26px;
208 }
209 body.wp-customizer .wp-picker-container .wp-picker-default,
210 body.admin-color-quadmenu .wp-picker-container .wp-picker-default {
211 line-height: 21px;
212 display: inline-block;
213 margin: 0;
214 padding: 1px 10px 0 10px;
215 }
216 body.wp-customizer .wp-picker-container .wp-picker-holder .iris-picker .iris-strip,
217 body.admin-color-quadmenu .wp-picker-container .wp-picker-holder .iris-picker .iris-strip {
218 display: none;
219 }
220 body.wp-customizer .wp-picker-container .wp-picker-holder .iris-picker .iris-strip:nth-of-type(2),
221 body.admin-color-quadmenu .wp-picker-container .wp-picker-holder .iris-picker .iris-strip:nth-of-type(2) {
222 display: block;
223 }
224 body.wp-customizer .wp-picker-container .wp-picker-holder .iris-picker .iris-slider,
225 body.admin-color-quadmenu .wp-picker-container .wp-picker-holder .iris-picker .iris-slider {
226 display: block;
227 }
228 body.wp-customizer .wp-picker-container .wp-picker-holder .iris-picker .iris-slider .iris-slider-offset,
229 body.admin-color-quadmenu .wp-picker-container .wp-picker-holder .iris-picker .iris-slider .iris-slider-offset {
230 top: 11px;
231 width: auto;
232 }
233 body.wp-customizer .wp-picker-container .wp-color-result-text,
234 body.admin-color-quadmenu .wp-picker-container .wp-color-result-text {
235 position: relative;
236 z-index: 1;
237 }
238 body.wp-customizer .wp-picker-container .iris-alpha-slider,
239 body.admin-color-quadmenu .wp-picker-container .iris-alpha-slider {
240 margin-left: 8px!important;
241 }
242 body.wp-customizer .ui-datepicker .ui-datepicker-header,
243 body.admin-color-quadmenu .ui-datepicker .ui-datepicker-header {
244 padding: 2px 0;
245 }
246 body.wp-customizer .ui-datepicker td .ui-state-hover,
247 body.admin-color-quadmenu .ui-datepicker td .ui-state-hover,
248 body.wp-customizer .ui-datepicker td .ui-state-highlight,
249 body.admin-color-quadmenu .ui-datepicker td .ui-state-highlight {
250 border: none!important;
251 background-color: #21c2f8 !important;
252 border-radius: 1px!important;
253 text-shadow: none!important;
254 }
255 body.wp-customizer .redux-container-switch .cb-disable.selected,
256 body.admin-color-quadmenu .redux-container-switch .cb-disable.selected {
257 background-image: none !important;
258 background-color: #999999 !important;
259 border-color: #919191 !important;
260 color: #fff;
261 }
262 body.wp-customizer #redux-header,
263 body.admin-color-quadmenu #redux-header {
264 display: none;
265 }
266 body.wp-customizer .redux-sidebar .redux-group-menu li a,
267 body.admin-color-quadmenu .redux-sidebar .redux-group-menu li a {
268 font-weight: 600;
269 }
270 body.wp-customizer .redux-sidebar .redux-group-tab-link-a i,
271 body.admin-color-quadmenu .redux-sidebar .redux-group-tab-link-a i {
272 line-height: 1.35em;
273 font-size: 1em;
274 color: #555555;
275 }
276 body.wp-customizer .redux-sidebar .redux-group-menu li.activeChild,
277 body.admin-color-quadmenu .redux-sidebar .redux-group-menu li.activeChild,
278 body.wp-customizer .redux-sidebar .redux-group-menu li.active,
279 body.admin-color-quadmenu .redux-sidebar .redux-group-menu li.active {
280 border-left: none;
281 }
282 body.wp-customizer .redux-sidebar .redux-group-menu li.activeChild.hasSubSections a,
283 body.admin-color-quadmenu .redux-sidebar .redux-group-menu li.activeChild.hasSubSections a,
284 body.wp-customizer .redux-sidebar .redux-group-menu li.active.hasSubSections a,
285 body.admin-color-quadmenu .redux-sidebar .redux-group-menu li.active.hasSubSections a {
286 background: #e5e5e5;
287 color: #444;
288 text-shadow: none;
289 }
290 body.wp-customizer .redux-sidebar .redux-group-menu li.active.hasSubSections a::after,
291 body.admin-color-quadmenu .redux-sidebar .redux-group-menu li.active.hasSubSections a::after,
292 body.wp-customizer .redux-sidebar .redux-group-menu li.active.hasSubSections .active a::after,
293 body.admin-color-quadmenu .redux-sidebar .redux-group-menu li.active.hasSubSections .active a::after,
294 body.wp-customizer .redux-sidebar .redux-group-menu li.activeChild.hasSubSections .active a::after,
295 body.admin-color-quadmenu .redux-sidebar .redux-group-menu li.activeChild.hasSubSections .active a::after {
296 right: -1px;
297 z-index: 999;
298 }
299 body.wp-customizer .redux-sidebar .redux-group-menu li.active.hasSubSections ul.subsection li a,
300 body.admin-color-quadmenu .redux-sidebar .redux-group-menu li.active.hasSubSections ul.subsection li a {
301 background: #333333;
302 }
303 body.wp-customizer .redux-sidebar .redux-group-menu li.active.hasSubSections ul.subsection li a:hover,
304 body.admin-color-quadmenu .redux-sidebar .redux-group-menu li.active.hasSubSections ul.subsection li a:hover,
305 body.wp-customizer .redux-sidebar .redux-group-menu li.activeChild.hasSubSections ul.subsection li a:hover,
306 body.admin-color-quadmenu .redux-sidebar .redux-group-menu li.activeChild.hasSubSections ul.subsection li a:hover,
307 body.wp-customizer .redux-sidebar .redux-group-menu li.activeChild.hasSubSections ul.subsection li.active a,
308 body.admin-color-quadmenu .redux-sidebar .redux-group-menu li.activeChild.hasSubSections ul.subsection li.active a {
309 background: #222222;
310 }
311 body.wp-customizer .redux-sidebar .redux-group-menu li.active.hasSubSections ul.subsection li a:hover,
312 body.admin-color-quadmenu .redux-sidebar .redux-group-menu li.active.hasSubSections ul.subsection li a:hover,
313 body.wp-customizer .redux-sidebar .redux-group-menu li.activeChild.hasSubSections ul.subsection li a:hover,
314 body.admin-color-quadmenu .redux-sidebar .redux-group-menu li.activeChild.hasSubSections ul.subsection li a:hover {
315 color: #21c2f8;
316 }
317 body.wp-customizer .redux-sidebar .hasSubSections .extraIconSubsections i.el-chevron-down:before,
318 body.admin-color-quadmenu .redux-sidebar .hasSubSections .extraIconSubsections i.el-chevron-down:before {
319 content: "+";
320 font-family: none;
321 }
322 body.wp-customizer .redux-container tr.developer,
323 body.admin-color-quadmenu .redux-container tr.developer {
324 display: none!important;
325 }
326 body.wp-customizer .redux-container,
327 body.admin-color-quadmenu .redux-container,
328 body.wp-customizer .redux-container #redux-intro-text p,
329 body.admin-color-quadmenu .redux-container #redux-intro-text p {
330 font-family: "Open Sans", Arial, Verdana, sans-serif;
331 font-weight: normal;
332 }
333 body.wp-customizer .redux-container #redux-intro-text,
334 body.admin-color-quadmenu .redux-container #redux-intro-text {
335 background-image: url('../../backend/images/logo2.png');
336 background-repeat: no-repeat;
337 background-position: 10px 47%;
338 background-size: 100px;
339 }
340 body.wp-customizer .redux-container #redux-intro-text p,
341 body.admin-color-quadmenu .redux-container #redux-intro-text p {
342 font-size: 12px;
343 text-align: right;
344 }
345 body.wp-customizer .redux-container .redux-group-tab .redux-section-field h3,
346 body.admin-color-quadmenu .redux-container .redux-group-tab .redux-section-field h3 {
347 margin-bottom: -1px;
348 margin-top: 2em;
349 }
350 body.wp-customizer .redux-container #redux-footer,
351 body.admin-color-quadmenu .redux-container #redux-footer {
352 -webkit-transition: all 0.4s;
353 -moz-transition: all 0.4s;
354 -o-transition: all 0.4s;
355 transition: all 0.4s;
356 }
357 body.wp-customizer .redux-container #redux-footer.sticky-footer-fixed,
358 body.admin-color-quadmenu .redux-container #redux-footer.sticky-footer-fixed {
359 width: 100%!important;
360 }
361 body.wp-customizer .redux-main .redux-typography-container .input_wrapper input.mini,
362 body.admin-color-quadmenu .redux-main .redux-typography-container .input_wrapper input.mini {
363 padding: 3px 0 4px 0;
364 }
365 body.wp-customizer .redux-main .form-table tr,
366 body.admin-color-quadmenu .redux-main .form-table tr {
367 border-bottom: none;
368 }
369 body.wp-customizer .redux-main input,
370 body.admin-color-quadmenu .redux-main input,
371 body.wp-customizer .redux-main select,
372 body.admin-color-quadmenu .redux-main select,
373 body.wp-customizer .redux-main textarea,
374 body.admin-color-quadmenu .redux-main textarea,
375 body.wp-customizer .redux-main button,
376 body.admin-color-quadmenu .redux-main button {
377 font-family: "Open Sans", Arial, Verdana, sans-serif;
378 border-radius: 2px;
379 box-shadow: none;
380 font-size: 13px;
381 height: auto!important;
382 }
383 body.wp-customizer .redux-container-spinner .ui-corner-tr,
384 body.admin-color-quadmenu .redux-container-spinner .ui-corner-tr,
385 body.wp-customizer .redux-container-spinner .ui-spinner-button .ui-icon-triangle-1-n,
386 body.admin-color-quadmenu .redux-container-spinner .ui-spinner-button .ui-icon-triangle-1-n {
387 -webkit-border-radius: 0 2px 2px 0;
388 -moz-border-radius: 0 2px 2px 0;
389 border-radius: 0 2px 2px 0;
390 }
391 body.wp-customizer .redux-container-spinner .ui-corner-br,
392 body.admin-color-quadmenu .redux-container-spinner .ui-corner-br,
393 body.wp-customizer .redux-container-spinner .ui-spinner-button .ui-icon-triangle-1-s,
394 body.admin-color-quadmenu .redux-container-spinner .ui-spinner-button .ui-icon-triangle-1-s {
395 -webkit-border-radius: 2px 0 0 2px;
396 -moz-border-radius: 2px 0 0 2px;
397 border-radius: 2px 0 0 2px;
398 }
399 body.wp-customizer .redux-container .ui-corner-all,
400 body.admin-color-quadmenu .redux-container .ui-corner-all,
401 body.wp-customizer .redux-container .ui-corner-bottom,
402 body.admin-color-quadmenu .redux-container .ui-corner-bottom,
403 body.wp-customizer .redux-container .ui-corner-right,
404 body.admin-color-quadmenu .redux-container .ui-corner-right,
405 body.wp-customizer .redux-container .ui-corner-br,
406 body.admin-color-quadmenu .redux-container .ui-corner-br,
407 body.wp-customizer .control-section-redux .ui-corner-all,
408 body.admin-color-quadmenu .control-section-redux .ui-corner-all,
409 body.wp-customizer .control-section-redux .ui-corner-bottom,
410 body.admin-color-quadmenu .control-section-redux .ui-corner-bottom,
411 body.wp-customizer .control-section-redux .ui-corner-right,
412 body.admin-color-quadmenu .control-section-redux .ui-corner-right,
413 body.wp-customizer .control-section-redux .ui-corner-br,
414 body.admin-color-quadmenu .control-section-redux .ui-corner-br,
415 body.wp-customizer .control-panel-redux .ui-corner-all,
416 body.admin-color-quadmenu .control-panel-redux .ui-corner-all,
417 body.wp-customizer .control-panel-redux .ui-corner-bottom,
418 body.admin-color-quadmenu .control-panel-redux .ui-corner-bottom,
419 body.wp-customizer .control-panel-redux .ui-corner-right,
420 body.admin-color-quadmenu .control-panel-redux .ui-corner-right,
421 body.wp-customizer .control-panel-redux .ui-corner-br,
422 body.admin-color-quadmenu .control-panel-redux .ui-corner-br,
423 body.wp-customizer .redux-metabox .ui-corner-all,
424 body.admin-color-quadmenu .redux-metabox .ui-corner-all,
425 body.wp-customizer .redux-metabox .ui-corner-bottom,
426 body.admin-color-quadmenu .redux-metabox .ui-corner-bottom,
427 body.wp-customizer .redux-metabox .ui-corner-right,
428 body.admin-color-quadmenu .redux-metabox .ui-corner-right,
429 body.wp-customizer .redux-metabox .ui-corner-br,
430 body.admin-color-quadmenu .redux-metabox .ui-corner-br {
431 -moz-border-radius-bottomright: 2px;
432 -webkit-border-bottom-right-radius: 2px;
433 -khtml-border-bottom-right-radius: 2px;
434 border-bottom-right-radius: 2px;
435 }
436 body.wp-customizer .redux-container .ui-corner-all,
437 body.admin-color-quadmenu .redux-container .ui-corner-all,
438 body.wp-customizer .redux-container .ui-corner-top,
439 body.admin-color-quadmenu .redux-container .ui-corner-top,
440 body.wp-customizer .redux-container .ui-corner-right,
441 body.admin-color-quadmenu .redux-container .ui-corner-right,
442 body.wp-customizer .redux-container .ui-corner-tr,
443 body.admin-color-quadmenu .redux-container .ui-corner-tr,
444 body.wp-customizer .control-section-redux .ui-corner-all,
445 body.admin-color-quadmenu .control-section-redux .ui-corner-all,
446 body.wp-customizer .control-section-redux .ui-corner-top,
447 body.admin-color-quadmenu .control-section-redux .ui-corner-top,
448 body.wp-customizer .control-section-redux .ui-corner-right,
449 body.admin-color-quadmenu .control-section-redux .ui-corner-right,
450 body.wp-customizer .control-section-redux .ui-corner-tr,
451 body.admin-color-quadmenu .control-section-redux .ui-corner-tr,
452 body.wp-customizer .control-panel-redux .ui-corner-all,
453 body.admin-color-quadmenu .control-panel-redux .ui-corner-all,
454 body.wp-customizer .control-panel-redux .ui-corner-top,
455 body.admin-color-quadmenu .control-panel-redux .ui-corner-top,
456 body.wp-customizer .control-panel-redux .ui-corner-right,
457 body.admin-color-quadmenu .control-panel-redux .ui-corner-right,
458 body.wp-customizer .control-panel-redux .ui-corner-tr,
459 body.admin-color-quadmenu .control-panel-redux .ui-corner-tr,
460 body.wp-customizer .redux-metabox .ui-corner-all,
461 body.admin-color-quadmenu .redux-metabox .ui-corner-all,
462 body.wp-customizer .redux-metabox .ui-corner-top,
463 body.admin-color-quadmenu .redux-metabox .ui-corner-top,
464 body.wp-customizer .redux-metabox .ui-corner-right,
465 body.admin-color-quadmenu .redux-metabox .ui-corner-right,
466 body.wp-customizer .redux-metabox .ui-corner-tr,
467 body.admin-color-quadmenu .redux-metabox .ui-corner-tr {
468 -moz-border-radius-topright: 2px;
469 -webkit-border-top-right-radius: 2px;
470 -khtml-border-top-right-radius: 2px;
471 border-top-right-radius: 2px;
472 }
473 body.wp-customizer .redux-container .ui-corner-all,
474 body.admin-color-quadmenu .redux-container .ui-corner-all,
475 body.wp-customizer .redux-container .ui-corner-bottom,
476 body.admin-color-quadmenu .redux-container .ui-corner-bottom,
477 body.wp-customizer .redux-container .ui-corner-left,
478 body.admin-color-quadmenu .redux-container .ui-corner-left,
479 body.wp-customizer .redux-container .ui-corner-bl,
480 body.admin-color-quadmenu .redux-container .ui-corner-bl,
481 body.wp-customizer .control-section-redux .ui-corner-all,
482 body.admin-color-quadmenu .control-section-redux .ui-corner-all,
483 body.wp-customizer .control-section-redux .ui-corner-bottom,
484 body.admin-color-quadmenu .control-section-redux .ui-corner-bottom,
485 body.wp-customizer .control-section-redux .ui-corner-left,
486 body.admin-color-quadmenu .control-section-redux .ui-corner-left,
487 body.wp-customizer .control-section-redux .ui-corner-bl,
488 body.admin-color-quadmenu .control-section-redux .ui-corner-bl,
489 body.wp-customizer .control-panel-redux .ui-corner-all,
490 body.admin-color-quadmenu .control-panel-redux .ui-corner-all,
491 body.wp-customizer .control-panel-redux .ui-corner-bottom,
492 body.admin-color-quadmenu .control-panel-redux .ui-corner-bottom,
493 body.wp-customizer .control-panel-redux .ui-corner-left,
494 body.admin-color-quadmenu .control-panel-redux .ui-corner-left,
495 body.wp-customizer .control-panel-redux .ui-corner-bl,
496 body.admin-color-quadmenu .control-panel-redux .ui-corner-bl,
497 body.wp-customizer .redux-metabox .ui-corner-all,
498 body.admin-color-quadmenu .redux-metabox .ui-corner-all,
499 body.wp-customizer .redux-metabox .ui-corner-bottom,
500 body.admin-color-quadmenu .redux-metabox .ui-corner-bottom,
501 body.wp-customizer .redux-metabox .ui-corner-left,
502 body.admin-color-quadmenu .redux-metabox .ui-corner-left,
503 body.wp-customizer .redux-metabox .ui-corner-bl,
504 body.admin-color-quadmenu .redux-metabox .ui-corner-bl {
505 -moz-border-radius-bottomleft: 2px;
506 -webkit-border-bottom-left-radius: 2px;
507 -khtml-border-bottom-left-radius: 2px;
508 border-bottom-left-radius: 2px;
509 }
510 body.wp-customizer .redux-container .ui-corner-all,
511 body.admin-color-quadmenu .redux-container .ui-corner-all,
512 body.wp-customizer .redux-container .ui-corner-top,
513 body.admin-color-quadmenu .redux-container .ui-corner-top,
514 body.wp-customizer .redux-container .ui-corner-left,
515 body.admin-color-quadmenu .redux-container .ui-corner-left,
516 body.wp-customizer .redux-container .ui-corner-tl,
517 body.admin-color-quadmenu .redux-container .ui-corner-tl,
518 body.wp-customizer .control-section-redux .ui-corner-all,
519 body.admin-color-quadmenu .control-section-redux .ui-corner-all,
520 body.wp-customizer .control-section-redux .ui-corner-top,
521 body.admin-color-quadmenu .control-section-redux .ui-corner-top,
522 body.wp-customizer .control-section-redux .ui-corner-left,
523 body.admin-color-quadmenu .control-section-redux .ui-corner-left,
524 body.wp-customizer .control-section-redux .ui-corner-tl,
525 body.admin-color-quadmenu .control-section-redux .ui-corner-tl,
526 body.wp-customizer .control-panel-redux .ui-corner-all,
527 body.admin-color-quadmenu .control-panel-redux .ui-corner-all,
528 body.wp-customizer .control-panel-redux .ui-corner-top,
529 body.admin-color-quadmenu .control-panel-redux .ui-corner-top,
530 body.wp-customizer .control-panel-redux .ui-corner-left,
531 body.admin-color-quadmenu .control-panel-redux .ui-corner-left,
532 body.wp-customizer .control-panel-redux .ui-corner-tl,
533 body.admin-color-quadmenu .control-panel-redux .ui-corner-tl,
534 body.wp-customizer .redux-metabox .ui-corner-all,
535 body.admin-color-quadmenu .redux-metabox .ui-corner-all,
536 body.wp-customizer .redux-metabox .ui-corner-top,
537 body.admin-color-quadmenu .redux-metabox .ui-corner-top,
538 body.wp-customizer .redux-metabox .ui-corner-left,
539 body.admin-color-quadmenu .redux-metabox .ui-corner-left,
540 body.wp-customizer .redux-metabox .ui-corner-tl,
541 body.admin-color-quadmenu .redux-metabox .ui-corner-tl {
542 -moz-border-radius-topleft: 2px;
543 -webkit-border-top-left-radius: 2px;
544 -khtml-border-top-left-radius: 2px;
545 border-top-left-radius: 2px;
546 }
547 body.wp-customizer .redux-container-image_select .redux-image-select img,
548 body.admin-color-quadmenu .redux-container-image_select .redux-image-select img,
549 body.wp-customizer .redux-container-image_select .redux-image-select-selected img,
550 body.admin-color-quadmenu .redux-container-image_select .redux-image-select-selected img,
551 body.wp-customizer .redux-container-image_select .redux-image-select .tiles,
552 body.admin-color-quadmenu .redux-container-image_select .redux-image-select .tiles,
553 body.wp-customizer .redux-container-image_select .redux-image-select-selected .tiles,
554 body.admin-color-quadmenu .redux-container-image_select .redux-image-select-selected .tiles {
555 border-width: 0;
556 max-width: 100px;
557 border-radius: 2px;
558 }
559 body.wp-customizer .redux-container-image_select ul.redux-image-select li,
560 body.admin-color-quadmenu .redux-container-image_select ul.redux-image-select li {
561 padding: 0 10px 0 0;
562 }
563 body.wp-customizer .redux-container-image_select .redux-image-select img,
564 body.admin-color-quadmenu .redux-container-image_select .redux-image-select img,
565 body.wp-customizer .redux-container-image_select .redux-image-select .tiles,
566 body.admin-color-quadmenu .redux-container-image_select .redux-image-select .tiles {
567 opacity: 0.6;
568 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
569 filter: gray;
570 -webkit-filter: grayscale(100%);
571 }
572 body.wp-customizer .redux-container-image_select .redux-image-select-selected img,
573 body.admin-color-quadmenu .redux-container-image_select .redux-image-select-selected img {
574 opacity: 1;
575 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
576 -webkit-filter: grayscale(0%);
577 }
578 body.wp-customizer .select2-drop {
579 z-index: 999999;
580 }
581 body.wp-customizer #customize-controls .customize-panel-back:hover,
582 body.wp-customizer #customize-controls .customize-panel-back:focus,
583 body.wp-customizer #customize-controls .customize-section-back:hover,
584 body.wp-customizer #customize-controls .customize-section-back:focus,
585 body.wp-customizer #customize-controls .control-section:hover > .accordion-section-title,
586 body.wp-customizer #customize-controls .control-section .accordion-section-title:hover,
587 body.wp-customizer #customize-controls .control-section.open .accordion-section-title,
588 body.wp-customizer #customize-controls .control-section .accordion-section-title:focus {
589 color: #333333;
590 border-left-color: #21c2f8;
591 }
592 body.wp-customizer #customize-controls .control-panel-redux,
593 body.wp-customizer #customize-controls .control-section-redux {
594 background: #ffffff!important;
595 }
596 body.wp-customizer #customize-controls .control-panel-redux .accordion-section-title i,
597 body.wp-customizer #customize-controls .control-section-redux .accordion-section-title i {
598 margin-right: 5px;
599 font-size: 1em;
600 line-height: 1.5em;
601 }
602 body.wp-customizer #customize-controls .control-panel-redux .redux-field-init,
603 body.wp-customizer #customize-controls .control-section-redux .redux-field-init {
604 display: none!important;
605 }
606 body.wp-customizer #customize-controls .control-panel-redux.busy .redux-field-init,
607 body.wp-customizer #customize-controls .control-section-redux.busy .redux-field-init,
608 body.wp-customizer #customize-controls .control-panel-redux.open .redux-field-init,
609 body.wp-customizer #customize-controls .control-section-redux.open .redux-field-init {
610 display: block!important;
611 }
612 body.wp-customizer #customize-controls .accordion-section-content {
613 background: #FCFCFC;
614 }
615 body.wp-customizer #customize-controls .customize-section-description {
616 margin-top: 22px;
617 word-break: break-word;
618 }
619 body.wp-customizer #customize-controls .customize-section-description.legacy {
620 margin-top: 7px;
621 }
622 body.wp-customizer #customize-controls .customize-control {
623 border-bottom: 1px solid #ddd;
624 }
625 body.wp-customizer #customize-controls .customize-control:last-child {
626 border-bottom: 0;
627 }
628 body.wp-customizer #customize-controls .customize-info {
629 margin-bottom: 0;
630 }
631 body.wp-customizer #customize-controls .upload {
632 width: 100% !important;
633 }
634 body.wp-customizer #customize-controls .select_wrapper {
635 float: none;
636 width: 100%;
637 display: inline-block;
638 }
639 body.wp-customizer #customize-controls .select2-drop {
640 z-index: 999999;
641 }
642 body.wp-customizer #customize-controls .select2-container {
643 margin-right: 0 !important;
644 margin-bottom: 5px !important;
645 width: 100% !important;
646 }
647 body.wp-customizer #customize-controls .select_wrapper:nth-child(odd) {
648 margin-right: 0;
649 }
650 body.wp-customizer #customize-controls .redux-field-container {
651 padding: 10px 0;
652 }
653 body.wp-customizer #customize-controls .redux-field-container .hide {
654 display: none;
655 }
656 body.wp-customizer #customize-controls .redux-option-image {
657 max-width: 42% !important;
658 margin-right: 3%;
659 }
660 body.wp-customizer #customize-controls .redux-container-raw {
661 margin-top: 22px;
662 word-break: break-word;
663 padding: 0 !important;
664 }
665 body.wp-customizer #customize-controls .redux-container-password input {
666 width: 100%;
667 }
668 body.wp-customizer #customize-controls .redux_field_th {
669 font-weight: 600;
670 padding: 13px 0px 0px 0px;
671 }
672 body.wp-customizer #customize-controls .redux_field_th .description {
673 display: block;
674 font-size: 10px;
675 font-weight: 400;
676 }
677 body.wp-customizer #customize-controls .redux-container-section h3 {
678 margin: 0;
679 }
680 body.wp-customizer #customize-controls .redux-container-section table {
681 display: none;
682 }
683 body.wp-customizer #customize-controls .redux-container-image_select ul.redux-image-select {
684 box-sizing: border-box;
685 display: flex;
686 flex: 0 1 auto;
687 flex-direction: row;
688 flex-wrap: wrap;
689 margin-right: -0.25rem !important;
690 margin-left: -0.25rem !important;
691 }
692 body.wp-customizer #customize-controls .redux-container-image_select ul.redux-image-select > li {
693 flex: 0 0 50%;
694 max-width: 50%;
695 box-sizing: border-box;
696 flex: 0 0 auto;
697 padding-right: .25rem;
698 padding-left: .25rem;
699 padding-bottom: .5rem;
700 }
701 body.wp-customizer #customize-controls .redux-container-image_select ul.redux-image-select > li:nth-last-child(-n+2) {
702 padding-bottom: 0;
703 }
704 body.wp-customizer #customize-controls .redux-container-image_select ul.redux-image-select .redux-image-select img {
705 display: block;
706 }
707 body.wp-customizer #customize-controls .redux-container-image_select ul.redux-image-select .redux-image-select-selected {
708 background: none;
709 }
710 body.wp-customizer #customize-controls .wp-picker-container .wp-color-result {
711 margin: 0!important;
712 }
713 #quadmenu-settings .row {
714 display: -webkit-box;
715 display: -webkit-flex;
716 display: -ms-flexbox;
717 display: flex;
718 -webkit-flex-wrap: wrap;
719 -ms-flex-wrap: wrap;
720 flex-wrap: wrap;
721 padding-left: 0;
722 padding-right: 0;
723 }
724 #quadmenu-settings .col-1,
725 #quadmenu-settings .col-2,
726 #quadmenu-settings .col-3,
727 #quadmenu-settings .col-4,
728 #quadmenu-settings .col-5,
729 #quadmenu-settings .col-6,
730 #quadmenu-settings .col-7,
731 #quadmenu-settings .col-8,
732 #quadmenu-settings .col-9,
733 #quadmenu-settings .col-10,
734 #quadmenu-settings .col-11,
735 #quadmenu-settings .col-12,
736 #quadmenu-settings .col,
737 #quadmenu-settings .col-sm-1,
738 #quadmenu-settings .col-sm-2,
739 #quadmenu-settings .col-sm-3,
740 #quadmenu-settings .col-sm-4,
741 #quadmenu-settings .col-sm-5,
742 #quadmenu-settings .col-sm-6,
743 #quadmenu-settings .col-sm-7,
744 #quadmenu-settings .col-sm-8,
745 #quadmenu-settings .col-sm-9,
746 #quadmenu-settings .col-sm-10,
747 #quadmenu-settings .col-sm-11,
748 #quadmenu-settings .col-sm-12,
749 #quadmenu-settings .col-sm,
750 #quadmenu-settings .col-md-1,
751 #quadmenu-settings .col-md-2,
752 #quadmenu-settings .col-md-3,
753 #quadmenu-settings .col-md-4,
754 #quadmenu-settings .col-md-5,
755 #quadmenu-settings .col-md-6,
756 #quadmenu-settings .col-md-7,
757 #quadmenu-settings .col-md-8,
758 #quadmenu-settings .col-md-9,
759 #quadmenu-settings .col-md-10,
760 #quadmenu-settings .col-md-11,
761 #quadmenu-settings .col-md-12,
762 #quadmenu-settings .col-md,
763 #quadmenu-settings .col-lg-1,
764 #quadmenu-settings .col-lg-2,
765 #quadmenu-settings .col-lg-3,
766 #quadmenu-settings .col-lg-4,
767 #quadmenu-settings .col-lg-5,
768 #quadmenu-settings .col-lg-6,
769 #quadmenu-settings .col-lg-7,
770 #quadmenu-settings .col-lg-8,
771 #quadmenu-settings .col-lg-9,
772 #quadmenu-settings .col-lg-10,
773 #quadmenu-settings .col-lg-11,
774 #quadmenu-settings .col-lg-12,
775 #quadmenu-settings .col-lg,
776 #quadmenu-settings .col-xl-1,
777 #quadmenu-settings .col-xl-2,
778 #quadmenu-settings .col-xl-3,
779 #quadmenu-settings .col-xl-4,
780 #quadmenu-settings .col-xl-5,
781 #quadmenu-settings .col-xl-6,
782 #quadmenu-settings .col-xl-7,
783 #quadmenu-settings .col-xl-8,
784 #quadmenu-settings .col-xl-9,
785 #quadmenu-settings .col-xl-10,
786 #quadmenu-settings .col-xl-11,
787 #quadmenu-settings .col-xl-12,
788 #quadmenu-settings .col-xl {
789 position: relative;
790 width: 100%;
791 min-height: 1px;
792 padding-right: 15px;
793 padding-left: 15px;
794 }
795 @media (min-width: 576px) {
796 #quadmenu-settings .col-1,
797 #quadmenu-settings .col-2,
798 #quadmenu-settings .col-3,
799 #quadmenu-settings .col-4,
800 #quadmenu-settings .col-5,
801 #quadmenu-settings .col-6,
802 #quadmenu-settings .col-7,
803 #quadmenu-settings .col-8,
804 #quadmenu-settings .col-9,
805 #quadmenu-settings .col-10,
806 #quadmenu-settings .col-11,
807 #quadmenu-settings .col-12,
808 #quadmenu-settings .col,
809 #quadmenu-settings .col-sm-1,
810 #quadmenu-settings .col-sm-2,
811 #quadmenu-settings .col-sm-3,
812 #quadmenu-settings .col-sm-4,
813 #quadmenu-settings .col-sm-5,
814 #quadmenu-settings .col-sm-6,
815 #quadmenu-settings .col-sm-7,
816 #quadmenu-settings .col-sm-8,
817 #quadmenu-settings .col-sm-9,
818 #quadmenu-settings .col-sm-10,
819 #quadmenu-settings .col-sm-11,
820 #quadmenu-settings .col-sm-12,
821 #quadmenu-settings .col-sm,
822 #quadmenu-settings .col-md-1,
823 #quadmenu-settings .col-md-2,
824 #quadmenu-settings .col-md-3,
825 #quadmenu-settings .col-md-4,
826 #quadmenu-settings .col-md-5,
827 #quadmenu-settings .col-md-6,
828 #quadmenu-settings .col-md-7,
829 #quadmenu-settings .col-md-8,
830 #quadmenu-settings .col-md-9,
831 #quadmenu-settings .col-md-10,
832 #quadmenu-settings .col-md-11,
833 #quadmenu-settings .col-md-12,
834 #quadmenu-settings .col-md,
835 #quadmenu-settings .col-lg-1,
836 #quadmenu-settings .col-lg-2,
837 #quadmenu-settings .col-lg-3,
838 #quadmenu-settings .col-lg-4,
839 #quadmenu-settings .col-lg-5,
840 #quadmenu-settings .col-lg-6,
841 #quadmenu-settings .col-lg-7,
842 #quadmenu-settings .col-lg-8,
843 #quadmenu-settings .col-lg-9,
844 #quadmenu-settings .col-lg-10,
845 #quadmenu-settings .col-lg-11,
846 #quadmenu-settings .col-lg-12,
847 #quadmenu-settings .col-lg,
848 #quadmenu-settings .col-xl-1,
849 #quadmenu-settings .col-xl-2,
850 #quadmenu-settings .col-xl-3,
851 #quadmenu-settings .col-xl-4,
852 #quadmenu-settings .col-xl-5,
853 #quadmenu-settings .col-xl-6,
854 #quadmenu-settings .col-xl-7,
855 #quadmenu-settings .col-xl-8,
856 #quadmenu-settings .col-xl-9,
857 #quadmenu-settings .col-xl-10,
858 #quadmenu-settings .col-xl-11,
859 #quadmenu-settings .col-xl-12,
860 #quadmenu-settings .col-xl {
861 padding-right: 15px;
862 padding-left: 15px;
863 }
864 }
865 @media (min-width: 600px) {
866 #quadmenu-settings .col-1,
867 #quadmenu-settings .col-2,
868 #quadmenu-settings .col-3,
869 #quadmenu-settings .col-4,
870 #quadmenu-settings .col-5,
871 #quadmenu-settings .col-6,
872 #quadmenu-settings .col-7,
873 #quadmenu-settings .col-8,
874 #quadmenu-settings .col-9,
875 #quadmenu-settings .col-10,
876 #quadmenu-settings .col-11,
877 #quadmenu-settings .col-12,
878 #quadmenu-settings .col,
879 #quadmenu-settings .col-sm-1,
880 #quadmenu-settings .col-sm-2,
881 #quadmenu-settings .col-sm-3,
882 #quadmenu-settings .col-sm-4,
883 #quadmenu-settings .col-sm-5,
884 #quadmenu-settings .col-sm-6,
885 #quadmenu-settings .col-sm-7,
886 #quadmenu-settings .col-sm-8,
887 #quadmenu-settings .col-sm-9,
888 #quadmenu-settings .col-sm-10,
889 #quadmenu-settings .col-sm-11,
890 #quadmenu-settings .col-sm-12,
891 #quadmenu-settings .col-sm,
892 #quadmenu-settings .col-md-1,
893 #quadmenu-settings .col-md-2,
894 #quadmenu-settings .col-md-3,
895 #quadmenu-settings .col-md-4,
896 #quadmenu-settings .col-md-5,
897 #quadmenu-settings .col-md-6,
898 #quadmenu-settings .col-md-7,
899 #quadmenu-settings .col-md-8,
900 #quadmenu-settings .col-md-9,
901 #quadmenu-settings .col-md-10,
902 #quadmenu-settings .col-md-11,
903 #quadmenu-settings .col-md-12,
904 #quadmenu-settings .col-md,
905 #quadmenu-settings .col-lg-1,
906 #quadmenu-settings .col-lg-2,
907 #quadmenu-settings .col-lg-3,
908 #quadmenu-settings .col-lg-4,
909 #quadmenu-settings .col-lg-5,
910 #quadmenu-settings .col-lg-6,
911 #quadmenu-settings .col-lg-7,
912 #quadmenu-settings .col-lg-8,
913 #quadmenu-settings .col-lg-9,
914 #quadmenu-settings .col-lg-10,
915 #quadmenu-settings .col-lg-11,
916 #quadmenu-settings .col-lg-12,
917 #quadmenu-settings .col-lg,
918 #quadmenu-settings .col-xl-1,
919 #quadmenu-settings .col-xl-2,
920 #quadmenu-settings .col-xl-3,
921 #quadmenu-settings .col-xl-4,
922 #quadmenu-settings .col-xl-5,
923 #quadmenu-settings .col-xl-6,
924 #quadmenu-settings .col-xl-7,
925 #quadmenu-settings .col-xl-8,
926 #quadmenu-settings .col-xl-9,
927 #quadmenu-settings .col-xl-10,
928 #quadmenu-settings .col-xl-11,
929 #quadmenu-settings .col-xl-12,
930 #quadmenu-settings .col-xl {
931 padding-right: 15px;
932 padding-left: 15px;
933 }
934 }
935 #quadmenu-settings .col {
936 -webkit-flex-basis: 0;
937 -ms-flex-preferred-size: 0;
938 flex-basis: 0;
939 -webkit-box-flex: 1;
940 -webkit-flex-grow: 1;
941 -ms-flex-positive: 1;
942 flex-grow: 1;
943 max-width: 100%;
944 }
945 #quadmenu-settings .col-auto {
946 -webkit-box-flex: 0;
947 -webkit-flex: 0 0 auto;
948 -ms-flex: 0 0 auto;
949 flex: 0 0 auto;
950 width: auto;
951 }
952 #quadmenu-settings .col-1 {
953 -webkit-box-flex: 0;
954 -webkit-flex: 0 0 8.333333%;
955 -ms-flex: 0 0 8.333333%;
956 flex: 0 0 8.333333%;
957 max-width: 8.333333%;
958 }
959 #quadmenu-settings .col-2 {
960 -webkit-box-flex: 0;
961 -webkit-flex: 0 0 16.666667%;
962 -ms-flex: 0 0 16.666667%;
963 flex: 0 0 16.666667%;
964 max-width: 16.666667%;
965 }
966 #quadmenu-settings .col-3 {
967 -webkit-box-flex: 0;
968 -webkit-flex: 0 0 25%;
969 -ms-flex: 0 0 25%;
970 flex: 0 0 25%;
971 max-width: 25%;
972 }
973 #quadmenu-settings .col-4 {
974 -webkit-box-flex: 0;
975 -webkit-flex: 0 0 33.333333%;
976 -ms-flex: 0 0 33.333333%;
977 flex: 0 0 33.333333%;
978 max-width: 33.333333%;
979 }
980 #quadmenu-settings .col-5 {
981 -webkit-box-flex: 0;
982 -webkit-flex: 0 0 41.666667%;
983 -ms-flex: 0 0 41.666667%;
984 flex: 0 0 41.666667%;
985 max-width: 41.666667%;
986 }
987 #quadmenu-settings .col-6 {
988 -webkit-box-flex: 0;
989 -webkit-flex: 0 0 50%;
990 -ms-flex: 0 0 50%;
991 flex: 0 0 50%;
992 max-width: 50%;
993 }
994 #quadmenu-settings .col-7 {
995 -webkit-box-flex: 0;
996 -webkit-flex: 0 0 58.333333%;
997 -ms-flex: 0 0 58.333333%;
998 flex: 0 0 58.333333%;
999 max-width: 58.333333%;
1000 }
1001 #quadmenu-settings .col-8 {
1002 -webkit-box-flex: 0;
1003 -webkit-flex: 0 0 66.666667%;
1004 -ms-flex: 0 0 66.666667%;
1005 flex: 0 0 66.666667%;
1006 max-width: 66.666667%;
1007 }
1008 #quadmenu-settings .col-9 {
1009 -webkit-box-flex: 0;
1010 -webkit-flex: 0 0 75%;
1011 -ms-flex: 0 0 75%;
1012 flex: 0 0 75%;
1013 max-width: 75%;
1014 }
1015 #quadmenu-settings .col-10 {
1016 -webkit-box-flex: 0;
1017 -webkit-flex: 0 0 83.333333%;
1018 -ms-flex: 0 0 83.333333%;
1019 flex: 0 0 83.333333%;
1020 max-width: 83.333333%;
1021 }
1022 #quadmenu-settings .col-11 {
1023 -webkit-box-flex: 0;
1024 -webkit-flex: 0 0 91.666667%;
1025 -ms-flex: 0 0 91.666667%;
1026 flex: 0 0 91.666667%;
1027 max-width: 91.666667%;
1028 }
1029 #quadmenu-settings .col-12 {
1030 -webkit-box-flex: 0;
1031 -webkit-flex: 0 0 100%;
1032 -ms-flex: 0 0 100%;
1033 flex: 0 0 100%;
1034 max-width: 100%;
1035 }
1036 #quadmenu-settings .offset-1 {
1037 margin-left: 8.333333%;
1038 }
1039 #quadmenu-settings .offset-2 {
1040 margin-left: 16.666667%;
1041 }
1042 #quadmenu-settings .offset-3 {
1043 margin-left: 25%;
1044 }
1045 #quadmenu-settings .offset-4 {
1046 margin-left: 33.333333%;
1047 }
1048 #quadmenu-settings .offset-5 {
1049 margin-left: 41.666667%;
1050 }
1051 #quadmenu-settings .offset-6 {
1052 margin-left: 50%;
1053 }
1054 #quadmenu-settings .offset-7 {
1055 margin-left: 58.333333%;
1056 }
1057 #quadmenu-settings .offset-8 {
1058 margin-left: 66.666667%;
1059 }
1060 #quadmenu-settings .offset-9 {
1061 margin-left: 75%;
1062 }
1063 #quadmenu-settings .offset-10 {
1064 margin-left: 83.333333%;
1065 }
1066 #quadmenu-settings .offset-11 {
1067 margin-left: 91.666667%;
1068 }
1069 @media (min-width: 576px) {
1070 #quadmenu-settings .col-sm {
1071 -webkit-flex-basis: 0;
1072 -ms-flex-preferred-size: 0;
1073 flex-basis: 0;
1074 -webkit-box-flex: 1;
1075 -webkit-flex-grow: 1;
1076 -ms-flex-positive: 1;
1077 flex-grow: 1;
1078 max-width: 100%;
1079 }
1080 #quadmenu-settings .col-sm-auto {
1081 -webkit-box-flex: 0;
1082 -webkit-flex: 0 0 auto;
1083 -ms-flex: 0 0 auto;
1084 flex: 0 0 auto;
1085 width: auto;
1086 }
1087 #quadmenu-settings .col-sm-1 {
1088 -webkit-box-flex: 0;
1089 -webkit-flex: 0 0 8.333333%;
1090 -ms-flex: 0 0 8.333333%;
1091 flex: 0 0 8.333333%;
1092 max-width: 8.333333%;
1093 }
1094 #quadmenu-settings .col-sm-2 {
1095 -webkit-box-flex: 0;
1096 -webkit-flex: 0 0 16.666667%;
1097 -ms-flex: 0 0 16.666667%;
1098 flex: 0 0 16.666667%;
1099 max-width: 16.666667%;
1100 }
1101 #quadmenu-settings .col-sm-3 {
1102 -webkit-box-flex: 0;
1103 -webkit-flex: 0 0 25%;
1104 -ms-flex: 0 0 25%;
1105 flex: 0 0 25%;
1106 max-width: 25%;
1107 }
1108 #quadmenu-settings .col-sm-4 {
1109 -webkit-box-flex: 0;
1110 -webkit-flex: 0 0 33.333333%;
1111 -ms-flex: 0 0 33.333333%;
1112 flex: 0 0 33.333333%;
1113 max-width: 33.333333%;
1114 }
1115 #quadmenu-settings .col-sm-5 {
1116 -webkit-box-flex: 0;
1117 -webkit-flex: 0 0 41.666667%;
1118 -ms-flex: 0 0 41.666667%;
1119 flex: 0 0 41.666667%;
1120 max-width: 41.666667%;
1121 }
1122 #quadmenu-settings .col-sm-6 {
1123 -webkit-box-flex: 0;
1124 -webkit-flex: 0 0 50%;
1125 -ms-flex: 0 0 50%;
1126 flex: 0 0 50%;
1127 max-width: 50%;
1128 }
1129 #quadmenu-settings .col-sm-7 {
1130 -webkit-box-flex: 0;
1131 -webkit-flex: 0 0 58.333333%;
1132 -ms-flex: 0 0 58.333333%;
1133 flex: 0 0 58.333333%;
1134 max-width: 58.333333%;
1135 }
1136 #quadmenu-settings .col-sm-8 {
1137 -webkit-box-flex: 0;
1138 -webkit-flex: 0 0 66.666667%;
1139 -ms-flex: 0 0 66.666667%;
1140 flex: 0 0 66.666667%;
1141 max-width: 66.666667%;
1142 }
1143 #quadmenu-settings .col-sm-9 {
1144 -webkit-box-flex: 0;
1145 -webkit-flex: 0 0 75%;
1146 -ms-flex: 0 0 75%;
1147 flex: 0 0 75%;
1148 max-width: 75%;
1149 }
1150 #quadmenu-settings .col-sm-10 {
1151 -webkit-box-flex: 0;
1152 -webkit-flex: 0 0 83.333333%;
1153 -ms-flex: 0 0 83.333333%;
1154 flex: 0 0 83.333333%;
1155 max-width: 83.333333%;
1156 }
1157 #quadmenu-settings .col-sm-11 {
1158 -webkit-box-flex: 0;
1159 -webkit-flex: 0 0 91.666667%;
1160 -ms-flex: 0 0 91.666667%;
1161 flex: 0 0 91.666667%;
1162 max-width: 91.666667%;
1163 }
1164 #quadmenu-settings .col-sm-12 {
1165 -webkit-box-flex: 0;
1166 -webkit-flex: 0 0 100%;
1167 -ms-flex: 0 0 100%;
1168 flex: 0 0 100%;
1169 max-width: 100%;
1170 }
1171 #quadmenu-settings .pull-sm-0 {
1172 right: auto;
1173 }
1174 #quadmenu-settings .pull-sm-1 {
1175 right: 8.333333%;
1176 }
1177 #quadmenu-settings .pull-sm-2 {
1178 right: 16.666667%;
1179 }
1180 #quadmenu-settings .pull-sm-3 {
1181 right: 25%;
1182 }
1183 #quadmenu-settings .pull-sm-4 {
1184 right: 33.333333%;
1185 }
1186 #quadmenu-settings .pull-sm-5 {
1187 right: 41.666667%;
1188 }
1189 #quadmenu-settings .pull-sm-6 {
1190 right: 50%;
1191 }
1192 #quadmenu-settings .pull-sm-7 {
1193 right: 58.333333%;
1194 }
1195 #quadmenu-settings .pull-sm-8 {
1196 right: 66.666667%;
1197 }
1198 #quadmenu-settings .pull-sm-9 {
1199 right: 75%;
1200 }
1201 #quadmenu-settings .pull-sm-10 {
1202 right: 83.333333%;
1203 }
1204 #quadmenu-settings .pull-sm-11 {
1205 right: 91.666667%;
1206 }
1207 #quadmenu-settings .pull-sm-12 {
1208 right: 100%;
1209 }
1210 #quadmenu-settings .push-sm-0 {
1211 left: auto;
1212 }
1213 #quadmenu-settings .push-sm-1 {
1214 left: 8.333333%;
1215 }
1216 #quadmenu-settings .push-sm-2 {
1217 left: 16.666667%;
1218 }
1219 #quadmenu-settings .push-sm-3 {
1220 left: 25%;
1221 }
1222 #quadmenu-settings .push-sm-4 {
1223 left: 33.333333%;
1224 }
1225 #quadmenu-settings .push-sm-5 {
1226 left: 41.666667%;
1227 }
1228 #quadmenu-settings .push-sm-6 {
1229 left: 50%;
1230 }
1231 #quadmenu-settings .push-sm-7 {
1232 left: 58.333333%;
1233 }
1234 #quadmenu-settings .push-sm-8 {
1235 left: 66.666667%;
1236 }
1237 #quadmenu-settings .push-sm-9 {
1238 left: 75%;
1239 }
1240 #quadmenu-settings .push-sm-10 {
1241 left: 83.333333%;
1242 }
1243 #quadmenu-settings .push-sm-11 {
1244 left: 91.666667%;
1245 }
1246 #quadmenu-settings .push-sm-12 {
1247 left: 100%;
1248 }
1249 #quadmenu-settings .offset-sm-0 {
1250 margin-left: 0%;
1251 }
1252 #quadmenu-settings .offset-sm-1 {
1253 margin-left: 8.333333%;
1254 }
1255 #quadmenu-settings .offset-sm-2 {
1256 margin-left: 16.666667%;
1257 }
1258 #quadmenu-settings .offset-sm-3 {
1259 margin-left: 25%;
1260 }
1261 #quadmenu-settings .offset-sm-4 {
1262 margin-left: 33.333333%;
1263 }
1264 #quadmenu-settings .offset-sm-5 {
1265 margin-left: 41.666667%;
1266 }
1267 #quadmenu-settings .offset-sm-6 {
1268 margin-left: 50%;
1269 }
1270 #quadmenu-settings .offset-sm-7 {
1271 margin-left: 58.333333%;
1272 }
1273 #quadmenu-settings .offset-sm-8 {
1274 margin-left: 66.666667%;
1275 }
1276 #quadmenu-settings .offset-sm-9 {
1277 margin-left: 75%;
1278 }
1279 #quadmenu-settings .offset-sm-10 {
1280 margin-left: 83.333333%;
1281 }
1282 #quadmenu-settings .offset-sm-11 {
1283 margin-left: 91.666667%;
1284 }
1285 }
1286 @media (min-width: 600px) {
1287 #quadmenu-settings .col-md {
1288 -webkit-flex-basis: 0;
1289 -ms-flex-preferred-size: 0;
1290 flex-basis: 0;
1291 -webkit-box-flex: 1;
1292 -webkit-flex-grow: 1;
1293 -ms-flex-positive: 1;
1294 flex-grow: 1;
1295 max-width: 100%;
1296 }
1297 #quadmenu-settings .col-md-auto {
1298 -webkit-box-flex: 0;
1299 -webkit-flex: 0 0 auto;
1300 -ms-flex: 0 0 auto;
1301 flex: 0 0 auto;
1302 width: auto;
1303 }
1304 #quadmenu-settings .col-md-1 {
1305 -webkit-box-flex: 0;
1306 -webkit-flex: 0 0 8.333333%;
1307 -ms-flex: 0 0 8.333333%;
1308 flex: 0 0 8.333333%;
1309 max-width: 8.333333%;
1310 }
1311 #quadmenu-settings .col-md-2 {
1312 -webkit-box-flex: 0;
1313 -webkit-flex: 0 0 16.666667%;
1314 -ms-flex: 0 0 16.666667%;
1315 flex: 0 0 16.666667%;
1316 max-width: 16.666667%;
1317 }
1318 #quadmenu-settings .col-md-3 {
1319 -webkit-box-flex: 0;
1320 -webkit-flex: 0 0 25%;
1321 -ms-flex: 0 0 25%;
1322 flex: 0 0 25%;
1323 max-width: 25%;
1324 }
1325 #quadmenu-settings .col-md-4 {
1326 -webkit-box-flex: 0;
1327 -webkit-flex: 0 0 33.333333%;
1328 -ms-flex: 0 0 33.333333%;
1329 flex: 0 0 33.333333%;
1330 max-width: 33.333333%;
1331 }
1332 #quadmenu-settings .col-md-5 {
1333 -webkit-box-flex: 0;
1334 -webkit-flex: 0 0 41.666667%;
1335 -ms-flex: 0 0 41.666667%;
1336 flex: 0 0 41.666667%;
1337 max-width: 41.666667%;
1338 }
1339 #quadmenu-settings .col-md-6 {
1340 -webkit-box-flex: 0;
1341 -webkit-flex: 0 0 50%;
1342 -ms-flex: 0 0 50%;
1343 flex: 0 0 50%;
1344 max-width: 50%;
1345 }
1346 #quadmenu-settings .col-md-7 {
1347 -webkit-box-flex: 0;
1348 -webkit-flex: 0 0 58.333333%;
1349 -ms-flex: 0 0 58.333333%;
1350 flex: 0 0 58.333333%;
1351 max-width: 58.333333%;
1352 }
1353 #quadmenu-settings .col-md-8 {
1354 -webkit-box-flex: 0;
1355 -webkit-flex: 0 0 66.666667%;
1356 -ms-flex: 0 0 66.666667%;
1357 flex: 0 0 66.666667%;
1358 max-width: 66.666667%;
1359 }
1360 #quadmenu-settings .col-md-9 {
1361 -webkit-box-flex: 0;
1362 -webkit-flex: 0 0 75%;
1363 -ms-flex: 0 0 75%;
1364 flex: 0 0 75%;
1365 max-width: 75%;
1366 }
1367 #quadmenu-settings .col-md-10 {
1368 -webkit-box-flex: 0;
1369 -webkit-flex: 0 0 83.333333%;
1370 -ms-flex: 0 0 83.333333%;
1371 flex: 0 0 83.333333%;
1372 max-width: 83.333333%;
1373 }
1374 #quadmenu-settings .col-md-11 {
1375 -webkit-box-flex: 0;
1376 -webkit-flex: 0 0 91.666667%;
1377 -ms-flex: 0 0 91.666667%;
1378 flex: 0 0 91.666667%;
1379 max-width: 91.666667%;
1380 }
1381 #quadmenu-settings .col-md-12 {
1382 -webkit-box-flex: 0;
1383 -webkit-flex: 0 0 100%;
1384 -ms-flex: 0 0 100%;
1385 flex: 0 0 100%;
1386 max-width: 100%;
1387 }
1388 #quadmenu-settings .pull-md-0 {
1389 right: auto;
1390 }
1391 #quadmenu-settings .pull-md-1 {
1392 right: 8.333333%;
1393 }
1394 #quadmenu-settings .pull-md-2 {
1395 right: 16.666667%;
1396 }
1397 #quadmenu-settings .pull-md-3 {
1398 right: 25%;
1399 }
1400 #quadmenu-settings .pull-md-4 {
1401 right: 33.333333%;
1402 }
1403 #quadmenu-settings .pull-md-5 {
1404 right: 41.666667%;
1405 }
1406 #quadmenu-settings .pull-md-6 {
1407 right: 50%;
1408 }
1409 #quadmenu-settings .pull-md-7 {
1410 right: 58.333333%;
1411 }
1412 #quadmenu-settings .pull-md-8 {
1413 right: 66.666667%;
1414 }
1415 #quadmenu-settings .pull-md-9 {
1416 right: 75%;
1417 }
1418 #quadmenu-settings .pull-md-10 {
1419 right: 83.333333%;
1420 }
1421 #quadmenu-settings .pull-md-11 {
1422 right: 91.666667%;
1423 }
1424 #quadmenu-settings .pull-md-12 {
1425 right: 100%;
1426 }
1427 #quadmenu-settings .push-md-0 {
1428 left: auto;
1429 }
1430 #quadmenu-settings .push-md-1 {
1431 left: 8.333333%;
1432 }
1433 #quadmenu-settings .push-md-2 {
1434 left: 16.666667%;
1435 }
1436 #quadmenu-settings .push-md-3 {
1437 left: 25%;
1438 }
1439 #quadmenu-settings .push-md-4 {
1440 left: 33.333333%;
1441 }
1442 #quadmenu-settings .push-md-5 {
1443 left: 41.666667%;
1444 }
1445 #quadmenu-settings .push-md-6 {
1446 left: 50%;
1447 }
1448 #quadmenu-settings .push-md-7 {
1449 left: 58.333333%;
1450 }
1451 #quadmenu-settings .push-md-8 {
1452 left: 66.666667%;
1453 }
1454 #quadmenu-settings .push-md-9 {
1455 left: 75%;
1456 }
1457 #quadmenu-settings .push-md-10 {
1458 left: 83.333333%;
1459 }
1460 #quadmenu-settings .push-md-11 {
1461 left: 91.666667%;
1462 }
1463 #quadmenu-settings .push-md-12 {
1464 left: 100%;
1465 }
1466 #quadmenu-settings .offset-md-0 {
1467 margin-left: 0%;
1468 }
1469 #quadmenu-settings .offset-md-1 {
1470 margin-left: 8.333333%;
1471 }
1472 #quadmenu-settings .offset-md-2 {
1473 margin-left: 16.666667%;
1474 }
1475 #quadmenu-settings .offset-md-3 {
1476 margin-left: 25%;
1477 }
1478 #quadmenu-settings .offset-md-4 {
1479 margin-left: 33.333333%;
1480 }
1481 #quadmenu-settings .offset-md-5 {
1482 margin-left: 41.666667%;
1483 }
1484 #quadmenu-settings .offset-md-6 {
1485 margin-left: 50%;
1486 }
1487 #quadmenu-settings .offset-md-7 {
1488 margin-left: 58.333333%;
1489 }
1490 #quadmenu-settings .offset-md-8 {
1491 margin-left: 66.666667%;
1492 }
1493 #quadmenu-settings .offset-md-9 {
1494 margin-left: 75%;
1495 }
1496 #quadmenu-settings .offset-md-10 {
1497 margin-left: 83.333333%;
1498 }
1499 #quadmenu-settings .offset-md-11 {
1500 margin-left: 91.666667%;
1501 }
1502 }
1503 @media (min-width: 600px) and (min-width: 960px) {
1504 #quadmenu-settings .col-lg {
1505 -webkit-flex-basis: 0;
1506 -ms-flex-preferred-size: 0;
1507 flex-basis: 0;
1508 -webkit-box-flex: 1;
1509 -webkit-flex-grow: 1;
1510 -ms-flex-positive: 1;
1511 flex-grow: 1;
1512 max-width: 100%;
1513 }
1514 #quadmenu-settings .col-lg-auto {
1515 -webkit-box-flex: 0;
1516 -webkit-flex: 0 0 auto;
1517 -ms-flex: 0 0 auto;
1518 flex: 0 0 auto;
1519 width: auto;
1520 }
1521 #quadmenu-settings .col-lg-1 {
1522 -webkit-box-flex: 0;
1523 -webkit-flex: 0 0 8.333333%;
1524 -ms-flex: 0 0 8.333333%;
1525 flex: 0 0 8.333333%;
1526 max-width: 8.333333%;
1527 }
1528 #quadmenu-settings .col-lg-2 {
1529 -webkit-box-flex: 0;
1530 -webkit-flex: 0 0 16.666667%;
1531 -ms-flex: 0 0 16.666667%;
1532 flex: 0 0 16.666667%;
1533 max-width: 16.666667%;
1534 }
1535 #quadmenu-settings .col-lg-3 {
1536 -webkit-box-flex: 0;
1537 -webkit-flex: 0 0 25%;
1538 -ms-flex: 0 0 25%;
1539 flex: 0 0 25%;
1540 max-width: 25%;
1541 }
1542 #quadmenu-settings .col-lg-4 {
1543 -webkit-box-flex: 0;
1544 -webkit-flex: 0 0 33.333333%;
1545 -ms-flex: 0 0 33.333333%;
1546 flex: 0 0 33.333333%;
1547 max-width: 33.333333%;
1548 }
1549 #quadmenu-settings .col-lg-5 {
1550 -webkit-box-flex: 0;
1551 -webkit-flex: 0 0 41.666667%;
1552 -ms-flex: 0 0 41.666667%;
1553 flex: 0 0 41.666667%;
1554 max-width: 41.666667%;
1555 }
1556 #quadmenu-settings .col-lg-6 {
1557 -webkit-box-flex: 0;
1558 -webkit-flex: 0 0 50%;
1559 -ms-flex: 0 0 50%;
1560 flex: 0 0 50%;
1561 max-width: 50%;
1562 }
1563 #quadmenu-settings .col-lg-7 {
1564 -webkit-box-flex: 0;
1565 -webkit-flex: 0 0 58.333333%;
1566 -ms-flex: 0 0 58.333333%;
1567 flex: 0 0 58.333333%;
1568 max-width: 58.333333%;
1569 }
1570 #quadmenu-settings .col-lg-8 {
1571 -webkit-box-flex: 0;
1572 -webkit-flex: 0 0 66.666667%;
1573 -ms-flex: 0 0 66.666667%;
1574 flex: 0 0 66.666667%;
1575 max-width: 66.666667%;
1576 }
1577 #quadmenu-settings .col-lg-9 {
1578 -webkit-box-flex: 0;
1579 -webkit-flex: 0 0 75%;
1580 -ms-flex: 0 0 75%;
1581 flex: 0 0 75%;
1582 max-width: 75%;
1583 }
1584 #quadmenu-settings .col-lg-10 {
1585 -webkit-box-flex: 0;
1586 -webkit-flex: 0 0 83.333333%;
1587 -ms-flex: 0 0 83.333333%;
1588 flex: 0 0 83.333333%;
1589 max-width: 83.333333%;
1590 }
1591 #quadmenu-settings .col-lg-11 {
1592 -webkit-box-flex: 0;
1593 -webkit-flex: 0 0 91.666667%;
1594 -ms-flex: 0 0 91.666667%;
1595 flex: 0 0 91.666667%;
1596 max-width: 91.666667%;
1597 }
1598 #quadmenu-settings .col-lg-12 {
1599 -webkit-box-flex: 0;
1600 -webkit-flex: 0 0 100%;
1601 -ms-flex: 0 0 100%;
1602 flex: 0 0 100%;
1603 max-width: 100%;
1604 }
1605 }
1606 #quadmenu.modal {
1607 margin-left: 160px;
1608 }
1609 @media only screen and (max-width: 960px) {
1610 #quadmenu.modal {
1611 width: 36px;
1612 }
1613 }
1614 #quadmenu .modal-dialog {
1615 width: auto;
1616 margin: 10px;
1617 }
1618 #quadmenu .modal-content {
1619 overflow: hidden;
1620 }
1621 #quadmenu .modal-body {
1622 padding: 0;
1623 }
1624 @media only screen and (min-width: 960px) {
1625 #quadmenu-settings > .quadmenu-settings-body > .quadmenu-tabs.vertical {
1626 width: 160px;
1627 }
1628 #quadmenu-settings > .quadmenu-settings-body > .quadmenu-tabs.vertical > li {
1629 text-align: left;
1630 }
1631 #quadmenu-settings > .quadmenu-settings-body > .quadmenu-tabs.vertical > li > a > .title {
1632 display: inline-block;
1633 }
1634 #quadmenu-settings > .quadmenu-settings-body > .quadmenu-tabs-content {
1635 padding-left: 160px;
1636 }
1637 }
1638 #quadmenu-settings .quadmenu-tabs {
1639 position: relative;
1640 width: 100%;
1641 display: flex;
1642 background-color: #fafafa;
1643 border-width: 0 0 1px 0;
1644 border-style: solid;
1645 border-color: #e5e5e5;
1646 margin: 0;
1647 }
1648 #quadmenu-settings .quadmenu-tabs > .spinner {
1649 position: absolute;
1650 top: 50%;
1651 right: 0;
1652 margin: -10px 15px 0 0;
1653 }
1654 #quadmenu-settings .quadmenu-tabs > li {
1655 position: static;
1656 margin: 0;
1657 }
1658 #quadmenu-settings .quadmenu-tabs > li:not(:last-child) {
1659 border-color: #e5e5e5;
1660 border-width: 0 1px 0 0;
1661 border-style: solid;
1662 }
1663 #quadmenu-settings .quadmenu-tabs > li.ui-sortable-helper {
1664 display: block;
1665 overflow: hidden;
1666 border-width: 1px;
1667 opacity: 0.8;
1668 }
1669 #quadmenu-settings .quadmenu-tabs > li.drop-tab {
1670 padding: 4px;
1671 box-sizing: border-box;
1672 overflow: visible;
1673 display: table;
1674 }
1675 #quadmenu-settings .quadmenu-tabs > li.drop-tab:before {
1676 display: table-cell;
1677 height: 100%;
1678 content: '';
1679 box-sizing: border-box;
1680 width: 100%;
1681 min-height: 40px;
1682 position: relative;
1683 border: 1px dashed #DFDFDF;
1684 }
1685 #quadmenu-settings .quadmenu-tabs > li.open > a,
1686 #quadmenu-settings .quadmenu-tabs > li.active > a {
1687 background: #fff;
1688 position: relative;
1689 }
1690 #quadmenu-settings .quadmenu-tabs > li > a {
1691 position: relative;
1692 display: block;
1693 height: 46px;
1694 line-height: 46px;
1695 padding: 0 15px;
1696 background-color: #fafafa;
1697 color: #444;
1698 text-decoration: none;
1699 font-weight: 700;
1700 box-shadow: none;
1701 z-index: 999;
1702 -webkit-transition: all 0.4s;
1703 -moz-transition: all 0.4s;
1704 -o-transition: all 0.4s;
1705 transition: all 0.4s;
1706 }
1707 #quadmenu-settings .quadmenu-tabs > li > a > .title {
1708 margin: 0 0 0 15px;
1709 }
1710 #quadmenu-settings .quadmenu-tabs > li > a:focus,
1711 #quadmenu-settings .quadmenu-tabs > li > a:active,
1712 #quadmenu-settings .quadmenu-tabs > li > a:hover {
1713 outline: 0;
1714 color: #222;
1715 }
1716 #quadmenu-settings .quadmenu-tabs.vertical {
1717 width: 50px;
1718 flex-direction: column;
1719 border-width: 0 1px 0 0;
1720 border-style: solid;
1721 position: absolute;
1722 top: 0;
1723 bottom: 0;
1724 left: 0;
1725 z-index: 999;
1726 }
1727 #quadmenu-settings .quadmenu-tabs.vertical > li {
1728 width: 100%;
1729 margin: 0;
1730 text-align: center;
1731 }
1732 #quadmenu-settings .quadmenu-tabs.vertical > li:not(:last-child) {
1733 border-width: 0 0 1px 0;
1734 }
1735 #quadmenu-settings .quadmenu-tabs.vertical > li > a > .title {
1736 display: none;
1737 }
1738 #quadmenu-settings .quadmenu-tabs.vertical > li.active {
1739 border-bottom: 1px solid #e5e5e5;
1740 }
1741 #quadmenu-settings .quadmenu-tabs.vertical > li.active > a {
1742 margin-right: -1px;
1743 -webkit-transition: all 0.4s;
1744 -moz-transition: all 0.4s;
1745 -o-transition: all 0.4s;
1746 transition: all 0.4s;
1747 }
1748 #quadmenu-settings .quadmenu-tabs-content {
1749 position: relative;
1750 height: 100%;
1751 padding-left: 50px;
1752 overflow-y: auto;
1753 overflow-x: hidden;
1754 height: 400px;
1755 background-color: #fff;
1756 }
1757 #quadmenu-settings .quadmenu-tabs-content .quadmenu-tab-pane {
1758 display: none;
1759 position: relative;
1760 padding: 15px;
1761 }
1762 #quadmenu-settings .quadmenu-tabs-content .quadmenu-tab-pane.quadmenu-tab-pane-mega,
1763 #quadmenu-settings .quadmenu-tabs-content .quadmenu-tab-pane.quadmenu-tab-pane-tabs,
1764 #quadmenu-settings .quadmenu-tabs-content .quadmenu-tab-pane.quadmenu-tab-pane-carousel {
1765 padding: 0;
1766 }
1767 #quadmenu-settings .quadmenu-tabs-content .quadmenu-tab-pane.active {
1768 display: block;
1769 -webkit-animation: fadeIn 1s forwards;
1770 -o-animation: fadeIn 1s forwards;
1771 animation: fadeIn 1s forwards;
1772 }
1773 #quadmenu-settings .dropdown {
1774 position: relative;
1775 }
1776 #quadmenu-settings .dropdown-menu {
1777 position: absolute;
1778 top: 1px;
1779 left: 0;
1780 display: none;
1781 list-style: none;
1782 background-clip: padding-box;
1783 width: 100%;
1784 }
1785 #quadmenu-settings .open > .dropdown-menu {
1786 display: block;
1787 }
1788 #menu-settings-column li .submit-add-to-quadmenu-column-inside {
1789 display: none;
1790 }
1791 #menu-settings-column li.current-column .submit-add-to-quadmenu-column-inside {
1792 display: block;
1793 }
1794 #menu-settings-column li.current-column .submit-add-to-menu,
1795 #menu-settings-column li.current-column .submit-add-to-quadmenu {
1796 display: none;
1797 }
1798 #menu-management #quadmenu-settings {
1799 display: none;
1800 }
1801 #menu-management.open #quadmenu-settings {
1802 display: block;
1803 }
1804 #menu-management.open #post-body-content {
1805 display: none;
1806 }
1807 #menu-management.open .menu-save {
1808 display: none;
1809 }
1810 #menu-to-edit > li.menu-item-mega p.field-url,
1811 #menu-to-edit > li.menu-item-tabs p.field-url,
1812 #menu-to-edit > li.menu-item-search p.field-url,
1813 #menu-to-edit > li.menu-item-social p.field-url,
1814 #menu-to-edit > li.menu-item-cart p.field-url,
1815 #menu-to-edit > li.menu-item-login p.field-url {
1816 display: none;
1817 }
1818 #menu-to-edit > li .quadmenu_open,
1819 #menu-to-edit > li .quadmenu_modal {
1820 position: absolute;
1821 right: 10px;
1822 font-size: 0.8em;
1823 cursor: pointer;
1824 color: #fff;
1825 display: inline-block;
1826 font-weight: normal;
1827 background: #21c2f8;
1828 border-color: #07a9df;
1829 padding: 3px 7px;
1830 border-radius: 2px;
1831 opacity: 0;
1832 z-index: 1;
1833 font-weight: 600;
1834 overflow: hidden;
1835 line-height: 13px;
1836 -webkit-transition: all 0.4s cubic-bezier(0.18, 0.74, 0.72, 1);
1837 -moz-transition: all 0.4s cubic-bezier(0.18, 0.74, 0.72, 1);
1838 -o-transition: all 0.4s cubic-bezier(0.18, 0.74, 0.72, 1);
1839 transition: all 0.4s cubic-bezier(0.18, 0.74, 0.72, 1);
1840 }
1841 #menu-to-edit > li .quadmenu_open:before,
1842 #menu-to-edit > li .quadmenu_modal:before {
1843 -webkit-transition: all 0.4s cubic-bezier(0.18, 0.74, 0.72, 1);
1844 -moz-transition: all 0.4s cubic-bezier(0.18, 0.74, 0.72, 1);
1845 -o-transition: all 0.4s cubic-bezier(0.18, 0.74, 0.72, 1);
1846 transition: all 0.4s cubic-bezier(0.18, 0.74, 0.72, 1);
1847 opacity: 0.5;
1848 font-family: dashicons;
1849 content: "\f111";
1850 font-size: 13px;
1851 line-height: 13px;
1852 margin: 0 5px 0 0;
1853 display: inline-block;
1854 vertical-align: bottom;
1855 }
1856 #menu-to-edit > li .quadmenu_modal {
1857 position: absolute;
1858 top: 12px;
1859 right: 37px;
1860 z-index: 999;
1861 }
1862 #menu-to-edit > li:hover .quadmenu_modal,
1863 #menu-to-edit > li:hover .quadmenu_open {
1864 opacity: 1;
1865 right: 0;
1866 }
1867 #menu-to-edit > li:hover .quadmenu_modal:before,
1868 #menu-to-edit > li:hover .quadmenu_open:before {
1869 opacity: 1;
1870 transform: rotate(60deg);
1871 }
1872 #menu-to-edit > li .menu-item-handle .item-title {
1873 position: relative;
1874 }
1875 #menu-to-edit > li .menu-item-handle .item-title .spinner {
1876 position: absolute;
1877 margin: 0;
1878 right: -40px;
1879 }
1880 #menu-settings-column li#quadmenu_custom_nav_widgets:not(.active) {
1881 display: none;
1882 }
1883 #menu-settings-column #posttype-quadmenu-widget ul#quadmenu-widget-checklist li,
1884 #menu-settings-column #posttype-quadmenu-custom ul#quadmenu-widget-checklist li,
1885 #menu-settings-column #posttype-quadmenu-widget ul#quadmenu-custom-checklist li,
1886 #menu-settings-column #posttype-quadmenu-custom ul#quadmenu-custom-checklist li {
1887 padding: 5px 0 10px 0;
1888 }
1889 #menu-settings-column #posttype-quadmenu-widget ul#quadmenu-widget-checklist li small,
1890 #menu-settings-column #posttype-quadmenu-custom ul#quadmenu-widget-checklist li small,
1891 #menu-settings-column #posttype-quadmenu-widget ul#quadmenu-custom-checklist li small,
1892 #menu-settings-column #posttype-quadmenu-custom ul#quadmenu-custom-checklist li small {
1893 display: block;
1894 font-size: 0.8em;
1895 font-style: italic;
1896 line-height: 1.2em;
1897 }
1898 .submit-add-to-quadmenu-column-inside.button-primary {
1899 margin: 0 0 0 10px;
1900 }
1901 /*# sourceMappingURL=quadmenu.css.map */
1902 #quadmenu-settings {
1903 margin: -1px -10px -11px -10px;
1904 border-top: 1px solid #ececec;
1905 border-bottom: 1px solid #ececec;
1906 }
1907 #quadmenu-settings.quadmenu-item-carousel .quadmenu-tab-pane-default .quadmenu-setting-description,
1908 #quadmenu-settings.quadmenu-item-tabs .quadmenu-tab-pane-default .quadmenu-setting-description,
1909 #quadmenu-settings.quadmenu-item-mega .quadmenu-tab-pane-default .quadmenu-setting-description {
1910 display: none;
1911 }
1912 #quadmenu-settings.quadmenu-item-social .quadmenu-tab-pane-default .quadmenu-setting-description,
1913 #quadmenu-settings.quadmenu-item-carousel .quadmenu-tab-pane-default .quadmenu-setting-description,
1914 #quadmenu-settings.quadmenu-item-search .quadmenu-tab-pane-default .quadmenu-setting-description,
1915 #quadmenu-settings.quadmenu-item-login .quadmenu-tab-pane-default .quadmenu-setting-description,
1916 #quadmenu-settings.quadmenu-item-social .quadmenu-tab-pane-default .quadmenu-setting-xfn,
1917 #quadmenu-settings.quadmenu-item-carousel .quadmenu-tab-pane-default .quadmenu-setting-xfn,
1918 #quadmenu-settings.quadmenu-item-search .quadmenu-tab-pane-default .quadmenu-setting-xfn,
1919 #quadmenu-settings.quadmenu-item-login .quadmenu-tab-pane-default .quadmenu-setting-xfn,
1920 #quadmenu-settings.quadmenu-item-social .quadmenu-tab-pane-default .quadmenu-setting-target,
1921 #quadmenu-settings.quadmenu-item-carousel .quadmenu-tab-pane-default .quadmenu-setting-target,
1922 #quadmenu-settings.quadmenu-item-search .quadmenu-tab-pane-default .quadmenu-setting-target,
1923 #quadmenu-settings.quadmenu-item-login .quadmenu-tab-pane-default .quadmenu-setting-target,
1924 #quadmenu-settings.quadmenu-item-social .quadmenu-tab-pane-default .quadmenu-setting-url,
1925 #quadmenu-settings.quadmenu-item-carousel .quadmenu-tab-pane-default .quadmenu-setting-url,
1926 #quadmenu-settings.quadmenu-item-search .quadmenu-tab-pane-default .quadmenu-setting-url,
1927 #quadmenu-settings.quadmenu-item-login .quadmenu-tab-pane-default .quadmenu-setting-url {
1928 display: none;
1929 }
1930 #quadmenu-settings li.quadmenu-panel-query,
1931 #quadmenu-settings li.quadmenu-panel-content,
1932 #quadmenu-settings li.quadmenu-panel-archive_carousel {
1933 display: none;
1934 }
1935 #quadmenu-settings .quadmenu-column li.quadmenu-panel-query,
1936 #quadmenu-settings.quadmenu-item-depth-1 li.quadmenu-panel-query,
1937 #quadmenu-settings.quadmenu-item-depth-2 li.quadmenu-panel-query,
1938 #quadmenu-settings.quadmenu-item-depth-3 li.quadmenu-panel-query,
1939 #quadmenu-settings.quadmenu-item-depth-4 li.quadmenu-panel-query,
1940 #quadmenu-settings .quadmenu-column li.quadmenu-panel-content,
1941 #quadmenu-settings.quadmenu-item-depth-1 li.quadmenu-panel-content,
1942 #quadmenu-settings.quadmenu-item-depth-2 li.quadmenu-panel-content,
1943 #quadmenu-settings.quadmenu-item-depth-3 li.quadmenu-panel-content,
1944 #quadmenu-settings.quadmenu-item-depth-4 li.quadmenu-panel-content,
1945 #quadmenu-settings .quadmenu-column li.quadmenu-panel-archive_carousel,
1946 #quadmenu-settings.quadmenu-item-depth-1 li.quadmenu-panel-archive_carousel,
1947 #quadmenu-settings.quadmenu-item-depth-2 li.quadmenu-panel-archive_carousel,
1948 #quadmenu-settings.quadmenu-item-depth-3 li.quadmenu-panel-archive_carousel,
1949 #quadmenu-settings.quadmenu-item-depth-4 li.quadmenu-panel-archive_carousel {
1950 display: block!important;
1951 }
1952 #quadmenu-settings .quadmenu-column .quadmenu-setting-dropdown,
1953 #quadmenu-settings .quadmenu-column .quadmenu-setting-float {
1954 display: none!important;
1955 }
1956 #quadmenu-settings .quadmenu-setting-depth-0,
1957 #quadmenu-settings .quadmenu-setting-depth-1,
1958 #quadmenu-settings .quadmenu-setting-depth-2,
1959 #quadmenu-settings .quadmenu-setting-depth-3,
1960 #quadmenu-settings .quadmenu-setting-depth-4 {
1961 display: none;
1962 }
1963 #quadmenu-settings.quadmenu-item-depth-0 .quadmenu-setting-depth-0 {
1964 display: block;
1965 }
1966 #quadmenu-settings.quadmenu-item-depth-1 .quadmenu-setting-depth-1,
1967 #quadmenu-settings .quadmenu-item-depth-1 .quadmenu-setting-depth-1 {
1968 display: block;
1969 }
1970 #quadmenu-settings.quadmenu-item-depth-2 .quadmenu-setting-depth-2,
1971 #quadmenu-settings .quadmenu-item-depth-2 .quadmenu-setting-depth-2 {
1972 display: block;
1973 }
1974 #quadmenu-settings.quadmenu-item-depth-3 .quadmenu-setting-depth-3,
1975 #quadmenu-settings .quadmenu-item-depth-3 .quadmenu-setting-depth-3 {
1976 display: block;
1977 }
1978 #quadmenu-settings.quadmenu-item-depth-4 .quadmenu-setting-depth-4,
1979 #quadmenu-settings .quadmenu-item-depth-4 .quadmenu-setting-depth-4 {
1980 display: block;
1981 }
1982 #quadmenu-settings .dashicons {
1983 width: auto;
1984 height: auto;
1985 padding: 0;
1986 vertical-align: middle;
1987 }
1988 #quadmenu-settings.saving .quadmenu-settings-header .quadmenu_saving {
1989 display: block;
1990 }
1991 #quadmenu-settings input,
1992 #quadmenu-settings select,
1993 #quadmenu-settings textarea {
1994 border-radius: 2px;
1995 height: auto;
1996 margin: 0;
1997 box-shadow: none;
1998 }
1999 #quadmenu-settings input:not(.button),
2000 #quadmenu-settings select:not(.button),
2001 #quadmenu-settings textarea:not(.button) {
2002 padding: 7px 10px;
2003 }
2004 #quadmenu-settings input[type=text],
2005 #quadmenu-settings input[type=password],
2006 #quadmenu-settings select,
2007 #quadmenu-settings textarea {
2008 width: 100%;
2009 max-width: 600px;
2010 }
2011 #quadmenu-settings .quadmenu-settings-body {
2012 position: relative;
2013 }
2014 #quadmenu-settings .quadmenu-settings-footer,
2015 #quadmenu-settings .quadmenu-settings-header {
2016 position: relative;
2017 overflow: hidden;
2018 padding: 15px;
2019 }
2020 #quadmenu-settings .quadmenu-settings-header {
2021 background-color: #f1f1f1;
2022 border-bottom: 1px solid #ececec;
2023 }
2024 #quadmenu-settings .quadmenu-settings-header .quadmenu-title {
2025 margin: 0;
2026 line-height: 30px;
2027 }
2028 #quadmenu-settings .quadmenu-settings-header .quadmenu-title > i {
2029 margin: 0 5px 0 0;
2030 }
2031 #quadmenu-settings .quadmenu-settings-header .quadmenu_close {
2032 float: right;
2033 }
2034 #quadmenu-settings .quadmenu-settings-header .quadmenu_saving {
2035 font-size: 12px;
2036 text-align: right;
2037 padding: 0 20px;
2038 display: none;
2039 line-height: 60px;
2040 text-transform: uppercase;
2041 color: white;
2042 font-size: 11px;
2043 font-weight: bold;
2044 background: #21c2f8;
2045 position: absolute;
2046 right: 0;
2047 top: 0;
2048 bottom: 0;
2049 }
2050 #quadmenu-settings .quadmenu-settings-header .quadmenu_saving:before {
2051 color: white;
2052 display: inline-block;
2053 font: normal 20px 'dashicons';
2054 speak: none;
2055 -webkit-font-smoothing: antialiased;
2056 -moz-osx-font-smoothing: grayscale;
2057 vertical-align: top;
2058 margin-right: 5px;
2059 content: '\f463';
2060 -webkit-animation: rotation 2s infinite linear;
2061 animation: rotation 2s infinite linear;
2062 line-height: inherit;
2063 /* z-index: -1; */
2064 /* border-top-right-radius: 5px; */
2065 border-radius: 5px;
2066 /* display: block; */
2067 }
2068 #quadmenu-settings .quadmenu-setting {
2069 padding: 15px 0;
2070 border-bottom: 1px solid #eee;
2071 }
2072 #quadmenu-settings .quadmenu-setting:first-of-type {
2073 padding-top: 0;
2074 }
2075 #quadmenu-settings .quadmenu-setting:last-of-type {
2076 border-bottom: none;
2077 }
2078 #quadmenu-settings .quadmenu-setting span.title {
2079 display: block;
2080 margin: 0 0 5px 0;
2081 font-weight: 700;
2082 }
2083 #quadmenu-settings .quadmenu-setting span.description {
2084 display: block;
2085 margin: 5px 0 0 0;
2086 }
2087 #quadmenu-settings .quadmenu-setting .field-wrapper label {
2088 display: block;
2089 line-height: 25px;
2090 }
2091 #quadmenu-settings .quadmenu-setting .field-wrapper label input[type=checkbox],
2092 #quadmenu-settings .quadmenu-setting .field-wrapper label input[type=radio] {
2093 margin: -2px 5px 0 0;
2094 }
2095 #quadmenu-settings .quadmenu-setting.quadmenu-setting-actions .button {
2096 padding: 0 15px;
2097 }
2098 #quadmenu-settings .quadmenu-setting.quadmenu-setting-background .field-wrapper.active .edit-menu-item-media-thumbnail:before,
2099 #quadmenu-settings .quadmenu-setting.quadmenu-setting-media .field-wrapper.active .edit-menu-item-media-thumbnail:before {
2100 display: none;
2101 }
2102 #quadmenu-settings .quadmenu-setting.quadmenu-setting-background .field-wrapper.active .menu-item-media-clear,
2103 #quadmenu-settings .quadmenu-setting.quadmenu-setting-media .field-wrapper.active .menu-item-media-clear {
2104 display: inline;
2105 }
2106 #quadmenu-settings .quadmenu-setting.quadmenu-setting-background .field-wrapper .edit-menu-item-media-thumbnail:before,
2107 #quadmenu-settings .quadmenu-setting.quadmenu-setting-media .field-wrapper .edit-menu-item-media-thumbnail:before {
2108 width: auto;
2109 height: auto;
2110 padding: 0;
2111 vertical-align: middle;
2112 line-height: 50px;
2113 content: "\f128";
2114 font-family: dashicons;
2115 }
2116 #quadmenu-settings .quadmenu-setting.quadmenu-setting-background .field-wrapper .menu-item-media-clear,
2117 #quadmenu-settings .quadmenu-setting.quadmenu-setting-media .field-wrapper .menu-item-media-clear {
2118 display: none;
2119 }
2120 #quadmenu-settings .quadmenu-setting.quadmenu-setting-background .field-wrapper .edit-menu-item-media-thumbnail,
2121 #quadmenu-settings .quadmenu-setting.quadmenu-setting-media .field-wrapper .edit-menu-item-media-thumbnail,
2122 #quadmenu-settings .quadmenu-setting.quadmenu-setting-background .field-wrapper .edit-menu-item-media-text,
2123 #quadmenu-settings .quadmenu-setting.quadmenu-setting-media .field-wrapper .edit-menu-item-media-text,
2124 #quadmenu-settings .quadmenu-setting.quadmenu-setting-background .field-wrapper .edit-menu-item-media-css,
2125 #quadmenu-settings .quadmenu-setting.quadmenu-setting-media .field-wrapper .edit-menu-item-media-css {
2126 display: block;
2127 overflow: hidden;
2128 }
2129 #quadmenu-settings .quadmenu-setting.quadmenu-setting-background .field-wrapper .edit-menu-item-media-css,
2130 #quadmenu-settings .quadmenu-setting.quadmenu-setting-media .field-wrapper .edit-menu-item-media-css {
2131 display: block;
2132 overflow: hidden;
2133 line-height: 1;
2134 margin: 0;
2135 font-size: 10px;
2136 text-align: right;
2137 }
2138 #quadmenu-settings .quadmenu-setting.quadmenu-setting-background .field-wrapper .edit-menu-item-media-thumbnail,
2139 #quadmenu-settings .quadmenu-setting.quadmenu-setting-media .field-wrapper .edit-menu-item-media-thumbnail {
2140 float: left;
2141 width: 50px;
2142 height: 50px;
2143 background: #ccc;
2144 margin: 0 10px 0 0;
2145 text-align: center;
2146 font-size: 20px;
2147 color: #aaa;
2148 }
2149 #quadmenu-settings .quadmenu-setting.quadmenu-setting-media .field-wrapper {
2150 background: #eee;
2151 display: block;
2152 overflow: hidden;
2153 padding: 5px;
2154 border: 1px solid #ddd;
2155 }
2156 #quadmenu-settings .quadmenu-setting.quadmenu-setting-background {
2157 position: relative;
2158 padding: 15px;
2159 }
2160 #quadmenu-settings .quadmenu-setting.quadmenu-setting-background .field-background {
2161 position: absolute;
2162 top: 0;
2163 right: 0;
2164 bottom: 0;
2165 left: 0;
2166 z-index: -1;
2167 opacity: 0.2;
2168 }
2169 #quadmenu-settings .quadmenu-setting.quadmenu-setting-background .setting {
2170 display: block;
2171 padding: 10px 0;
2172 }
2173 #quadmenu-settings .quadmenu-setting.quadmenu-setting-background .setting b {
2174 display: block;
2175 }
2176 #quadmenu-settings .quadmenu-setting.quadmenu-setting-background .setting select {
2177 min-width: 200px;
2178 width: auto;
2179 }
2180 #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label {
2181 display: flex;
2182 }
2183 #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-icons,
2184 #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-columns,
2185 #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-offset,
2186 #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-hidden {
2187 flex: auto;
2188 }
2189 #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-icons > div,
2190 #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-columns > div,
2191 #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-offset > div,
2192 #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-hidden > div {
2193 padding: 0 20px;
2194 line-height: 70px;
2195 height: 70px;
2196 }
2197 #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-icons > div:not(:last-child),
2198 #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-columns > div:not(:last-child),
2199 #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-offset > div:not(:last-child),
2200 #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-hidden > div:not(:last-child) {
2201 border-bottom: 1px solid #efefef;
2202 }
2203 #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-icons > div > i,
2204 #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-columns > div > i,
2205 #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-offset > div > i,
2206 #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-hidden > div > i,
2207 #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-icons > div > select,
2208 #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-columns > div > select,
2209 #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-offset > div > select,
2210 #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-hidden > div > select,
2211 #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-icons > div > input,
2212 #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-columns > div > input,
2213 #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-offset > div > input,
2214 #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-hidden > div > input {
2215 margin: 0;
2216 }
2217 #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-icons > div > select,
2218 #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-columns > div > select,
2219 #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-offset > div > select,
2220 #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-hidden > div > select {
2221 margin: 0 0 3px 0;
2222 }
2223 #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-icons,
2224 #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-offset,
2225 #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-hidden {
2226 max-width: 60px;
2227 }
2228 #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-hidden {
2229 text-align: center;
2230 }
2231 #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-icons > div > i {
2232 background: transparent url('../../backend/images/offset.png') -21px 0 no-repeat;
2233 width: 21px;
2234 height: 21px;
2235 display: inline-block;
2236 vertical-align: middle;
2237 }
2238 #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-icons > div.md > i {
2239 background-position: -21px -21px;
2240 }
2241 #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-icons > div.sm > i {
2242 background-position: -21px -42px;
2243 }
2244 #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-icons > div.xs > i {
2245 background-position: -21px -84px;
2246 }
2247 #quadmenu-settings ul > li:first-of-type > a.submit-add-to-quadmenu-column,
2248 #quadmenu-settings ul > li:first-of-type > a.submit-add-to-quadmenu-panel,
2249 #quadmenu-settings ul > li:first-of-type > a.submit-add-to-quadmenu-tab {
2250 z-index: 9999;
2251 text-align: center;
2252 width: auto;
2253 padding: 0;
2254 text-decoration: none;
2255 align-items: center;
2256 cursor: pointer;
2257 }
2258 #quadmenu-settings ul > li:first-of-type > a.submit-add-to-quadmenu-column:after,
2259 #quadmenu-settings ul > li:first-of-type > a.submit-add-to-quadmenu-panel:after,
2260 #quadmenu-settings ul > li:first-of-type > a.submit-add-to-quadmenu-tab:after {
2261 position: relative;
2262 display: inline-block;
2263 font: 16px dashicons;
2264 color: #c3c3c3;
2265 content: '\f132';
2266 width: 46px;
2267 vertical-align: middle;
2268 top: 1px;
2269 }
2270 #quadmenu-settings .quadmenu-columns {
2271 position: relative;
2272 padding: 46px 0 0 0;
2273 }
2274 #quadmenu-settings .quadmenu-columns > ul {
2275 position: absolute;
2276 width: 100%;
2277 left: 0;
2278 right: 0;
2279 top: 0;
2280 display: flex;
2281 background-color: #fafafa;
2282 border-width: 0 0 1px 0;
2283 border-style: solid;
2284 border-color: #e5e5e5;
2285 margin: 0;
2286 height: 46px;
2287 align-items: center;
2288 }
2289 #quadmenu-settings .quadmenu-columns > ul > .spinner {
2290 position: absolute;
2291 top: 50%;
2292 right: 0;
2293 margin: -10px 15px 0 0;
2294 }
2295 #quadmenu-settings .quadmenu-columns > ul > li {
2296 min-width: 40px;
2297 padding: 0 15px 0 0;
2298 margin: 0;
2299 }
2300 #quadmenu-settings .quadmenu-columns > ul > li > a {
2301 display: flex;
2302 height: 32px;
2303 cursor: pointer;
2304 -webkit-transition: all 0.4s;
2305 -moz-transition: all 0.4s;
2306 -o-transition: all 0.4s;
2307 transition: all 0.4s;
2308 }
2309 #quadmenu-settings .quadmenu-columns > ul > li > a:focus,
2310 #quadmenu-settings .quadmenu-columns > ul > li > a:hover {
2311 outline: 0;
2312 box-shadow: none;
2313 }
2314 #quadmenu-settings .quadmenu-columns > ul > li > a:focus > .col,
2315 #quadmenu-settings .quadmenu-columns > ul > li > a:hover > .col {
2316 background: #c3c3c3;
2317 }
2318 #quadmenu-settings .quadmenu-columns > ul > li > a > .col {
2319 flex: auto;
2320 height: 100%;
2321 margin: 0 3px 0 0;
2322 background: #ebebeb;
2323 padding: 0;
2324 }
2325 #quadmenu-settings .quadmenu-columns > ul > li > a > .col:last-of-type {
2326 margin: 0;
2327 }
2328 #quadmenu-settings .quadmenu-columns > .spinner {
2329 right: 0;
2330 }
2331 #quadmenu-settings .quadmenu-carousel .quadmenu-title,
2332 #quadmenu-settings .quadmenu-panel .quadmenu-title,
2333 #quadmenu-settings .quadmenu-tabs .quadmenu-title,
2334 #quadmenu-settings .quadmenu-tab .quadmenu-title,
2335 #quadmenu-settings .quadmenu-columns .quadmenu-title,
2336 #quadmenu-settings .quadmenu-column .quadmenu-title,
2337 #quadmenu-settings .quadmenu-column-item .quadmenu-title {
2338 font-size: 12px;
2339 white-space: nowrap;
2340 }
2341 #quadmenu-settings .quadmenu-carousel .quadmenu-title > i,
2342 #quadmenu-settings .quadmenu-panel .quadmenu-title > i,
2343 #quadmenu-settings .quadmenu-tabs .quadmenu-title > i,
2344 #quadmenu-settings .quadmenu-tab .quadmenu-title > i,
2345 #quadmenu-settings .quadmenu-columns .quadmenu-title > i,
2346 #quadmenu-settings .quadmenu-column .quadmenu-title > i,
2347 #quadmenu-settings .quadmenu-column-item .quadmenu-title > i {
2348 margin: 0 5px 0 0;
2349 color: #333;
2350 }
2351 #quadmenu-settings .quadmenu-carousel > .inner > .action-top .actions,
2352 #quadmenu-settings .quadmenu-panel > .inner > .action-top .actions,
2353 #quadmenu-settings .quadmenu-tabs > .inner > .action-top .actions,
2354 #quadmenu-settings .quadmenu-tab > .inner > .action-top .actions,
2355 #quadmenu-settings .quadmenu-columns > .inner > .action-top .actions,
2356 #quadmenu-settings .quadmenu-column > .inner > .action-top .actions,
2357 #quadmenu-settings .quadmenu-column-item > .inner > .action-top .actions {
2358 position: relative;
2359 text-align: right;
2360 float: right;
2361 padding: 0 15px;
2362 z-index: 9999;
2363 }
2364 #quadmenu-settings .quadmenu-carousel > .inner > .action-top .actions a,
2365 #quadmenu-settings .quadmenu-panel > .inner > .action-top .actions a,
2366 #quadmenu-settings .quadmenu-tabs > .inner > .action-top .actions a,
2367 #quadmenu-settings .quadmenu-tab > .inner > .action-top .actions a,
2368 #quadmenu-settings .quadmenu-columns > .inner > .action-top .actions a,
2369 #quadmenu-settings .quadmenu-column > .inner > .action-top .actions a,
2370 #quadmenu-settings .quadmenu-column-item > .inner > .action-top .actions a {
2371 display: inline-block;
2372 line-height: 46px;
2373 }
2374 #quadmenu-settings .quadmenu-carousel > .inner > .action-top .actions .spinner,
2375 #quadmenu-settings .quadmenu-panel > .inner > .action-top .actions .spinner,
2376 #quadmenu-settings .quadmenu-tabs > .inner > .action-top .actions .spinner,
2377 #quadmenu-settings .quadmenu-tab > .inner > .action-top .actions .spinner,
2378 #quadmenu-settings .quadmenu-columns > .inner > .action-top .actions .spinner,
2379 #quadmenu-settings .quadmenu-column > .inner > .action-top .actions .spinner,
2380 #quadmenu-settings .quadmenu-column-item > .inner > .action-top .actions .spinner {
2381 display: none;
2382 margin: 10px 0;
2383 }
2384 #quadmenu-settings .quadmenu-carousel > .inner > .action-top .option,
2385 #quadmenu-settings .quadmenu-panel > .inner > .action-top .option,
2386 #quadmenu-settings .quadmenu-tabs > .inner > .action-top .option,
2387 #quadmenu-settings .quadmenu-tab > .inner > .action-top .option,
2388 #quadmenu-settings .quadmenu-columns > .inner > .action-top .option,
2389 #quadmenu-settings .quadmenu-column > .inner > .action-top .option,
2390 #quadmenu-settings .quadmenu-column-item > .inner > .action-top .option {
2391 font: 400 16px/1 dashicons;
2392 speak: none;
2393 display: inline-block;
2394 position: relative;
2395 -webkit-font-smoothing: antialiased;
2396 -moz-osx-font-smoothing: grayscale;
2397 text-decoration: none!important;
2398 color: #999;
2399 }
2400 #quadmenu-settings .quadmenu-carousel > .inner > .action-top .option:hover,
2401 #quadmenu-settings .quadmenu-panel > .inner > .action-top .option:hover,
2402 #quadmenu-settings .quadmenu-tabs > .inner > .action-top .option:hover,
2403 #quadmenu-settings .quadmenu-tab > .inner > .action-top .option:hover,
2404 #quadmenu-settings .quadmenu-columns > .inner > .action-top .option:hover,
2405 #quadmenu-settings .quadmenu-column > .inner > .action-top .option:hover,
2406 #quadmenu-settings .quadmenu-column-item > .inner > .action-top .option:hover {
2407 color: #333;
2408 cursor: pointer;
2409 }
2410 #quadmenu-settings .quadmenu-carousel > .inner > .action-top .option:after,
2411 #quadmenu-settings .quadmenu-panel > .inner > .action-top .option:after,
2412 #quadmenu-settings .quadmenu-tabs > .inner > .action-top .option:after,
2413 #quadmenu-settings .quadmenu-tab > .inner > .action-top .option:after,
2414 #quadmenu-settings .quadmenu-columns > .inner > .action-top .option:after,
2415 #quadmenu-settings .quadmenu-column > .inner > .action-top .option:after,
2416 #quadmenu-settings .quadmenu-column-item > .inner > .action-top .option:after {
2417 padding: 0;
2418 font: 400 14px/40px dashicons;
2419 display: inline;
2420 }
2421 #quadmenu-settings .quadmenu-carousel > .inner > .action-top .option.remove::after,
2422 #quadmenu-settings .quadmenu-panel > .inner > .action-top .option.remove::after,
2423 #quadmenu-settings .quadmenu-tabs > .inner > .action-top .option.remove::after,
2424 #quadmenu-settings .quadmenu-tab > .inner > .action-top .option.remove::after,
2425 #quadmenu-settings .quadmenu-columns > .inner > .action-top .option.remove::after,
2426 #quadmenu-settings .quadmenu-column > .inner > .action-top .option.remove::after,
2427 #quadmenu-settings .quadmenu-column-item > .inner > .action-top .option.remove::after {
2428 content: '\f182';
2429 margin: 0;
2430 }
2431 #quadmenu-settings .quadmenu-carousel > .inner > .action-top .option.edit::after,
2432 #quadmenu-settings .quadmenu-panel > .inner > .action-top .option.edit::after,
2433 #quadmenu-settings .quadmenu-tabs > .inner > .action-top .option.edit::after,
2434 #quadmenu-settings .quadmenu-tab > .inner > .action-top .option.edit::after,
2435 #quadmenu-settings .quadmenu-columns > .inner > .action-top .option.edit::after,
2436 #quadmenu-settings .quadmenu-column > .inner > .action-top .option.edit::after,
2437 #quadmenu-settings .quadmenu-column-item > .inner > .action-top .option.edit::after {
2438 content: '\f111';
2439 }
2440 #quadmenu-settings .quadmenu-carousel > .inner > .action-top .option.disabled:hover,
2441 #quadmenu-settings .quadmenu-panel > .inner > .action-top .option.disabled:hover,
2442 #quadmenu-settings .quadmenu-tabs > .inner > .action-top .option.disabled:hover,
2443 #quadmenu-settings .quadmenu-tab > .inner > .action-top .option.disabled:hover,
2444 #quadmenu-settings .quadmenu-columns > .inner > .action-top .option.disabled:hover,
2445 #quadmenu-settings .quadmenu-column > .inner > .action-top .option.disabled:hover,
2446 #quadmenu-settings .quadmenu-column-item > .inner > .action-top .option.disabled:hover {
2447 color: #999;
2448 }
2449 #quadmenu-settings .quadmenu-carousel > .inner > .action-top .option.expand::after,
2450 #quadmenu-settings .quadmenu-panel > .inner > .action-top .option.expand::after,
2451 #quadmenu-settings .quadmenu-tabs > .inner > .action-top .option.expand::after,
2452 #quadmenu-settings .quadmenu-tab > .inner > .action-top .option.expand::after,
2453 #quadmenu-settings .quadmenu-columns > .inner > .action-top .option.expand::after,
2454 #quadmenu-settings .quadmenu-column > .inner > .action-top .option.expand::after,
2455 #quadmenu-settings .quadmenu-column-item > .inner > .action-top .option.expand::after {
2456 content: '\f345';
2457 }
2458 #quadmenu-settings .quadmenu-carousel > .inner > .action-top .option.contract::after,
2459 #quadmenu-settings .quadmenu-panel > .inner > .action-top .option.contract::after,
2460 #quadmenu-settings .quadmenu-tabs > .inner > .action-top .option.contract::after,
2461 #quadmenu-settings .quadmenu-tab > .inner > .action-top .option.contract::after,
2462 #quadmenu-settings .quadmenu-columns > .inner > .action-top .option.contract::after,
2463 #quadmenu-settings .quadmenu-column > .inner > .action-top .option.contract::after,
2464 #quadmenu-settings .quadmenu-column-item > .inner > .action-top .option.contract::after {
2465 content: '\f341';
2466 }
2467 #quadmenu-settings .quadmenu-carousel .settings .quadmenu-tabs-content,
2468 #quadmenu-settings .quadmenu-panel .settings .quadmenu-tabs-content,
2469 #quadmenu-settings .quadmenu-tabs .settings .quadmenu-tabs-content,
2470 #quadmenu-settings .quadmenu-tab .settings .quadmenu-tabs-content,
2471 #quadmenu-settings .quadmenu-columns .settings .quadmenu-tabs-content,
2472 #quadmenu-settings .quadmenu-column .settings .quadmenu-tabs-content,
2473 #quadmenu-settings .quadmenu-column-item .settings .quadmenu-tabs-content {
2474 max-height: 400px;
2475 overflow-y: hidden;
2476 }
2477 #quadmenu-settings .quadmenu-carousel.open .option.edit::after,
2478 #quadmenu-settings .quadmenu-panel.open .option.edit::after,
2479 #quadmenu-settings .quadmenu-tabs.open .option.edit::after,
2480 #quadmenu-settings .quadmenu-tab.open .option.edit::after,
2481 #quadmenu-settings .quadmenu-columns.open .option.edit::after,
2482 #quadmenu-settings .quadmenu-column.open .option.edit::after,
2483 #quadmenu-settings .quadmenu-column-item.open .option.edit::after {
2484 content: '\f142';
2485 }
2486 #quadmenu-settings .quadmenu-carousel.open .items,
2487 #quadmenu-settings .quadmenu-panel.open .items,
2488 #quadmenu-settings .quadmenu-tabs.open .items,
2489 #quadmenu-settings .quadmenu-tab.open .items,
2490 #quadmenu-settings .quadmenu-columns.open .items,
2491 #quadmenu-settings .quadmenu-column.open .items,
2492 #quadmenu-settings .quadmenu-column-item.open .items {
2493 display: none;
2494 }
2495 #quadmenu-settings .quadmenu-carousel.saving > .inner > .action-top > .actions .option,
2496 #quadmenu-settings .quadmenu-panel.saving > .inner > .action-top > .actions .option,
2497 #quadmenu-settings .quadmenu-tabs.saving > .inner > .action-top > .actions .option,
2498 #quadmenu-settings .quadmenu-tab.saving > .inner > .action-top > .actions .option,
2499 #quadmenu-settings .quadmenu-columns.saving > .inner > .action-top > .actions .option,
2500 #quadmenu-settings .quadmenu-column.saving > .inner > .action-top > .actions .option,
2501 #quadmenu-settings .quadmenu-column-item.saving > .inner > .action-top > .actions .option {
2502 visibility: hidden;
2503 }
2504 #quadmenu-settings .quadmenu-carousel.saving > .inner > .action-top > .actions .spinner,
2505 #quadmenu-settings .quadmenu-panel.saving > .inner > .action-top > .actions .spinner,
2506 #quadmenu-settings .quadmenu-tabs.saving > .inner > .action-top > .actions .spinner,
2507 #quadmenu-settings .quadmenu-tab.saving > .inner > .action-top > .actions .spinner,
2508 #quadmenu-settings .quadmenu-columns.saving > .inner > .action-top > .actions .spinner,
2509 #quadmenu-settings .quadmenu-column.saving > .inner > .action-top > .actions .spinner,
2510 #quadmenu-settings .quadmenu-column-item.saving > .inner > .action-top > .actions .spinner {
2511 display: block;
2512 visibility: visible;
2513 }
2514 #quadmenu-settings .quadmenu-tab-pane-account .quadmenu-columns.row {
2515 padding-top: 0;
2516 max-width: 630px;
2517 }
2518 #quadmenu-settings .quadmenu-tab-pane-account .quadmenu-column > .inner {
2519 padding-top: 15px;
2520 }
2521 #quadmenu-settings .quadmenu-tab-pane-account .quadmenu-column > .inner > .action-top > .actions {
2522 display: none;
2523 }
2524 #quadmenu-settings .quadmenu-tabs {
2525 overflow: visible;
2526 }
2527 #quadmenu-settings .drop-column {
2528 padding: 15px;
2529 box-sizing: border-box;
2530 overflow: visible;
2531 display: table;
2532 }
2533 #quadmenu-settings .drop-column:before {
2534 display: table-cell;
2535 height: 100%;
2536 content: '';
2537 box-sizing: border-box;
2538 width: 100%;
2539 min-height: 40px;
2540 position: relative;
2541 border: 1px dashed #DFDFDF;
2542 }
2543 #quadmenu-settings .quadmenu-carousel.open > .inner,
2544 #quadmenu-settings .quadmenu-panel.open > .inner,
2545 #quadmenu-settings .quadmenu-tabs.open > .inner,
2546 #quadmenu-settings .quadmenu-tab.open > .inner,
2547 #quadmenu-settings .quadmenu-columns.open > .inner,
2548 #quadmenu-settings .quadmenu-column.open > .inner,
2549 #quadmenu-settings .quadmenu-column-item.open > .inner {
2550 z-index: 999;
2551 min-width: 220px;
2552 width: 100%;
2553 }
2554 #quadmenu-settings .quadmenu-carousel.open .settings,
2555 #quadmenu-settings .quadmenu-panel.open .settings,
2556 #quadmenu-settings .quadmenu-tabs.open .settings,
2557 #quadmenu-settings .quadmenu-tab.open .settings,
2558 #quadmenu-settings .quadmenu-columns.open .settings,
2559 #quadmenu-settings .quadmenu-column.open .settings,
2560 #quadmenu-settings .quadmenu-column-item.open .settings {
2561 visibility: visible;
2562 opacity: 1;
2563 max-height: 900px;
2564 }
2565 #quadmenu-settings .quadmenu-carousel .settings,
2566 #quadmenu-settings .quadmenu-panel .settings,
2567 #quadmenu-settings .quadmenu-tabs .settings,
2568 #quadmenu-settings .quadmenu-tab .settings,
2569 #quadmenu-settings .quadmenu-columns .settings,
2570 #quadmenu-settings .quadmenu-column .settings,
2571 #quadmenu-settings .quadmenu-column-item .settings {
2572 position: absolute;
2573 visibility: hidden;
2574 max-height: 0;
2575 opacity: 0;
2576 right: 0;
2577 left: 0;
2578 -webkit-transition: all 0.4s cubic-bezier(0.18, 0.74, 0.72, 1);
2579 -moz-transition: all 0.4s cubic-bezier(0.18, 0.74, 0.72, 1);
2580 -o-transition: all 0.4s cubic-bezier(0.18, 0.74, 0.72, 1);
2581 transition: all 0.4s cubic-bezier(0.18, 0.74, 0.72, 1);
2582 }
2583 #quadmenu-settings .quadmenu-column.open > .inner,
2584 #quadmenu-settings .quadmenu-column.open > .inner > .settings {
2585 box-shadow: 0 3px 12px -4px rgba(0, 0, 0, 0.1);
2586 }
2587 #quadmenu-settings .quadmenu-column:last-of-type.open > .inner {
2588 float: right;
2589 }
2590 #quadmenu-settings .quadmenu-column:last-of-type .quadmenu-column-item.open > .inner {
2591 float: right;
2592 }
2593 #quadmenu-settings .quadmenu-column {
2594 padding: 15px;
2595 box-sizing: border-box;
2596 overflow: visible;
2597 }
2598 #quadmenu-settings .quadmenu-column:not(.ui-sortable-helper) {
2599 -webkit-transition: all 0.4s cubic-bezier(0.18, 0.74, 0.72, 1);
2600 -moz-transition: all 0.4s cubic-bezier(0.18, 0.74, 0.72, 1);
2601 -o-transition: all 0.4s cubic-bezier(0.18, 0.74, 0.72, 1);
2602 transition: all 0.4s cubic-bezier(0.18, 0.74, 0.72, 1);
2603 }
2604 #quadmenu-settings .quadmenu-column:focus > .inner {
2605 z-index: 1010;
2606 }
2607 #quadmenu-settings .quadmenu-column > .inner {
2608 position: relative;
2609 padding: 0 15px 15px 15px;
2610 background: #FAFAFA;
2611 }
2612 #quadmenu-settings .quadmenu-column > .inner > .action-top > .actions {
2613 background: #FAFAFA;
2614 }
2615 #quadmenu-settings .quadmenu-column > .inner > .settings {
2616 background: #FAFAFA;
2617 }
2618 #quadmenu-settings .quadmenu-column > .inner > .settings .quadmenu-setting.quadmenu-setting-width {
2619 min-width: 220px;
2620 background: #FAFAFA;
2621 width: 100%;
2622 }
2623 #quadmenu-settings .quadmenu-column > .inner > .settings .quadmenu-setting.quadmenu-setting-width > label {
2624 padding: 0 15px;
2625 }
2626 #quadmenu-settings .quadmenu-column > .inner > .settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-icons > div,
2627 #quadmenu-settings .quadmenu-column > .inner > .settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-columns > div,
2628 #quadmenu-settings .quadmenu-column > .inner > .settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-offset > div,
2629 #quadmenu-settings .quadmenu-column > .inner > .settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-hidden > div {
2630 padding: 0 5px;
2631 line-height: 40px;
2632 height: 40px;
2633 }
2634 #quadmenu-settings .quadmenu-column .items {
2635 margin: 0;
2636 padding: 0;
2637 }
2638 #quadmenu-settings .quadmenu-column .items:after {
2639 border: 1px dashed #DFDFDF;
2640 padding: 11px 0 7px 0;
2641 text-align: center;
2642 font-weight: 800;
2643 font: 24px dashicons;
2644 content: '\f132';
2645 color: #c3c3c3;
2646 cursor: pointer;
2647 }
2648 #quadmenu-settings .quadmenu-column .items:after:hover {
2649 opacity: 0.2;
2650 }
2651 #quadmenu-settings .quadmenu-column .items:after,
2652 #quadmenu-settings .quadmenu-column .items .drop-area {
2653 display: block;
2654 box-sizing: border-box;
2655 max-width: 100%;
2656 min-height: 46px;
2657 position: relative;
2658 border: 1px dashed #DFDFDF;
2659 }
2660 #quadmenu-settings .quadmenu-column .items.selected {
2661 border: 1px dashed #DFDFDF;
2662 padding: 5px 5px 0 5px;
2663 }
2664 #quadmenu-settings .quadmenu-column .items.selected:after {
2665 border: none;
2666 }
2667 #quadmenu-settings .quadmenu-column .items > li {
2668 margin: 0 0 5px 0;
2669 list-style: none;
2670 }
2671 #quadmenu-settings .quadmenu-column .items > li .menu-item-bar {
2672 margin: 0;
2673 }
2674 #quadmenu-settings .quadmenu-column .items > li .menu-item-settings,
2675 #quadmenu-settings .quadmenu-column .items > li .menu-item-bar .menu-item-handle {
2676 width: auto;
2677 }
2678 #quadmenu-settings .quadmenu-column .items > li .menu-item-handle .item-title {
2679 margin: 0;
2680 }
2681 #quadmenu-settings .quadmenu-column .items > li .menu-item-settings {
2682 display: block;
2683 padding: 10px;
2684 }
2685 #quadmenu-settings .quadmenu-column .items > li .description-wide {
2686 width: 100%;
2687 }
2688 #quadmenu-settings .quadmenu-column .items > li .menu-item-actions,
2689 #quadmenu-settings .quadmenu-column .items > li .field-move {
2690 display: none;
2691 }
2692 #quadmenu-settings .quadmenu-column-item .item-title {
2693 padding: 0 15px;
2694 overflow: hidden;
2695 }
2696 #quadmenu-settings .quadmenu-column-item .item-title .quadmenu-title {
2697 position: absolute;
2698 max-width: 60%;
2699 overflow: hidden;
2700 vertical-align: middle;
2701 height: 46px;
2702 line-height: 46px;
2703 display: inline-block;
2704 margin: 0;
2705 padding: 0;
2706 white-space: nowrap;
2707 border-bottom: 0;
2708 }
2709 #quadmenu-settings .quadmenu-column-item .settings {
2710 left: -1px;
2711 right: -1px;
2712 background-color: #fff;
2713 border: 1px solid #ececec;
2714 }
2715 #quadmenu-settings .quadmenu-column-item > .inner {
2716 position: relative;
2717 border: 1px solid #ececec;
2718 box-sizing: border-box;
2719 background: #fff;
2720 -webkit-transition: all 0.4s cubic-bezier(0.18, 0.74, 0.72, 1);
2721 -moz-transition: all 0.4s cubic-bezier(0.18, 0.74, 0.72, 1);
2722 -o-transition: all 0.4s cubic-bezier(0.18, 0.74, 0.72, 1);
2723 transition: all 0.4s cubic-bezier(0.18, 0.74, 0.72, 1);
2724 }
2725 #quadmenu-settings .quadmenu-column-item > .inner > .settings .quadmenu-setting.quadmenu-setting-icon .button-icon {
2726 display: none;
2727 }
2728 #quadmenu-settings .quadmenu-column-item > .inner > .settings .quadmenu-setting.quadmenu-setting-icon input {
2729 max-width: 100%;
2730 }
2731 #quadmenu-settings .quadmenu-invalid > .inner,
2732 #quadmenu-settings .quadmenu-invalid > .inner .actions {
2733 background: #f6c9cc;
2734 border-color: #f1acb1;
2735 }
2736 #quadmenu-settings .quadmenu-invalid > .inner .action-top .option {
2737 color: #f5868c;
2738 }
2739 #quadmenu-settings .quadmenu-widget .widget {
2740 margin: 0;
2741 padding: 15px;
2742 }
2743 #quadmenu-settings .quadmenu-widget .widget .widget-inner {
2744 border: none;
2745 box-shadow: none;
2746 min-height: 100px;
2747 }
2748 #quadmenu-settings .quadmenu-widget .widget .widget-inner textarea {
2749 max-height: 110px;
2750 }
2751 #quadmenu-settings .quadmenu-widget .widget.open .widget-inner {
2752 display: block;
2753 }
2754 .quadmenu-setting-icon .quadmenu-icons-search {
2755 padding-bottom: 15px;
2756 }
2757 .quadmenu-setting-icon .quadmenu-icons-search input {
2758 max-width: 300px;
2759 padding: 0 15px!important;
2760 line-height: 27px;
2761 }
2762 .quadmenu-setting-icon .quadmenu-icons-search .button-icon > i {
2763 margin: 0 5px 0 0;
2764 }
2765 .quadmenu-setting-icon .quadmenu-icons-search .button-icon > i.dashicons {
2766 width: 1em;
2767 height: 1em;
2768 line-height: 1em;
2769 vertical-align: middle;
2770 }
2771 .quadmenu-setting-icon .quadmenu-icons-scroll {
2772 width: 100%!important;
2773 overflow: auto;
2774 text-align: center;
2775 }
2776 .quadmenu-setting-icon .quadmenu-icons-scroll .icon {
2777 display: block;
2778 float: left;
2779 color: #666;
2780 border: none;
2781 text-decoration: none;
2782 font-size: 20px;
2783 line-height: 40px;
2784 width: 10%;
2785 text-align: center;
2786 transition: all 0.2s;
2787 padding: 2px;
2788 box-sizing: border-box;
2789 min-width: 40px;
2790 }
2791 .quadmenu-setting-icon .quadmenu-icons-scroll .icon > i {
2792 display: inline-block !important;
2793 background-color: #f6f6f6;
2794 line-height: 45px;
2795 width: 100%!important;
2796 height: auto;
2797 }
2798 .quadmenu-setting-icon .quadmenu-icons-scroll .icon:hover > i,
2799 .quadmenu-setting-icon .quadmenu-icons-scroll .icon.selected > i {
2800 cursor: pointer;
2801 background-color: #21c2f8;
2802 color: #fff;
2803 }
2804 body.admin-color-quadmenu:not(.post-php):not(.post-new-php) .quadmenu-admin-wrap {
2805 position: relative;
2806 margin: 26px 30px 0 20px;
2807 max-width: 1050px;
2808 clear: both;
2809 }
2810 body.admin-color-quadmenu .about-wrap h2 {
2811 font-weight: 600;
2812 }
2813 body.admin-color-quadmenu .about-wrap h2 .dashicons-awards {
2814 vertical-align: bottom;
2815 }
2816 body.admin-color-quadmenu .about-wrap h1 .dashicons-awards {
2817 font-size: 44px;
2818 width: 44px;
2819 margin: 0 0 0 -8px;
2820 height: 44px;
2821 text-align: center;
2822 vertical-align: bottom;
2823 color: #21c2f8;
2824 }
2825 body.admin-color-quadmenu .quadmenu-admin-wrap p {
2826 font-size: 15px;
2827 line-height: 25px;
2828 }
2829 body.admin-color-quadmenu .quadmenu-admin-wrap h2.theme-name {
2830 text-align: left;
2831 }
2832 body.admin-color-quadmenu .button-primary,
2833 body.wp-customizer .redux-container .button-primary,
2834 body.admin-color-quadmenu .redux-container .button-primary,
2835 body.wp-customizer .redux-container-switch .cb-enable.selected,
2836 body.admin-color-quadmenu .redux-container-switch .cb-enable.selected,
2837 body.wp-customizer .redux-field-container .ui-buttonset .ui-state-active,
2838 body.admin-color-quadmenu .redux-field-container .ui-buttonset .ui-state-active,
2839 #menu-settings-column .button-primary,
2840 #post-body-content .button-primary,
2841 #nav-menu-header .button-primary,
2842 #nav-menu-footer .button-primary,
2843 #quadmenu-settings .button-primary {
2844 color: #fff !important;
2845 border-color: #07a9df !important;
2846 background: none repeat scroll 0% 0% #21c2f8 !important;
2847 }
2848 body.admin-color-quadmenu .button-primary:focus,
2849 body.admin-color-quadmenu .button-primary:active,
2850 body.admin-color-quadmenu .button-primary:hover {
2851 color: #fff;
2852 border-color: #21c2f8;
2853 background: none repeat scroll 0% 0% #30c6f8 !important;
2854 }
2855 body.admin-color-quadmenu .button,
2856 body.wp-customizer .wp-picker-container .button,
2857 body.admin-color-quadmenu .wp-picker-container .button,
2858 body.wp-customizer .redux-container .button,
2859 body.admin-color-quadmenu .redux-container .button,
2860 body.wp-customizer .redux-container .button-secondary,
2861 body.admin-color-quadmenu .redux-container .button-secondary,
2862 body.wp-customizer .redux-container-switch .cb-disable.selected,
2863 body.admin-color-quadmenu .redux-container-switch .cb-disable.selected,
2864 body.wp-customizer .redux-field-container .ui-buttonset,
2865 body.admin-color-quadmenu .redux-field-container .ui-buttonset,
2866 body.wp-customizer .redux-container .button-primary,
2867 body.admin-color-quadmenu .redux-container .button-primary,
2868 body.wp-customizer .redux-container-switch .cb-enable.selected,
2869 body.admin-color-quadmenu .redux-container-switch .cb-enable.selected,
2870 body.wp-customizer .redux-field-container .ui-buttonset .ui-state-active,
2871 body.admin-color-quadmenu .redux-field-container .ui-buttonset .ui-state-active,
2872 #menu-settings-column .button-primary,
2873 #menu-settings-column .button-primary,
2874 #post-body-content .button-primary,
2875 #post-body-content .button-primary,
2876 #nav-menu-header .button-primary,
2877 #nav-menu-header .button-primary,
2878 #nav-menu-footer .button-primary,
2879 #nav-menu-footer .button-primary,
2880 #quadmenu-settings .button-primary,
2881 #quadmenu-settings .button-primary {
2882 box-shadow: none!important;
2883 text-shadow: none!important;
2884 }
2885 body.admin-color-quadmenu .button:focus,
2886 body.admin-color-quadmenu .button:active,
2887 body.admin-color-quadmenu .button:hover {
2888 box-shadow: none!important;
2889 text-shadow: none!important;
2890 }
2891 body.admin-color-quadmenu .button-warning {
2892 color: #b29208 !important;
2893 border-color: #f9e073 !important;
2894 background: none repeat scroll 0% 0% #fbeba4 !important;
2895 box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3) inset, 0px 1px 0px rgba(0, 0, 0, 0.08) !important;
2896 text-shadow: none!important;
2897 }
2898 body.admin-color-quadmenu .button-warning:focus,
2899 body.admin-color-quadmenu .button-warning:active,
2900 body.admin-color-quadmenu .button-warning:hover {
2901 color: #b29208;
2902 border-color: #fbeba4;
2903 background: none repeat scroll 0% 0% #fceeb3 !important;
2904 box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3) inset, 0px 1px 0px rgba(0, 0, 0, 0.08) !important;
2905 }
2906 body.admin-color-quadmenu .button-critical {
2907 color: #ffffff !important;
2908 border-color: #fa2f8d !important;
2909 background: none repeat scroll 0% 0% #FB61A8 !important;
2910 box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3) inset, 0px 1px 0px rgba(0, 0, 0, 0.08) !important;
2911 text-shadow: none!important;
2912 }
2913 body.admin-color-quadmenu .button-critical:focus,
2914 body.admin-color-quadmenu .button-critical:active,
2915 body.admin-color-quadmenu .button-critical:hover {
2916 color: #ffffff;
2917 border-color: #fb61a8;
2918 background: none repeat scroll 0% 0% #fb70b0 !important;
2919 box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3) inset, 0px 1px 0px rgba(0, 0, 0, 0.08) !important;
2920 }
2921 body.admin-color-quadmenu .quadmenu-wp-admin-header {
2922 max-width: none;
2923 margin: 0 -48px 0 0px;
2924 padding-left: 28px;
2925 padding-top: 28px;
2926 position: relative;
2927 left: -48px;
2928 }
2929 body.admin-color-quadmenu .quadmenu-wp-admin-header .nav-tab-wrapper {
2930 padding-left: 37px !important;
2931 }
2932 body.admin-color-quadmenu .quadmenu-admin-box-text {
2933 float: left;
2934 padding: 6px 26px;
2935 background-color: #FFF;
2936 margin-bottom: 30px;
2937 margin-top: 15px;
2938 box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
2939 box-sizing: border-box;
2940 }
2941 body.admin-color-quadmenu .quadmenu-admin-box-text p {
2942 font-size: 15px;
2943 line-height: 25px;
2944 display: inline-block;
2945 margin-right: 10px;
2946 }
2947 body.admin-color-quadmenu .quadmenu-admin-box-text .button {
2948 margin-right: 10px;
2949 vertical-align: middle !important;
2950 }
2951 body.admin-color-quadmenu .quadmenu-admin-box-text h2 {
2952 color: #111;
2953 font-size: 1.8em;
2954 font-weight: bold;
2955 line-height: 1.1em;
2956 }
2957 body.admin-color-quadmenu .quadmenu-admin-columns {
2958 margin-top: 30px;
2959 }
2960 body.admin-color-quadmenu .quadmenu-admin-box-three {
2961 width: 32%;
2962 margin-right: 2%;
2963 /* responsive portrait phone */
2964 }
2965 @media (max-width: 780px) {
2966 body.admin-color-quadmenu .quadmenu-admin-box-three {
2967 width: 100%;
2968 margin-bottom: 0;
2969 margin-right: 0;
2970 }
2971 }
2972 body.admin-color-quadmenu .quadmenu-admin-box-three .button {
2973 margin-bottom: 16px;
2974 margin-right: 10px;
2975 }
2976 body.admin-color-quadmenu .quadmenu-admin-box-three p {
2977 margin-right: 0;
2978 }
2979 body.admin-color-quadmenu .quadmenu-admin-box-last {
2980 margin-right: 0;
2981 }
2982 body.admin-color-quadmenu .quadmenu-admin-wrap .about-text {
2983 width: 100%;
2984 }
2985 body.admin-color-quadmenu .quadmenu-welcome-version {
2986 display: inline;
2987 font-size: 12px;
2988 }
2989 body.admin-color-quadmenu .quadmenu-system-table {
2990 margin-bottom: 35px;
2991 }
2992 body.admin-color-quadmenu .quadmenu-system-table tr:nth-child(2n) td,
2993 body.admin-color-quadmenu .quadmenu-system-table table.wc_status_table tr:nth-child(2n) th {
2994 background: #fcfcfc;
2995 }
2996 body.admin-color-quadmenu .quadmenu-system-table th {
2997 padding: 10px 10px 10px 15px;
2998 font-weight: bold;
2999 }
3000 body.admin-color-quadmenu .quadmenu-system-table td {
3001 padding: 10px;
3002 vertical-align: middle;
3003 }
3004 body.admin-color-quadmenu .quadmenu-system-name {
3005 width: 200px;
3006 padding-left: 15px !important;
3007 }
3008 body.admin-color-quadmenu .quadmenu-system-help {
3009 width: 20px;
3010 }
3011 body.admin-color-quadmenu .quadmenu-system-status {
3012 width: 50px;
3013 text-align: center;
3014 }
3015 body.admin-color-quadmenu .quadmenu-system-value {
3016 font-size: 11px;
3017 }
3018 body.admin-color-quadmenu .quadmenu-system-led {
3019 width: 12px;
3020 height: 13px;
3021 display: inline-block;
3022 text-align: center;
3023 line-height: 13px;
3024 cursor: pointer;
3025 border-radius: 2px;
3026 }
3027 body.admin-color-quadmenu .quadmenu-system-led.success {
3028 background-color: #62ae29;
3029 }
3030 body.admin-color-quadmenu .quadmenu-system-led.warning {
3031 background-color: #f9e073;
3032 }
3033 body.admin-color-quadmenu .quadmenu-system-led.critical {
3034 background-color: #fa2f8d;
3035 }
3036 body.admin-color-quadmenu .quadmenu-system-led.info {
3037 background-color: #919191;
3038 color: #fff;
3039 font-size: 11px;
3040 }
3041 body.admin-color-quadmenu .quadmenu-status-small-text {
3042 font-size: 12px;
3043 color: #707070;
3044 font-style: italic;
3045 }
3046 body.quadmenu-pro #adminmenu #toplevel_page_quadmenu_welcome a[href="admin.php?page=quadmenu_welcome"] .wp-menu-name:before {
3047 content: 'PRO';
3048 color: #fff;
3049 background-color: #21c2f8;
3050 padding: 1px 7px;
3051 font-size: 9px;
3052 font-weight: 700;
3053 border-radius: 10px;
3054 position: absolute;
3055 right: 15px;
3056 line-height: 16px;
3057 }
3058 /*# sourceMappingURL=quadmenu-admin.css.map */