/* TIME.mk mobile version | Martin Ivanovski | Nov 2013 */
/*@font-face{font-family:'OSNS';src:url('../fonts/opensans_semibold/OpenSans-Semibold-webfont.eot');src:url('../fonts/opensans_semibold/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/opensans_semibold/OpenSans-Semibold-webfont.woff') format('woff'),url('../fonts/opensans_semibold/OpenSans-Semibold-webfont.ttf') format('truetype'),url('../fonts/opensans_semibold/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');font-weight:600;font-style:normal}

@font-face{font-family:'OSNS';src:url('../fonts/opensans_regular/OpenSans-Regular-webfont.eot');src:url('../fonts/opensans_regular/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/opensans_regular/OpenSans-Regular-webfont.woff') format('woff'),url('../fonts/opensans_regular/OpenSans-Regular-webfont.ttf') format('truetype'),url('../fonts/opensans_regular/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');font-weight:400;font-style:normal}*/
*{margin:0}
html{-ms-touch-action:manipulation;touch-action:manipulation;-webkit-text-size-adjust:none}
a{color:inherit;text-decoration:none}
.bar{display:block;height:23.5vw;max-height:120px;width:auto;max-width:94%}
.bar img{width:auto!important;height:auto!important;max-height:120px;max-width:100%}
.bar>center{height:100%}
#adpos_mobile2{height:47vw;max-height:240px;margin:2.5% auto}
#adpos_mobile2 img{max-height:240px}
.clearer{clear:both;height:36px;width:100%}
.clear{border-bottom:dashed 1px #B0B0B0;clear:both;float:left;margin:2% auto 0 .5%;width:99%}
body{background:#dadada;font-family:Arial,sans-serif;height:100%;position:relative;width:100%}
.cat_container{height:30px}
.header{-moz-background-clip:padding;-webkit-background-clip:padding;background-clip:padding-box;background-color:#FFF;border-bottom:solid 1px rgba(0,0,0,0.3);box-shadow:0 0 8px rgba(0,0,0,0.4);height:35px;left:0;margin:0 auto 0 0 !important;position:fixed;top:0;width:100%;z-index:10;-webkit-backface-visibility:hidden;-webkit-overflow-scrolling:touch;backface-visibility:hidden}
.menu_stripes{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;-moz-perspective:1000;-ms-perspective:1000;perspective:1000;height:18px;padding-left:3%;padding-right:10%;padding-bottom:15px;overflow:hidden;padding-top:7px;position:absolute;top:0;transition:width .3s;translateZ(0);width:20px;z-index:200}
.menu_stripes.on{width:18px}
.menu_stripes span{background-color:#959595;border-radius:1px;display:block;height:3px;margin-top:3px;width:100%}
.logo{background-image:url('../images/main_logo.svg');position:absolute;z-index:1;left:0px;right:0px;margin:0 auto;background-repeat:no-repeat;background-size:100%;height:30px;margin-top:-4px;overflow:hidden;width:80px;background-position:0px 11px}
.site_srbtimemk .logo,.site_timers .logo{background-image:url('../images/srbtimemk/main_logo.svg')}
.site_crotimemk .logo,.site_bgtimemk .logo,.site_shqiptimemk .logo,.site_bihtimemk .logo,.site_time3ro .logo{background-size:66%}
.site_time3ro .logo{background-image:url('../images/time3ro/main_logo.png')}
.site_crotimemk .logo{background-image:url('../images/crotimemk/main_logo.png')}
.site_bgtimemk .logo{background-image:url('../images/bgtimemk/main_logo.png')}
.site_shqiptimemk .logo{background-image:url('../images/shqiptimemk/main_logo.png')}
.site_bihtimemk .logo{background-image:url('../images/bihtimemk/main_logo.png')}
.cat_container>div>a,#category_0>span,#category_1>span,#category_2>span{border-radius:2px;float:right;font-size:15px;font-weight:500;line-height:20px;margin-right:3%;margin-top:4px;padding:4px;text-decoration:none;text-transform:uppercase;vertical-align:middle}
.header .cat_container>.category>a{margin-top:0px;padding-top:0px;}
.category>.source_pill{display:inline-block;padding:4px 10px;background-color:#4285F4;color:#fff;border-radius:12px;font-weight:500;line-height:20px;max-width:calc(50vw - 60px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box}
.category:has(>.source_pill){margin-top:4px}
.header .search_bar{margin:0px;right:2%;top:2px;position:absolute;width:87%;box-shadow:0px 0px 1px 0px rgba(0,0,0,0.2);z-index:202}
.header .search_bar .searchmain{padding-right:40px;width:100%;box-sizing:border-box;height:100%!important;transition:display .2s}
.header .searchradio, .header .searchradiolbl{display:none!important;}
.header .send{background:none;height:100%;width:40px;margin:0px!important}

.search_button{position:absolute;right:2.3%;top:0px;height:100%;box-sizing:border-box;margin-top:0px!important;padding-top:4px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.search_button span{border-color:#666!important;display:block;transition:border-color .2s;margin: 0 auto}
.search_button span:first-of-type{width:10px;height:10px;border-radius:40px;border:3px solid}
.search_button span:last-of-type{width:0px;height:6px;border-radius:2px;margin-top:-3px;border:2px solid}
.drawer .search_button span:first-of-type{width:10px;height:10px}
.drawer .search_button span:last-of-type{width:0px;height:6px}

.header .search_collapse{box-shadow:none!important;border:none!important;background-color:transparent!important;transition:box-shadow .2s, border .2s, background-color .2s;z-index:-2}
.header .search_collapse .searchmain{display:none;}
.header .search_collapse .search_button span{border-color:#959595!important}
.header .search_toggler{height:calc(100% + 6px)!important;top:-3px}

#category_0 a,#category_0 span{color:#4285F4}
#category_1 a,#category_1 span{color:#34A853}
#category_2 a,#category_2 span{color:#EA4335}
#category_0:hover > a{background-color:#d7e2f7}
#category_1:hover > a{background-color:#e6f4ea}
#category_2:hover > a{background-color:#dcceea}
#category_0:active > a{background-color:#e8effd}
#category_1:active > a{background-color:#e4f8e4}
#category_2:active > a{background-color:#ece7f1}
.cat_container .selected a,.cat_container .selected span{color:#fff!important}
#category_0.selected a,#category_0.selected span,.kategorija h1{background-color:#4285F4}
#category_1.selected a,#category_1.selected span,#row_9 h1{background-color:#34A853}
#category_2.selected a,#category_2.selected span,#row_12 h1{background-color:#EA4335}
#category_0.selected a,#category_0.selected span,#category_1.selected a,#category_1.selected span,#category_2.selected a,#category_2.selected span{border-radius:12px;padding:4px 10px}

.category{color:#aaa;float:right;font-size:15px;line-height:20px;margin-right:3%;margin-top:8px;text-transform:uppercase;vertical-align:middle}
.rekl{display:block;margin-top:0;height:100%!important;max-height:120px}
.rekl_a{height:100%!important}
#adpos_mobile2 .rekl{max-height:240px}

.category span{color:#000;font-weight:600}
.category[class*="topic_row_"]>span{color:#fff!important;border-radius:12px;padding:4px 10px;font-weight:500;display:inline-block;line-height:20px}
.category[class*="topic_row_"]{margin-top:4px}
.category.topic_row_1>span{background-color:#c00}
.category.topic_row_2>span{background-color:#438988}
.category.topic_row_3>span{background-color:#f60}
.category.topic_row_4>span{background-color:#3c3ca4}
.category.topic_row_5>span{background-color:#f93}
.category.topic_row_6>span{background-color:#696969}
.category.topic_row_7>span{background-color:#ffc300}
.category.topic_row_8>span{background-color:#0086b3}
.category.topic_row_9>span{background-color:#34A853}
.category.topic_row_10>span{background-color:#fb416d}
.category.topic_row_11>span{background-color:#0086b3}
.category.topic_row_12>span{background-color:#EA4335}
.content{float:left;height:100%;margin-top:0;overflow:auto;position:relative;width:100%}

.article,.bar{background-color:#fff;box-shadow:0 2px 1px rgba(0,0,0,0.2),0 0 1px rgba(0,0,0,0.2);border-radius:6px;margin:0 0 10px 0;margin:2.5% auto 0;overflow:hidden;position:relative;text-decoration:none}
.article{width:94%;min-height:140px}
.article>div{margin:10px;overflow:visible}
.article_content{display:table;min-height:97px}
.article_image{display:table-cell;height:92px;margin-right:5px;overflow:visible;position:relative;width:100px;z-index:2}
.article_image a{display:block;background-color:#ededed;background-image:url(../images/no_image.png);width:92px;border:solid 1px #00c}
.article_image a,.thumbnaildiv{background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:4px}
.article_body{display:table-cell;padding:0px;vertical-align:top}
.article_body p{}
.articleimage a{display:block;height:100%;width:92px}
.articletext{height:auto;width:auto}
.thumbnaildiv{border:1px solid #fff;box-sizing:border-box;background-clip:padding-box;height:92px;box-shadow:0 1px 1px rgba(0,0,0,0.3),0 0 1px rgba(0,0,0,0.4)}
.article h1,.title,.article_content h2{font-family:Arial,sans-serif;font-weight:bold}
.article h1,.title{color:#2c0fbd;font-size:16px;font-weight:600;line-height:17px;margin:0 0 7px 0;max-height:51px;min-height:17px;overflow:hidden;text-decoration:underline;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;text-overflow:ellipsis;}
.article h1 a,.r_t a{color:#2c0fbd}.title a:visited,.r_t a:visited{color:#2c0fbd}
.article_content h2{color:#222;display:block;font-size:13px;line-height:15px;font-weight:bold;width:100%;margin-bottom:2px;margin-top:-2px;}
.snippet{color:#222;font-size:13px;height:auto;line-height:16px;max-height:80px;margin-bottom:3px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;text-overflow:ellipsis}

/*fak..
.r_article{font-family:Arial,sans-serif;display:table;font-size:15px;line-height:20px;width:100%}
.r_title,.r_source{display:table-cell;width:auto}
.r_source{width:20px}
.r_title{height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.r_source a{color:#666;white-space:nowrap}
fak..*/
.r_a{font-family:Arial,sans-serif;font-size:13px;line-height:17px;white-space:nowrap;width:100%;height:16px;overflow:hidden}
.r_t,.r_s{float:left}
.r_t{max-width:75%}
.r_t p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:5px}
.r_s a,.r_s a:visited{color:#666;white-space:nowrap}
.article.r_i .r_t,.article.r_i .other_sources span:first-child,.article.r_i .other_articles{margin-left:100px}

.other_sources,.other_articles{font-family:Arial,sans-serif;width:100%;font-size:13px;line-height:16px;height:16px;white-space:normal;overflow:hidden;color:#6b7280}
.other_sources a,.other_articles{color:#6b7280}

.info{background-color:#FEFEFE;bottom:0;height:17px;position:absolute;right:0;width:100%;z-index:1}
.count{bottom:0;color:#008000;display:block;font-size:9px;font-weight:700;margin-bottom:2px;margin-right:5px;position:absolute;right:0}
.count a{color:#008000;font-weight:700;text-decoration:none}
.source{color:#666}
.when_now{color:#C00}
.when{color:#222}
.when_now,.when{white-space:nowrap}
.kategorija_containter .article{clear:both;margin:3% 0 0 1.4%;width:98.5%}
.kategorija_containter{clear:none;float:left;margin-left:2%;padding-bottom:4%;width:95.5%}
.kategorija{background-color:#FFF;box-shadow:0 2px 1px rgba(0,0,0,0.4),0 0 1px rgba(0,0,0,0.2);border-radius:8px;border-bottom-left-radius:10px;border-bottom-right-radius:2px;border-top-right-radius:2px;color:#000;float:left;font-size:20px;font-weight:700;height:33px;margin-bottom:2%;margin-top:2%;overflow:visible;position:relative;text-transform:uppercase;vertical-align:central;width:100%}
.kategorija span{display:block;float:left;margin-left:9px;line-height:34px}
.kategorija h1{background-color:#6B90DA;border-bottom-left-radius:8px;border-top-left-radius:8px;float:left;height:33px;overflow:hidden;width:12px}
#row_1 h1{background-color:#c00}
#row_2 h1{background-color:#438988}
#row_3 h1{background-color:#f60}
#row_4 h1{background-color:#3c3ca4}
#row_5 h1{background-color:#f93}
#row_6 h1{background-color:#696969}
#row_7 h1{background-color:#ffc300}
#row_10 h1{background-color:#fb416d}

.space{clear:both;height:10px}
.footer{bottom:0;clear:both;font-size:11px;height:16px;margin:10px auto 0;padding-top:3px;position:relative;text-align:center;text-decoration:none;width:100%}
.footer a{clear:both;color:#333;text-decoration:none;width:100%}
#drawer{-moz-background-clip:padding;-webkit-background-clip:padding;background-clip:padding-box;background-color:#e5e5e5;border-right:1px solid rgba(0,0,0,0.2);box-shadow:0 0 10px rgba(0,0,0,0.5);height:50%;left:-90%;max-width:350px;opacity:0;overflow:auto!important;overflow-x:hidden!important;padding-bottom:100%;padding-top:35px;position:fixed;top:0;width:80%;z-index:4}
.on#drawer{left:0;opacity:1}
#out_drawer{background-color:#000;display:none;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:2}
.on#out_drawer{display:block;opacity:0.5}
#out_drawer a{cursor:default;display:block;height:100%;width:100%;z-index:3}
#drawer .cat_container{background-color:#FFF;height:50px;padding-top:15px;width:100%;text-align:center;direction:rtl}
#drawer .cat_container>div{display:inline-block;float:none;direction:ltr}
#drawer .cat_container div a{font-size:15px;line-height:20px;margin:4px 5px 0;padding:4px 10px!important;width:auto!important;display:inline-block;float:none}
.search_bar{background-color:#fdfdfd;border-bottom:solid 2px #cacaca;border-bottom-left-radius:3px;border-bottom-right-radius:3px;border-radius:2px;height:30px;margin-bottom:45px;margin-top:15px;position:relative;width:90%}
.site_srbtimemk .search_bar,.site_timers .search_bar,.site_crotimemk .search_bar,.site_bgtimemk .search_bar,.site_bihtimemk .search_bar,.site_shqiptimemk .search_bar{margin-bottom:15px}
.site_srbtimemk .searchradio,.site_timers .searchradio,.site_crotimemk .searchradio,.site_bgtimemk .searchradio,.site_bihtimemk .searchradio,.site_shqiptimemk .searchradio,.site_srbtimemk .searchradiolbl,.site_timers .searchradiolbl,.site_crotimemk .searchradiolbl,.site_bgtimemk .searchradiolbl,.site_bihtimemk .searchradiolbl,.site_shqiptimemk .searchradiolbl{display:none!important}
.content .search_bar{width:94%;margin-left:3%;margin-bottom:5%}
.search_bar .searchmain{background:none;border:none!important;font-family:'Roboto',sans-serif;font-size:16px;height:28px!important;line-height:16px;padding-bottom:1px;text-overflow:ellipsis;padding-left:3%;padding-right:30px;width:87%}
.content .search_bar .searchmain{width:89.5%}
.search_bar .send{display:block;position:absolute;right:0;top:0}
.search_bar div{display:inline-block;margin-top:10px}
.search_bar .searchradio{height:20px;margin-top:6px;width:20px}
.send{background-color:transparent;background-position:-135px 4px;background-repeat:no-repeat;background-size:700%;border:0;cursor:pointer;height:30px;opacity:0.8;position:absolute;right:0;width:26px}
#drawer a{background-color:#ddd;display:block;font-size:18px;font-weight:400;line-height:35px;margin-bottom:5px;padding:1px 1px 1px 5%;width:100%;box-sizing:border-box}
#drawer a .symbol{background-image:url('../images/drawer_sprite.png?ver=1');background-repeat:no-repeat;background-size:cover;display:inline-block;height:18px;margin-bottom:-3px;margin-right:6px;width:18px}
#drawer a #ls1{background-position:-20px}
#drawer a #ls2{background-position:-38px}
#drawer a #ls3{background-position:-95px}
#drawer a #ls4{background-position:-58px}
#drawer a #ls5{background-position:-77px}
#drawer a #ls6{background-position:-134px}
#drawer a .feature{color:#D00;font-size:16px;font-weight:600;margin-left:10px}
#drawer a.selected{background-color:#bbb;font-weight:600}
#drawer a.selected .feature{font-weight:400}
#drawer .break{border-bottom:solid 1px #ccc;display:block;margin:10px 10px 10px 9%;width:80%}
#drawer a#color_scheme_toggle .symbol{background-image:url('../images/color_scheme_toggle.svg');background-position-x:2px;}
#drawer a#color_scheme_toggle:after{content:"Dark mode"}
.timeline{background-color:#fff;border:1px solid #dedede;border-radius:5px;float:left;font-family:Helvetica,sans-serif!important;height:auto;margin:2%;padding-bottom:10px;width:96%}
.pag{float:right;font-size:14px;margin-right:15px;margin-top:-35px}
.pag a{color:#999!important;display:inline-block;padding:2px;width:15px}
.pag a#prev,.pag a#next{font-size:20px;font-weight:700}
.pag a#prev{padding-right:5px}
.pag a#next{padding-left:9px}
.pag a:hover{color:#333!important;text-decoration:none}
.pag a#selected{color:#333!important;font-size:16px;font-weight:700;text-decoration:underline}
.tweets{height:auto}
.tweet{border-bottom:1px solid #e8e8e8;float:left;height:auto;position:relative;width:100%}
.rng{color:#555;display:none;font-size:19px;font-weight:100;left:-108px;margin-top:14px;padding-bottom:5px;position:absolute;text-align:right!important;width:100px}
.timeline .clear{border:none!important;clear:both!important;height:0!important;margin:0;width:100%!important}
.user_image{float:left;height:100%;width:20%}
.user_image span{background-repeat:no-repeat;background-size:cover;border-radius:5px;clear:both;display:block;height:48px;margin:15px auto 10px;width:48px}
.user_image:hover + .content_tweet .content_top .name{text-decoration:underline}
.content_tweet{float:left;margin-top:0;width:80%}
.content_top{margin-bottom:3px;margin-top:10px}
.name{font-size:14px;font-weight:700}
.nick{color:#707070!important;display:inline-block;font-size:12px;margin-left:2px;text-decoration:none!important}
.date{color:#707070!important;float:right;font-size:12px;margin-left:2px;margin-right:10px;margin-top:3px}
.content_middle{font-size:14px;line-height:16px;padding-bottom:10px;width:97%}
.keyword a{color:#000!important}
.content_bottom{border-top:1px solid #eBeBeB;margin-right:10px;padding-bottom:8px;padding-top:5px}
.cnt{color:#666;font-size:12px;font-weight:700;line-height:18px;margin-right:3px}
.cnt span{font-size:10px;font-weight:400;margin-left:2px;text-transform:uppercase}
.content_bottom div{cursor:default;float:right;margin-right:-2px;padding-top:3px}
.content_bottom div a{background-image:url(../images/lbar_icons.png);cursor:pointer!important;display:inline-block;height:16px;margin-left:10px;margin-top:1px;overflow:hidden;width:22px}
.content_bottom div > span{color:#777;font-size:11px;margin-right:3px;position:relative;top:-3px}
.reply{background-position:-349px -2px}
.retweet{background-position:-373px -1px}
.favourite{background-position:-396px -1px}
.reply:hover,.retweet:hover,.favourite:hover{opacity:.8}
.nick:hover{text-decoration:none}
.dashboard{display:none;float:left;font-family:Helvetica,sans-serif!important;padding-top:2%;position:fixed;right:2%}
.dashboard .component{border:1px solid #dedede;border-radius:5px;height:auto;margin-bottom:4%;margin-top:-5px;overflow:hidden;width:100%}
.component#nav{line-height:30px}
.component#nav a{background-color:#f9f9f9;border-bottom:1px solid #e8e8e8;color:#36B;display:block;font-size:15px;font-weight:300;height:30px;margin:0;text-decoration:none!important}
.component#nav a.last{border-bottom:0}
.component#nav a#selected{background-color:#fff;color:#333;font-weight:700}
.component#nav a span{background-image:url(../images/lbar_icons.png);background-position:-323px -3px;;display:inline-block;height:14px;margin-bottom:-2px;margin-left:5px;margin-right:10%;width:11px}
.component#nav a:hover{background-color:#FDFDFD;color:#333}
.component#nav a:hover span{background-position:-337px -3px}
.component#nav a#selected span{background-position:-337px -3px;margin-right:8%}
.cat_container#tt .category{color:#000;font-family:Helvetica,sans-serif;font-size:20px!important;font-weight:700;text-transform:none}
#extra,.thumbnail,.invisible,.tw_details,.cat_container#tt #category_1,.cat_container#tt #category_2,.cat_container#tt #category_0{display:none}
.article:active,.kategorija:active{box-shadow:0 2px 1px rgba(0,0,0,0.4),0 0 1px rgba(0,0,0,0.4)}
#row_8 h1,#row_11 h1{background-color:#0086b3}
.send:hover,.tweets_nav_top a .backgr#selected .period{opacity:1}
.timeline_head h1 a:hover,.name:visited,.date:hover{color:#333}
.timeline > .pag,.timeline_head .pag{margin-top:8px}
.pagination{float:left;margin-bottom:5%;margin-left:3%;width:94%;height:30px;overflow:hidden}
.pagination a span{display:inline-block;width:28px;height:28px;line-height:29px;background-color:#fff;border-bottom:solid 2px #d5d5d5!important;border-radius:2px;border-bottom-left-radius:3px;border-bottom-right-radius:3px}
.pagination a span.select{background-color:#666;color:#fff;border-bottom:solid 2px #c5c5c5!important;font-weight:600;}
#search_recnik .article{height:auto;padding:0px}
.article th,.article td{width:50%;padding-left:2.8%;padding-right:3%;border-radius:1px}
.article td span b{font-weight:600}
.article th{background-color:#61789c;color:#fff;padding-top:2px;padding-left:0px;padding-right:0px;width:50%!important}
.article th span{font-weight:600;line-height:30px;font-size:20px;width:10px;margin:0 auto}
.article td span{word-break:break-word}
.article th:first-child,.article td:first-child{border-top-left-radius:2px;border-bottom-left-radius:2px}
.article th:last-child,.article td:last-child{border-top-right-radius:2px;border-bottom-right-radius:2px}
.article tr:nth-child(odd){background-color:#f1f4f7}
#twitter .pagination{margin-bottom:0px!important;margin-top:10px;float:right!important;width:auto!important;margin-right:10px}
#twitter .pagination{margin-bottom:0px!important;margin-top:8px;margin-left:6px!important;float:right!important;width:auto!important;margin-right:10px;padding:1px}
#twitter .pagination a span{box-shadow: 0px 0px 1px 0px #777;border-bottom:0px!important}
.event_single a,.event_list a {color:#365899;text-decoration:none}
.event_single{font-family:'San Francisco', -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;padding:10px}
.event_single a:hover,.event_list a:hover{text-decoration:underline}
.event_header,.event_description,.event_details,.event_attendance{border-radius:2px;overflow:hidden;box-shadow:0px 0px 1px 0px rgba(0,0,0,0.4),0px 1px 1px 0px rgba(0,0,0,0.4);background-color:#fff}
.event_description,.event_details,.event_attendance{margin-top:20px;box-shadow:0px 0px 1px 0px rgba(0,0,0,0.4),0px 1px 1px 0px rgba(0,0,0,0.4);float:none;display:inline-block;box-sizing:border-box}
.event_details{width:58%;float:left;margin-right:20px;overflow:hidden;color:#4b4f56}
.event_attendance{width:calc(42% - 20px);padding:11px 15px 10px}
.event_details{width:100%}
.event_attendance{width:100%;margin-top:-2px}
.event_description h2{padding-left:15px;padding-top:12px;padding-bottom:10px;font-size:16px}
.event_description hr{border:0px;border-top:1px solid #e5e5e5}
.event_description pre{padding:10px 15px;white-space:pre-wrap;font-family:inherit;color:#4b4f56;font-size:14px}
.event_cover{height:253px;position:relative;background-size:cover;background-position:center}
.event_details>div{display:table}
.event_details>div>div{display:table-cell}
.event_cover_title_bar{bottom:0px;position:absolute;max-height:120px;overflow:hidden;text-shadow:0 1px 3px rgba(0,0,0,.5);font-family:'San Francisco', -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif}
.event_cover_title_bar h2{font-weight:400;height:50px;padding-bottom:10px;display:table}
.event_cover>span{display:block;width:100%;height:100%;background:-moz-linear-gradient(top,  rgba(102,102,102,0) 0%, rgba(84,84,84,0) 18%, rgba(33,33,33,0.2) 68%, rgba(0,0,0,0.36) 100%);background:-webkit-linear-gradient(top, rgba(102,102,102,0) 0%,rgba(84,84,84,0) 18%,rgba(33,33,33,0.2) 68%,rgba(0,0,0,0.36) 100%);background:linear-gradient(to bottom, rgba(102,102,102,0) 0%,rgba(84,84,84,0) 18%,rgba(33,33,33,0.2) 68%,rgba(0,0,0,0.36) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00666666', endColorstr='#5c000000',GradientType=0 )}
.event_cover>span>a{display:block;width:100%;height:100%}
.events_list #event_location a{color:#365899!important}
.events_list .event_cover{z-index:2}
.events_list .event_cover>span{background:none}
.event_cover_title_bar a{color:#fff;font-size:20px;line-height:24px;word-wrap:break-word;display:table-cell;vertical-align:middle;text-decoration:none}
.event_cover_title_bar a:hover{text-decoration:underline}
.event_calendar{width:74px;height:50px;float:left}
.event_calendar > div{width:46px;height:46px;border:2px solid #fff;margin:0 12px;border-radius:5px;background-color:rgba(0,0,0,0.2)}
.event_calendar span{display:block;overflow:hidden;position:relative;text-align:center;white-space:nowrap;color:#fff;text-shadow:0 1px 1px rgba(0, 0, 0, .25);word-wrap:break-word;letter-spacing:-0.02em;-webkit-font-smoothing:antialiased}
.event_calendar .event_month{padding-bottom:1px;padding-top:5px;font-size:10px;line-height:10px;font-weight:600}
.event_calendar .event_day{padding-bottom:5px;padding-top:3px;font-size:22px;line-height:22px;font-weight:400}
.event_actions{padding-top:10px;height:auto;color:#90949c}
.event_actions span span:first-of-type,.event_details>div div:nth-of-type(1) span:first-of-type{background-image:url('data:image/png;base64,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');background-repeat:no-repeat;display:inline-block;width:15px;height:15px;margin:0px 10px;margin-bottom:-2px}
.event_details div:first-of-type span:first-of-type{display:table-cell;vertical-align:middle}
.event_details>div{width:100%;padding:10px 0px 11px;box-sizing:border-box}
.event_actions>span,.event_details>span{display:block;margin-bottom:10px;white-space:nowrap;position:relative}
.event_actions #event_location span:first-of-type,.event_details #event_location span:first-of-type{  background-position:-17px -157px}
.event_actions #event_date span:first-of-type,.event_details #event_date span:first-of-type{  background-position:-17px -140px}
.event_actions #event_hosted span:first-of-type,.event_details #event_hosted span:first-of-type{  background-position:0px -140px}
.event_actions p{display:inline-block;width:calc(100% - 150px);overflow:hidden;margin-bottom:-3px;text-overflow:ellipsis}
.event_details>div div:nth-of-type(1) span:first-of-type{vertical-align:middle;margin-top:5px}
.event_details>div div:nth-of-type(2) p:last-of-type{font-size:12px;color:#90949c}
.event_details>div div:nth-of-type(2) p:first-of-type{font-size:14px;white-space:nowrap;font-weight:500}
.event_details>div#event_location{border-top:1px solid #e5e5e5}
.event_details>div div:nth-of-type(2) p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:350px}
#event_location a,#event_date a{color:#4b4f56!important}
.event_attendance div{width:33.333%;box-sizing:border-box;float:left;line-height:1.34}
.event_attendance div span{color:#4b4f56;display:block;font-weight:500;-webkit-font-smoothing:antialiased}
.event_attendance div span:first-of-type{font-size:22px}
.event_attendance div span:last-of-type{font-size:14px;color:#90949c}
.event_attendance p{color:#90949c;display:block;font-size:11px;-webkit-font-smoothing:antialiased;font-weight:bold;line-height:12px;text-transform:uppercase;margin-bottom:26px}
.events_list .event_header,.events_list .event_description,.events_list .event_details,.events_list .event_attendance{border-radius:0px;box-shadow:none}
.events_list{box-sizing:border-box;padding:12px 10px 2px 10px;background-color:white;overflow-x:hidden}
.events_list .event_single:first-of-type{padding-top:3px}
.events_list .event_single:last-of-type{border-bottom:0px}
.events_list .event_single{padding:15px 0px 10px 0px;border-bottom:1px solid #d8dfea}
.events_list .event_header{width:100px;height:100px;box-sizing:border-box;padding-right:10px;float:left;overflow:visible;background-color:transparent}
.events_list .event_cover{width:100%;height:100%}
.events_list .event_cover{box-shadow:0px 0px 0px 1px rgba(0,0,0,0.2)}
.events_list .event_actions{padding-top:0px}
.events_list .event_actions>p{font-size:16px;width:calc(100% - 100px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;line-height:18px;margin-bottom:2px}
.events_list .event_actions>span:first-of-type{margin-top:1px}
.events_list .event_actions>span{margin-bottom:3px;color:#4b4f56;font-size:14px}
.events_list .event_actions span b{font-weight:500;color:#000}
.events_list #event_hosted p{width:calc(100% - 210px)}
.events_list #event_location p{width:calc(100% - 140px)}
.events_list .event_attendance{margin:0px;padding:9px 0px 0px 10px}
.events_list .event_location p{margin-bottom:2px}
.events_list .event_attendance div span:first-of-type{font-size:18px;line-height:19px}
.events_list .event_attendance div span:last-of-type{line-height:16px}
.event_actions>span a:hover p{text-decoration:underline}
#event_att>span:first-of-type{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAOCAYAAADJ7fe0AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABWWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgpMwidZAAABeUlEQVQoFWNgoAJgRDajq2uqxH8Wxn7G/ww6DH//u5aVZb9AlsfFZkGWYOFkaRQWEo1gY2djeP70WT1QLrO7f7oDw/9/wX//MaysKMk+gqwexkYxRFBQmIeHlxcsJygoxAdicHBwLubm4Zb5+uWzB5CrCpZEI1AMYWJiYoPJM7EwsTVMncojJi4uw8LCwsDFxa0Ak0OnmZAFgGGxFsYHsbl+MaiADAABIM3S3j9NCSaPTKMY8vXbV3hAgtisHFwfGBgY94E0MDIybuNmZv2FrBnGhhvS2TvN4s+fv90wiT9//nT+//1X7MePz8VAsSvfvn579+7dU7glMHUgGmxIV9/0Ck5OjuPCwsImMElhYREzFhamk29ev3X58/tX9t9/f2K4+cWud/bNgKuBqQUbIigoEC8tI8vAzsEBEwezQWKcnFzJ1y+fPsLLy8cgK6egwsHBBop6FAA2hJeXVwZFFInDx8cn09DQ8A8o9IeVlZVBSFDIDEl6ODIB4w9jm9ry+2YAAAAASUVORK5CYII=');background-position:1px 2px;background-size:cover}
.f_dropdown{height:20px;border-bottom:1px solid #a8afba;padding-bottom:15px;position:relative;outline-width: 0;outline: none}
.f_dropdown:first-of-type{float:left;margin-right:20px;z-index:3}
.f_dropdown:nth-child(2){margin-left:60px}
.f_dropdown>span{font-size:20px;cursor:context-menu}
.f_dropdown>span:after{content: "â–¾";font-size:13px;line-height:19px;margin-left:5px;vertical-align:middle}
.f_dropdown>div{display:none;position:absolute;width:auto;z-index:99999;box-sizing:border-box;background-color:rgba(255,255,255,0.97);margin-left:-1px;box-shadow:0px 1px 1px 1px rgba(0,0,0,0.2), 0px 2px 3px 0px rgba(0,0,0,0.2);border-radius:4px}
.f_dropdown>div a{display:block;line-height:20px;padding:10px;border-top:1px solid #ededed}
.f_dropdown>div a:hover{background-color:#f5f5f5}
.f_dropdown.f_down>div{display:block}
.f_dropdown i{display:none;position:absolute;width:100%;height:calc(100% - 8px);top:0;left:0}
.f_dropdown.f_down>i{display:block}
.events_list select{font-size:16px}
.events_list form{padding-bottom:10px;margin-bottom:10px;border-bottom:solid 1px #bfcde8}
/*body#super_nastani #drawer .cat_container{display:block!important}*/
.bar.advert_pos{clear:both}
#mobile_takeover iframe,#mobile_takeover>.advert_pos>center{height:100vh!important;width:calc(100% - 0px)!important}

@media screen and (max-width:900px){
.pagination{margin-left:2%;margin-bottom:3%;width:96%}
/*.pagination{margin-right:2%;margin-bottom:3%;width:auto;float:right}*/
#search_results .clear{width:98%;margin-bottom:4%;margin-top:0px}
#search_results .space{margin-top:3%}
.events_list .event_actions span span:first-of-type{margin-left:0px}}

@media screen and (max-width:480px){
.pagination{margin-left:5%;width:90%;margin-top:-0.5%;margin-bottom:4%}
#search_results .clear{width:95%;margin-bottom:5%;margin-top:0px}
#search_results .space{margin-top:3%}
.event_cover{height:145px}
.events_list .event_actions span{font-size:12px}
.events_list #event_location p{width: calc(100% - 117px)}
.events_list #event_hosted p{width: calc(100% - 184px)}
.events_list .event_actions span span:first-of-type{margin-right:4px}}

@media screen and (orientation:landscape) and (max-width:480px){
.title{min-height:19px}
.search_bar .searchmain{height:24px!important}
.content{margin-top:0}}
@media screen and (min-width:510px){
  .bar{max-width:480px}}
@media screen and (min-width:560px){.header{height:40px;margin:0;position:fixed}
.header .search_bar{top:4px}
.clearer{height:40px}
.menu_stripes{height:24px;padding-top:6px;width:25px}
.menu_stripes.on{width:22px}
.menu_stripes span{height:4px;margin-top:4px}
.logo{height:50px;margin-top:-14px;width:130px;background-position:0px 18px}
#category_1 a,#category_2 a,#category_0 a,#category_1 span,#category_2 span,#category_0 span{font-size:15px;line-height:20px;margin-right:5px;margin-top:5px;padding:5px 10px}
#category_1 span,#category_2 span,#category_0 span{margin-right:1.3%}
.category{font-size:18px;line-height:20px;margin-right:1%;margin-top:4px!important;padding:5px 10px 5px 5px}
#extra{display:none}

.bar{margin:0 auto;margin-top:1.3%;margin-bottom:1.3%}
.article{margin:0 auto;margin-top:1.3%;margin-bottom:1.3%;width:97.5%}
.content .search_bar .searchmain{width:92.4%}
.content .search_bar{width:96.5%;margin-left:1.3%;margin-bottom:3%}
#search_results .content .search_bar{width:97%}
.content{margin-top:0}
.clear{margin-bottom:1.5%;margin-left:1%;width:98%}


.footer{margin-top:10px}
#drawer{padding-top:40px}
#drawer .cat_container{width:82%}
.user_image{width:12%}
.content_tweet{width:88%}
.tw_details{display:inline-block;font-size:12px;margin-left:3px}
.tw_details a{background:none!important;color:#777!important;display:inline-block;font-size:12px;margin-left:5px;width:auto!important}
.tw_details a:hover{color:#333!important;text-decoration:underline}
.dashboard{top:4.7%}
#category_2 a,#category_1 a,#category_0 a{font-size:15px;line-height:20px;margin-right:5px;margin-top:5px;padding:5px 10px}}

@media screen and (min-width:750px){
  .kategorija_containter .article{margin-left:12px;margin-right:0;width:97%}
  .kategorija_containter{margin-left:1.3%;width:48%}
  .kategorija{margin-top:1.3%;width:100%}
.footer{margin-top:10px}
.timeline{width:66.6%}
.user_image{width:14%}
.content_tweet{width:86%}
.content .search_bar .searchmain{width:93.36%}
.dashboard{display:block;top:4.9%;width:27.3%}
.tweets_nav_top,.tweets_nav_top_push,.cat_container#tt .category{display:none}
/*#drawer .cat_container{display:none}*/
#search_results #drawer .cat_container,#search_recnik #drawer .cat_container{display:block!important}
.timeline_head h1,.cat_container#tt #category_1,.cat_container#tt #category_2,.cat_container#tt #category_0{display:block}
.kategorija_containter.odd{clear:left}
#twitter .pagination:first-of-type{margin-top:-37px}
.event_details{width:58%}
.event_attendance{width:calc(42% - 20px);margin-top:20px}}

@media screen and (min-width:900px){.header{height:60px;margin:0;position:fixed}
.header .search_bar{top:11px;width:calc(47% - 82px)}
.header .search_bar,.header .search_bar .searchmain{height:38px!important}
.header .search_button{padding-top:6px;}
.header .search_button span:first-of-type{width:14px;height:14px}
.header .search_button span:last-of-type{width:0px;height:8px}
.clearer{height:60px}
#extra{display:block}
.menu_stripes{height:24px;padding-top:16px;width:25px}
.menu_stripes.on{width:22px}
.menu_stripes span{height:4px;margin-top:4px}
.logo{height:63px;margin-top:-13px;width:164px;background-position:0px 24px}
#category_2 a,#category_0 a,#category_1 span,#category_2 span,#category_0 span{font-size:17px;line-height:20px;margin-top:10px;padding:10px 20px}
#category_1 span,#category_2 span,#category_0 span{margin-right:3%}
.category{font-size:20px;line-height:20px;margin-right:2%;margin-top:9px!important;padding:10px 20px 8px 10px}
.kategorija_containter{width:47.76%}
.content .search_bar{width:48%;margin-left:2%;margin-bottom:1.5%;margin-top:2%}
#search_results .content .search_bar{width:47%}
.content .search_bar .searchmain{width:91%}
.kategorija{width:100%}
.bar{margin-top:2.3%}
.article{float:left;margin:2% 0 0 3%;width:45.5%}
.article.odd{clear:left}
.article.r_i .r_t,.article.r_i .other_sources span:first-child,.article.r_i .other_articles{margin-left:100px}
#search_results .article{margin:2% 0 0 2%;width:96%}
.footer{margin-top:10px}
.dashboard{top:9.8%}
#drawer{padding-top:60px}
#category_2 a,#category_0 a{font-size:17px;line-height:20px;margin-top:10px;padding:10px 20px}
.pagination{float:right;width:auto;margin-right:1.3%;margin-top:-45px;margin-bottom:0px}
.content .pagination:last-child{margin-top:0px}
#search_recnik .article{width:96%;margin-left:2%}}
@media screen and (max-width:361px){
body.push_logo .header .logo{margin-left:40px;z-index:199}
body.push_logo .header .menu_stripes{padding-right:8%}}
@media screen and (max-width:340px){.header{height:35px;margin:0 0 -5px;position:fixed}
.bar{max-width:93.9%}
.menu_stripes{height:18px;padding-top:6px;width:20px}
.menu_stripes.on{width:18px}
.logo{height:29px;margin-top:-3px;width:75px}
#category_1 span,#category_2 span,#category_0 span{margin-right:1%}
.category{margin-right:1%;margin-top:5px;padding:1% 2%}
.content{margin-top:35px}
.search_bar .searchmain{height:23px!important}
.info{height:17px}
.footer{margin-top:10px}
#drawer{padding-top:35px}
.content_bottom div a{margin:0}
.user_image{width:16.5%}
.content_top{margin-top:4px}
.content_tweet{width:83.5%}
.search_bar div{margin-top:15px}
.search_bar .searchradio{margin-top:10px}
.user_image span{height:38px;margin-top:10px;width:38px}
.search_bar .searchradio{height:18px;margin-top:5px;width:18px}
#drawer .cat_container{width:94%}
.clearer,.content_bottom div > span{display:none}
#category_1 a,#category_2 a,#category_0 a,#category_1 span,#category_2 span,#category_0 span{font-size:15px;line-height:20px;margin-right:2%;margin-top:4px;padding:1% 2%}
.article th{padding-top:0px}
.article_content h2{margin-top:-2px}}

@media screen and (max-width:307px){.header{height:30px;margin:0;position:relative}
.menu_stripes{height:18px;padding-top:5px;width:20px}
.menu_stripes.on{width:18px}
.logo{height:29px;margin-top:-5px;width:76px}
#category_2 a{font-size:13px;line-height:20px;margin-right:1px;margin-top:4px;padding:1px}
.category{font-size:14px;margin-right:1px;margin-top:4px;padding:1px}
.articleimage{display:none;width:0}
.source{margin-left:5px}
.search_bar .searchmain{height:28px!important;width:86%!important}
#drawer .cat_container{width:100%}
#drawer{padding-top:30px;width:100%}
#drawer a{padding-left:4%;width:100%}
.content_tweet{margin-left:5px;width:100%}
.tweets_nav_top_push,.user_image{display:none}
#category_2 a,#category_0 a{font-size:13px;line-height:20px;margin-top:4px;padding:1px}
.content,.footer{margin-top:0}
.article th span{font-size:18px}
.article td span{font-size:15px}
.article th{padding-top:2px}
.events_list #event_location p{width: calc(100% - 17px)}
.events_list #event_hosted p{width: calc(100% - 84px)}
.events_list .event_actions p{width:100%}}
@media screen and (min-width:1000px){.kategorija_containter .article{width:97.58%}}
@media screen and (min-width:1200px){.header{height:60px;margin:0;position:fixed;width:100%}
.info{height:16px}
#extra{display:block}
.clearer{height:60px}
.menu_stripes{height:24px;padding-top:16px;width:26px}
.menu_stripes.on{width:22px}
.menu_stripes span{height:4px;margin-top:4px}
.logo{height:63px;margin-top:-13px;width:164px;background-position:0px 24px}
.category{font-size:20px;line-height:20px;margin-top:9px!important;padding:10px 20px 10px 0}
.content{margin-top:1px}
.content .search_bar .searchmain{width:92%}
.kategorija_containter{width:47.52%}
.kategorija_containter .article{width:97.7%}
.kategorija{width:100%}
.footer{margin-top:10px}
.user_image{width:10%}
.content_tweet{width:90%}
#category_1 a,#category_2 a,#category_0 a,#category_1 span,#category_2 span,#category_0 span{font-size:17px;line-height:20px;margin-top:10px;padding:10px 20px}
#category_1 span,#category_2 span,#category_0 span{margin-right:3%}}
.cube_pos{overflow:visible}.cube_pos .qube_rotate{width:100%;height:100%;position:relative;-webkit-transform:perspective(1050px) translateZ(-150px);-moz-transform:perspective(1050px) translateZ(-150px);-ms-transform:perspective(1050px) translateZ(-150px);-o-transform:perspective(1050px) translateZ(-150px);transform:perspective(1050px) translateZ(-150px)}.cube_pos .qube_rotate a{box-sizing:border-box;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;border:medium none;border:1px solid #ccc;width:calc(100% + 2px);height:calc(100% + 2px);margin-left:-1px;margin-top:-1px;position:absolute;left:0px;top:0px;background-color:inherit;background-repeat:repeat;background-attachment:scroll;background-position:center center;background-clip:border-box;background-origin:padding-box;background-size:cover}.cube_pos .qube_rotate a:nth-child(1){-webkit-transform:perspective(1200px) rotateY(360deg) translateZ(150px);-moz-transform:perspective(1200px) rotateY(360deg) translateZ(150px);-ms-transform:perspective(1200px) rotateY(360deg) translateZ(150px);-o-transform:perspective(1200px) rotateY(360deg) translateZ(150px);transform:perspective(1200px) rotateY(360deg) translateZ(150px);-webkit-animation:side1_rotate 16s ease-in-out infinite;-moz-animation:side1_rotate 16s ease-in-out infinite;-ms-animation:side1_rotate 16s ease-in-out infinite;-o-animation:side1_rotate 16s ease-in-out infinite;animation:side1_rotate 16s ease-in-out infinite;-webkit-animation-delay:3s;-moz-animation-delay:3s;-ms-animation-delay:3s;-o-animation-delay:3s;animation-delay:3s}.cube_pos .qube_rotate a:nth-child(2){-webkit-transform:perspective(1200px) rotateY(270deg) translateZ(150px);-moz-transform:perspective(1200px) rotateY(270deg) translateZ(150px);-ms-transform:perspective(1200px) rotateY(270deg) translateZ(150px);-o-transform:perspective(1200px) rotateY(270deg) translateZ(150px);transform:perspective(1200px) rotateY(270deg) translateZ(150px);-webkit-animation:side2_rotate 16s ease-in-out infinite;-moz-animation:side2_rotate 16s ease-in-out infinite;-ms-animation:side2_rotate 16s ease-in-out infinite;-o-animation:side2_rotate 16s ease-in-out infinite;animation:side2_rotate 16s ease-in-out infinite;-webkit-animation-delay:3s;-moz-animation-delay:3s;-ms-animation-delay:3s;-o-animation-delay:3s;animation-delay:3s}.cube_pos .qube_rotate a:nth-child(3){-webkit-transform:perspective(1200px) rotateY(180deg) translateZ(150px);-moz-transform:perspective(1200px) rotateY(180deg) translateZ(150px);-ms-transform:perspective(1200px) rotateY(180deg) translateZ(150px);-o-transform:perspective(1200px) rotateY(180deg) translateZ(150px);transform:perspective(1200px) rotateY(180deg) translateZ(150px);-webkit-animation:side3_rotate 16s ease-in-out infinite;-moz-animation:side3_rotate 16s ease-in-out infinite;-ms-animation:side3_rotate 16s ease-in-out infinite;-o-animation:side3_rotate 16s ease-in-out infinite;animation:side3_rotate 16s ease-in-out infinite;-webkit-animation-delay:3s;-moz-animation-delay:3s;-ms-animation-delay:3s;-o-animation-delay:3s;animation-delay:3s}.cube_pos .qube_rotate a:nth-child(4){-webkit-transform:perspective(1200px) rotateY(90deg) translateZ(150px);-moz-transform:perspective(1200px) rotateY(90deg) translateZ(150px);-ms-transform:perspective(1200px) rotateY(90deg) translateZ(150px);-o-transform:perspective(1200px) rotateY(90deg) translateZ(150px);transform:perspective(1200px) rotateY(90deg) translateZ(150px);-webkit-animation:side4_rotate 16s ease-in-out infinite;-moz-animation:side4_rotate 16s ease-in-out infinite;-ms-animation:side4_rotate 16s ease-in-out infinite;-o-animation:side4_rotate 16s ease-in-out infinite;animation:side4_rotate 16s ease-in-out infinite;-webkit-animation-delay:3s;-moz-animation-delay:3s;-ms-animation-delay:3s;-o-animation-delay:3s;animation-delay:3s}
@-webkit-keyframes side1_rotate{0%{-webkit-transform:perspective(1200px) rotateY(0deg) translateZ(150px)}10%{-webkit-transform:perspective(1200px) rotateY(90deg) translateZ(150px)}25%{-webkit-transform:perspective(1200px) rotateY(90deg) translateZ(150px)}35%{-webkit-transform:perspective(1200px) rotateY(180deg) translateZ(150px)}50%{-webkit-transform:perspective(1200px) rotateY(180deg) translateZ(150px)}60%{-webkit-transform:perspective(1200px) rotateY(270deg) translateZ(150px)}75%{-webkit-transform:perspective(1200px) rotateY(270deg) translateZ(150px)}85%{-webkit-transform:perspective(1200px) rotateY(360deg) translateZ(150px)}100%{-webkit-transform:perspective(1200px) rotateY(360deg) translateZ(150px)}}
@keyframes side1_rotate{0%{-moz-transform:perspective(1200px) rotateY(0deg) translateZ(150px);-ms-transform:perspective(1200px) rotateY(0deg) translateZ(150px);-o-transform:perspective(1200px) rotateY(0deg) translateZ(150px);transform:perspective(1200px) rotateY(0deg) translateZ(150px)}10%{-moz-transform:perspective(1200px) rotateY(90deg) translateZ(150px);-ms-transform:perspective(1200px) rotateY(90deg) translateZ(150px);-o-transform:perspective(1200px) rotateY(90deg) translateZ(150px);transform:perspective(1200px) rotateY(90deg) translateZ(150px)}25%{-moz-transform:perspective(1200px) rotateY(90deg) translateZ(150px);-ms-transform:perspective(1200px) rotateY(90deg) translateZ(150px);-o-transform:perspective(1200px) rotateY(90deg) translateZ(150px);transform:perspective(1200px) rotateY(90deg) translateZ(150px)}35%{-moz-transform:perspective(1200px) rotateY(180deg) translateZ(150px);-ms-transform:perspective(1200px) rotateY(180deg) translateZ(150px);-o-transform:perspective(1200px) rotateY(180deg) translateZ(150px);transform:perspective(1200px) rotateY(180deg) translateZ(150px)}50%{-moz-transform:perspective(1200px) rotateY(180deg) translateZ(150px);-ms-transform:perspective(1200px) rotateY(180deg) translateZ(150px);-o-transform:perspective(1200px) rotateY(180deg) translateZ(150px);transform:perspective(1200px) rotateY(180deg) translateZ(150px)}60%{-moz-transform:perspective(1200px) rotateY(270deg) translateZ(150px);-ms-transform:perspective(1200px) rotateY(270deg) translateZ(150px);-o-transform:perspective(1200px) rotateY(270deg) translateZ(150px);transform:perspective(1200px) rotateY(270deg) translateZ(150px)}75%{-moz-transform:perspective(1200px) rotateY(270deg) translateZ(150px);-ms-transform:perspective(1200px) rotateY(270deg) translateZ(150px);-o-transform:perspective(1200px) rotateY(270deg) translateZ(150px);transform:perspective(1200px) rotateY(270deg) translateZ(150px)}85%{-moz-transform:perspective(1200px) rotateY(360deg) translateZ(150px);-ms-transform:perspective(1200px) rotateY(360deg) translateZ(150px);-o-transform:perspective(1200px) rotateY(360deg) translateZ(150px);transform:perspective(1200px) rotateY(360deg) translateZ(150px)}100%{-moz-transform:perspective(1200px) rotateY(360deg) translateZ(150px);-ms-transform:perspective(1200px) rotateY(360deg) translateZ(150px);-o-transform:perspective(1200px) rotateY(360deg) translateZ(150px);transform:perspective(1200px) rotateY(360deg) translateZ(150px)}}
@-webkit-keyframes side2_rotate{0%{-webkit-transform:perspective(1200px) rotateY(270deg) translateZ(150px)}10%{-webkit-transform:perspective(1200px) rotateY(360deg) translateZ(150px)}25%{-webkit-transform:perspective(1200px) rotateY(360deg) translateZ(150px)}35%{-webkit-transform:perspective(1200px) rotateY(450deg) translateZ(150px)}50%{-webkit-transform:perspective(1200px) rotateY(450deg) translateZ(150px)}60%{-webkit-transform:perspective(1200px) rotateY(540deg) translateZ(150px)}75%{-webkit-transform:perspective(1200px) rotateY(540deg) translateZ(150px)}85%{-webkit-transform:perspective(1200px) rotateY(630deg) translateZ(150px)}100%{-webkit-transform:perspective(1200px) rotateY(630deg) translateZ(150px)}}
@keyframes side2_rotate{0%{-moz-transform:perspective(1200px) rotateY(270deg) translateZ(150px);-ms-transform:perspective(1200px) rotateY(270deg) translateZ(150px);-o-transform:perspective(1200px) rotateY(270deg) translateZ(150px);transform:perspective(1200px) rotateY(270deg) translateZ(150px)}10%{-moz-transform:perspective(1200px) rotateY(360deg) translateZ(150px);-ms-transform:perspective(1200px) rotateY(360deg) translateZ(150px);-o-transform:perspective(1200px) rotateY(360deg) translateZ(150px);transform:perspective(1200px) rotateY(360deg) translateZ(150px)}25%{-moz-transform:perspective(1200px) rotateY(360deg) translateZ(150px);-ms-transform:perspective(1200px) rotateY(360deg) translateZ(150px);-o-transform:perspective(1200px) rotateY(360deg) translateZ(150px);transform:perspective(1200px) rotateY(360deg) translateZ(150px)}35%{-moz-transform:perspective(1200px) rotateY(450deg) translateZ(150px);-ms-transform:perspective(1200px) rotateY(450deg) translateZ(150px);-o-transform:perspective(1200px) rotateY(450deg) translateZ(150px);transform:perspective(1200px) rotateY(450deg) translateZ(150px)}50%{-moz-transform:perspective(1200px) rotateY(450deg) translateZ(150px);-ms-transform:perspective(1200px) rotateY(450deg) translateZ(150px);-o-transform:perspective(1200px) rotateY(450deg) translateZ(150px);transform:perspective(1200px) rotateY(450deg) translateZ(150px)}60%{-moz-transform:perspective(1200px) rotateY(540deg) translateZ(150px);-ms-transform:perspective(1200px) rotateY(540deg) translateZ(150px);-o-transform:perspective(1200px) rotateY(540deg) translateZ(150px);transform:perspective(1200px) rotateY(540deg) translateZ(150px)}75%{-moz-transform:perspective(1200px) rotateY(540deg) translateZ(150px);-ms-transform:perspective(1200px) rotateY(540deg) translateZ(150px);-o-transform:perspective(1200px) rotateY(540deg) translateZ(150px);transform:perspective(1200px) rotateY(540deg) translateZ(150px)}85%{-moz-transform:perspective(1200px) rotateY(630deg) translateZ(150px);-ms-transform:perspective(1200px) rotateY(630deg) translateZ(150px);-o-transform:perspective(1200px) rotateY(630deg) translateZ(150px);transform:perspective(1200px) rotateY(630deg) translateZ(150px)}100%{-moz-transform:perspective(1200px) rotateY(630deg) translateZ(150px);-ms-transform:perspective(1200px) rotateY(630deg) translateZ(150px);-o-transform:perspective(1200px) rotateY(630deg) translateZ(150px);transform:perspective(1200px) rotateY(630deg) translateZ(150px)}}
@-webkit-keyframes side3_rotate{0%{-webkit-transform:perspective(1200px) rotateY(180deg) translateZ(150px)}10%{-webkit-transform:perspective(1200px) rotateY(270deg) translateZ(150px)}25%{-webkit-transform:perspective(1200px) rotateY(270deg) translateZ(150px)}35%{-webkit-transform:perspective(1200px) rotateY(360deg) translateZ(150px)}50%{-webkit-transform:perspective(1200px) rotateY(360deg) translateZ(150px)}60%{-webkit-transform:perspective(1200px) rotateY(450deg) translateZ(150px)}75%{-webkit-transform:perspective(1200px) rotateY(450deg) translateZ(150px)}85%{-webkit-transform:perspective(1200px) rotateY(540deg) translateZ(150px)}100%{-webkit-transform:perspective(1200px) rotateY(540deg) translateZ(150px)}}
@keyframes side3_rotate{0%{-moz-transform:perspective(1200px) rotateY(180deg) translateZ(150px);-ms-transform:perspective(1200px) rotateY(180deg) translateZ(150px);-o-transform:perspective(1200px) rotateY(180deg) translateZ(150px);transform:perspective(1200px) rotateY(180deg) translateZ(150px)}10%{-moz-transform:perspective(1200px) rotateY(270deg) translateZ(150px);-ms-transform:perspective(1200px) rotateY(270deg) translateZ(150px);-o-transform:perspective(1200px) rotateY(270deg) translateZ(150px);transform:perspective(1200px) rotateY(270deg) translateZ(150px)}25%{-moz-transform:perspective(1200px) rotateY(270deg) translateZ(150px);-ms-transform:perspective(1200px) rotateY(270deg) translateZ(150px);-o-transform:perspective(1200px) rotateY(270deg) translateZ(150px);transform:perspective(1200px) rotateY(270deg) translateZ(150px)}35%{-moz-transform:perspective(1200px) rotateY(360deg) translateZ(150px);-ms-transform:perspective(1200px) rotateY(360deg) translateZ(150px);-o-transform:perspective(1200px) rotateY(360deg) translateZ(150px);transform:perspective(1200px) rotateY(360deg) translateZ(150px)}50%{-moz-transform:perspective(1200px) rotateY(360deg) translateZ(150px);-ms-transform:perspective(1200px) rotateY(360deg) translateZ(150px);-o-transform:perspective(1200px) rotateY(360deg) translateZ(150px);transform:perspective(1200px) rotateY(360deg) translateZ(150px)}60%{-moz-transform:perspective(1200px) rotateY(450deg) translateZ(150px);-ms-transform:perspective(1200px) rotateY(450deg) translateZ(150px);-o-transform:perspective(1200px) rotateY(450deg) translateZ(150px);transform:perspective(1200px) rotateY(450deg) translateZ(150px)}75%{-moz-transform:perspective(1200px) rotateY(450deg) translateZ(150px);-ms-transform:perspective(1200px) rotateY(450deg) translateZ(150px);-o-transform:perspective(1200px) rotateY(450deg) translateZ(150px);transform:perspective(1200px) rotateY(450deg) translateZ(150px)}85%{-moz-transform:perspective(1200px) rotateY(540deg) translateZ(150px);-ms-transform:perspective(1200px) rotateY(540deg) translateZ(150px);-o-transform:perspective(1200px) rotateY(540deg) translateZ(150px);transform:perspective(1200px) rotateY(540deg) translateZ(150px)}100%{-moz-transform:perspective(1200px) rotateY(540deg) translateZ(150px);-ms-transform:perspective(1200px) rotateY(540deg) translateZ(150px);-o-transform:perspective(1200px) rotateY(540deg) translateZ(150px);transform:perspective(1200px) rotateY(540deg) translateZ(150px)}}
@-webkit-keyframes side4_rotate{0%{-webkit-transform:perspective(1200px) rotateY(90deg) translateZ(150px)}10%{-webkit-transform:perspective(1200px) rotateY(180deg) translateZ(150px)}25%{-webkit-transform:perspective(1200px) rotateY(180deg) translateZ(150px)}35%{-webkit-transform:perspective(1200px) rotateY(270deg) translateZ(150px)}50%{-webkit-transform:perspective(1200px) rotateY(270deg) translateZ(150px)}60%{-webkit-transform:perspective(1200px) rotateY(360deg) translateZ(150px)}75%{-webkit-transform:perspective(1200px) rotateY(360deg) translateZ(150px)}85%{-webkit-transform:perspective(1200px) rotateY(450deg) translateZ(150px)}100%{-webkit-transform:perspective(1200px) rotateY(450deg) translateZ(150px)}}
@keyframes side4_rotate{0%{-moz-transform:perspective(1200px) rotateY(90deg) translateZ(150px);-ms-transform:perspective(1200px) rotateY(90deg) translateZ(150px);-o-transform:perspective(1200px) rotateY(90deg) translateZ(150px);transform:perspective(1200px) rotateY(90deg) translateZ(150px)}10%{-moz-transform:perspective(1200px) rotateY(180deg) translateZ(150px);-ms-transform:perspective(1200px) rotateY(180deg) translateZ(150px);-o-transform:perspective(1200px) rotateY(180deg) translateZ(150px);transform:perspective(1200px) rotateY(180deg) translateZ(150px)}25%{-moz-transform:perspective(1200px) rotateY(180deg) translateZ(150px);-ms-transform:perspective(1200px) rotateY(180deg) translateZ(150px);-o-transform:perspective(1200px) rotateY(180deg) translateZ(150px);transform:perspective(1200px) rotateY(180deg) translateZ(150px)}35%{-moz-transform:perspective(1200px) rotateY(270deg) translateZ(150px);-ms-transform:perspective(1200px) rotateY(270deg) translateZ(150px);-o-transform:perspective(1200px) rotateY(270deg) translateZ(150px);transform:perspective(1200px) rotateY(270deg) translateZ(150px)}50%{-moz-transform:perspective(1200px) rotateY(270deg) translateZ(150px);-ms-transform:perspective(1200px) rotateY(270deg) translateZ(150px);-o-transform:perspective(1200px) rotateY(270deg) translateZ(150px);transform:perspective(1200px) rotateY(270deg) translateZ(150px)}60%{-moz-transform:perspective(1200px) rotateY(360deg) translateZ(150px);-ms-transform:perspective(1200px) rotateY(360deg) translateZ(150px);-o-transform:perspective(1200px) rotateY(360deg) translateZ(150px);transform:perspective(1200px) rotateY(360deg) translateZ(150px)}75%{-moz-transform:perspective(1200px) rotateY(360deg) translateZ(150px);-ms-transform:perspective(1200px) rotateY(360deg) translateZ(150px);-o-transform:perspective(1200px) rotateY(360deg) translateZ(150px);transform:perspective(1200px) rotateY(360deg) translateZ(150px)}85%{-moz-transform:perspective(1200px) rotateY(450deg) translateZ(150px);-ms-transform:perspective(1200px) rotateY(450deg) translateZ(150px);-o-transform:perspective(1200px) rotateY(450deg) translateZ(150px);transform:perspective(1200px) rotateY(450deg) translateZ(150px)}100%{-moz-transform:perspective(1200px) rotateY(450deg) translateZ(150px);-ms-transform:perspective(1200px) rotateY(450deg) translateZ(150px);-o-transform:perspective(1200px) rotateY(450deg) translateZ(150px);transform:perspective(1200px) rotateY(450deg) translateZ(150px)}}#adpos_mobile2{width:300px!important;height:150px!important;background-color(0,0,0,0.2)}
@supports (-ms-ime-align:auto){.cube_pos .qube_rotate{transform:perspective(1050px) translateZ(-320px)}}
.tag_chips{padding:8px 12px}
.tag_chip{display:inline-block;background:#f5f5f5;color:#222;padding:6px 10px;margin:0 6px 6px 0;border-radius:16px;font-size:14px;text-decoration:none;border:1px solid #ddd}
.tag_chip:active{background:#e0e0e0}
.sources_grid{padding:0 12px}
.sources_grid h5{font-family:Arial,sans-serif;text-transform:uppercase;margin:14px 0 4px 0;font-size:16px;font-weight:bold;color:#222}
.sources_grid .src_rule{border-top:1px solid #000;margin:0 0 6px 0}
.sources_grid a{display:inline-block;width:33%;box-sizing:border-box;padding-right:6px;font-size:15px;color:#2c0fbd;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:top;line-height:24px}
.sources_grid a:active{text-decoration:underline}
.airquality{position:relative}
.airquality p{color:#aaa;font-size:11px;margin-bottom:12px}
.airquality .station{height:80px;display:inline-block}
.airquality.stations-6 .station{width:16.6%}
.airquality.stations-4 .station{width:24.8%}
.airquality circle{stroke:#eee}
.airquality .location{font-size:13px;text-align:center;font-weight:bold;display:block;padding-bottom:1px;font-family:Arial,sans-serif}
.airquality text{font-family:Arial,sans-serif}
.airquality .value{font-size:20px;font-weight:bold}
.airquality .verylow .circle{stroke:#80bc4d}
.airquality .verylow .value{fill:#80bc4d}
.airquality .low .circle{stroke:#ff9933}
.airquality .low .value{fill:#ff9933}
.airquality .medium .circle{stroke:#e64d33}
.airquality .medium .value{fill:#e64d33}
.airquality .high .circle{stroke:#cc0033}
.airquality .high .value{fill:#cc0033}
.airquality .veryhigh .circle{stroke:#60001A;stroke-dashoffset:0}
.airquality .veryhigh .value{fill:#60001A}
/* Dual-pollutant split-circle widget (MKD edition, added 2026-05-19).
   See stylesheet_simple.css for the desktop counterpart. */
.airquality .value-pm10,.airquality .value-pm25{font-size:18px;font-weight:bold}
.airquality .aq-diagonal{stroke:#bbb}
.airquality .pm10-verylow .circle-pm10{stroke:#80bc4d}
.airquality .pm10-verylow .value-pm10{fill:#80bc4d}
.airquality .pm10-low .circle-pm10{stroke:#ff9933}
.airquality .pm10-low .value-pm10{fill:#ff9933}
.airquality .pm10-medium .circle-pm10{stroke:#e64d33}
.airquality .pm10-medium .value-pm10{fill:#e64d33}
.airquality .pm10-high .circle-pm10{stroke:#cc0033}
.airquality .pm10-high .value-pm10{fill:#cc0033}
.airquality .pm10-veryhigh .circle-pm10{stroke:#60001A}
.airquality .pm10-veryhigh .value-pm10{fill:#60001A}
.airquality .pm25-verylow .circle-pm25{stroke:#80bc4d}
.airquality .pm25-verylow .value-pm25{fill:#80bc4d}
.airquality .pm25-low .circle-pm25{stroke:#ff9933}
.airquality .pm25-low .value-pm25{fill:#ff9933}
.airquality .pm25-medium .circle-pm25{stroke:#e64d33}
.airquality .pm25-medium .value-pm25{fill:#e64d33}
.airquality .pm25-high .circle-pm25{stroke:#cc0033}
.airquality .pm25-high .value-pm25{fill:#cc0033}
.airquality .pm25-veryhigh .circle-pm25{stroke:#60001A}
.airquality .pm25-veryhigh .value-pm25{fill:#60001A}
.airquality .pm25-na .circle-pm25{stroke:#ddd}
.airquality .pm25-na .value-pm25{fill:#aaa}
/* YouTube mobile widget — white card + `.yt_head` plain title row.
   `display:flow-root` is load-bearing: `.video` is `float:left` and `.clear`
   is ALSO `float:left` (despite the name — `clear:both` + `float:left`
   makes it a styled-divider, not a float-clearing element), so without
   flow-root the card's height collapses to just `.yt_head` and every
   video overflows outside the white card.
   `.yt_widget > .clear{border-bottom:none}` removes the dashed dividers
   that `.clear` carries by default — between video pairs they're visual
   noise inside a card. */
.yt_widget{clear:both;display:flow-root;background:#fff;margin:12px 2%;padding:8px 10px 10px;border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,.12),0 0 0 1px rgba(0,0,0,.06)}
.yt_widget .yt_head{display:flex;justify-content:space-between;align-items:baseline;gap:6px;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid #e3e3e3;font-family:'RC',sans-serif}
.yt_widget .yt_head a{color:#000;text-decoration:none}
.yt_widget .yt_head a span{font-size:17px;font-weight:700}
.yt_widget .yt_head small{color:#888;font-size:11px;text-align:right;flex-shrink:0}
.yt_widget > .clear{border-bottom:none}
.yt_widget .source{margin-bottom:25px}
.yt_widget .details{width:162px;color:#888;margin-top:5px;font-size:11px;margin-bottom:10px}
.yt_widget .video{float:left;position:relative;margin-bottom:10px;width:49%;margin-left:1px;margin-right:1px}
.yt_widget .length{position:absolute;top:72px;right:6px;background-color:hsl(0,0%,6.7%);color:#fff;font-size:12px;padding:1px 3px}
.yt_widget .videoimg{margin-bottom:5px}
.yt_widget .video > a > h3{font-size:12px;max-height:43px;overflow:hidden}
.cube_pos#adpos_mobile2{background-color:transparent}
/* Pill color modifiers for .other_articles links (extracted from inline style= in mod_html / mod_mobile / mod_gemini, 2026-05-07) */
.other_articles[class*="pill-"]{display:inline-block;width:auto;margin-top:3px}
.other_articles.pill-allrelated{color:#1a73e8!important;background-color:rgba(66,133,244,.18);padding:2px 5px;border-radius:6px;border:1px solid rgba(66,133,244,.35)}
.other_articles.pill-similar{color:#188038!important;background-color:rgba(52,168,83,.18);padding:2px 5px;border-radius:6px;border:1px solid rgba(52,168,83,.35)}
.other_articles.pill-summary{color:#c5221f!important;background-color:rgba(234,67,53,.16);padding:2px 5px;border-radius:6px;border:1px solid rgba(234,67,53,.35)}
.other_articles.pill-questions{color:#a86b00!important;background-color:rgba(251,188,4,.24);padding:2px 5px;border-radius:6px;border:1px solid rgba(251,188,4,.45)}
.other_articles.pill-summary + .other_articles.pill-questions{margin-left:4px}
/* Edition flag images — sprite. Mobile gets vertical-align:middle so the flag aligns with adjacent text in `.cat_container`. */
.ed-flag{width:30px;height:18px;object-fit:none;vertical-align:middle}
.ed-flag-mk{object-position:-196px -1px}
.ed-flag-rs{object-position:-165px -1px}
.ed-flag-bg{object-position:-258px -1px}
.ed-flag-al{object-position:-227px -1px}
/* Markdown-rendered article bodies (mobile AI analysis, mobile video summary). */
.markdown-body{text-align:left;text-decoration-skip-ink:none}
.markdown-body ul li,.markdown-body ol li{margin-left:1.5em}
.markdown-body--compact ul li,.markdown-body--compact ol li{margin-left:0.1em}
/* Mobile public-procurement widget — stacked cards, top 5 in last 10 days.
   Mirrors `cache/javni` / `cache/javni2` split (see mod_nabavki.generate_widget).
   Rank numbers are inline `<span class="javni_rank">` — a CSS `counter()`
   approach lost the first item to first-child ad-injection on real devices.
   `clear:both` is load-bearing: `.yt_widget` above us has zero computed
   height because all its children are floated `.kategorija_containter`,
   and without the clear the white card renders on top of yt's float
   layer and visually erases it. */
.javni_widget{clear:both;background:#fff;margin:12px 2%;padding:8px 10px 10px;border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,.12),0 0 0 1px rgba(0,0,0,.06)}
/* (The `.yt_widget > .clear:last-child` rule that hides the trailing
   dashed divider lives in the yt_widget block above — restructured
   2026-05-19 when yt got the white-card chrome.) */
.javni_widget .javni_head{display:flex;justify-content:space-between;align-items:baseline;gap:6px;padding-bottom:8px;border-bottom:1px solid #e3e3e3;font-family:'RC',sans-serif}
.javni_widget .javni_head a{color:#000;text-decoration:none}
.javni_widget .javni_head a span{font-size:17px;font-weight:700}
.javni_widget .javni_head small{color:#888;font-size:11px;text-align:right;flex-shrink:0}
.javni_widget .javni_items{margin:0;padding:0}
.javni_widget .javni_item{position:relative;padding:8px 0;border-bottom:1px solid #f0f0f0}
.javni_widget .javni_item:last-child{border-bottom:none}
.javni_widget .javni_top{display:flex;align-items:center;gap:8px;margin-bottom:4px;font-family:'RC',sans-serif}
.javni_widget .javni_rank{flex-shrink:0;width:20px;height:20px;line-height:20px;text-align:center;background:#4285F4;color:#fff;font-weight:700;font-size:12px;border-radius:50%}
.javni_widget .javni_amount{font-weight:700;font-size:14px;color:#1a73e8}
.javni_widget .javni_party{font-size:13px;line-height:1.3;margin-top:2px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}
.javni_widget .javni_buyer{-webkit-line-clamp:2}
.javni_widget .javni_vendor{-webkit-line-clamp:3}
.javni_widget .javni_party a{color:#1a73e8;text-decoration:none}
.javni_widget .javni_label{color:#888;font-size:11px;margin-right:3px;text-transform:uppercase;letter-spacing:.02em}
.javni_widget .javni_opis{color:#555;font-size:11px;line-height:1.35;margin-top:3px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.javni_widget .javni_date{color:#999;font-size:11px;margin-top:4px}
.javni_widget .javni_date_ann{color:#bbb}
.javni_widget .javni_empty{padding:14px 0;text-align:center;color:#888;font-size:12px}
.javni_widget .javni_source{color:#bbb;font-size:10px;padding-top:8px;text-align:center;font-style:italic}
.javni_widget .javni_source a{color:#bbb}
/* Mobile dictionary page (?m=1&search=dict): narrow the search bar so it visually centers over the MK/EN column boundary, and show the lens icon used on desktop. */
#search_recnik .search_bar{width:70%;margin:15px auto;margin-bottom:5%;float:none;left:auto;right:auto}
#search_recnik .searchmain:focus{outline:none}
#search_recnik .send{background-image:url('../images/lbar_icons.png?ver=2');background-position:-292px -4px;background-size:auto;background-repeat:no-repeat;background-color:transparent;height:20px;width:20px;top:5px;right:10px;border:0;overflow:hidden;opacity:1}