PluginProbe
WPBot – AI ChatBot for Live Support, Lead Generation, WordPress Automation, AI Services / 8.4.9
WPBot – AI ChatBot for Live Support, Lead Generation, WordPress Automation, AI Services v8.4.9
8.7.7 8.7.6 8.7.5 8.7.4 8.7.3 8.7.2 8.7.1 8.7.0 8.6.9 8.6.8 8.6.7 8.6.6 8.6.5 8.6.4 8.6.2 8.6.1 8.6.0 8.5.9 8.5.8 8.5.7 8.5.6 8.5.5 8.5.4 8.5.3 8.5.2 All 533 releases
chatbot / includes / chat-sessions / css / history-style.css

history-style.css in WPBot – AI ChatBot for Live Support, Lead Generation, WordPress Automation, AI Services 8.4.9, at includes/chat-sessions/css/history-style.css

706 lines 16.8 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 .wp-chatbot-messages-wrapper{padding: 15px;padding-left: 43px;padding-right: 43px;}
2 .wp-chatbot-messages-wrapper ul{overflow:inherit !Important}
3 a.page-numbers {
4 margin-right: 5px;
5 padding-right: 5px;
6 line-height: 18px;
7 }
8 .sld_menu_title_align {
9 text-align: right;
10 }
11
12 #wpbot_checked_all{opacity:1 !important}
13 .wpbot_sessions_checkbox{opacity:1 !important}
14
15 /* The Modal (background) */
16 .wpcsmodal {
17 display: none; /* Hidden by default */
18 position: fixed; /* Stay in place */
19 z-index: 1; /* Sit on top */
20 padding-top: 100px; /* Location of the box */
21 left: 0;
22 top: 0;
23 width: 100%; /* Full width */
24 height: 100%; /* Full height */
25 overflow: auto; /* Enable scroll if needed */
26 background-color: rgb(0,0,0); /* Fallback color */
27 background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
28 }
29
30 /* Modal Content */
31 .wpcsmodal-content {
32 background-color: #fefefe;
33 margin: auto;
34 padding: 20px;
35 border: 1px solid #888;
36 width: 80%;
37 }
38
39 /* The Close Button */
40 .wpcsclose {
41 color: #aaaaaa;
42 float: right;
43 font-size: 28px;
44 font-weight: bold;
45 }
46
47 .wpcsclose:hover,
48 .wpcsclose:focus {
49 color: #000;
50 text-decoration: none;
51 cursor: pointer;
52 }
53
54
55 .wpcs_text_field {
56 width: 100%;
57 padding: 12px 20px;
58 margin: 8px 0;
59 display: inline-block;
60 border: 1px solid #ccc;
61 border-radius: 4px;
62 box-sizing: border-box;
63 }
64
65 .wpcs_submit_field {
66 background-color: #4CAF50;
67 color: white;
68 padding: 10px 20px;
69 margin: 8px 0;
70 border: none;
71 border-radius: 4px;
72 cursor: pointer;
73 }
74
75 .wpcs_submit_field:hover {
76 background-color: #45a049;
77 }
78
79 .wpcs_form_container {
80 border-radius: 5px;
81 background-color: #f2f2f2;
82 padding: 20px;
83 }
84 .wpcs_form_container form{width:100%}
85 .wpvo_filter_session{
86 float: right;
87 }
88 .wpvo_filter_session .filter_session_start_date,.wpvo_filter_session .filter_session_end_date, .wpvo_filter_session .filter_session_button{
89 float: left;
90 margin-right: 5px;
91 }
92 .wpvo_filter_session .filter_session_button{
93 background-color: #00cec9;
94 border-radius: 5px;
95 padding: 7px 15px;
96 color: #fff;
97 }
98
99 .qcld-session-history_menu_box {
100 background: #ffffff00;
101 }
102 .qcld-session-history_menu_title{
103 display: flex;
104 column-gap: 15px;
105 row-gap: 10px;
106 background: #fff;
107 padding: 20px;
108 margin: 0 0 0 0;
109 border-radius: 16px;
110 justify-content: space-between;
111 width: 100%;
112 flex-direction: column;
113 }
114 .qcld-session-history_menu_box form#wpcs_form_sessions {
115 row-gap: 10px;
116 background: #fff;
117 padding: 20px;
118 margin: 20px 0 0 0;
119 border-radius: 16px;
120 width: 100%;
121 }
122 .qcld-session-history_menu_box .btn.btn-primary {
123 padding: 8px 24px;
124 width: auto;
125 font-size: 15px;
126 font-weight: 500;
127 border-radius: 8px;
128 position: relative;
129 background: #fff;
130 color: var(--woobot-primary-color);
131 text-decoration: none;
132 line-height: normal;
133 border: 2px solid var(--woobot-primary-color);
134 }
135
136 .qcld-session-history_menu_box .btn.btn-primary:hover {
137 padding: 8px 24px;
138 width: auto;
139 font-size: 15px;
140 font-weight: 500;
141 border-radius: 8px;
142 position: relative;
143 background: var(--woobot-primary-color);
144 color: #34079b;
145 text-decoration: none;
146 line-height: normal;
147 border: 2px solid var(--woobot-primary-color);
148 }
149
150 .qcld-session-history_menu_box a.btn.btn-success {
151 padding: 8px 24px;
152 width: auto;
153 font-size: 15px;
154 font-weight: 500;
155 border-radius: 8px;
156 position: relative;
157 background: #fff;
158 color: var(--woobot-primary-color);
159 text-decoration: none;
160 line-height: normal;
161 border: 2px solid var(--woobot-primary-color);
162 }
163
164 .qcld-session-history_menu_box a.btn.btn-success:hover {
165 padding: 8px 24px;
166 width: auto;
167 font-size: 15px;
168 font-weight: 500;
169 border-radius: 8px;
170 position: relative;
171 background: var(--woobot-primary-color);
172 color: #fff;
173 text-decoration: none;
174 line-height: normal;
175 border: 2px solid var(--woobot-primary-color);
176 }
177
178 .qcld-session-history_menu_box .table>:not(caption)>*>* {
179 color: var(--woobot-primary-color);
180 background: var(--woobot-primary-color);
181 border-radius: 4px;
182 border: 3px solid #fff;
183 background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
184 }
185
186 .qcld-session-history_menu_box table#chatsession-table a {
187 color: var(--woobot-primary-color);
188 }
189
190 .qcld-session-history_menu_box table#chatsession-table a.btn.btn-info {
191 background: #fff;
192 border: none;
193 color: #fff;
194 font-size: 13px;
195 font-weight: bold;
196 background: #564a8e;
197 }
198
199 .qcld-session-history_menu_box table#chatsession-table a.btn.btn-danger{
200 background: #dc3545;
201 border: none;
202 color: #fff;
203 border: none;
204 color: #fff;
205 font-size: 13px;
206 font-weight: bold;
207 }
208
209 table#chatsession-table {
210 margin: 0;
211 padding: 0;
212 }
213
214 .qcld_session_history_result {
215
216 background: #fff;
217 padding: 20px;
218 margin: 20px 0 20px 0;
219 border-radius: 16px;
220 width: 100%;
221 }
222 .single-chat-container-wrapper {
223 background-color: #fff;
224 border-left: none;
225 margin-top: 20px;
226 padding: 25px;
227 background: #fff;
228 padding: 20px;
229 margin: 20px 0 20px 0;
230 border-radius: 16px;
231 width: 100%;
232 }
233
234 .qcld_session_history_result .btn.btn-primary {
235 padding: 10px 24px;
236 width: auto;
237 font-size: 15px;
238 font-weight: 500;
239 border-radius: 8px;
240 position: relative;
241 background: #fff;
242 color: var(--woobot-primary-color);
243 text-decoration: none;
244 line-height: normal;
245 border: 2px solid var(--woobot-primary-color);
246 }
247
248 .qcld_session_history_result a.btn.btn-secondary {
249 padding: 10px 24px;
250 width: auto;
251 font-size: 15px;
252 font-weight: 500;
253 border-radius: 8px;
254 position: relative;
255 background: var(--woobot-primary-color);
256 color: #fff;
257 text-decoration: none;
258 line-height: normal;
259 border: 2px solid var(--woobot-primary-color);
260 }
261 input#is_enabled_session_email_notice {
262 margin: 3px 8px 0 0 !important;
263 padding: 12px 12px !important;
264 }
265 input#is_enabled_session_email_notice:checked::before {
266 height: 20px !important;
267 width: 20px !important;
268 margin: -9px -6px 7px -9px !important;
269 }
270
271 .sld_menu_title.qcld_session_chat_menu_title {
272 display: flex
273 ;
274 column-gap: 15px;
275 row-gap: 10px;
276 background: #fff;
277 padding: 20px;
278 margin: 20px 0 20px 0;
279 border-radius: 16px;
280 justify-content: space-between;
281 width: 99%;
282 }
283
284 .qcld-session-yes-record-found{
285 display: flex
286 ;
287 column-gap: 15px;
288 row-gap: 10px;
289 background: #fff;
290 padding: 20px;
291 margin: 20px 0 20px 0;
292 border-radius: 16px;
293 justify-content: space-between;
294 width: 99%;
295 }
296 .qcld-session-no-record-found{
297 display: flex
298 ;
299 column-gap: 15px;
300 row-gap: 10px;
301 background: #fff;
302 padding: 20px;
303 margin: 20px 0 20px 0;
304 border-radius: 16px;
305 justify-content: space-between;
306 width: 99%;
307 }
308 .sld_menu_title.qcld_session_chat_menu_title h2 {
309 margin: 0 !important;
310 padding: 0 0 0 0 !important;
311 font-weight: bold;
312 font-size: 24px;
313 color: var(--woobot-primary-color) !important;
314 line-height: normal;
315 }
316 .toplevel_page_wbcs-botsessions-page .wp-chatbot-agent {
317 display: none;
318 }
319 .toplevel_page_wbcs-botsessions-page li.wp-chatbot-msg {
320 display: flex;
321 align-items: center;
322 gap: 6px;
323 width: 90%;
324 }
325 .toplevel_page_wbcs-botsessions-page li.wp-chat-user-msg {
326 display: flex;
327 justify-content: flex-end;
328 text-align: right;
329 align-items: center;
330 gap: 20px;
331 width: 90%;
332 float: right;
333 margin-right: 40px;
334 }
335 .toplevel_page_wbcs-botsessions-page li.wp-chatbot-msg {
336 display: flex;
337 align-items: center;
338 gap: 6px;
339 width: 90%;
340 }
341 .toplevel_page_wbcs-botsessions-page .wp-chatbot-paragraph p {
342 margin: 0;
343 padding: 0;
344 }
345 .toplevel_page_wbcs-botsessions-page .wp-chatbot-paragraph {
346 background: #eee;
347 padding: 6px 12px;
348 border-radius: 8px;
349 }
350
351 .toplevel_page_wbcs-botsessions-page ul.wp-chatbot-messages-container > li.wp-chat-user-msg .wp-chatbot-paragraph {
352 text-align: right;
353 float: right;
354 }
355 .toplevel_page_wbcs-botsessions-page ul.wp-chatbot-messages-container > li.wp-chat-user-msg .wp-chatbot-avatar {
356 right: 12px;
357 position: absolute;
358 }
359 .toplevel_page_wbcs-botsessions-page #wp-chatbot-messages-container .wp-chatbot-avatar img, .wp-chatbot-agent-profile .wp-chatbot-widget-avatar img {
360 width: 40px !important;
361 height: 40px !important;
362 border-radius:50%;
363 }
364 .toplevel_page_wbcs-botsessions-page li.wp-chatbot-msg {
365 display: flex;
366 align-items: center;
367 gap: 6px;
368 }
369 div#session_details_modal {
370 width: 700px;
371 height: auto;
372 height: 500px;
373 position: fixed;
374 top: 250px;
375 background-color: unset !important;
376 box-shadow: -2px 3px 7px #66339994
377
378 }
379 div#session_details_modal .modal-content {
380 background-color: #fefefe;
381 margin: auto;
382 border: 1px solid #888;
383 width: 100%;
384 }
385 div#session_details_modal .details_session_close{
386 position: absolute;
387 top: 0px;
388 right: 5px;
389 color: black;
390 font-size: 25px;
391 cursor: pointer;
392 }
393 .loader-mask {
394 height: 200px;
395 }
396 .loader {
397 position: absolute;
398 left: 50%;
399 top: 50%;
400 width: 50px;
401 height: 50px;
402 font-size: 0;
403 color: #00c9d0;
404 display: inline-block !important;
405 margin: -25px 0 0 -25px;
406 text-indent: -9999em;
407 -webkit-transform: translateZ(0);
408 -ms-transform: translateZ(0);
409 transform: translateZ(0);
410 }
411 .lead{
412 font-size:13px;
413 }
414 .loader div {
415 background-color: #d9b06a;
416 display: inline-block;
417 float: none;
418 position: absolute;
419 top: 0;
420 left: 0;
421 width: 50px;
422 height: 50px;
423 opacity: .5;
424 border-radius: 50%;
425 -webkit-animation: ballPulseDouble 2s ease-in-out infinite;
426 animation: ballPulseDouble 2s ease-in-out infinite;
427 }
428 .loader div:last-child {
429 -webkit-animation-delay: -1s;
430 animation-delay: -1s;
431 }
432 @-webkit-keyframes ballPulseDouble {
433 0%,
434 100% {
435 -webkit-transform: scale(0);
436 transform: scale(0);
437 }
438 50% {
439 -webkit-transform: scale(1);
440 transform: scale(1);
441 }
442 }
443 @keyframes ballPulseDouble {
444 0%,
445 100% {
446 -webkit-transform: scale(0);
447 transform: scale(0);
448 }
449 50% {
450 -webkit-transform: scale(1);
451 transform: scale(1);
452 }
453 }
454
455 .toplevel_page_wbcs-botsessions-page .wp-chatbot-agent {
456 display: none;
457 }
458 .toplevel_page_wbcs-botsessions-page li.wp-chatbot-msg {
459 display: flex;
460 align-items: center;
461 gap: 6px;
462 width: 90%;
463 }
464 .toplevel_page_wbcs-botsessions-page li.wp-chat-user-msg {
465 display: flex;
466 justify-content: flex-end;
467 text-align: right;
468 align-items: center;
469 gap: 20px;
470 width: 90%;
471 float: right;
472 margin-right: 40px;
473 }
474 .toplevel_page_wbcs-botsessions-page li.wp-chatbot-msg {
475 display: flex;
476 align-items: center;
477 gap: 6px;
478 width: 90%;
479 }
480 .toplevel_page_wbcs-botsessions-page .wp-chatbot-paragraph p {
481 margin: 0;
482 padding: 0;
483 }
484 .toplevel_page_wbcs-botsessions-page .wp-chatbot-paragraph {
485 background: #eee;
486 padding: 6px 12px;
487 border-radius: 8px;
488 }
489
490 .toplevel_page_wbcs-botsessions-page ul.wp-chatbot-messages-container > li.wp-chat-user-msg .wp-chatbot-paragraph {
491 text-align: right;
492 float: right;
493 }
494 .toplevel_page_wbcs-botsessions-page ul.wp-chatbot-messages-container > li.wp-chat-user-msg .wp-chatbot-avatar {
495 right: 12px;
496 position: absolute;
497 }
498 .toplevel_page_wbcs-botsessions-page #wp-chatbot-messages-container .wp-chatbot-avatar img, .wp-chatbot-agent-profile .wp-chatbot-widget-avatar img {
499 width: 40px !important;
500 height: 40px !important;
501 border-radius:50%;
502 }
503 .toplevel_page_wbcs-botsessions-page li.wp-chatbot-msg {
504 display: flex;
505 align-items: center;
506 gap: 6px;
507 }
508
509 #session_details_modal ul{
510 margin: 0;
511 padding: 0;
512 }
513 div#session_details_modal {
514 background: #fff !important;
515 border-radius: 6px;
516 }
517 div#session_details_modal .modal-content {
518 height: 700px;
519 }
520 table#chatsession-table td.text-left:nth-child(2) {
521 max-width: 220px;
522 }
523
524
525 div#wpchatbot-sessioncorn-settings {
526 display: flex;
527 column-gap: 15px;
528 row-gap: 10px;
529 background: #fff;
530 padding: 20px;
531 margin: 0 0 0 0;
532 border-radius: 16px;
533 justify-content: space-between;
534 width: 96%;
535 flex-direction: column;
536 }
537 div#wpchatbot-sessioncorn-settings button#save_wpsseion_corn_setting {
538 display: block;
539 max-width: 220px;
540 border: none;
541 }
542 div#wpchatbot-sessioncorn-mannual {
543 width: 100%;
544 }
545 div#wpchatbot-sessioncorn-mannual {
546 width: 98%;
547 margin: 20px 0 0 0;
548 }
549 div#wpchatbot-sessioncorn-mannual #swpsseion_mannual_scraper_corn {
550 width: 98%;
551 border: none;
552 }
553 div#wpchatbot-sessioncorn-settings textarea {
554 width: 100%;
555 height: 120px !important;
556 }
557 div#wpchatbot-sessioncorn-mannual {
558 width: 98%;
559 margin: 20px 0 0 0;
560 border-radius: 16px;
561 }
562
563 div#wpchatbot-sessioncorn-mannual #swpsseion_mannual_scraper_corn {
564 width: auto;
565 border: none;
566 margin: 0 !important;
567 }
568 div#wpchatbot-sessioncorn-mannual input#wpchatbot-sessioncorn-mannual-number {
569 padding: 0 10px;
570 margin: 0 12px;
571 }
572
573 div#wpchatbot-sessioncorn-mannual {
574 width: 96%;
575 padding: 20px;
576 }
577 .qcld-bit-session-form-group-outer {
578 display: flex;
579 justify-content: space-between;
580 width: 100%;
581 gap: 20px;
582 }
583 .qcld-bit-session-form-group-outer .form-group {
584 width: 100%;
585 }
586
587 .qcld-bit-session-form-group-outer .form-group input{
588 width: 100%;
589 }
590
591
592 .qcld-bit-session-form-group-outer .form-group select{
593 width: 100% !important;
594 max-width: inherit !important;
595 }
596
597 /**Admin notice style**/
598 .qcld-wpbot-updated {
599 display: flex;
600 column-gap: 15px;
601 row-gap: 10px;
602 background: #fff;
603 padding: 22px 20px;
604 margin: 20px 0 20px 0;
605 border-radius: 16px;
606 flex-direction: column;
607 width: 96%;
608 }
609 .qcld-wpbot-updated p {
610 margin: 0;
611 padding: 0;
612 font-size: 16px;
613 font-family: "DM Sans", sans-serif !important;
614 }
615
616 .qcld-wpbot-updated a.button-primary.button-large {
617 background: var(--woobot-primary-color);
618 color: #ffffff;
619 border: none;
620 padding: 5px 25px;
621 line-height: 28px;
622 font-weight: bold;
623 border: 2px solid var(--woobot-primary-color);
624 border-radius: 8px;
625 }
626 .qcld-wpbot-updated a.button-primary.button-large:hover {
627 background: #fff;
628 color: var(--woobot-primary-color);;
629 border: none;
630 padding: 5px 25px;
631 line-height: 28px;
632 font-weight: bold;
633 border: 2px solid var(--woobot-primary-color);
634 border-radius: 8px;
635 }
636 #swpsseion_mannual_scraper_corn, #save_wpsseion_corn_setting {
637 padding: 14px 30px;
638 width: auto;
639 font-size: 16px;
640 font-weight: 500;
641 color: #988FBD;
642 border-radius: 8px;
643 position: relative;
644 display: inline-block;
645 align-items: center;
646 gap: 15px;
647 background: var(--woobot-primary-color);
648 color: #ffffff;
649 text-decoration: none;
650 border-color: var(--woobot-primary-color) !important;
651 line-height: normal;
652 margin: 20px 0 20px 0 !important;
653 cursor: pointer;
654 }
655 .qcld-wpbot-updated a.button-secondary.button-large {
656 border: 2px solid var(--woobot-primary-color);
657 background: #fff;
658 color: var(--woobot-primary-color);
659 padding: 8px 20px;
660 border-radius: 8px;
661 display: inline-block;
662 margin: 0;
663 line-height: 28px;
664 padding: 5px 25px;
665 line-height: 28px;
666 font-weight: bold;
667 }
668 .qcld-wpbot-updated a.button-secondary.button-large:hover {
669 border: 2px solid var(--woobot-primary-color);
670 background: var(--woobot-primary-color);
671 color: #fff;
672 padding: 8px 20px;
673 border-radius: 8px;
674 display: inline-block;
675 margin: 0;
676 line-height: 28px;
677 padding: 5px 25px;
678 line-height: 28px;
679 font-weight: bold;
680 }
681 div#wpchatbot-sessioncorn-mannual input#wpchatbot-sessioncorn-mannual-number {
682 padding: 2px 5px;
683 margin: 0 12px;
684 max-width: 60px;
685 background: transparent;
686 /* color: #ffff;
687 border-color: #fff; */
688 }
689 @media screen and (min-width: 1921px) {
690 div#session_details_modal {
691 left: 20% !important;
692 right: 0;
693 }
694 }
695 @media screen and (max-width: 1920px) {
696 div#session_details_modal {
697 left: 32% !important;
698 right: 0;
699 }
700 }
701 @media screen and (max-width: 1200px) {
702 div#session_details_modal {
703 left: 32% !important;
704 right: 0;
705 }
706 }