در حین انجام عملیات خطایی رخ داده است.
The following has evaluated to null or missing:
==> image_snapshot  [in template "20097#20123#145727" at line 167, column 76]

----
Tip: If the failing expression is known to legally refer to something that's sometimes null or missing, either specify a default value like myOptionalVar!myDefault, or use <#if myOptionalVar??>when-present<#else>when-missing</#if>. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)??
----

----
FTL stack trace ("~" means nesting-related):
	- Failed at: ${image_snapshot.getData()}  [in template "20097#20123#145727" at line 167, column 74]
----
1<#-- Retrieve the published date meta data field of the web content --> 
2<#assign displaydate = .vars['reserved-article-display-date'].data> 
3<#-- Save the original page locale for later --> 
4<#assign originalLocale = .locale> 
5 
6<#-- Set the page locale to the portals default locale --> 
7<#setting locale = localeUtil.getDefault()> 
8 
9<#-- Parse the date to a date object --> 
10<#assign displaydate = displaydate?datetime("EEE, d MMM yyyy HH:mm:ss Z")> 
11 
12<#-- Set the page locale back to the original page locale --> 
13<#--#assign locale = ''--> 
14<#assign dateFormat = "dd MM yyyy" />  
15<#assign publishDate=dateUtil.getDate(displaydate,dateFormat,locale)/> 
16 
17 
18 
19 
20<!--publish view Count--> 
21<#assign JournalArticleLocalService = serviceLocator.findService("com.liferay.journal.service.JournalArticleLocalService")> 
22<#assign assetLinkLocalService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetLinkLocalService" )> 
23<#assign assetEntryLocalService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetEntryLocalService" )> 
24<#assign getterUtil = staticUtil["com.liferay.portal.kernel.util.GetterUtil"] /> 
25<#assign currentArticle = JournalArticleLocalService.getArticle(getterUtil.getLong(groupId),.vars['reserved-article-id'].data)> 
26<#assign currentArticleResourcePrimKey = currentArticle.getResourcePrimKey()> 
27<#assign currentArticleAssetEntry = assetEntryLocalService.getEntry("com.liferay.journal.model.JournalArticle", currentArticleResourcePrimKey)/> 
28<#assign viewCount = currentArticleAssetEntry.viewCount/> 
29 
30 
31 
32 
33<#assign AssetCategoryLocalService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetCategoryLocalService") /> 
34<#assign JournalArticleLocalService = serviceLocator.findService("com.liferay.journal.service.JournalArticleLocalService") /> 
35<#assign journalArticle = JournalArticleLocalService.getArticle(getterUtil.getLong(groupId),.vars['reserved-article-id'].data) /> 
36<#assign categories = AssetCategoryLocalService.getCategories("com.liferay.journal.model.JournalArticle", journalArticle.getResourcePrimKey()) /> 
37 
38 
39 
40 
41<div class="display-content"> 
42    <div class="container"> 
43        <#if .vars['reserved-article-small-image-url'].getData() != ""> 
44            <div class="main-image"> 
45                <img class="" src="${.vars['reserved-article-small-image-url'].getData()}" alt="" /> 
46            </div> 
47        </#if> 
48         
49 
50        <div class="breadcrumb-wrapper hidden-in-print-mode"> 
51            <@liferay.breadcrumbs /> 
52        </div> 
53 
54        <h6 class="sub-title">${lead.getData()}</h6> 
55 
56        <h4 class="title">${.vars['reserved-article-title'].data}</h4> 
57 
58        <div class="details"> 
59            <div class="date"> 
60                <svg> 
61                    <use href="${themeDisplay.getPathThemeImages()}/gu-icons.svg#calendar-minus"></use> 
62                </svg> 
63                <span class="js-date" data-date="${publishDate} ?? DD MM YYYY ?? DD MMMM YYYY" >${publishDate}</span> 
64            </div> 
65            <div class="code"> 
66                <svg> 
67                    <use href="${themeDisplay.getPathThemeImages()}/gu-icons.svg#bill"></use> 
68                </svg> 
69                <span>کد خبر : ${.vars['reserved-article-id'].getData()}</span> 
70            </div> 
71            <div class="visitors"> 
72                <svg> 
73                    <use href="${themeDisplay.getPathThemeImages()}/gu-icons.svg#eye"></use> 
74                </svg> 
75                <span>تعداد بازدید : ${viewCount}</span> 
76            </div> 
77        </div> 
78 
79        <div class="article-content"> 
80            ${content.getData()} 
81        </div> 
82         
83         
84        <#if other_images?? && other_images.getSiblings()?has_content &&  other_images.getSiblings()[0].getData() != "" > 
85         
86	        <#assign 
87                theme_display = themeDisplay 
88    	        css_folder = theme_display.getPathThemeCss() 
89    	        javascript_folder = theme_display.getPathThemeJavaScript() 
90            /> 
91             
92            <div class="gallery-wr"> 
93             
94                <link type="text/css" rel="stylesheet" href="${css_folder}/lightgallery/css/lightgallery.css" /> 
95             
96                <!-- lightgallery plugins --> 
97                <link type="text/css" rel="stylesheet" href="${css_folder}/lightgallery/css/lg-zoom.css" /> 
98                <link type="text/css" rel="stylesheet" href="${css_folder}/lightgallery/css/lg-thumbnail.css" /> 
99			    <script src="${javascript_folder}/lightgallery/lightgallery.umd.js"></script> 
100                <!-- Or use the minified version --> 
101                <script src="${javascript_folder}/lightgallery/lightgallery.min.js"></script> 
102             
103                <!-- lightgallery plugins --> 
104                <script src="${javascript_folder}/lightgallery/plugins/thumbnail/lg-thumbnail.umd.js"></script> 
105                <script src="${javascript_folder}/lightgallery/plugins/zoom/lg-zoom.umd.js"></script> 
106                 
107                 
108				<div id="animated-thumbnails" class="list-gallery"> 
109    				<#if other_images.getSiblings()?has_content> 
110                    	<#list other_images.getSiblings() as cur_other_images> 
111                    		 
112                    		<a href="${cur_other_images.getData()}" data-aos="flip-left"> 
113                                <img src="${cur_other_images.getData()}" /> 
114                            </a> 
115                    	</#list> 
116                    </#if> 
117                </div> 
118 
119				<script> 
120 
121                    lightGallery(document.getElementById("animated-thumbnails"), { 
122                        athumbnail: true, 
123                        animateThumb: !1, 
124                        pager: !1, 
125                        plugins: [lgZoom, lgThumbnail], 
126                        hash: !1, 
127                        zoomFromOrigin: !1, 
128                        toggleThumb: !0, 
129                        allowMediaOverlap: !0, 
130                        container: ".guilan-theme .display-content .gallery-wr", 
131                    }); 
132					 
133				</script> 
134				 
135                <style> 
136                    .rtl .lg-outer { 
137                    text-align: right; 
138
139                    .lg-outer .lg-thumb-item { 
140                        float: right !important; 
141
142                    .lg-thumb-item img { 
143                        margin: 0 !important; 
144                        border-radius: 0 !important; 
145
146                    .lg-container { 
147                        font-family: inherit; 
148
149                     
150                    .gallery-wr .lg-backdrop , .gallery-wr .lg-outer  { 
151                        position: fixed !important; 
152
153                    .gallery-wr .lg-backdrop { 
154                        z-index: 1040 !important; 
155
156                    .gallery-wr .lg-outer { 
157                        z-index: 1050 !important; 
158
159                </style> 
160                 
161            </div> 
162        </#if> 
163         
164         
165        <#if video?? && video.getData()!=""> 
166            <div class="m-auto py-3 hidden-in-print-mode" style="clear: both;max-width:50em"> 
167                <video style="width: 100%; border-radius : 10px" poster="${image_snapshot.getData()}" controls preload="none"> 
168                  <source src="${video.getData()}" type="video/mp4"> 
169                Your browser does not support the video tag. 
170                </video> 
171            </div> 
172        </#if> 
173        <#if audio?? && audio.getData()!=""> 
174            <div class="m-auto py-3 hidden-in-print-mode" style="clear: both;max-width:50em"> 
175                <audio style="width: 100%; border-radius : 10px" controls> 
176                  <source src="${audio.getData()}"> 
177                Your browser does not support the audio element. 
178                </audio> 
179            </div> 
180        </#if> 
181        <#if files?? && files.getData()!=""> 
182            <a class="sp-link-nextSibling btn btn-info hidden-in-print-mode my-3" href="${files.getData()}" download> 
183                <i class="icon-download"></i> 
184                ${languageUtil.format(locale, "download-x", "فایل", false)} 
185            </a> 
186        </#if> 
187 
188        <hr /> 
189         
190        <#if categories?has_content> 
191            <div class="categories"> 
192                <div class="title"> 
193                    <svg> 
194                        <use href="${themeDisplay.getPathThemeImages()}/gu-icons.svg#calendar-minus"></use> 
195                    </svg> 
196                    <span>دسته بندی :</span> 
197                </div> 
198                <div class="items"> 
199                    <#list categories as category> 
200                        <div> 
201                            <svg> 
202                                <use href="${themeDisplay.getPathThemeImages()}/gu-icons.svg#hashtag"></use> 
203                            </svg> 
204                            <span>${category.getName()}</span> 
205                        </div> 
206                    </#list> 
207                </div> 
208            </div> 
209        </#if> 
210 
211        <div class="share"> 
212            <div class="title"> 
213                <svg> 
214                    <use href="${themeDisplay.getPathThemeImages()}/gu-icons.svg#share"></use> 
215                </svg> 
216                <span>اشتراک گذاری</span> 
217            </div> 
218 
219            <ul class="d-flex p-0"> 
220                <li> 
221                    <div onclick="window.print();"> 
222                        <svg> 
223                            <use href="${themeDisplay.getPathThemeImages()}/gu-icons.svg#receipt"></use> 
224                        </svg> 
225                        <span>چاپ کردن</span> 
226                    </div> 
227                </li> 
228                <li> 
229                    <a onclick="window.location.replace('https://web.whatsapp.com/send?text=hello')"> 
230                        <svg> 
231                            <use href="${themeDisplay.getPathThemeImages()}/gu-icons.svg#whatsapp"></use> 
232                        </svg> 
233                    </a> 
234                </li> 
235                <li> 
236                    <a 
237                        onclick="window.location.replace('https://telegram.me/share/url?url='+window.shortURL+'&text=${.vars['reserved-article-title'].data}')" 
238
239                        <svg> 
240                            <use href="${themeDisplay.getPathThemeImages()}/gu-icons.svg#send"></use> 
241                        </svg> 
242                    </a> 
243                </li> 
244            </ul> 
245 
246            <div class="short-link" onclick="myFunction()" onmouseout="outFunc()"> 
247                <div class="input-wr"> 
248                    <div class="icon"> 
249                        <svg> 
250                            <use href="${themeDisplay.getPathThemeImages()}/gu-icons.svg#copy-success"></use> 
251                        </svg> 
252                    </div> 
253                    <input type="text" value="" /> 
254                </div> 
255                <div class="message"> 
256                    <span>کپی در حافظه موقت</span> 
257                </div> 
258            </div> 
259             
260            <script> 
261                window.shortURL = encodeURI(document.querySelector("#ShortURL-top input").value); 
262                document.querySelector(".short-link input").value = decodeURI(shortURL); 
263                 
264                function copyToClipboard(text) { 
265                    var textArea = document.createElement("textarea"); 
266                    textArea.style.position = "fixed"; 
267                    textArea.style.top = 0; 
268                    textArea.style.left = 0; 
269                    textArea.style.width = "2em"; 
270                    textArea.style.height = "2em"; 
271                    textArea.style.padding = 0; 
272                    textArea.style.border = "none"; 
273                    textArea.style.outline = "none"; 
274                    textArea.style.boxShadow = "none"; 
275                    textArea.style.background = "transparent"; 
276                    textArea.value = text; 
277                    document.body.appendChild(textArea); 
278                    textArea.focus(); 
279                    textArea.select(); 
280                    document.execCommand("copy"); 
281                    document.body.removeChild(textArea); 
282
283                function myFunction() { 
284                    copyToClipboard(shortURL); 
285                    var tooltip = document.querySelector(".short-link .message span"); 
286                    tooltip.classList.add("success"); 
287                    tooltip.innerHTML = "در حافظه موقت کپی شد"; 
288
289                function outFunc() { 
290                    setTimeout(() => { 
291                        var tooltip = document.querySelector(".short-link .message span"); 
292                        tooltip.classList.remove("success"); 
293                        tooltip.innerHTML = "کپی در حافظه موقت"; 
294                    }, 300); 
295
296            </script> 
297             
298        </div> 
299    </div> 
300</div> 
301 
302<style> 
303.rtl .article-content * { 
304    font-family: PeydaWebFaNum !important; 
305    font-size: 1.00em !important; 
306
307.ltr .article-content * { 
308    font-family: Peydaen !important; 
309    font-size: 1.05em !important; 
310
311.display-content { 
312  padding: 4.5em 0 2em 0; 
313  font-size: 15px; 
314  overflow: hidden; 
315
316 
317.display-content .container > .title { 
318  font-weight: 600; 
319  font-size: 2em; 
320  line-height: 1.7em; 
321  color: #000000; 
322  margin-bottom: 0; 
323
324 
325.display-content .container > .sub-title { 
326  font-weight: 400; 
327  font-size: 1.312em; 
328  color: #114088; 
329  margin-bottom: 0.81em; 
330
331 
332.display-content .container .breadcrumb-wrapper { 
333  margin-bottom: 2.375em; 
334
335 
336.display-content .container .breadcrumb-wrapper .demo { 
337  font-weight: 400; 
338  font-size: 0.93em; 
339  color: #7e8aab; 
340
341 
342.display-content .container .main-image { 
343  z-index: 1; 
344  position: relative; 
345  float: left; 
346  max-width: 45%; 
347  position: relative; 
348  margin: 0em 3em 3em 0; 
349
350 
351html.ltr .display-content .container .main-image { 
352  float: right; 
353  margin: 0em 0 3em 3em; 
354
355 
356.display-content .container .main-image::before, .display-content .container .main-image::after { 
357  /*content: "";*/ 
358  position: absolute; 
359  left: 3em; 
360  right: 3.75em; 
361  height: 5em; 
362  background: #ff8134; 
363  opacity: 0.1; 
364  border-radius: 12px; 
365  top: -1.125em; 
366
367 
368.display-content .container .main-image::after { 
369  left: 3.75em; 
370  right: 3em; 
371  bottom: -1.125em; 
372  top: unset; 
373  background: #119932; 
374
375 
376.display-content .container .main-image img { 
377  filter: drop-shadow(0px 14px 44px rgba(0, 0, 0, 0.05)); 
378  border-radius: 6px; 
379  max-width: 100%; 
380
381 
382.display-content .container .details { 
383  display: flex; 
384  column-gap: 2.4em; 
385  margin: 1.375em 0; 
386  flex-wrap: wrap; 
387    row-gap: 1em; 
388
389 
390.display-content .container .details div { 
391  display: flex; 
392  align-items: center; 
393  column-gap: 0.437em; 
394
395 
396.display-content .container .details div svg { 
397  width: 1.25em; 
398  height: 1.25em; 
399
400 
401.display-content .container .details div svg use { 
402  stroke: #0391CC !important; 
403
404 
405.display-content .container .details div span { 
406  font-weight: 400; 
407  font-size: 1em; 
408  color: #0391CC; 
409
410 
411.display-content .container .article-content { 
412  font-weight: 400; 
413  font-size: 1.05em; 
414  line-height: 3em; 
415  color: #626E94; 
416
417 
418.display-content .container .gallery-wr { 
419  padding: 2.5em 0; 
420  font-size: 0.88em; 
421
422 
423.display-content .container .gallery-wr .list-gallery { 
424  display: flex; 
425  flex-wrap: wrap; 
426  justify-content: center; 
427  row-gap: 1.25em; 
428  column-gap: 1.25em; 
429
430 
431.display-content .container .gallery-wr .list-gallery a { 
432  position: relative; 
433  overflow: hidden; 
434
435 
436.display-content .container .gallery-wr .list-gallery a:hover::before { 
437  opacity: 1; 
438  transform: scale(1); 
439
440 
441.display-content .container .gallery-wr .list-gallery a::before { 
442  content: ""; 
443  width: 100%; 
444  height: 100%; 
445  background:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFuSURBVHgB7ZiLbYMwEIYPqQN0BEbIBmWDskHZoOoEZYOoE5Rs0G7QDRjB2eR6Fo5kJWfjp2Sk+yQrCob/PpmHDQCCIAg+OlcHIs708wZ+Ll3XzRBBrVwdrHCfFSIJzFWu458gnCu1v7ttXxDPB7XXu20DtR5ycIzE3qlMqTPFjHCIsKolzciqEsLfTHC2NJdpauULuwpAIq6sosK+QiVkqwjvFcyRLSH8aaTH2MIpsmafE7VV14bSxEhjhZs2CUZkYPYZm5C1hGzpM9N/bkb2hhlFLdYzfb3pewFBEMqgH2cBN90ILXCoxxozcXDT+NDExIGtTc0UOuO2EDmVEMCwxY+egBRub9bRwsoEH2Z5+SCMR1rAYyOvSEHfJXQB+rEvjYm+zFwgETp2oUywMm//08EDv+ZXkfVI518Shis1PQkM1rZfOr0/EAFuj8l3JruHHDDzo50nd83J9Y3wQm0CPwvEo8/IM5TPFQRBIP4BZJehxxvkyUsAAAAASUVORK5CYII=') 
446  no-repeat center, rgba(26, 27, 29, 0.82); 
447  background-size: 2.7em 2.7em; 
448  position: absolute; 
449  opacity: 0; 
450  transform: scale(0.9); 
451  transition: all ease-in-out 0.3s; 
452
453 
454.display-content .container .gallery-wr .list-gallery a img { 
455  margin: 0 !important; 
456  border-radius: 0 !important; 
457  max-width: 100%; 
458  width: 100%; 
459  height: 11.5em; 
460  width: 11.5em; 
461  object-fit: cover; 
462
463 
464.display-content .container hr { 
465  background: rgba(115, 129, 141, 0.01); 
466  margin: 1.5em 0; 
467
468 
469.display-content .container .categories, 
470.display-content .container .share { 
471  display: flex; 
472  justify-content: space-between; 
473  flex-wrap: wrap; 
474  padding: 1.5em 0; 
475  column-gap: 1.75em; 
476  row-gap: 1.5em; 
477
478 
479.display-content .container .categories > .title, 
480.display-content .container .share > .title { 
481  display: flex; 
482  column-gap: 0.5em; 
483  align-items: center; 
484
485 
486.display-content .container .categories > .title svg, 
487.display-content .container .share > .title svg { 
488  width: 1.5em; 
489  height: 1.5em; 
490  stroke: #1a1b1d; 
491
492 
493.display-content .container .categories > .title span, 
494.display-content .container .share > .title span { 
495  font-weight: 400; 
496  font-size: 0.93em; 
497  color: #1a1b1d; 
498
499 
500.display-content .container .categories .items { 
501  display: flex; 
502
503 
504.display-content .container .categories .items > div { 
505  display: flex; 
506  align-items: center; 
507  column-gap: 0.375em; 
508
509 
510.display-content .container .categories .items > div svg { 
511  width: 1.125em; 
512  height: 1.125em; 
513  stroke: #7e8aab; 
514
515 
516.display-content .container .categories .items > div span { 
517  font-weight: 400; 
518  font-size: 1em; 
519  color: #7e8aab; 
520
521 
522.display-content .container .categories .items > div + div::before { 
523  content: "-"; 
524  margin: 0 0.875em; 
525  color: #bfc4d5; 
526  font-weight: bold; 
527  display: flex; 
528  align-items: center; 
529
530 
531.display-content .container .share .short-link { 
532  position: relative; 
533  cursor: pointer; 
534  width: fit-content; 
535
536 
537.display-content .container .share .short-link::before { 
538  content: ""; 
539  width: 100%; 
540  height: 100%; 
541  position: absolute; 
542  z-index: 1; 
543
544 
545.display-content .container .share .short-link:hover .message { 
546  transform: translate3d(0, 100%, 0); 
547  opacity: 1; 
548
549 
550.display-content .container .share .short-link .message { 
551  transition: all ease-in-out 0.2s; 
552  position: absolute; 
553  width: 100%; 
554  bottom: 0; 
555  padding-top: 0.3em; 
556  opacity: 0; 
557  pointer-events: none; 
558  z-index: -1; 
559
560 
561.display-content .container .share .short-link .message span { 
562  display: flex; 
563  justify-content: center; 
564  align-items: center; 
565  border-radius: 0.312em; 
566  color: #fff; 
567  font-size: 0.8em; 
568  height: 2.5em; 
569  background: #285eff; 
570
571 
572.display-content .container .share .short-link .message span.success { 
573  background: #29c450; 
574
575 
576.display-content .container .share .short-link .input-wr { 
577  background: #ffffff; 
578  border: 0.3px solid #bdc5dd; 
579  border-radius: 0.312em; 
580  overflow: hidden; 
581  display: flex; 
582  width: 11.5em; 
583  height: 2.812em; 
584  position: relative; 
585
586 
587.display-content .container .share .short-link .input-wr .icon { 
588  background: #285eff; 
589  width: 2.25em; 
590  display: flex; 
591  align-items: center; 
592  justify-content: center; 
593  flex-shrink: 0; 
594
595 
596.display-content .container .share .short-link .input-wr .icon svg { 
597  fill: #fafbfc; 
598  width: 1.188em; 
599  height: 1.188em; 
600
601 
602.display-content .container .share .short-link .input-wr input { 
603  direction: ltr; 
604  cursor: pointer; 
605  border: 0; 
606  outline: 0; 
607  box-shadow: 0; 
608  width: 100%; 
609  padding-left: 1em; 
610  font-weight: 400; 
611  font-size: 0.75em; 
612  color: #7e8aab; 
613
614 
615.display-content .container .share ul { 
616  list-style: none; 
617  margin: 0 auto 0 0; 
618  display: flex; 
619  column-gap: 2.62em; 
620  align-items: center; 
621
622 
623html.ltr .display-content .container .share ul { 
624  margin: 0 0 0 auto; 
625
626 
627.display-content .container .share ul li { 
628  cursor: pointer; 
629
630 
631.display-content .container .share ul li svg { 
632  width: 1.5em; 
633  height: 1.5em; 
634
635 
636.display-content .container .share ul li span { 
637  font-weight: 500; 
638  font-size: 0.75em; 
639  color: #7e8aab; 
640
641 
642@media only screen and (max-width: 991px) { 
643  .display-content { 
644    font-size: 14px; 
645
646  .display-content .container { 
647    display: flex; 
648    flex-direction: column; 
649
650  .display-content .container > * { 
651    order: 5; 
652
653  .display-content .container > .breadcrumb-wrapper, 
654  .display-content .container > .sub-title, 
655  .display-content .container > .title, 
656  .display-content .container > .details { 
657    order: 1; 
658
659  .display-content .container .main-image { 
660    margin-left: 0; 
661    margin-right: 0; 
662    order: 4; 
663    max-width: unset; 
664    width: fit-content; 
665    margin: 3em auto 3em auto !important; 
666
667
668 
669@media only screen and (max-width: 767px) { 
670  .display-content { 
671    font-size: 13px; 
672
673  .display-content .container .head { 
674    padding-top: 4em; 
675
676  .display-content .container .head::before { 
677    background-position: -2.5em 1.5em; 
678
679  .display-content .container .head .title { 
680    font-size: 1.5em !important; 
681
682
683 
684@media only screen and (max-width: 575px) { 
685  .display-content { 
686    font-size: 12px; 
687
688  .display-content .container .article-content { 
689    font-size: 1.2em; 
690
691  .display-content .container .categories { 
692    font-size: 1.2em; 
693
694  .display-content .container .share { 
695    font-size: 1.3em; 
696    flex-direction: column; 
697
698  .display-content .container .share ul { 
699    margin: 0 !important; 
700    justify-content: flex-start; 
701
702
703 
704@media print { 
705  .zahra-nav, 
706  .la-news-po-2, 
707  .footer, 
708  .share , 
709  .hidden-in-print-mode { 
710    display: none !important; 
711
712
713 
714/*  breadcrumb  */ 
715 
716.breadcrumb-wrapper .portlet { 
717	margin-bottom:0; 
718	margin: auto; 
719
720 
721.breadcrumb-wrapper .portlet .portlet-header{ 
722	display:none; 
723
724 
725.breadcrumb-wrapper .portlet .portlet-content { 
726	padding-left:0; 
727	padding-bottom:0; 
728
729html.rtl .breadcrumb-wrapper .portlet .portlet-content { 
730	padding-right:0; 
731
732 
733.breadcrumb-wrapper .portlet .breadcrumb { 
734	background:none; 
735	margin-bottom:0; 
736	padding:0; 
737	font-size:inherit; 
738
739.breadcrumb-wrapper .portlet .breadcrumb .breadcrumb-item+.breadcrumb-item::before { 
740  background-image: none; 
741  content: '/'; 
742	top: unset; 
743	margin-top: unset; 
744  color: #7e8aab; 
745   
746
747 
748.breadcrumb-wrapper .portlet .breadcrumb li { 
749	font-size: 1em; 
750
751 
752.breadcrumb-wrapper .portlet .breadcrumb li { 
753	font-size: 1em; 
754
755 
756.breadcrumb-wrapper .portlet .breadcrumb li a { 
757	text-decoration:none; 
758  color: #7e8aab; 
759  font-weight: 400; 
760  font-size: 0.93em; 
761
762 
763.breadcrumb-wrapper .portlet .breadcrumb li span.active  { 
764  color: #7e8aab; 
765  font-weight: 400; 
766  font-size: 0.93em; 
767   
768	white-space: nowrap;  
769  max-width: 300px;  
770  overflow: hidden; 
771  text-overflow: ellipsis;  
772
773 
774/*  breadcrumb  */ 
775 
776 
777</style>