PluginProbe ʕ •ᴥ•ʔ
Interactive Image Map Builder / 1.0
Interactive Image Map Builder v1.0
3.2 trunk 1.0 1.1 1.2 1.3 1.4 1.5 1.6 1.7 1.8 1.9 2.0 2.1 2.2 2.3 2.4 2.5 2.6 2.7 2.8 2.9 3.0 3.1
interactive-image-map-builder / assets / css / style.css
interactive-image-map-builder / assets / css Last commit date
fontselect.css 3 years ago fs-sprite.png 3 years ago hover.png 3 years ago jquery.minicolors.css 3 years ago jquery.minicolors.png 3 years ago style.css 3 years ago
style.css
1575 lines
1 .isimb-6310 {
2 font-family: sans-serif;
3 color: #727272;
4 }
5 .isimb-6310 *,
6 .isimb-6310-modal * {
7 box-sizing: border-box !important;
8 }
9 .row {
10 display: table;
11 width: 100%;
12 }
13 .isimb-6310-sm {
14 width: 98%;
15 }
16
17 /* Header Top Menu */
18 .isimb-6310-header {
19 width: calc(100% - 14px);
20 background: #fff;
21 color: #000;
22 padding: 0 15px 20px;
23 float: left;
24 margin: 20px 0 30px;
25 display: table;
26 border-radius: 3px;
27 }
28 .isimb-6310-header .isimb-6310-nav {
29 list-style-type: none;
30 display: table;
31 margin: 0 -15px;
32 width: calc(100% + 30px);
33 }
34 .isimb-6310-header .isimb-6310-nav li {
35 display: table-cell;
36 text-align: center;
37 background: #16a085;
38 margin-bottom: 0;
39 }
40 .isimb-6310-header .isimb-6310-nav a {
41 padding: 10px 7px;
42 height: calc(100% - 20px);
43 color: #fff;
44 text-decoration: none;
45 font-family: Share, Helvetica, Arial, sans-serif;
46 font-weight: 400;
47 font-size: 14px;
48 display: flex;
49 align-items: center;
50 justify-content: center;
51 transition-duration: 0.2s;
52 }
53 .isimb-6310-plugin-menu {
54 background: #615151 !important;
55 }
56 h1.isimb-6310-wpmart-all-plugins {
57 font-size: 22px;
58 margin: -5px 0 15px 15px;
59 padding: 0;
60 color: #2196f3;
61 }
62 .isimb-6310-wpmart-plugins {
63 background-color: #fff;
64 width: 100%;
65 text-align: center;
66 -webkit-transition: all 0.5s ease 0s;
67 -moz-transition: all 0.5s ease 0s;
68 -ms-transition: all 0.5s ease 0s;
69 -o-transition: all 0.5s ease 0s;
70 transition: all 0.5s ease 0s;
71 }
72 .isimb-6310-wpmart-plugins:hover {
73 box-shadow: 0 0 10px rgb(0 0 0 / 50%);
74 }
75 .isimb-6310-wpmart-plugins a {
76 text-decoration: none;
77 }
78 .isimb-6310-wpmart-plugins p {
79 font-size: 18px;
80 padding: 10px 0 15px;
81 margin: 0;
82 }
83 .isimb-6310-nav a:hover,
84 .isimb-6310-nav a.isimb-6310-menu-active {
85 background: #117a65;
86 }
87 .isimb-6310-nav a:focus {
88 outline: none;
89 box-shadow: none;
90 }
91 .isimb-6310-header .isimb-6310-nav li.has-dropdown {
92 position: relative;
93 }
94 ul.dropdown-menu {
95 position: absolute;
96 display: none;
97 width: 100%;
98 }
99 .isimb-6310-header .isimb-6310-nav li.has-dropdown:hover {
100 cursor: pointer;
101 }
102 .isimb-6310-header .isimb-6310-nav li.has-dropdown:hover ul.dropdown-menu {
103 display: flex;
104 flex-direction: column;
105 }
106 ul.dropdown-menu li {
107 background-color: #c1e1c1 !important;
108 }
109 ul.dropdown-menu li a {
110 color: #000 !important;
111 }
112 ul.dropdown-menu li a:hover,
113 ul.dropdown-menu li a.isimb-6310-menu-active {
114 background-color: #40826d !important;
115 color: #c1e1c1 !important;
116 }
117 .isimb-6310-nav a.isimb-6310-pro {
118 position: relative;
119 background-image: linear-gradient(
120 to right,
121 #ee0979 0%,
122 #ff6a00 51%,
123 #ee0979 100%
124 );
125 padding: 10px 7px;
126 text-align: center;
127 text-transform: uppercase;
128 font-weight: bold;
129 box-shadow: none;
130 transition: 0.5s, box-shadow 0.5s ease 0.1s;
131 background-size: 200% auto;
132 color: white;
133 display: block;
134 }
135 .isimb-6310-nav a.isimb-6310-pro:hover {
136 background-position: center right;
137 color: #fff;
138 text-decoration: none;
139 box-shadow: 0 0 20px #eee;
140 }
141 .isimb-6310-nav a.isimb-6310-pro i {
142 position: absolute;
143 top: -10px;
144 right: -10px;
145 font-size: 30px;
146 color: gold;
147 transform: scale(0.8);
148 transition-duration: 0.5s;
149 }
150 .isimb-6310-nav a.isimb-6310-pro:hover i {
151 transform: rotate(-180deg) scale(1);
152 color: #ff668c;
153 }
154 .isimb-6310-header h3 {
155 border-bottom: 1px solid #ccc;
156 line-height: 40px;
157 font-size: 20px;
158 }
159 .isimb-6310-header h3 span.dashicons-flag {
160 line-height: 40px;
161 }
162
163 /* End Header Top Menu */
164
165 .isimb-6310-margin-right-10 {
166 margin-right: 10px;
167 }
168 .isimb-6310-image-responsive {
169 padding: 0;
170 margin: 0;
171 width: 100%;
172 height: auto;
173 }
174 .isimb-6310-padding-15 {
175 padding: 15px !important;
176 }
177 .isimb-6310-padding-0-15 {
178 padding: 0 15px !important;
179 }
180 .isimb-6310-btn-cancel,
181 .isimb-6310-btn-danger,
182 .isimb-6310-btn-default,
183 .isimb-6310-btn-icon,
184 .isimb-6310-btn-multi,
185 .isimb-6310-btn-primary,
186 .isimb-6310-btn-success {
187 font-family: sans-serif;
188 color: #fff;
189 border: 0;
190 outline: 0;
191 font-size: 14px;
192 padding: 8px 10px;
193 border-radius: 3px;
194 cursor: pointer;
195 }
196 .isimb-6310-btn-multi {
197 border-radius: 0;
198 background-color: #71ce71;
199 float: left;
200 }
201 .isimb-6310-btn-default {
202 border: 1px solid #ccc;
203 background: #fff;
204 color: #000;
205 padding: 5px 10px;
206 }
207 .isimb-6310-btn-icon {
208 padding: 0;
209 width: 35px;
210 height: 35px;
211 line-height: 35px;
212 }
213 .isimb-6310-btn-primary {
214 background-color: #2e6da4;
215 }
216 .isimb-6310-btn-success {
217 background-color: #5cb85c;
218 }
219 .isimb-6310-btn-danger,
220 .isimb-6310-btn-cancel {
221 background-color: #d9534f;
222 }
223 .isimb-6310-btn-danger.sm {
224 padding: 5px 10px !important;
225 }
226 .isimb-6310-btn-multi.active,
227 .isimb-6310-btn-multi:hover,
228 .isimb-6310-btn-success:hover {
229 background-color: #376e37;
230 }
231 .isimb-6310-btn-primary:hover {
232 background-color: #24537c;
233 }
234 .isimb-6310-btn-danger:hover,
235 .isimb-6310-btn-cancel:hover {
236 background-color: #d63a35;
237 }
238 .isimb-6310-btn-default:hover {
239 background-color: #eee;
240 }
241 .isimb-6310 h1 {
242 font-weight: 400;
243 }
244 .isimb-6310-form-label {
245 font-family: sans-serif;
246 font-size: 14px;
247 font-weight: 600;
248 width: 150px;
249 }
250 .isimb-6310-plus-icons {
251 float: left;
252 position: relative;
253 cursor: pointer;
254 }
255 .isimb-6310-plus-icons i.fas.fa-plus-circle {
256 position: absolute;
257 right: 0;
258 top: 0;
259 background: linear-gradient(to bottom, #356aa0 0%, #1d1744 48%, #356aa0 100%);
260 padding: 8px;
261 color: white;
262 /* border-radius: 0 3px 3px 0; */
263 }
264 .isimb-6310-form-input {
265 outline: 0;
266 border: 1px solid #eee;
267 padding: 5px;
268 border-radius: 3px;
269 min-width: 200px;
270 font-size: 13px !important;
271 font-weight: 400 !important;
272 color: #000 !important;
273 float: left;
274 height: 30px;
275 }
276 textarea.isimb-6310-form-input {
277 height: 100px;
278 width: 90% !important;
279 border: 1px solid #8c8f94;
280 }
281 select.isimb-6310-form-input {
282 height: 31px;
283 }
284 .isimb-6310-form-input.sm {
285 min-width: 180px;
286 }
287 /* .isimb-6310-form-input.lg {
288 min-width: 300px;
289 } */
290 .isimb-6310-pull-right {
291 float: right;
292 }
293 .isimb-6310-table {
294 border: 1px solid #ccc;
295 padding: 0;
296 margin: 0;
297 background: #fff;
298 border-spacing: 0;
299 border-collapse: collapse;
300 color: #272727;
301 width: calc(98% - 2px);
302 }
303 .isimb-6310-table tr:first-child td {
304 border-bottom: 2px solid #ccc;
305 padding: 10px 8px;
306 font-weight: 700;
307 }
308 .isimb-6310-table tr:not(first-child) td {
309 border-bottom: 1px solid #ccc;
310 padding: 8px 5px;
311 }
312 .isimb-6310-table tr:hover {
313 background: #efefed;
314 }
315 .isimb-6310-table tr:first-child:hover {
316 background: #fff;
317 }
318 .isimb-6310-template-list {
319 line-height: 30px;
320 font-size: 18px;
321 padding: 15px 0 10px 15px;
322 float: left;
323 font-weight: 100;
324 color: #000;
325 background: #fff;
326 border-top: 1px solid #ccc;
327 width: 100%;
328 }
329 .isimb-6310-template-list small {
330 font-size: 14px;
331 color: green;
332 margin-right: 15px;
333 }
334 .isimb-6310-builder-box {
335 width: 100%;
336 background: #fff;
337 float: left;
338 padding: 0;
339 position: relative;
340 }
341 .isimb-6310-builder-box .isimb-6310-main-image {
342 width: 100%;
343 height: auto;
344 padding: 0;
345 margin: 0;
346 }
347 .isimb-6310-builder-box img{
348 float: left;
349 }
350 .isimb-6310-row {
351 width: 100%;
352 clear: both;
353 float: left;
354 }
355 .isimb-6310-margin-bottom-0 {
356 margin-bottom: 0 !important;
357 }
358 .isimb-6310_team-style-boxed {
359 border: 1px solid #ccc;
360 margin: 0;
361 padding: 0;
362 box-shadow: 5px 5px 15px #aaa;
363 width: 98%;
364 margin-bottom: 25px;
365 }
366 .isimb-6310-row-section {
367 float: left;
368 width: 100%;
369 display: flex;
370 }
371 .isimb-6310-preview {
372 font-size: 22px;
373 line-height: 26px;
374 padding: 10px 0px;
375 }
376 .isimb-6310-plugin-setting-left {
377 width: calc(80% - 15px);
378 float: left;
379 margin-right: 15px;
380 }
381 .isimb-6310-plugin-setting-right {
382 width: 20%;
383 float: left;
384 position: relative;
385 }
386 .isimb-6310-col-1 {
387 width: 100%;
388 margin-bottom: 30px;
389 float: left;
390 position: relative;
391 }
392 .isimb-6310-col-2,
393 .isimb-6310-col-3,
394 .isimb-6310-col-4,
395 .isimb-6310-col-5,
396 .isimb-6310-col-6 {
397 vertical-align: top;
398 margin: 15px;
399 float: left;
400 position: relative;
401 }
402 .isimb_6310_choosen_style {
403 margin-left: 30px;
404 display: inline-block;
405 }
406 .isimb-6310-m-l-30 {
407 margin-left: 30px;
408 }
409 .isimb-6310-preview-box {
410 margin-top: 30px;
411 float: left;
412 position: relative;
413 width: 100%;
414 background: #fff;
415 }
416 .isimb-6310-col-2 {
417 width: calc(50% - 30px);
418 }
419 .isimb-6310-col-3 {
420 width: calc(33.33% - 30px);
421 }
422 .isimb-6310-col-4 {
423 width: calc(25% - 30px);
424 }
425 .isimb-6310-col-5 {
426 width: calc(20% - 30px);
427 }
428 .isimb-6310-col-6 {
429 width: calc(16.6667% - 30px);
430 }
431 .isimb-6310-col-left,
432 .isimb-6310-col-right {
433 float: left;
434 width: 50%;
435 }
436 .isimb-6310-modal-xl {
437 width: 90% !important;
438 background: rgb(240, 240, 240) !important;
439 }
440 .isimb-6310-modal {
441 display: none;
442 position: fixed;
443 z-index: 999;
444 left: 0;
445 top: 0;
446 width: 100%;
447 height: 100%;
448 overflow: auto;
449 background-color: rgba(0, 0, 0, 0.4);
450 }
451 #isimb-6310-loading,
452 .isimb-6310-modal {
453 display: none;
454 position: fixed;
455 z-index: 9999;
456 padding-top: 50px;
457 padding-bottom: 50px;
458 left: 0;
459 top: 0;
460 width: 100%;
461 height: 100%;
462 overflow: auto;
463 background-color: rgba(0, 0, 0, 0.4);
464 }
465 .isimb-6310-modal-content {
466 position: relative;
467 background-color: #fefefe;
468 margin: auto;
469 padding: 0;
470 border: 1px solid #888;
471 width: 70%;
472 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
473 border-radius: 5px;
474 -webkit-animation-duration: 0.4s;
475 animation-duration: 0.4s;
476 }
477 .isimb-6310-modal-lg{
478 width: calc(100% - 20px) !important;
479 }
480 .isimb-6310-modal-content.isimb-6310-modal-sm {
481 max-width: 400px;
482 }
483 .isimb-6310-modal-content.isimb-6310-modal-md {
484 max-width: 700px;
485 }
486 .isimb-6310-icon-close {
487 cursor: pointer;
488 color: #000;
489 float: right;
490 font-size: 18px;
491 font-weight: bold;
492 line-height: 0px;
493 padding: 0;
494 margin: 0;
495 position: relative;
496 z-index: 999;
497 top: 25px;
498 }
499 ul.isimb-6310-choose-icon {
500 padding: 0 10px;
501 color: #444;
502 }
503 ul.isimb-6310-choose-icon li {
504 width: 15.3%;
505 float: left;
506 line-height: 30px;
507 height: 30px;
508 cursor: pointer;
509 padding: 0 0.5%;
510 border-radius: 3px;
511 font-size: 12px;
512 }
513 ul.isimb-6310-choose-icon li i {
514 margin-left: 6px;
515 font-size: 16px;
516 }
517 ul.isimb-6310-choose-icon li:hover {
518 background: #5cb85c;
519 color: #fff;
520 }
521 @-webkit-keyframes isimb-6310-animatetop {
522 from {
523 top: -300px;
524 opacity: 0;
525 }
526 to {
527 top: 0;
528 opacity: 1;
529 }
530 }
531 @keyframes isimb-6310-animatetop {
532 from {
533 top: -300px;
534 opacity: 0;
535 }
536 to {
537 top: 0;
538 opacity: 1;
539 }
540 }
541 @keyframes isimb-6310-animatebottom {
542 from {
543 bottom: -300px;
544 opacity: 0;
545 }
546 to {
547 bottom: 0;
548 opacity: 1;
549 }
550 }
551 @-webkit-keyframes isimb-6310-animatebottom {
552 from {
553 bottom: -300px;
554 opacity: 0;
555 }
556 to {
557 bottom: 0;
558 opacity: 1;
559 }
560 }
561 @keyframes isimb-6310-animateleft {
562 from {
563 left: -300px;
564 opacity: 0;
565 }
566 to {
567 left: 0;
568 opacity: 1;
569 }
570 }
571 @-webkit-keyframes isimb-6310-animateleft {
572 from {
573 left: -300px;
574 opacity: 0;
575 }
576 to {
577 left: 0;
578 opacity: 1;
579 }
580 }
581 @keyframes isimb-6310-animateright {
582 from {
583 right: -300px;
584 opacity: 0;
585 }
586 to {
587 right: 0;
588 opacity: 1;
589 }
590 }
591 @-webkit-keyframes isimb-6310-animateright {
592 from {
593 right: -300px;
594 opacity: 0;
595 }
596 to {
597 right: 0;
598 opacity: 1;
599 }
600 }
601
602 label.switch {
603 position: relative;
604 display: inline-block;
605 width: 50px;
606 height: 26px;
607 }
608 label.switch input {
609 opacity: 0;
610 width: 0;
611 height: 0;
612 }
613 label.switch .slider {
614 position: absolute;
615 cursor: pointer;
616 top: 0;
617 left: 0;
618 right: 0;
619 bottom: 0;
620 background-color: #ccc;
621 -webkit-transition: 0.4s;
622 transition: 0.4s;
623 }
624 label.switch .slider:before {
625 position: absolute;
626 content: "";
627 height: 18px;
628 width: 18px;
629 left: 4px;
630 bottom: 4px;
631 background-color: white;
632 -webkit-transition: 0.4s;
633 transition: 0.4s;
634 }
635 label.switch input:checked + .slider {
636 background-color: #2196f3;
637 }
638 label.switch input:focus + .slider {
639 box-shadow: 0 0 1px #2196f3;
640 }
641 label.switch input:checked + .slider:before {
642 -webkit-transform: translateX(24px);
643 -ms-transform: translateX(24px);
644 transform: translateX(24px);
645 }
646 /* Rounded sliders */
647 label.switch .slider.round {
648 border-radius: 34px;
649 }
650 label.switch .slider.round:before {
651 border-radius: 50%;
652 }
653
654 .isimb-6310-close,
655 .isimb-6310-font-awesome-close {
656 color: rgb(232, 216, 216);
657 float: right;
658 font-size: 18px;
659 font-weight: 700;
660 line-height: 18px;
661 padding: 0;
662 margin: 0;
663 }
664 .isimb-6310-close:hover,
665 .isimb-6310-font-awesome-close:hover,
666 .isimb-6310-close:focus,
667 .isimb-6310-font-awesome-close:focus {
668 color: #ffffff;
669 text-decoration: none;
670 cursor: pointer;
671 }
672 .isimb-6310-modal-header {
673 box-sizing: border-box;
674 width: 100%;
675 font-size: 16px;
676 padding: 18px;
677 float: left;
678 color: #ffffff;
679 letter-spacing: 0.009em;
680 background: #007991;
681 }
682 .isimb-6310-modal-form-footer {
683 width: 100%;
684 padding: 10px 15px;
685 border-top: 1px solid #ccc;
686 float: left;
687 }
688 .isimb-6310-modal-form-footer button,
689 .isimb-6310-modal-form-footer input {
690 float: right;
691 }
692 .isimb-6310-modal-form-footer input {
693 margin-right: 10px;
694 }
695 .isimb-6310-modal-body-form {
696 width: 100%;
697 padding: 0px 5px;
698 float: left;
699 background: #ebebeb;
700 color: #360d50;
701 }
702 .isimb-6310-modal-body-picture {
703 float: left;
704 width: 300px;
705 padding-right: 15px;
706 }
707 .isimb-6310-modal-body-content {
708 width: calc(100% - 330px);
709 float: left;
710 }
711 .isimb-6310-modal-body-picture img {
712 width: calc(100% - 12px);
713 height: auto;
714 border: 1px solid #ccc;
715 padding: 5px;
716 }
717 #isimb-6310-modal-designation {
718 font-size: 14px;
719 text-transform: uppercase;
720 font-weight: 300;
721 }
722 #isimb-6310-modal-name {
723 text-transform: capitalize;
724 font-size: 30px;
725 line-height: 30px;
726 margin: 5px 0 25px;
727 font-weight: 300;
728 color: #111;
729 }
730 #isimb-6310-modal-details {
731 font-size: 14px;
732 line-height: 20px;
733 }
734 #isimb-6310-modal-info p {
735 border-bottom: 1px dotted #ccc;
736 line-height: 35px;
737 padding: 0;
738 margin: 0;
739 float: left;
740 display: block;
741 width: 100%;
742 font-size: 13px;
743 color: #434343;
744 }
745 #isimb-6310-modal-info p span {
746 font-weight: 600;
747 }
748 #isimb-6310-modal-info p:last-of-type {
749 border: none;
750 margin-bottom: 15px;
751 }
752 #isimb-6310-modal-social i {
753 color: #272727;
754 width: 40px;
755 height: 40px;
756 line-height: 40px;
757 float: left;
758 margin: 15px 15px 0 0;
759 font-size: 18px;
760 border: 1px solid #272727;
761 text-align: center;
762 cursor: pointer;
763 -webkit-transition: all 0.5s ease 0s;
764 -moz-transition: all 0.5s ease 0s;
765 -ms-transition: all 0.5s ease 0s;
766 -o-transition: all 0.5s ease 0s;
767 transition: all 0.5s ease 0s;
768 }
769 #isimb-6310-modal-social i:hover {
770 color: #fff;
771 background: #727272;
772 }
773 .isimb-6310-modal-footer {
774 padding: 2px 16px;
775 color: #fff;
776 }
777 br.isimb-6310-clear {
778 clear: both;
779 }
780 #isimb-6310-loading {
781 padding-top: 170px;
782 text-align: center;
783 background-color: rgba(0, 0, 0, 0.7);
784 }
785 #isimb-6310-loading img {
786 border-radius: 50%;
787 width: 200px;
788 height: 200px;
789 }
790 ul.isimb-6310-nav-tab {
791 float: left;
792 width: 100%;
793 height: 40px;
794 padding: 0;
795 margin: 15px 0 0;
796 border-bottom: 1px solid #0073aa;
797 }
798 ul.isimb-6310-nav-tab li {
799 float: left;
800 padding: 0 9px;
801 margin: 0 3px 0 0;
802 list-style: none;
803 border: 1px solid #0073aa;
804 border-bottom: 0;
805 border-radius: 4px 4px 0 0;
806 cursor: pointer;
807 font-size: 13px;
808 line-height: 40px;
809 height: 40px;
810 }
811 ul.isimb-6310-nav-tab li.active {
812 border-bottom: 0;
813 background: #fff;
814 color: #0073aa;
815 }
816 ul.isimb-6310-nav-tab li:hover {
817 color: #0073aa;
818 }
819 .isimb-6310-col-50 {
820 width: 50%;
821 float: left;
822 padding: 10px 1%;
823 }
824 .isimb-6310-tab-content {
825 background: #fff;
826 float: left;
827 width: 100%;
828 }
829 .css-area {
830 border: 1px solid #ccc;
831 margin-right: 15px;
832 }
833 .isimb_6310_image_settings {
834 position: absolute;
835 top: 5px;
836 right: 5px;
837 z-index: 999;
838 visibility: hidden;
839 }
840 .isimb-6310-col-1:hover .isimb_6310_image_settings,
841 .isimb-6310-col-3:hover .isimb_6310_image_settings,
842 .isimb-6310-col-4:hover .isimb_6310_image_settings,
843 .isimb-6310-col-5:hover .isimb_6310_image_settings,
844 .isimb-6310-col-6:hover .isimb_6310_image_settings,
845 .isimb-6310-item:hover .isimb_6310_image_settings {
846 visibility: visible;
847 transition: all 0.9s linear;
848 z-index: 999999999;
849 margin-bottom: 15px;
850 }
851 .isimb_6310_add_media {
852 border: 1px solid #ccc;
853 background: #fff;
854 }
855 .isimb_6310_add_media:first-of-type {
856 margin-top: 30px;
857 }
858 .isimb_6310_add_media h6 {
859 border-bottom: 1px solid #ccc;
860 line-height: 25px;
861 font-weight: 500;
862 padding: 7px 15px;
863 margin: 0;
864 font-size: 15px;
865 }
866 .isimb_6310_add_media_body {
867 padding: 15px;
868 text-align: center;
869 cursor: pointer;
870 font-size: 16px;
871 color: #727272;
872 transition: all 0.2s linear;
873 }
874 .isimb_6310_add_media_body a {
875 text-decoration: none;
876 }
877 .isimb_6310_add_media_body a i {
878 margin-bottom: 10px;
879 color: red;
880 }
881 .isimb_6310_add_media_body:hover a,
882 .isimb_6310_add_media_body:hover a i {
883 color: #fff;
884 }
885 .isimb_6310_add_media_body_shortcode {
886 padding: 15px 15px 25px;
887 text-align: center;
888 }
889 .isimb_6310_add_media_body_shortcode input {
890 width: 100%;
891 font-size: 12px;
892 outline: 0;
893 padding: 5px;
894 }
895 .isimb_6310_add_media_body_suggestion {
896 padding: 15px 15px 25px;
897 color: red;
898 }
899 i.isimb_6310_add_media_add_new_icon {
900 font-size: 40px;
901 display: block;
902 margin-bottom: 15px;
903 }
904 .isimb_6310_add_media_body:hover {
905 background: #999;
906 color: #fff;
907 }
908 .isimb-6310-item-table {
909 border: 1px solid #ccc;
910 padding: 0;
911 margin: 0;
912 background: #fff;
913 border-spacing: 0;
914 border-collapse: collapse;
915 color: #272727;
916 width: calc(98% - 2px);
917 }
918 .isimb-6310-row-select {
919 cursor: pointer;
920 }
921 .isimb-6310-item-table tr th {
922 padding: 15px 0;
923 border-top: 1px solid #ccc;
924 font-size: 14px;
925 font-weight: 400;
926 }
927 .isimb-6310-item-table tr td {
928 padding: 3px 0;
929 }
930 .isimb-6310-item-table tr td:first-child {
931 border-left: 1px solid #ccc;
932 padding-left: 10px;
933 padding-right: 10px;
934 }
935 .isimb-6310-item-table tr td {
936 border-top: 1px solid #ccc;
937 }
938 .isimb-6310-item-table tr td:last-child {
939 border-right: 1px solid #ccc;
940 text-align: center !important;
941 }
942 .isimb-6310-item-table tr:last-child td {
943 border-bottom: 1px solid #ccc;
944 }
945 .isimb-6310-item-table tr:hover td {
946 background: #eee;
947 }
948
949 .isimb-6310-pro {
950 color: red;
951 font-weight: 600;
952 font-size: 14px;
953 display: inline;
954 }
955 h3.isimb-6310-pro {
956 color: red;
957 font-weight: 600;
958 font-size: 18px;
959 text-align: center;
960 width: 100%;
961 display: block;
962 margin-top: 0;
963 }
964
965 h3.isimb-6310-tab-menu-settings {
966 text-align: center;
967 padding: 0;
968 margin: 3px 0 0;
969 line-height: 40px;
970 height: 40px;
971 color: #0073aa;
972 font-size: 16px;
973 border-bottom: 1px solid #ccc;
974 }
975
976 br.isimb-6310-break-row {
977 width: 100%;
978 height: 1px;
979 float: left;
980 clear: both;
981 }
982
983 .isimb-6310-owl-stage {
984 display: -webkit-flex;
985 display: -ms-flexbox;
986 display: flex;
987 -webkit-flex-wrap: wrap;
988 -ms-flex-wrap: wrap;
989 flex-wrap: wrap;
990 }
991 .isimb-6310-owl-item {
992 display: -webkit-flex;
993 display: -ms-flexbox;
994 display: flex;
995 height: auto !important;
996 }
997 p.isimb-6310-success-message {
998 color: green;
999 font-size: 120%;
1000 margin: 0 0 10px;
1001 font-weight: 700;
1002 }
1003
1004 .isimb-6310-sortable,
1005 #isimb-6310-sortable {
1006 float: left;
1007 width: 100%;
1008 margin: 0 0 30px;
1009 }
1010 .isimb_6310_admin_table {
1011 width: 100%;
1012 padding: 0;
1013 margin: 0;
1014 border-collapse: collapse;
1015 }
1016 .isimb_6310_admin_table tr {
1017 height: 50px;
1018 width: 100%;
1019 }
1020 .isimb_6310_admin_table tr td:first-child {
1021 width: 35%;
1022 padding-left: 10px;
1023 }
1024 .isimb_6310_admin_table tr td:last-child {
1025 padding-right: 10px;
1026 }
1027 .isimb_6310_admin_table tr:nth-child(odd) {
1028 background-color: #f2f2f2;
1029 }
1030
1031 .isimb-6310-tooltip:hover:after {
1032 display: -webkit-flex;
1033 display: flex;
1034 -webkit-justify-content: center;
1035 justify-content: center;
1036 background: rgba(0, 119, 181, 1);
1037 border-radius: 5px;
1038 color: #fff;
1039 content: attr(tooltip-href);
1040 margin: -85px 5px 0;
1041 font-size: 14px;
1042 line-height: 25px;
1043 padding: 8px 10px;
1044 position: absolute;
1045 z-index: 999;
1046 min-width: 140px;
1047 }
1048 .isimb-6310-slider,
1049 .isimb-6310-noslider {
1050 display: none;
1051 }
1052 .isimb-6310-hover-icon,
1053 .isimb-6310-hover-image {
1054 display: none !important;
1055 }
1056 .isimb-6310-owl-carousel .isimb-6310-item {
1057 padding: 5px 0;
1058 width: 100%;
1059 display: flex;
1060 }
1061 .isimb-6310-template-preview-list {
1062 line-height: 30px;
1063 font-size: 18px;
1064 padding: 15px 0 10px 15px;
1065 float: left;
1066 font-weight: 100;
1067 color: #000;
1068 background: #fff;
1069 border-top: 1px solid #ccc;
1070 width: 100%;
1071 }
1072 .isimb-6310-template-preview-list small {
1073 font-size: 14px;
1074 color: green;
1075 margin-right: 15px;
1076 }
1077 .isimb-6310-row-select {
1078 height: 40px;
1079 line-height: 40px;
1080 }
1081 #isimb-6310-sortable-items li {
1082 height: 35px;
1083 padding: 0 10px;
1084 border-radius: 5px;
1085 cursor: move;
1086 }
1087 .isimb-6310-first {
1088 float: left;
1089 margin-right: 5px;
1090 margin-left: 5px;
1091 height: 33px;
1092 line-height: 33px;
1093 padding-top: 0 !important;
1094 padding-bottom: 0 !important;
1095 }
1096 .isimb-6310-first i{
1097 color: #fff;
1098 }
1099 .isimb-6310-second {
1100 float: left;
1101 margin-right: 5px;
1102 }
1103 .isimb-6310-third {
1104 float: left;
1105 }
1106 .isimb-6310-6330-shortcode {
1107 width: 250px;
1108 }
1109 .isimb-6310-display-none {
1110 display: none;
1111 }
1112
1113 .isimb-6310-ui-state-default {
1114 padding: 8px 10px !important;
1115 cursor: pointer !important;
1116 border-radius: 3px !important;
1117 }
1118
1119 #isimb-6310-sortable li {
1120 color: black !important;
1121 background: transparent !important;
1122 border: 1px solid #4e994e;
1123 }
1124
1125 .isimb-6310-ui-state-default {
1126 padding: 8px 5px !important;
1127 cursor: pointer !important;
1128 border-radius: 3px !important;
1129 }
1130
1131 .isimb-6310-row {
1132 margin: 15px 10px;
1133 margin-left: 0;
1134 }
1135 .isimb-6310-video {
1136 margin: 0px 0 2px;
1137 background: #16a085;
1138 color: #fff;
1139 line-height: 40px;
1140 font-size: 16px;
1141 padding-left: 15px;
1142 font-family: sans-serif;
1143 border-radius: 2px 2px 0 0;
1144 }
1145 .isimb-6310-width-80 {
1146 width: 80px;
1147 }
1148 .isimb-6310-width-100 {
1149 width: 100px;
1150 }
1151 .isimb-6310-width-125 {
1152 width: 125px;
1153 }
1154 .isimb-6310-width-150 {
1155 width: 200px;
1156 }
1157 .isimb-6310-width-200 {
1158 width: 200px;
1159 }
1160 .isimb-6310-font-size-20 {
1161 font-size: 20px;
1162 }
1163 .isimb-6310-max-width-30 {
1164 max-width: 30px;
1165 }
1166 .isimb-6310-action-button {
1167 float: left;
1168 margin-right: 5px;
1169 height: 30px;
1170 display: flex;
1171 align-items: center;
1172 }
1173 .isimb-6310-no-margin {
1174 margin: none !important;
1175 }
1176 li.toplevel_page_isimb-6310-image-map-builder .wp-menu-image:before {
1177 color: #f00 !important;
1178 }
1179 .isimb-6310-no-live-preview {
1180 color: #f00 !important;
1181 }
1182 #export-image-map-builder-plugin {
1183 display: none;
1184 }
1185
1186 .isimb-image-responsive {
1187 padding: 0;
1188 margin: 0;
1189 width: 100%;
1190 height: auto;
1191 }
1192
1193 .isimb-6310-row .isimb-6310-row-plugins {
1194 width: calc(100% + 10px) !important;
1195 padding: 0 !important;
1196 margin-left: -15px !important;
1197 display: flex !important;
1198 flex-wrap: wrap !important;
1199 }
1200
1201 p.isimb-6310-error-message {
1202 color: red;
1203 font-size: 120%;
1204 margin: 0 0 10px;
1205 font-weight: bold;
1206 }
1207
1208 .isimb-6310-item-box {
1209 float: left;
1210 width: calc(33.33% - 30px);
1211 margin: 15px;
1212 padding: 10px;
1213 box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
1214 border-radius: 5px;
1215 position: relative;
1216 }
1217
1218 .isimb-6310-item-box-fields {
1219 margin-bottom: 10px;
1220 }
1221 .isimb-6310-item-box-fields label {
1222 font-weight: bold;
1223 }
1224 .isimb-6310-item-box-fields input[type="text"] {
1225 width: 100%;
1226 }
1227 .isimb-6310-item-box-fields input[readonly] {
1228 background-color: #fff;
1229 border: 0;
1230 color: #f6931f;
1231 font-weight: bold;
1232 width: 50px;
1233 padding: 0;
1234 }
1235 .isimb-6310-item-box-fields input[type="number"]:focus {
1236 outline: none;
1237 border-color: #fff;
1238 box-shadow: 0 0 0 1px #fff;
1239 }
1240 .isimb-6310-slider-range-min {
1241 height: 20px !important;
1242 margin-top: 5px !important;
1243 }
1244 .isimb-6310-slider-range-min .ui-slider-handle {
1245 height: 24px !important;
1246 top: -3px !important;
1247 }
1248 .isimb-6310-item-box .fa-trash-alt {
1249 position: relative;
1250 float: right;
1251 height: 22px;
1252 text-align: right;
1253 width: 100%;
1254 font-size: 14px;
1255 color: #d9534f;
1256 cursor: pointer;
1257 }
1258 .isimb-6310-item-box .fa-trash-alt:hover {
1259 color: red;
1260 }
1261 .isimb-6310-manage-items {
1262 float: left;
1263 width: 100%;
1264 margin-left: 8px;
1265 }
1266 .isimb-6310-manage-items-add,
1267 .isimb-6310-manage-items-existing {
1268 float: left;
1269 width: auto;
1270 margin: 15px 7px;
1271 padding: 7px 10px;
1272 background: #2e6da4;
1273 color: #fff;
1274 cursor: pointer;
1275 border-radius: 3px;
1276 }
1277 .isimb-6310-manage-items-existing-add {
1278 float: left;
1279 margin: 15px;
1280 display: none;
1281 }
1282 .existing-items-list {
1283 float: left;
1284 }
1285 .isimb-6310-manage-items-add:hover,
1286 .isimb-6310-manage-items-existing:hover {
1287 background: #24537c;
1288 }
1289
1290 .isimb-6310-manage-items-existing-add .isimb-6310-btn-primary,
1291 .isimb-6310-manage-items-existing-add .isimb-6310-btn-cancel {
1292 padding: 6px 13px !important;
1293 margin-left: 10px;
1294 }
1295 .isimb-6310-manage-items-existing-add label {
1296 line-height: 30px;
1297 font-weight: bold;
1298 margin-right: 5px;
1299 }
1300 .isimb-6310-manage-items-existing-add label,
1301 .isimb-6310-manage-items-existing-add div,
1302 .isimb-6310-manage-items-existing-add select {
1303 float: left !important;
1304 }
1305 .isimb-6310-hide {
1306 display: none;
1307 }
1308 .isimb-6310-drag .isimb-6310-pin-main-img,
1309 .isimb-6310-drag .isimb-6310-pin-hover-img{
1310 font-size: 30px;
1311 color: red;
1312 position: relative;
1313 }
1314 .isimb-6310-point-editor {
1315 display: flex;
1316 width: 80px;
1317 height: 25px;
1318 justify-content: center;
1319 align-items: center;
1320 border-radius: 5px;
1321 top: -30px;
1322 background: #353744;
1323 position: absolute;
1324 transform: translateX(-50%);
1325 left: 50%;
1326 visibility: hidden;
1327 transition: .4s all;
1328 }
1329 .isimb-6310-drag:hover .isimb-6310-point-editor{
1330 visibility: visible;
1331 }
1332 .isimb-6310-point-editor:after {
1333 content: '';
1334 position: absolute;
1335 border-left: 5px solid transparent;
1336 border-right: 5px solid transparent;
1337 border-top: 5px solid #353744;
1338 bottom: -5px;
1339 }
1340
1341 .isimb-6310-point-edit:hover {
1342 background: #4a4c59;
1343 }
1344 .isimb-6310-point-remove:hover {
1345 background: #4a4c59;
1346 }
1347 .isimb-6310-point-editor i {
1348 font-size: 12px;
1349 margin: 8px;
1350 color: #fff;
1351 }
1352 .isimb-6310-point-edit {
1353 border-right: 1px solid gray;
1354 width: 50px;
1355 height: 25px;
1356 text-align: center;
1357 border-top-left-radius: 8px;
1358 border-bottom-left-radius: 8px;
1359 display: flex;
1360 justify-content: center;
1361 align-items: center;
1362 }
1363 .isimb-6310-point-remove{
1364 width: 50px;
1365 height: 25px;
1366 text-align: center;
1367 border-top-right-radius: 8px;
1368 border-bottom-right-radius: 8px;
1369 display: flex;
1370 justify-content: center;
1371 align-items: center;
1372 }
1373 .isimb-6310-template-02-hover-content {
1374 position: absolute;
1375 z-index: 1;
1376 }
1377 .isimb-6310-drag {
1378 text-align: center;
1379 }
1380
1381 .isimb-6310-pin-main-img:hover ~ .isimb-6310-point-editor,
1382 .isimb-6310-pin-hover-img:hover ~ .isimb-6310-point-editor{
1383 visibility: visible;
1384 background: #00a546;
1385 }
1386 .isimb-6310-point-icons{
1387 float: left;
1388 }
1389 .isimb-6310-pin-hover-img {
1390 display: none !important;
1391 }
1392
1393 .isimb-6310-drag:hover .isimb-6310-pin-hover-img {
1394 display: inline-block !important;
1395 }
1396 .isimb-6310-drag:hover .isimb-6310-pin-main-img {
1397 display: none !important;
1398 }
1399 .isimb-6310-drag {
1400 width: auto;
1401 height: auto;
1402 display: inline-block !important;
1403 position: absolute;
1404 bottom: 0;
1405 left: 0;
1406 cursor: pointer;
1407 background: transparent !important;
1408 border: none !important;
1409 }
1410 button.isimb-6310-add-new-button{
1411 margin-bottom: 5px;
1412 }
1413 button.isimb-6310-add-new-button a {
1414 text-decoration: none;
1415 color: #fff;
1416 font-weight: 400;
1417 }
1418 button.isimb-6310-add-new-button a:focus, a:active, a:hover {
1419 outline: none !important;
1420 box-shadow: none !important;
1421 }
1422 .isimb-6310-tooltip_img_section {
1423 float: left;
1424 width: 100%;
1425 cursor: pointer;
1426 }
1427 .isimb-6310-tooltip-img {
1428 float: left;
1429 width: calc(20% - 12px);
1430 margin-right: 15px;
1431 }
1432
1433 .isimb-6310-tooltip_img_section .isimb-6310-tooltip-img:nth-child(5n){
1434 margin-right:0;
1435 }
1436
1437 .isimb-6310-tooltip-img img{
1438 width: 100%;
1439 height: auto;
1440 }
1441
1442 .isimb-6310-active img{
1443 box-shadow: 0 0 7px red;
1444 }
1445 .isimb_6310_custom_link_url{
1446 padding: 0 8px;
1447 line-height: 2;
1448 min-height: 30px;
1449 }
1450 #isimb_6310_social_icon{
1451 z-index: 9999999;
1452 }
1453
1454 /* Tab Switcher */
1455 .toggle-wrap {
1456 background: rgb(195 195 195 / 14%);
1457 min-height: 400px;
1458 float: left;
1459 width: 100%;
1460 }
1461
1462 ul.toggle-tabs {
1463 float: left;
1464 width: 100%;
1465 border-bottom: 1px solid #d3d3d3;
1466 margin: 0;
1467 }
1468
1469 .toggle-tabs li {
1470 background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,107,121,0.908000700280112) 100%, rgba(0,212,255,1) 100%);
1471 color:#fff;
1472 float:left;
1473 margin:5px;
1474 padding: 10px 30px;
1475 list-style:none;
1476 cursor: pointer;
1477 }
1478
1479 .toggle-tabs li.active-tab {
1480 background: rgb(0,212,255);
1481 background: linear-gradient(351deg, rgb(2, 33, 136) 0%,rgba(9, 1, 169, 0.547) 100%);
1482 }
1483
1484 .tabbed-content-wrap {
1485 float:left;
1486 width:100%;
1487 }
1488
1489 .content-box {
1490 display:none;
1491 }
1492
1493 .content-box.active-content-box {
1494 display: flex;
1495 align-items: center;
1496 }
1497 input[type=radio]{
1498 margin: 8px !important;
1499 }
1500
1501 /* ********* */
1502
1503 .content-box.active-content-box input[type=text], input[type=number] {
1504 width: 30% !important;
1505 }
1506 input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week]{
1507 width: 30%;
1508 }
1509
1510 .isimb-6310-minus-icons i {
1511 right: 0;
1512 top: 0;
1513 background: linear-gradient(to bottom, #ff0000 0%, #910000 48%, #ff0303 100%);
1514 padding: 8px;
1515 color: white;
1516 border-radius: 0 3px 3px 0;
1517 cursor: pointer;
1518 }
1519 .shortcode{
1520 float: right;
1521 width: 32%;
1522 font-size: 16px;
1523 color: red;
1524 font-weight: 600;
1525 }
1526 .shortcode input[type=text]{
1527 width: 60%;
1528 font-weight: 200;
1529 }
1530 .isimb-6310-undo {
1531 display: inline-block;
1532 float: left;
1533 font-size: 12px;
1534 background: #0e7181;
1535 padding: 6px 12px;
1536 text-align: center;
1537 align-items: center;
1538 color: white;
1539 margin-right: 5px;
1540 cursor: pointer;
1541 border-radius: 3px;
1542 }
1543 .isimb-6310-clear {
1544 display: inline-block;
1545 font-size: 12px;
1546 padding: 6px 12px;
1547 text-align: center;
1548 background: #813906;
1549 color: white;
1550 cursor: pointer;
1551 border-radius: 3px;
1552 }
1553 .isimb-6310-submenu{
1554 float: right;
1555 padding: 5px;
1556 display: flex;
1557 flex-direction: row-reverse;
1558 }
1559 button.isimb-6310-remove {
1560 float: right;
1561 font-size: 12px;
1562 color: white;
1563 padding: 8px 11px;
1564 margin-top: 6px;
1565 border-radius: 3px;
1566 background: #540000;
1567 border: none;
1568 cursor: pointer;
1569 }
1570 button.isimb-6310-remove,i.fas.fa-trash{
1571 margin-right: 3px;
1572 }
1573 input.isimb_6310_modal_content, input.isimb_6310_link_text{
1574 width: 46%;
1575 }