1/*  saved.css
2 *
3 *  Description:
4 *  With base elements out of the way, this sets all custom styling for the page saved dialog.
5 *
6 *  Contents:
7 *  Global
8 *  Loading spinner
9 *  Core detail
10 *  Tag entry
11 *  Recent/suggested tags
12 *  Premium upsell
13 *  Token input/autocomplete
14 *  Overflow mode
15 *  Language overrides
16 */
17
18/*=Global
19--------------------------------------------------------------------------------------- */
20.pkt_ext_containersaved {
21    background-color: #fbfbfb;
22    border-radius: 4px;
23    display: block;
24    font-size: 16px;
25    font-family: "FiraSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
26    padding: 0;
27    position: relative;
28    text-align: center;
29}
30.pkt_ext_cf:after {
31    content: " ";
32    display:table;
33    clear:both;
34}
35.pkt_ext_containersaved .pkt_ext_tag_detail,
36.pkt_ext_containersaved .pkt_ext_recenttag_detail,
37.pkt_ext_containersaved .pkt_ext_suggestedtag_detail {
38    margin: 0 auto;
39    padding: 0.25em 1em;
40    position: relative;
41    width: auto;
42}
43
44/*=Loading spinner
45--------------------------------------------------------------------------------------- */
46@keyframes pkt_ext_spin {
47    to {
48        transform: rotate(1turn);
49    }
50}
51.pkt_ext_containersaved {
52    font-size: 16px;
53}
54.pkt_ext_containersaved .pkt_ext_loadingspinner {
55    position: relative;
56    display: inline-block;
57    height: 2.5em;
58    left: 50%;
59    margin: 2em 0 0 -1.25em;
60    font-size: 10px;
61    text-indent: 999em;
62    position: absolute;
63    top: 4em;
64    overflow: hidden;
65    width: 2.5em;
66    animation: pkt_ext_spin 0.7s infinite steps(8);
67}
68.pkt_ext_containersaved .pkt_ext_loadingspinner:before,
69.pkt_ext_containersaved .pkt_ext_loadingspinner:after,
70.pkt_ext_containersaved .pkt_ext_loadingspinner > div:before,
71.pkt_ext_containersaved .pkt_ext_loadingspinner > div:after {
72    content: '';
73    position: absolute;
74    top: 0;
75    left: 1.125em;
76    width: 0.25em;
77    height: 0.75em;
78    border-radius: .2em;
79    background: #eee;
80    box-shadow: 0 1.75em #eee;
81    transform-origin: 50% 1.25em;
82}
83.pkt_ext_containersaved .pkt_ext_loadingspinner:before {
84    background: #555;
85}
86.pkt_ext_containersaved .pkt_ext_loadingspinner:after {
87    transform: rotate(-45deg);
88    background: #777;
89}
90.pkt_ext_containersaved .pkt_ext_loadingspinner > div:before {
91    transform: rotate(-90deg);
92    background: #999;
93}
94.pkt_ext_containersaved .pkt_ext_loadingspinner > div:after {
95    transform: rotate(-135deg);
96    background: #bbb;
97}
98
99/*=Core detail
100--------------------------------------------------------------------------------------- */
101.pkt_ext_containersaved .pkt_ext_initload {
102    left: 0;
103    position: absolute;
104    top: 0;
105    width: 100%;
106}
107.pkt_ext_containersaved .pkt_ext_detail {
108    max-height: 0;
109    opacity: 0;
110    position: relative;
111    z-index: 10;
112}
113.pkt_ext_container_detailactive .pkt_ext_initload {
114    opacity: 0;
115}
116.pkt_ext_container_detailactive .pkt_ext_initload .pkt_ext_loadingspinner,
117.pkt_ext_container_finalstate .pkt_ext_initload .pkt_ext_loadingspinner {
118    animation: none;
119}
120.pkt_ext_container_detailactive .pkt_ext_detail {
121    max-height: 20em;
122    opacity: 1;
123}
124.pkt_ext_container_finalstate .pkt_ext_edit_msg,
125.pkt_ext_container_finalstate .pkt_ext_tag_detail,
126.pkt_ext_container_finalstate .pkt_ext_suggestedtag_detail,
127.pkt_ext_container_finalstate .pkt_ext_item_actions {
128    opacity: 0;
129    transition: opacity 0.2s ease-out;
130}
131.pkt_ext_container_finalerrorstate .pkt_ext_edit_msg,
132.pkt_ext_container_finalerrorstate .pkt_ext_tag_detail,
133.pkt_ext_container_finalerrorstate .pkt_ext_suggestedtag_detail,
134.pkt_ext_container_finalerrorstate .pkt_ext_item_actions {
135    display: none;
136    transition: none;
137}
138.pkt_ext_containersaved h2 {
139    background: transparent;
140    border: none;
141    color: #333;
142    display: block;
143    float: none;
144    font-size: 18px;
145    font-weight: normal;
146    letter-spacing: normal;
147    line-height: 1;
148    margin: 19px 0 4px;
149    padding: 0;
150    position: relative;
151    text-align: left;
152    text-transform: none;
153}
154@keyframes fade_in_out {
155    0% {
156        opacity: 1;
157    }
158    50% {
159        opacity: 0;
160    }
161    100% {
162        opacity: 1;
163    }
164}
165.pkt_ext_container_finalstate h2 {
166    animation: fade_in_out 0.4s ease-out;
167}
168.pkt_ext_container_finalerrorstate h2 {
169    animation: none;
170    color: #d74345;
171}
172.pkt_ext_containersaved .pkt_ext_errordetail {
173    display: none;
174    font-size: 12px;
175    font-weight: normal;
176    left: 6.4em;
177    max-width: 21em;
178    opacity: 0;
179    position: absolute;
180    top: 2.7em;
181    text-align: left;
182    visibility: hidden;
183}
184.pkt_ext_container_finalerrorstate .pkt_ext_errordetail {
185    display: block;
186    opacity: 1;
187    visibility: visible;
188}
189.pkt_ext_containersaved .pkt_ext_logo {
190    background: url(../img/pocketlogosolo@1x.png) center center no-repeat;
191    display: block;
192    float: left;
193    height: 40px;
194    padding: 1.25em 1em;
195    position: relative;
196    width: 44px;
197}
198@media (min-resolution: 1.1dppx) {
199    .pkt_ext_containersaved .pkt_ext_logo {
200        background-image: url(../img/pocketlogosolo@2x.png);
201        background-size: 44px 40px;
202    }
203}
204.pkt_ext_container_finalerrorstate .pkt_ext_logo {
205    background-image: url(../img/pocketerror@1x.png);
206    height: 44px;
207    width: 44px;
208}
209@media (min-resolution: 1.1dppx) {
210    .pkt_ext_container_finalerrorstate .pkt_ext_logo {
211        background-image: url(../img/pocketerror@2x.png);
212        background-size: 44px 44px;
213    }
214}
215.pkt_ext_containersaved .pkt_ext_topdetail {
216    float: left;
217}
218.pkt_ext_containersaved .pkt_ext_edit_msg {
219    box-sizing: border-box;
220    display: none;
221    font-size: 0.75em;
222    left: auto;
223    padding: 0 1.4em;
224    position: absolute;
225    text-align: left;
226    top: 8.7em;
227    width: 100%;
228}
229.pkt_ext_containersaved .pkt_ext_edit_msg_error {
230    color: #d74345;
231}
232.pkt_ext_containersaved .pkt_ext_edit_msg_active {
233    display: block;
234}
235.pkt_ext_containersaved .pkt_ext_item_actions {
236    background: transparent;
237    float: none;
238    height: auto;
239    margin-bottom: 1em;
240    margin-top: 0;
241    width: auto;
242}
243.pkt_ext_containersaved .pkt_ext_item_actions_disabled {
244    opacity: 0.5;
245}
246.pkt_ext_container_finalstate .pkt_ext_item_actions_disabled {
247    opacity: 0;
248}
249.pkt_ext_containersaved .pkt_ext_item_actions ul {
250    background: none;
251    display: block;
252    float: none;
253    font-size: 16px;
254    height: auto;
255    margin: 0;
256    padding: 0;
257    width: 100%;
258}
259.pkt_ext_containersaved .pkt_ext_item_actions li {
260    box-sizing: border-box;
261    background: none;
262    border: 0;
263    float: left;
264    list-style: none;
265    line-height: 0.8;
266    height: auto;
267    padding-right: 0.4em;
268    width: auto;
269}
270.pkt_ext_containersaved .pkt_ext_item_actions li:before {
271    content: none;
272}
273.pkt_ext_containersaved .pkt_ext_item_actions .pkt_ext_actions_separator {
274    border-left: 2px solid #777;
275    height: 0.75em;
276    margin-top: 0.3em;
277    padding: 0;
278    width: 10px;
279}
280.pkt_ext_containersaved .pkt_ext_item_actions a {
281    background: transparent;
282    color: #0095dd;
283    display: block;
284    font-feature-settings: normal;
285    font-size: 12px;
286    font-weight: normal;
287    letter-spacing: normal;
288    line-height: inherit;
289    height: auto;
290    margin: 0;
291    padding: 0.5em;
292    float: left;
293    text-align: left;
294    text-decoration: none;
295    text-transform: none;
296}
297.pkt_ext_containersaved .pkt_ext_item_actions a:hover {
298    color: #008acb;
299    text-decoration: underline;
300}
301.pkt_ext_containersaved .pkt_ext_item_actions a:before,
302.pkt_ext_containersaved .pkt_ext_item_actions a:after {
303    background: transparent;
304    display: none;
305}
306.pkt_ext_containersaved .pkt_ext_item_actions_disabled a {
307    cursor: default;
308}
309.pkt_ext_containersaved .pkt_ext_item_actions .pkt_ext_openpocket {
310    float: right;
311    padding-right: 0.7em;
312    text-align: right;
313}
314.pkt_ext_containersaved .pkt_ext_item_actions .pkt_ext_removeitem {
315    padding-left: 0;
316}
317.pkt_ext_containersaved  .pkt_ext_close {
318    background: url(../img/tag_close@1x.png) center center no-repeat;
319    color: #333;
320    display: block;
321    font-size: 0.8em;
322    height: 10px;
323    right: 0.5em;
324    overflow: hidden;
325    position: absolute;
326    text-align: center;
327    text-indent: -9999px;
328    top: -1em;
329    width: 10px;
330}
331@media (min-resolution: 1.1dppx) {
332    .pkt_ext_containersaved  .pkt_ext_close {
333        background-image: url(../img/tag_close@2x.png);
334        background-size: 8px 8px;
335    }
336}
337.pkt_ext_containersaved .pkt_ext_close:hover {
338    color: #000;
339    text-decoration: none;
340}
341
342/*=Tag entry
343--------------------------------------------------------------------------------------- */
344.pkt_ext_containersaved .pkt_ext_tag_detail {
345    border: 1px solid #c1c1c1;
346    border-radius: 2px;
347    font-size: 16px;
348    clear: both;
349    margin: 1.25em 1em;
350    padding: 0;
351    display: flex;
352}
353.pkt_ext_containersaved .pkt_ext_tag_error {
354    border: none;
355}
356.pkt_ext_containersaved .pkt_ext_tag_input_wrapper {
357    box-sizing: border-box;
358    flex: 1;
359    background-color: #fff;
360    border-right: 1px solid #c3c3c3;
361    color: #333;
362    display: block;
363    float: none;
364    font-size: 0.875em;
365    list-style: none;
366    margin: 0;
367    overflow: hidden;
368    padding: 0.25em 0.5em;
369    width: 14em;
370    padding-left: 0.5em;
371    padding-right: 0.5em;
372}
373.pkt_ext_containersaved .pkt_ext_tag_error .pkt_ext_tag_input_wrapper {
374    border: 1px solid #d74345;
375}
376.pkt_ext_containersaved .pkt_ext_tag_input_wrapper .token-input-list {
377    display: block;
378    left: 0;
379    height: 1.7em;
380    overflow: hidden;
381    position: relative;
382    width: 60em;
383}
384.pkt_ext_containersaved .pkt_ext_tag_input_wrapper .token-input-list,
385.pkt_ext_containersaved .pkt_ext_tag_input_wrapper li {
386    font-size: 14px;
387}
388.pkt_ext_containersaved .pkt_ext_tag_input_wrapper li {
389    height: auto;
390    width: auto;
391}
392.pkt_ext_containersaved .pkt_ext_tag_input_wrapper li:before {
393    content: none;
394}
395.pkt_ext_containersaved .pkt_ext_tag_input_wrapper input {
396    border: 0;
397    box-shadow: none;
398    background-color: #fff;
399    color: #333;
400    font-size: 14px;
401    float: left;
402    line-height: normal;
403    height: auto;
404    min-height: 0;
405    min-width: 5em;
406    padding: 3px 2px 1px;
407    text-transform: none;
408}
409.pkt_ext_containersaved .pkt_ext_tag_input_wrapper input::placeholder {
410    color: #a9a9a9;
411    letter-spacing: normal;
412    text-transform: none;
413}
414.pkt_ext_containersaved .input_disabled {
415    cursor: default;
416    opacity: 0.5;
417}
418.pkt_ext_containersaved .pkt_ext_btn {
419    box-sizing: border-box;
420    color: #333;
421    float: none;
422    font-size: 0.875em;
423    font-size: 14px;
424    letter-spacing: normal;
425    height: 2.2em;
426    min-width: 4em;
427    padding: 0.5em 0;
428    text-decoration: none;
429    text-transform: none;
430    width: auto;
431}
432.pkt_ext_containersaved .pkt_ext_btn:hover {
433    background-color: #ebebeb;
434}
435.pkt_ext_containersaved .pkt_ext_btn:active {
436    background-color: #dadada;
437}
438.pkt_ext_containersaved .pkt_ext_btn_disabled,
439.pkt_ext_containersaved .pkt_ext_btn_disabled:hover,
440.pkt_ext_containersaved .pkt_ext_btn_disabled:active {
441    background-color: transparent;
442    cursor: default;
443    opacity: 0.4;
444}
445.pkt_ext_containersaved .pkt_ext_tag_error .pkt_ext_btn {
446    border: 1px solid #c3c3c3;
447    border-width: 1px 1px 1px 0;
448    height: 2.35em;
449}
450.pkt_ext_containersaved .autocomplete-suggestions {
451    margin-top: 2.2em;
452}
453
454/*=Recent/suggested tags
455--------------------------------------------------------------------------------------- */
456.pkt_ext_containersaved .pkt_ext_suggestedtag_detail,
457.pkt_ext_containersaved .pkt_ext_suggestedtag_detailshown {
458    border-top: 1px solid #c1c1c1;
459    bottom: 0;
460    box-sizing: border-box;
461    background: #ebebeb;
462    clear: both;
463    left: 0;
464    opacity: 0;
465    min-height: 110px;
466    position: fixed;
467    visibility: hidden;
468    width: 100%;
469}
470.pkt_ext_container_detailactive .pkt_ext_suggestedtag_detail,
471.pkt_ext_containersaved .pkt_ext_suggestedtag_detailshown {
472    opacity: 1;
473    visibility: visible;
474}
475.pkt_ext_containersaved .pkt_ext_suggestedtag_detailshown {
476    padding: 4px 0;
477}
478.pkt_ext_container_finalstate .pkt_ext_suggestedtag_detail {
479    opacity: 0;
480    visibility: hidden;
481}
482.pkt_ext_containersaved
483.pkt_ext_containersaved .pkt_ext_recenttag_detail h4,
484.pkt_ext_containersaved .pkt_ext_suggestedtag_detail h4 {
485    color: #333;
486    font-size: 0.8125em;
487    font-size: 13px;
488    font-weight: normal;
489    font-style: normal;
490    letter-spacing: normal;
491    margin: 0.5em 0;
492    text-align: left;
493    text-transform: none;
494}
495.pkt_ext_containersaved .pkt_ext_recenttag_detail .pkt_ext_loadingspinner,
496.pkt_ext_containersaved .pkt_ext_suggestedtag_detail .pkt_ext_loadingspinner {
497    display: none;
498    position: absolute;
499}
500.pkt_ext_containersaved .pkt_ext_recenttag_detail_loading .pkt_ext_loadingspinner,
501.pkt_ext_containersaved .pkt_ext_suggestedtag_detail_loading .pkt_ext_loadingspinner {
502    display: block;
503    font-size: 6px;
504    left: 48%;
505}
506.pkt_ext_containersaved .pkt_ext_recenttag_detail ul,
507.pkt_ext_containersaved .pkt_ext_suggestedtag_detail ul {
508    display: block;
509    margin: 0;
510    height: 2em;
511    overflow: hidden;
512    padding: 2px 0 0 0;
513}
514.pkt_ext_containersaved .pkt_ext_suggestedtag_detail ul {
515    height: auto;
516    margin: 0;
517    max-height: 4em;
518    padding-top: 6px;
519}
520.pkt_ext_containersaved .pkt_ext_recenttag_detail li,
521.pkt_ext_containersaved .pkt_ext_suggestedtag_detail li {
522    background: none;
523    float: left;
524    height: inherit;
525    line-height: 1.5;
526    list-style: none;
527    margin-bottom: 0.5em;
528    width: inherit;
529}
530.pkt_ext_containersaved .pkt_ext_recenttag_detail li:before,
531.pkt_ext_containersaved .pkt_ext_suggestedtag_detail li:before {
532    content: none;
533}
534.pkt_ext_containersaved .pkt_ext_recenttag_detail .recenttag_msg,
535.pkt_ext_containersaved .pkt_ext_suggestedtag_detail .suggestedtag_msg {
536    color: #333;
537    font-size: 0.8125em;
538    line-height: 1.2;
539    left: auto;
540    position: absolute;
541    text-align: left;
542    top: 2em;
543}
544.pkt_ext_containersaved .pkt_ext_suggestedtag_detail .suggestedtag_msg {
545    margin-right: 1.3em;
546}
547.pkt_ext_containersaved .token_tag {
548    border-radius: 4px;
549    background: #f7f7f7;
550    border: 1px solid #c3c3c3;
551    color: #333;
552    font-size: 0.875em;
553    font-size: 14px;
554    font-weight: normal;
555    letter-spacing: normal;
556    margin-right: 0.5em;
557    padding: 0.125em 0.625em;
558    text-decoration: none;
559    text-transform: none;
560}
561.pkt_ext_containersaved .token_tag:hover {
562    background-color: #008acb;
563    border-color: #008acb;
564    color: #fff;
565    text-decoration: none;
566}
567.pkt_ext_containersaved .token_tag:before,
568.pkt_ext_containersaved .token_tag:after {
569    content: none;
570}
571.pkt_ext_containersaved .token_tag:hover span {
572    background-image: url(../img/tag_closeactive@1x.png);
573}
574@media (min-resolution: 1.1dppx) {
575    .pkt_ext_containersaved .token_tag:hover span {
576        background-image: url(../img/tag_closeactive@2x.png);
577        background-size: 8px 8px;
578    }
579}
580.pkt_ext_containersaved .pkt_ext_recenttag_detail_disabled .token_tag,
581.pkt_ext_containersaved .pkt_ext_recenttag_detail_disabled .token_tag:hover,
582.pkt_ext_containersaved .pkt_ext_suggestedtag_detail_disabled .token_tag,
583.pkt_ext_containersaved .pkt_ext_suggestedtag_detail_disabled .token_tag:hover {
584    background-color: #f7f7f7;
585    cursor: default;
586    opacity: 0.5;
587}
588.pkt_ext_containersaved .token_tag_inactive {
589    display: none;
590}
591
592/*=Premium upsell
593--------------------------------------------------------------------------------------- */
594.pkt_ext_detail .pkt_ext_premupsell {
595    background-color: #50bbb6;
596    display: block;
597    padding: 1.5em 0;
598    text-align: center;
599}
600.pkt_ext_premupsell h4 {
601    color: #fff;
602    font-size: 1em;
603    margin-bottom: 1em;
604}
605.pkt_ext_premupsell a {
606    color: #28605d;
607    border-bottom: 1px solid #47a7a3;
608    font-weight: normal;
609}
610.pkt_ext_premupsell a:hover {
611    color: #14302f;
612}
613
614/*=Token input/autocomplete
615--------------------------------------------------------------------------------------- */
616.token-input-dropdown-tag {
617    border-radius: 4px;
618    box-sizing: border-box;
619    background: #fff;
620    border: 1px solid #cdcdcd;
621    margin-top: 0.5em;
622    left: 0 !important;
623    overflow-y: auto;
624    top: 1.9em !important;
625    z-index: 9000;
626}
627.token-input-dropdown-tag ul {
628    height: inherit;
629    max-height: 115px;
630    margin: 0;
631    overflow: auto;
632    padding: 0.5em 0;
633}
634.token-input-dropdown-tag ul li {
635    background: none;
636    color: #333;
637    font-weight: normal;
638    font-size: 1em;
639    float: none;
640    height: inherit;
641    letter-spacing: normal;
642    list-style: none;
643    padding: 0.75em;
644    text-align: left;
645    text-transform: none;
646    width: inherit;
647}
648.token-input-dropdown-tag ul li:before {
649    content: none;
650}
651.token-input-dropdown ul li.token-input-selected-dropdown-item {
652    background-color: #008acb;
653    color: #fff;
654}
655.token-input-list {
656    list-style: none;
657    margin: 0;
658    padding: 0;
659}
660.token-input-list li {
661    text-align: left;
662    list-style: none;
663}
664.token-input-list li input {
665    border: 0;
666    background-color: white;
667}
668.pkt_ext_containersaved .token-input-token {
669    background: none;
670    border-radius: 4px;
671    border: 1px solid #c3c3c3;
672    overflow: hidden;
673    margin: 0;
674    padding: 0 8px;
675    background-color: #f7f7f7;
676    color: #000;
677    font-weight: normal;
678    cursor: default;
679    line-height: 1.5;
680    display: block;
681    width: auto;
682    margin: 0 0.2em;
683    float: left;
684}
685.pkt_ext_containersaved .pkt_ext_tag_input_wrapper_disabled {
686    position: relative;
687}
688.pkt_ext_containersaved .pkt_ext_tag_input_wrapper_disabled input {
689    opacity: 0.5;
690}
691.pkt_ext_containersaved .pkt_ext_tag_input_wrapper_disabled .token-input-list {
692    opacity: 0.5;
693}
694.pkt_ext_containersaved .pkt_ext_tag_input_wrapper_disabled .pkt_ext_tag_input_blocker {
695    height: 100%;
696    left: 0;
697    position: absolute;
698    top: 0;
699    width: 100%;
700    z-index: 5;
701}
702.pkt_ext_containersaved .token-input-token p {
703    display: inline-block;
704    font-size: 14px;
705    font-weight: normal;
706    line-height: inherit;
707    letter-spacing: normal;
708    padding: 0;
709    margin: 0;
710    text-transform: none;
711    vertical-align: top;
712    width: auto;
713}
714.pkt_ext_containersaved .token-input-token p:before {
715    content: none;
716    width: 0;
717}
718.pkt_ext_containersaved .token-input-token span {
719    background: url(../img/tag_close@1x.png) center center no-repeat;
720    cursor: pointer;
721    display: inline-block;
722    height: 8px;
723    margin: 0 0 0 8px;
724    overflow: hidden;
725    width: 8px;
726    text-indent: -99px;
727}
728@media (min-resolution: 1.1dppx) {
729    .pkt_ext_containersaved .token-input-token span {
730        background-image: url(../img/tag_close@2x.png);
731        background-size: 8px 8px;
732    }
733}
734.pkt_ext_containersaved .token-input-selected-token {
735    background-color: #008acb;
736    border-color: #008acb;
737    color: #fff;
738}
739.pkt_ext_containersaved .token-input-selected-token span {
740    background-image: url(../img/tag_closeactive@1x.png);
741}
742@media (min-resolution: 1.1dppx) {
743    .pkt_ext_containersaved .token-input-selected-token span {
744        background-image: url(../img/tag_closeactive@2x.png);
745        background-size: 8px 8px;
746    }
747}
748.pkt_ext_containersaved .pkt_ext_tag_input_wrapper_disabled .token-input-selected-token {
749    background-color: #f7f7f7;
750}
751.pkt_ext_containersaved .pkt_ext_tag_input_wrapper_disabled .token-input-selected-token span {
752    color: #bbb;
753}
754
755/*=Overflow mode
756--------------------------------------------------------------------------------------- */
757.pkt_ext_saved_overflow .pkt_ext_logo {
758    float: none;
759    margin: 0.5em auto 0;
760}
761.pkt_ext_saved_overflow .pkt_ext_initload {
762    top: -8px;
763}
764.pkt_ext_saved_overflow .pkt_ext_loadingspinner {
765    top: 10em;
766}
767.pkt_ext_saved_overflow .pkt_ext_topdetail {
768    float: none;
769    margin: 0 auto;
770    padding: 0 1em;
771}
772.pkt_ext_saved_overflow h2 {
773    margin-bottom: 0.5em;
774    margin-top: 0;
775    text-align: center;
776}
777.pkt_ext_saved_overflow .pkt_ext_item_actions ul {
778    display: inline-block;
779    width: auto;
780}
781.pkt_ext_saved_overflow .pkt_ext_item_actions li {
782    float: none;
783    padding-left: 1em;
784    padding-right: 1em;
785    text-align: center;
786}
787.pkt_ext_saved_overflow .pkt_ext_item_actions .pkt_ext_removeitem,
788.pkt_ext_saved_overflow .pkt_ext_item_actions .pkt_ext_openpocket {
789    float: none;
790    text-align: center;
791    padding-left: 0;
792    padding-right: 0;
793}
794.pkt_ext_saved_overflow .pkt_ext_item_actions .pkt_ext_actions_separator {
795    display: none;
796}
797.pkt_ext_saved_overflow .pkt_ext_tag_detail {
798    margin-top: 0;
799}
800.pkt_ext_saved_overflow .pkt_ext_suggestedtag_detail,
801.pkt_ext_saved_overflow .pkt_ext_suggestedtag_detailshown {
802    top: 14.75em;
803}
804.pkt_ext_saved_overflow .pkt_ext_edit_msg {
805    top: 16em;
806}
807.pkt_ext_container_finalerrorstate.pkt_ext_saved_overflow .pkt_ext_errordetail {
808    box-sizing: border-box;
809    left: 0;
810    padding-left: 1em;
811    padding-right: 1em;
812    text-align: center;
813    top: 8.3em;
814    width: 100%;
815}
816
817/*=Language overrides
818--------------------------------------------------------------------------------------- */
819.pkt_ext_saved_es .pkt_ext_btn {
820    min-width: 5em;
821}
822.pkt_ext_saved_de .pkt_ext_btn,
823.pkt_ext_saved_ru .pkt_ext_btn {
824    min-width: 6em;
825}
826