var egradani_traka = new function () { this.url = "https://eusluge-nav.gov.hr/"; this.url_egradani = "https://gov.hr"; this.url_eposlovanje = ""; this.impaired_querystring_on = null; this.impaired_querystring_off = null; this.selectEntityUrl = ""; this.messagesInterval = 30000; this.debug = false; if (this.debug) { //this.impaired_querystring_on = "impaired=1"; //this.impaired_querystring_off = "impaired=0"; } this.query = null; var query = null; this.accent = { "š": "s", "đ": "d", "č": "c", "ć": "c", "ž": "z" }; this.services = []; this.options = { show_vision_impaired: true, show_dyslexia: true, show_font_resize: true, show_login_button: true, user: {}, mailboxUrl: "", loginUrl: "", language: "hr" }; var parent = this; this.init = function (options) { if (options) { this.options = options; } var me = this; window.jQuery && jQuery.fn && /^(1\.[8-9]|2\.[0-9]|1\.1[0-2]|3\.[0-9])/.test( jQuery.fn.jquery) ? (window.console && console.log("Using existing jQuery version " + jQuery.fn.jquery), query = window.jQuery, parent.query = query, preloadFiles(), me.setOptions()) : (window.console && console.log("Loading jQuery"), loadJavaScript(parent.url + "js/jquery3.4.1.min.js", function() { parent.query = jQuery.noConflict(!0); jQuery = parent.query; query = parent.query; preloadFiles(); me.setOptions(); } ) ); }; this.initServices = function (servicesString) { parent.services = []; this.serviceGroups = servicesString; this.serviceGroups.map(function (obj) { query(obj.sl).each(function (i, el) { parent.services.push(el); }); }); parent.services = parent.services.sort(compareByName); } this.setOptions = function () { query("#vision_impaired").css("display", this.options.show_vision_impaired ? "block" : "none"); query("#dyslexia").css("display", this.options.show_dyslexia ? "block" : "none"); query("#resize").css("display", this.options.show_font_resize ? "block" : "none"); query(".user_logged").css("display", this.options.user.vjerodajnica > 0 ? "block" : "none"); query(".log_in").css("display", this.options.user.vjerodajnica == 0 ? "" : "none"); query(".log_out").css("display", this.options.user.vjerodajnica > 0 ? "" : "none"); query("#log_button").css("display", this.options.show_login_button ? "" : "none"); query(".foreign_user").css("display", this.options.user.personidentifier =="" ? "block" : "none"); query("#egradani_user_person_identifier").css("display", this.options.user.personidentifier != "" ? "block" : "none"); this.setLanguage(this.options.language); //query("#user_home").children().prop("href", this.options.loginUrl); query("#zastupanje-subjekti").prop("action", ""); buildEntityList(this.options.entityList); } function buildEntityList(entityList) { var li = ""; query.each(entityList, function (i, obj) { li += "
  • "; }); query(".selection fieldset ul").empty().append(li); } function renderVjerodajnica(vjerodajnica) { switch (vjerodajnica) { case 2: return parent.options.translation["niska"]; case 3: return parent.options.translation["značajna"]; case 4: return parent.options.translation["visoka"]; } return vjerodajnica; } function preloadFiles() { log("preloadFiles"); buildHeader(); initSearch(); css(); cssImpaired(); cssDyslexic(); //fonts(); loadJavaScript(parent.url + 'js/zaglavlje.js'); checkLoadJavascript(query.creaseFont, 'js/jquery.creaseFont.min.js', function () { initCreaseFont(); }); checkLoadJavascript(query.magnificPopup, 'js/jquery.magnific-popup.min.js', function () { initMagnificPopup(); }); if (parent.impaired_querystring_on != null) { if (location.search.indexOf(parent.impaired_querystring_on) > -1) { parent.toggleImpaired(); } } parent.getMessagesCount(); setInterval(parent.getMessagesCount, parent.messagesInterval); } function checkLoadJavascript(library, source, callback) { if (library == null) { loadJavaScript(parent.url + source, function () { callback(); console.log("Loaded " + source); }); } else { callback(); } } function initMagnificPopup() { var interval = setInterval(function () { if (query('.zgl-dialog-popup').magnificPopup !== undefined) { query('.zgl-dialog-popup').magnificPopup({ type: 'inline', fixedContentPos: true, closeOnBgClick: false }); clearInterval(interval); setTimeout(function () { eval(""); }, 500); } }, 50); } function initCreaseFont() { var interval = setInterval(function () { if (query.magnificPopup !== undefined) { query.creaseFont({ content: '.resizeable', maxSize: 120, minSize: 80, stepSize: 5, bFontLarge: '#larger', bFontDefault: '#default', bFontSmall: '#smaller', animate: true, cookieLifetime: 365 }); clearInterval(interval); } }, 50); } function loadImpairedUrl() { if (parent.impaired_querystring_on != null) { var param = parent.impaired_querystring_on.split("="); if (param.length > 1) { var query_param_value = getParameterByName(param[0]); if (query_param_value == null) { document.location.href += document.location.href.indexOf("?") == -1 ? "?" + parent.impaired_querystring_on : parent.impaired_querystring_on; } else if (query_param_value != param[1]){ var replaceQuery = param[0] + "=" + query_param_value; document.location.href = document.location.href.replace(replaceQuery, parent.impaired_querystring_on); } else { var replaceQuery = parent.impaired_querystring_on; if (parent.impaired_querystring_off == null) parent.impaired_querystring_off = ""; document.location.href = document.location.href.replace(replaceQuery, parent.impaired_querystring_off); } } } } function getParameterByName(name, url) { if (!url) url = window.location.href; name = name.replace(/[\[\]]/g, '\\$&'); var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'), results = regex.exec(url); if (!results) return null; if (!results[2]) return ''; return decodeURIComponent(results[2].replace(/\+/g, ' ')); } function checkImpaired() { if (parent.impaired_querystring_on != null) { loadImpairedUrl(); } else { toggleImpaired(); } } function checkBig() { if (parent.big_querystring_on != null) { loadBigUrl(); } else { toggleBig(); } } function loadBigUrl() { if (parent.big_querystring_on != null) { var param = parent.big_querystring_on.split("="); if (param.length > 1) { var query_param_value = getParameterByName(param[0]); if (query_param_value == null) { document.location.href += document.location.href.indexOf("?") == -1 ? "?" + parent.big_querystring_on : parent.big_querystring_on; } else if (query_param_value != param[1]) { var replaceQuery = param[0] + "=" + query_param_value; document.location.href = document.location.href.replace(replaceQuery, parent.big_querystring_on); } else { var replaceQuery = parent.big_querystring_on; if (parent.impaired_querystring_off == null) parent.impaired_querystring_off = ""; document.location.href = document.location.href.replace(replaceQuery, parent.impaired_querystring_off); } } } } this.toggleImpaired = function (impaired) { parent.impaired = impaired; query("#css_impaired").attr("media", parent.impaired ? "all" : "none"); query("#css_impaired").attr("disabled", !parent.impaired); } this.toggleDyslexic = function (dyslexic) { parent.dyslexic = dyslexic; query("#css_dyslexic").attr("media", parent.dyslexic ? "all" : "none"); query("#css_dyslexic").attr("disabled", !parent.dyslexic); } function buildHeader() { log("buildHeader"); var egradani_traka_holder = query(".egradani_traka-holder"); if (egradani_traka_holder.length == 0) egradani_traka_holder = query("body"); egradani_traka_holder.empty().prepend("\
    \ \ \ \
    \
    \
    \ \
    \ \
    \

    \

    \

    OIB:

    \

    Razina sigurnosti:

    \

    Novih poruka:

    \ Promjena subjekta\
    \
    \ \
    \
    \
    \ \ \
    \ \
    \ \
    \
    \ \ \ \ \
    \
    \
    \ \
    \ \ \ \ \ \
    \
    \ \
    \ \

    Izaberite subjekt

    \
    \
    \ \ \
    \
    \ \
    \
    \ \
    \
    \
      \
    \
    \
    \ \
    \
    \ \
    \
    \ \ \ "); initHeader(); } function initSearch() { query("#filter_search").on("keydown", function (event) { if (event.which == 13) event.preventDefault(); setTimeout(function () { searchServices(query("#filter_search").val()); }, 100); }); query("#filter_entity_search").on("keydown", function (event) { if (event.which == 13) event.preventDefault(); setTimeout(function () { searchEntity(query("#filter_entity_search").val()); }, 100); }); query("#egradani_filter_prikazi_sve_rezultate").on("click", function () { searchServices("", true); }); } function initHeader() { query("#btnPotvrdite, #btnPotvrdite_2").on("click", function () { if (parent.selectEntityUrl == undefined || parent.selectEntityUrl == "") { query.magnificPopup.close(); return; } var url = parent.selectEntityUrl; var selectedEntity = query("#promjena_subjekta input[type=radio]:checked"); if (selectedEntity.length > 0) { //var id = selectedEntity.data("id"); //var entity = parent.options.entityList[id]; var oib = selectedEntity.data("oib"); var entity = parent.options.entityList.find(e => e.oib == oib); if (entity.isPerson) { url = url.replace(/{ForPersonOib}/gi, entity.oib); url = url.replace(/{ForLegalIps}/gi, ""); url = url.replace(/{ForLegalIzvor_reg}/gi, ""); url = url.replace(/{ToLegalIps}/gi, ""); url = url.replace(/{ToLegalIzvor_reg}/gi, ""); } else { url = url.replace(/{ForPersonOib}/gi, ""); url = url.replace(/{ForLegalIps}/gi, entity.oib); url = url.replace(/{ForLegalIzvor_reg}/gi, entity.forLegalIzvor_reg); url = url.replace(/{ToLegalIps}/gi, entity.toLegalIps); url = url.replace(/{ToLegalIzvor_reg}/gi, entity.toLegalIzvor_reg); } document.location.href = url; query.magnificPopup.close(); } }); }; function showEntitySearch() { query.magnificPopup.open({ items: { src: '#promjena_subjekta', // can be a HTML string, jQuery object, or CSS selector type: 'inline' } }); } function replaceAccent(s) { if (s == undefined) return ""; var res = ""; for (var i = 0; i < s.length; i++) { res += parent.accent[s[i]] || s[i]; } res = res.toLowerCase(); return res; } var tim = 0; function prepareSearchTerms(filter) { var searchTerms = filter.trim().replace(/\s+/g, " ").toLowerCase().split(" "); for (var i = 0; i < searchTerms.length; i++) { var obj = replaceAccent(searchTerms[i]); if (obj != "" && obj.length > 3) { obj = obj.slice(0, obj.length - 1); searchTerms[i] = obj; } }; return searchTerms; } function searchEntity(filter) { var searchTerms = prepareSearchTerms(filter); if (searchTerms == "" || searchTerms == undefined) { buildEntityList(parent.options.entityList); return; } clearInterval(tim); tim = setInterval(function () { log("tražim '" + searchTerms + "'"); var filteredList = []; query.each(parent.options.entityList, function (i, entity) { var found = true; query.each(searchTerms, function (i, searchTerm) { if (replaceAccent(entity.name.toLowerCase()).indexOf(searchTerm) == -1 && entity.oib.indexOf(filter) == -1) { found = false; return false; } }); if (found) { filteredList.push(entity); } }) buildEntityList(filteredList); clearInterval(tim); }); } function searchServices(filter, showAll) { var searchTerms = prepareSearchTerms(filter); clearInterval(tim); tim = setInterval(function() { log("tražim '" + searchTerms + "'"); if (searchTerms == "" && !showAll) { query(".filter_results").hide(); } else { query(".filter_results").show(); } var filteredServices = []; if (showAll) { filteredServices = parent.services; } else { query(parent.services).each(function (i, service) { var foundService = false; query.each(searchTerms, function (i, obj) { if (replaceAccent(service.name).indexOf(obj) > -1 || replaceAccent(service.napomena).indexOf(obj) > -1) { foundService = true; return; } else { foundService = false; } }); if (foundService) { filteredServices.push(service); } }); } query(".noresults").remove(); if (filteredServices.length > 0) { var li = ""; query(".filtering_results").empty().append(li).show(); } else { query(".filtering_results").hide(); query(".filter_results h4").after("" + parent.searchNoResults + ""); } query("#filterSummary").html(parent.searchSummary .replace("{0}", filteredServices.length) .replace("{1}", parent.services.length)); clearInterval(tim); }, 250); } function loadCSS(src) { query("") .appendTo(query("head")) .attr({ type : "text/css", rel : "stylesheet", href : src }); } function loadJavaScript(src, callback) { var c = document.getElementsByTagName("head")[0]; var a = document.createElement("script"); a.type = "text/javascript", a.src = src, callback != undefined && ( a.onload = a.onreadystatechange = function () { log("callback"); if(a.readyState != undefined) log(a.readyState); (!a.readyState || /loaded|complete/.test(a.readyState)) && (a.onload = a.onreadystatechange = null, c && a.parentNode && c.removeChild(a), a = undefined, callback()) } ), c.insertBefore(a, c.firstChild); } function log(msg) { if (parent.debug) console.log(msg); } function css(){ var cssInline = "@charset 'utf-8';\ /* CSS Document v. 1.3*/\ \ /* Magnific Popup */\ \ .mfp-bg {\ top: 0;\ left: 0;\ width: 100%;\ height: 100%;\ z-index: 1042;\ overflow: hidden;\ position: fixed;\ background: #0b0b0b;\ opacity: 0.8;\ }\ .mfp-wrap {\ top: 0;\ left: 0;\ width: 100%;\ height: 100%;\ z-index: 1043;\ position: fixed;\ outline: none !important;\ -webkit-backface-visibility: hidden;\ }\ .mfp-container {\ text-align: center;\ position: absolute;\ width: 100%;\ height: 100%;\ left: 0;\ top: 0;\ }\ .mfp-container:before {\ content: '';\ display: inline-block;\ height: 100%;\ vertical-align: middle;\ }\ .mfp-align-top .mfp-container:before {\ display: none;\ }\ .mfp-content {\ position: relative;\ display: inline-block;\ vertical-align: middle;\ margin: 0 auto;\ text-align: left;\ z-index: 1045;\ }\ .mfp-inline-holder .mfp-content,\ .mfp-ajax-holder .mfp-content {\ width: 100%;\ cursor: auto;\ }\ .mfp-ajax-cur {\ cursor: progress;\ }\ .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {\ cursor: -moz-zoom-out;\ cursor: -webkit-zoom-out;\ cursor: zoom-out;\ }\ .mfp-zoom {\ cursor: pointer;\ cursor: -webkit-zoom-in;\ cursor: -moz-zoom-in;\ cursor: zoom-in;\ }\ .mfp-auto-cursor .mfp-content {\ cursor: auto;\ }\ .mfp-close,\ .mfp-arrow,\ .mfp-preloader,\ .mfp-counter {\ -webkit-user-select: none;\ -moz-user-select: none;\ user-select: none;\ }\ .mfp-loading.mfp-figure {\ display: none;\ }\ .mfp-hide {\ display: none !important;\ }\ .mfp-preloader {\ color: #ccc;\ position: absolute;\ top: 50%;\ width: auto;\ text-align: center;\ margin-top: -0.8em;\ left: 8px;\ right: 8px;\ z-index: 1044;\ }\ .mfp-preloader a {\ color: #ccc;\ }\ .mfp-preloader a:hover {\ color: #fff;\ }\ .mfp-s-ready .mfp-preloader {\ display: none;\ }\ .mfp-s-error .mfp-content {\ display: none;\ }\ button.mfp-close,\ button.mfp-arrow {\ overflow: visible;\ cursor: pointer;\ background: transparent;\ border: 0;\ -webkit-appearance: none;\ display: block;\ outline: none;\ padding: 0;\ z-index: 1046;\ box-shadow: none;\ touch-action: manipulation;\ }\ button::-moz-focus-inner {\ padding: 0;\ border: 0;\ }\ .mfp-close {\ width: 44px;\ height: 44px;\ line-height: 44px;\ position: absolute;\ right: 0;\ top: 0;\ text-decoration: none;\ text-align: center;\ opacity: 0.65;\ padding: 0 0 18px 10px;\ color: #fff;\ font-style: normal;\ font-size: 28px;\ font-family: 'Roboto';\ }\ .mfp-close:hover,\ .mfp-close:focus {\ opacity: 1;\ }\ .mfp-close:active {\ top: 1px;\ }\ .zgl-modal .mfp-close {\ top: 0;\ right: 0;\ width: 51px;\ height: 51px;\ padding: 0;\ font-size: 1px;\ line-height: 1px;\ opacity: 1;\ color: transparent;\ border-left: 1px solid #fff;\ border-bottom: 1px solid #fff;\ border-top-right-radius: 4px;\ }\ \ .zgl-modal .mfp-close::before {\ display: block;\ height: 50px;\ font-family: 'Icomoon' !important;\ content: '\\e95a';\ font-size: 22px;\ line-height: 50px;\ text-align: center;\ color: #ca1720;\ background-color: #e0e0e4;\ border-top-right-radius: 4px;\ }\ .zgl-modal .mfp-close:hover::before {\ color: #000;\ }\ .mfp-image-holder .mfp-close,\ .mfp-iframe-holder .mfp-close {\ color: #ccc;\ right: -6px;\ text-align: right;\ padding-right: 6px;\ width: 100%;\ }\ .mfp-counter {\ position: absolute;\ top: 0;\ right: 0;\ color: #ccc;\ font-size: 12px;\ line-height: 18px;\ white-space: nowrap;\ }\ .mfp-arrow {\ position: absolute;\ opacity: 0.65;\ margin: 0;\ top: 50%;\ margin-top: -55px;\ padding: 0;\ width: 90px;\ height: 110px;\ -webkit-tap-highlight-color: transparent;\ }\ .mfp-arrow:active {\ margin-top: -54px;\ }\ .mfp-arrow:hover,\ .mfp-arrow:focus {\ opacity: 1;\ }\ .mfp-arrow:before,\ .mfp-arrow:after {\ content: '';\ display: block;\ width: 0;\ height: 0;\ position: absolute;\ left: 0;\ top: 0;\ margin-top: 35px;\ margin-left: 35px;\ border: medium inset transparent;\ }\ .mfp-arrow:after {\ border-top-width: 13px;\ border-bottom-width: 13px;\ top: 8px;\ }\ .mfp-arrow:before {\ border-top-width: 21px;\ border-bottom-width: 21px;\ opacity: 0.7;\ }\ \ .mfp-arrow-left {\ left: 0;\ }\ .mfp-arrow-left:after {\ border-right: 17px solid #fff;\ margin-left: 31px;\ }\ .mfp-arrow-left:before {\ margin-left: 25px;\ border-right: 27px solid #3f3f3f;\ }\ \ .mfp-arrow-right {\ right: 0;\ }\ .mfp-arrow-right:after {\ border-left: 17px solid #fff;\ margin-left: 39px;\ }\ .mfp-arrow-right:before {\ border-left: 27px solid #3f3f3f;\ }\ .mfp-iframe-holder {\ padding-top: 40px;\ padding-bottom: 40px;\ }\ .mfp-iframe-holder .mfp-content {\ line-height: 0;\ width: 100%;\ max-width: 900px;\ }\ .mfp-iframe-holder .mfp-close {\ top: -40px;\ }\ .mfp-iframe-scaler {\ width: 100%;\ height: 0;\ overflow: hidden;\ padding-top: 56.25%;\ }\ .mfp-iframe-scaler iframe {\ position: absolute;\ display: block;\ top: 0;\ left: 0;\ width: 100%;\ height: 100%;\ box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);\ background: #000;\ }\ img.mfp-img {\ width: auto;\ max-width: 100%;\ height: auto;\ display: block;\ line-height: 0;\ box-sizing: border-box;\ padding: 40px 0 40px;\ margin: 0 auto;\ }\ .mfp-figure {\ line-height: 0;\ }\ .mfp-figure:after {\ content: '';\ position: absolute;\ left: 0;\ top: 40px;\ bottom: 40px;\ display: block;\ right: 0;\ width: auto;\ height: auto;\ z-index: -1;\ box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);\ background: #444;\ }\ .mfp-figure small {\ color: #bdbdbd;\ display: block;\ font-size: 12px;\ line-height: 14px;\ }\ .mfp-figure figure {\ margin: 0;\ }\ .mfp-bottom-bar {\ margin-top: -36px;\ position: absolute;\ top: 100%;\ left: 0;\ width: 100%;\ cursor: auto;\ }\ .mfp-title {\ text-align: left;\ line-height: 18px;\ color: #f3f3f3;\ word-wrap: break-word;\ padding-right: 36px;\ }\ .mfp-image-holder .mfp-content {\ max-width: 100%;\ }\ .mfp-gallery .mfp-image-holder .mfp-figure {\ cursor: pointer;\ }\ \ \ @media all and (max-width: 900px) {\ \ .mfp-arrow {\ -webkit-transform: scale(0.75);\ transform: scale(0.75);\ }\ .mfp-arrow-left {\ -webkit-transform-origin: 0;\ transform-origin: 0;\ }\ .mfp-arrow-right {\ -webkit-transform-origin: 100%;\ transform-origin: 100%;\ }\ \ }\ \ @media all and (max-width: 800px) and (orientation: landscape), all and (max-height: 300px) {\ \ .mfp-img-mobile .mfp-image-holder {\ padding-left: 0;\ padding-right: 0;\ }\ .mfp-img-mobile img.mfp-img {\ padding: 0;\ }\ .mfp-img-mobile .mfp-figure:after {\ top: 0;\ bottom: 0;\ }\ .mfp-img-mobile .mfp-figure small {\ display: inline;\ margin-left: 5px;\ }\ .mfp-img-mobile .mfp-bottom-bar {\ background: rgba(0, 0, 0, 0.6);\ bottom: 0;\ margin: 0;\ top: auto;\ padding: 3px 5px;\ position: fixed;\ box-sizing: border-box;\ }\ .mfp-img-mobile .mfp-bottom-bar:empty {\ padding: 0;\ }\ .mfp-img-mobile .mfp-counter {\ right: 5px;\ top: 3px;\ }\ .mfp-img-mobile .mfp-close {\ top: 0;\ right: 0;\ width: 35px;\ height: 35px;\ line-height: 35px;\ background: rgba(0, 0, 0, 0.6);\ position: fixed;\ text-align: center;\ padding: 0;\ } \ \ }\ \ @media all and (max-width: 479px) {\ \ .zgl-modal .mfp-close,\ .zgl-modal .mfp-close::before {\ border-radius: 0;\ }\ \ }\ \ @charset 'utf-8';\ /* CSS Document Zaglavlje v. 1.5 */\ \ body {\ min-height: 100vh;\ margin: 0;\ padding: 0;\ background-color: #f7f7f7;\ }\ \ /**** Stilovi za zaglavlje ****/\ \ @font-face {\ font-family: 'Roboto';\ src: url('https://eusluge-nav.gov.hr/fonts/roboto-regular.woff') format('woff');\ font-weight: 400;\ font-style: normal;\ }\ \ @font-face {\ font-family: 'Roboto';\ src: url('https://eusluge-nav.gov.hr/fonts/roboto-italic.woff') format('woff');\ font-weight: 400;\ font-style: italic;\ }\ \ @font-face {\ font-family: 'Roboto';\ src: url('https://eusluge-nav.gov.hr/fonts/roboto-medium.woff') format('woff');\ font-weight: 500;\ font-style: normal;\ }\ \ @font-face {\ font-family: 'Roboto';\ src: url('https://eusluge-nav.gov.hr/fonts/roboto-mediumitalic.woff') format('woff');\ font-weight: 500;\ font-style: italic;\ }\ \ @font-face {\ font-family: 'Roboto';\ src: url('https://eusluge-nav.gov.hr/fonts/roboto-bold.woff') format('woff');\ font-weight: 700;\ font-style: normal;\ }\ \ @font-face {\ font-family: 'Roboto';\ src: url('https://eusluge-nav.gov.hr/fonts/roboto-bolditalic.woff') format('woff');\ font-weight: 700;\ font-style: italic;\ }\ \ @font-face {\ font-family: 'Icomoon';\ src: url('https://eusluge-nav.gov.hr/fonts/icomoon17.woff') format('woff');\ font-weight: normal;\ font-style: normal;\ }\ \ [class*='zgl-icon'],\ #egradjani a::before,\ #egradjani a::after,\ #egradjani #current_user span::before,\ .zgl-area::before {\ font-family: 'Icomoon' !important;\ speak: none;\ font-style: normal;\ font-weight: normal !important;\ font-variant: normal;\ text-transform: none;\ -webkit-font-smoothing: antialiased;\ -moz-osx-font-smoothing: grayscale;\ }\ \ #egradjani,\ .zgl-modal * {\ box-sizing: border-box;\ }\ \ #egradjani *,\ #egradjani *::before, #egradjani *::after,\ .zgl-modal *::before, .zgl-modal *::after {\ box-sizing: inherit;\ }\ \ @supports (appearance: none) or (-moz-appearance: none) or (-webkit-appearance: none) {\ #egradjani input,\ .zgl-modal input,\ #egradjani .zgl-button,\ .zgl-modal .zgl-button {\ /* outline: none;*/\ margin: 0;\ -webkit-appearance: none;\ -moz-appearance: none;\ appearance: none;\ }\ }\ \ #egradjani {\ font-family: 'Roboto', sans-serif;\ font-size: 16px;\ font-weight: 400;\ line-height: 1.5;\ color: #000;\ -moz-osx-font-smoothing: grayscale;\ -webkit-font-smoothing: antialiased;\ -ms-hyphens: none;\ -webkit-hyphens: none;\ hyphens: none;\ text-size-adjust: none;\ }\ \ #egradjani #egradani_user_person_identifier {\ display:none;\ }\ \ #egradjani .zgl-column_width {\ position: relative;\ margin: 0 auto;\ width: 100%;\ max-width: 1386px;\ padding: 0 20px;\ }\ \ #egradjani .zgl-image {\ display: block;\ border: none;\ }\ \ #egradjani a,\ #egradjani a:hover,\ #egradjani a:focus {\ text-decoration: none;\ }\ \ #egradjani .top_ribbon a,\ #egradjani #current_user a {\ color: #fff;\ }\ \ #egradjani p {\ margin: 0 0 8px;\ }\ \ #egradjani {\ display: flex;\ flex-direction: column;\ background-color: #ca1720;\ }\ \ #egradjani .top_ribbon {\ position: relative;\ padding: 19px 30px 17px;\ display: flex;\ flex-flow: row nowrap;\ justify-content: space-between;\ align-items: center;\ }\ \ #egradjani .zgl-section {\ flex: 1 1 auto;\ }\ \ #egradjani .zgl-section#logo {\ flex: 0 1 auto;\ }\ \ #egradjani .zgl-section#function {\ flex: 1 0 auto;\ display: flex;\ flex-flow: row nowrap;\ align-items: stretch;\ justify-content: flex-end;\ font-size: 14px;\ text-transform: uppercase;\ white-space: normal;\ }\ \ #egradjani .zgl-segment {\ position: relative;\ padding-left: 20px;\ }\ \ #egradjani .zgl-segment a {\ display: flex;\ align-items: center;\ }\ \ #egradjani #function a {\ height: 100%;\ padding: 8px;\ line-height: 17px;\ color: #fff;\ background-color: rgba(255, 255, 255, .25);\ border-radius: 3px;\ transition: background-color 0.33s ease;\ }\ \ #egradjani #function a:hover,\ #egradjani #function a:focus {\ background-color: rgba(0, 0, 0, .25);\ }\ \ #egradjani #function .zgl-icon .zgl-image {\ height: 32px;\ }\ \ #egradjani .zgl-segment .zgl-label {\ padding-left: 8px;\ }\ \ #user_inbox .unread_messages {\ padding: 8px;\ background: rgba(0, 0, 0, 0.3);\ border-radius: 3px;\ transition: background 0.33s ease;\ }\ \ #user_inbox a:hover .unread_messages {\ background: rgba(255, 255, 255, .4);\ }\ \ #user_inbox .zgl-label {\ padding-right: 8px;\ }\ \ #egradjani .zgl-segment a.zgl-tooltip .zgl-label {\ display: none;\ }\ \ #egradjani .zgl-segment a.zgl-tooltip:hover .zgl-label {\ display: block;\ position: absolute;\ top: 54px;\ right: 0;\ padding: 9px 13px 7px;\ color: #000;\ background-color: #f7f7f7;\ border-radius: 3px;\ z-index: 100011;\ box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5);\ }\ \ #egradjani .zgl-segment a.zgl-tooltip .zgl-label::after {\ content: '';\ display: block;\ width: 7px;\ height: 7px;\ position: absolute;\ top: -3px;\ right: 21px;\ transform: rotate(45deg);\ background-color: #f7f7f7;\ }\ \ #egradjani #logo .zgl-segment {\ padding: 0;\ }\ \ #egradjani #logo .zgl-label {\ padding-left: 20px;\ }\ \ #egradjani #logo .zgl-icon .zgl-image {\ width: 42px;\ }\ \ #egradjani #logo a {\ display: flex;\ transition: opacity 0.33s ease;\ }\ \ #egradjani #logo a:hover {\ opacity: .75;\ }\ \ #egradjani #site_title,\ #egradjani #site_subtitle {\ display: block;\ white-space: nowrap;\ }\ \ #egradjani #site_title {\ font-weight: 500;\ font-size: 26px;\ line-height: 1;\ letter-spacing: 0.063em;\ margin-top: -3px;\ }\ \ #egradjani #site_subtitle {\ line-height: 1;\ margin-top: 5px;\ }\ \ #egradjani #filter .zgl-label {\ max-width: 88px;\ }\ \ #egradjani #user_home .zgl-label {\ max-width: 55px;\ }\ \ #egradjani #user_inbox .zgl-label {\ max-width: 92px;\ }\ \ #egradjani #function a#impaired,\ #egradjani #function a#dyslexic {\ display: none;\ }\ \ #egradjani #function a#non-impaired,\ #egradjani #function a#non-dyslexic {\ display: flex;\ }\ \ #egradjani #current_user {\ position: relative;\ padding: 0 30px;\ text-align: right;\ font-size: 15px;\ line-height: normal;\ color: #fff;\ border-top: 1px solid #f7f7f7;\ }\ \ #egradjani #current_user .zgl-trigger {\ display: flex;\ justify-content: flex-end;\ align-items: flex-end;\ }\ \ #egradjani .zgl-trigger .zgl-icon {\ padding: 0 10px 17px 0;\ line-height: 1;\ }\ \ #egradjani a#user_switch {\ display: inline-block;\ padding: 13px 0;\ }\ \ #egradjani a#user_switch::before {\ content: '\\e902';\ display: block;\ float: right;\ margin: -13px 0 -13px 15px;\ padding: 13px 10px;\ font-size: 20px;\ line-height: 1;\ vertical-align: middle;\ background-color: rgba(255, 255, 255, .25);\ }\ \ #egradjani a#user_switch.zgl-open::before {\ transform: rotate(180deg);\ }\ \ #egradjani a#user_switch:hover::before {\ background-color: rgba(0, 0, 0, .25);\ }\ \ #egradjani #user_slideout {\ display: none;\ position: absolute;\ right: 30px;\ margin: 0;\ width: 280px;\ text-align: left;\ padding: 15px 20px 20px;\ color: #000;\ line-height: normal;\ background-color: #fff;\ box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5);\ z-index: 30;\ }\ \ #egradjani #user_slideout .zgl-icon {\ display: block;\ font-size: 35px;\ line-height: 1;\ color: #c69c6c;\ margin-bottom: 15px;\ }\ \ #egradjani #user_slideout .user_name {\ font-weight: 500;\ }\ \ #egradjani #user_slideout .zgl-unread a {\ margin-top: 15px;\ font-size: 16px;\ font-weight: 500;\ line-height: 1;\ color: #000;\ }\ \ #egradjani #user_slideout .zgl-unread a:hover {\ color: #ca1720;\ }\ \ #egradjani #user_slideout .zgl-unread a::before {\ content: '\\e5c8';\ font-size: 16px;\ color: #ca1720;\ line-height: 1;\ vertical-align: -2px;\ padding-right: 5px;\ }\ \ #egradjani #user_slideout .zgl-unread a:hover::before {\ color: #000;\ }\ \ #egradjani #user_slideout a.action {\ display: block;\ margin-top: 20px;\ padding: 10px;\ font-size: 16px;\ color: #000;\ text-align: center;\ text-transform: none;\ border: 2px solid #c69c6c;\ border-radius: 3px;\ }\ \ #egradjani #user_slideout a.action:hover {\ border-color: #2cad56;\ opacity: 1;\ }\ \ #egradjani #fontsize_slideout {\ display: none;\ position: fixed;\ right: 0;\ top: 0;\ line-height: 24px;\ color: #000;\ background-color: #f7f7f7;\ box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5);\ z-index: 100020;\ }\ \ #egradjani #fontsize_slideout .lining {\ padding: 20px;\ }\ \ #egradjani #fontsize_slideout a.zgl-close {\ display: block;\ padding: 8px 20px;\ font-size: 22px;\ line-height: 1;\ color: #a4a4a4;\ background-color: #444;\ transition: all 0.33s ease;\ }\ \ #egradjani #fontsize_slideout a.zgl-close:hover {\ color: #fff;\ opacity: 1;\ }\ \ #egradjani #fontsize_slideout a.zgl-close:active {\ background-color: #999;\ }\ \ #egradjani #fontsize_slideout .zgl-label {\ display: inline-block;\ padding-right: 10px;\ }\ \ #egradjani #fontsize_slideout a {\ display: inline-block;\ vertical-align: middle;\ font-size: 24px;\ color: #333;\ }\ \ #egradjani #fontsize_slideout a:hover {\ color: #2cad56;\ }\ \ #egradjani #fontsize_slideout a:focus {\ color: #ca1720;\ }\ \ #egradjani #fontsize_slideout a#default {\ margin: 0 10px;\ }\ \ #egradjani #filter_holder {\ position: relative;\ }\ \ #egradjani a#filter_close {\ display: block;\ position: relative;\ float: right;\ margin: -25px 0 0 0;\ padding: 25px 5px 20px;\ font-size: 22px;\ line-height: 1;\ color: #a4a4a4;\ background-color: #444;\ transition: all 0.33s ease;\ }\ \ #egradjani a#filter_close::after {\ content: '';\ position: absolute;\ left: 5px;\ bottom: -11px;\ width: 22px;\ height: 22px;\ background: #ededed;\ transform: rotate(45deg);\ z-index: 1;\ }\ \ #egradjani a#filter_close:hover {\ color: #fff;\ }\ \ #egradjani a#filter_close:active {\ background-color: #999;\ }\ \ #egradjani #filter_slideout {\ display: none;\ position: absolute;\ top: 0;\ left: 0;\ width: 100%;\ padding: 25px 0 40px;\ background-color: #ededed;\ box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5);\ z-index: 100000;\ }\ \ #egradjani .sidekick p {\ margin: 0;\ }\ \ #egradjani #filter_slideout .zgl-searchbox {\ border-color: #d5d5d2;\ }\ \ #egradjani #filter_slideout h3 {\ font-weight: 500;\ font-size: 18px;\ margin: 0 0 16px;\ }\ \ #egradjani #filter_slideout h4 {\ font-weight: 500;\ font-size: 17px;\ margin: 24px 0 8px;\ }\ \ #egradjani .filtering_results {\ columns: 280px 4;\ column-gap: 2em;\ column-rule: 1px dotted #666;\ background-color: #fff;\ padding: 20px;\ border-radius: 4px;\ }\ \ #egradjani .filtering_results ul {\ margin: 0;\ padding-left: 16px;\ line-height: normal;\ color: #ca1720;\ }\ \ #egradjani .filtering_results ul li {\ margin-bottom: 0.5em;\ -webkit-column-break-inside: avoid;\ page-break-inside: avoid;\ break-inside: avoid;\ }\ \ #egradjani .filtering_results ul li:hover {\ color: #000;\ }\ \ #egradjani .filtering_results ul a {\ color: #000;\ }\ \ #egradjani .filtering_results ul a:hover {\ color: #ca1720;\ }\ \ #egradjani #filter_slideout .zgl-showmore {\ margin: 20px 0 0 0;\ }\ \ #egradjani .asymmetric {\ display: flex;\ flex-flow: row nowrap;\ justify-content: space-between;\ align-items: flex-end;\ }\ \ \ #egradjani .search {\ flex: 1 1 66.66%;\ border-right: 10px solid transparent;\ }\ \ #egradjani .zgl-sidekick {\ flex: 1 1 33.33%;\ max-width: 33.33%;\ border-left: 10px solid transparent;\ }\ \ #egradjani .zgl-showmore a {\ display: inline-block;\ line-height: 40px;\ margin-top: 20px;\ padding: 0 20px;\ color: #fff;\ background-color: #444;\ border-radius: 4px;\ transition: background 0.33s ease;\ }\ \ #egradjani .zgl-showmore a:hover {\ color: #fff;\ background-color: #ca1720;\ }\ \ #egradjani .zgl-showmore a:active {\ background-color: #999;\ }\ \ \ \ #egradjani #navmainswitch {\ display: none;\ }\ \ #egradjani #navmainswitch a {\ font-size: 30px;\ line-height: 42px;\ padding: 0 8px;\ color: #fff;\ background-color: rgba(255, 255, 255, .25);\ border-radius: 3px;\ transition: background-color 0.33s ease;\ }\ \ #egradjani #navmainswitch a:hover {\ background-color: rgba(0, 0, 0, .25);\ }\ \ #egradjani .zgl-searchbox {\ position: relative;\ background-color: #fff;\ border: 1px solid #d5d5d2;\ border-radius: 3px;\ }\ \ #egradjani .zgl-inputfield {\ width: 100%;\ padding: 0 60px 0 15px;\ background-color: transparent;\ border: none;\ font: 400 16px/50px 'Roboto', sans-serif;\ color: #999;\ }\ \ #egradjani .zgl-inputfield:focus {\ color: #000;\ }\ \ #egradjani .zgl-searchbutton {\ position: absolute;\ top: 0;\ right: 5px;\ width: 44px;\ height: 50px;\ font-size: 22px;\ line-height: 50px;\ padding: 0 10px;\ border: none;\ text-align: right;\ color: #666;\ background: transparent;\ cursor: pointer;\ }\ \ #egradjani .zgl-searchbutton:hover {\ color: #ca1720;\ }\ \ #egradjani .zgl-searchbutton:active {\ color: #000;\ }\ \ \ \ /** pop-up dialog **/\ \ \ .zgl-modal {\ position: relative;\ min-width: 320px;\ max-width: 400px;\ margin: 0 auto;\ font-family: 'Roboto', sans-serif;\ font-weight: 400;\ font-size: 16px;\ color: #000;\ box-sizing: border-box;\ }\ \ .zgl-modal.large {\ max-width: 600px;\ }\ \ .zgl-modal .lining {\ border-top: 51px solid transparent;\ padding: 30px 20px 40px;\ background-color: #f7f7f7;\ background-clip: padding-box;\ border-radius: 4px;\ }\ \ .zgl-modal h3 {\ position: absolute;\ top: 0;\ left: 0;\ width: calc(100% - 5px);\ font-weight: 500;\ font-size: 17px;\ line-height: 50px;\ margin: 0;\ padding: 0 112px 0 20px;\ background-color: #e0e0e4;\ border-top-left-radius: 4px;\ border-bottom: 1px solid #fff;\ }\ \ .zgl-modal p {\ margin: 0 0 8px;\ }\ \ .zgl-modal fieldset {\ margin: 0;\ padding: 0;\ border: none;\ }\ \ .zgl-modal .block_label {\ display: block;\ margin-bottom: 15px;\ font-weight: 400;\ }\ \ .zgl-modal input.submit_button {\ width: 100%;\ margin: 20px 0 0;\ padding: 16px;\ font-family: 'Roboto', sans-serif;\ font-weight: 400;\ font-size: 16px;\ text-align: center;\ color: #fff;\ border: none;\ border-radius: 3px;\ background: linear-gradient(0deg, rgba(51,51,51,1) 0%, rgba(85,85,85,1) 100%);\ cursor: pointer;\ }\ \ input.submit_button.short {\ width: auto;\ padding: 12px 20px;\ margin-bottom: 0;\ }\ \ .zgl-modal input.submit_button:hover {\ background: #2cad56;\ }\ \ .zgl-modal ul {\ list-style: none;\ margin: 0;\ padding: 0;\ }\ \ .zgl-modal ul li {\ padding: 10px;\ border-bottom: 1px dotted #999;\ }\ \ .zgl-modal ul li:first-child {\ border-top: 1px dotted #999;\ }\ \ .zgl-modal ul li:hover {\ background-color: #fff;\ }\ \ .zgl-modal .results {\ margin: 20px 0 0;\ line-height: normal;\ }\ \ .zgl-modal .scroll_me {\ max-height: 321px;\ overflow-y: auto;\ }\ \ .zgl-modal .selection ul li {\ padding-right: 40px;\ }\ \ .zgl-modal .assist {\ position: absolute;\ top: 0;\ right: 51px;\ width: 51px;\ height: 51px;\ border-left: 1px solid #fff;\ z-index: 1;\ }\ \ .zgl-modal .assist a {\ display: block;\ text-align: center;\ position: relative;\ color: #ca1720;\ text-decoration: none;\ }\ \ .zgl-modal .assist a::before {\ content: '\\e97a';\ font-size: 16px;\ line-height: 50px;\ }\ \ .zgl-modal .assist a:hover {\ color: #000;\ }\ \ .zgl-modal .zgl-searchbox {\ position: relative;\ background-color: #fff;\ border: 1px solid #d5d5d2;\ border-radius: 3px;\ }\ \ .zgl-modal .zgl-inputfield {\ width: 100%;\ padding: 0 60px 0 15px;\ background-color: transparent;\ border: none;\ font: 400 16px/50px 'Roboto', sans-serif;\ color: #999;\ }\ \ .zgl-modal .zgl-inputfield:focus {\ color: #000;\ }\ \ .zgl-modal .zgl-searchbutton {\ position: absolute;\ top: 0;\ right: 5px;\ width: 44px;\ height: 50px;\ font-size: 22px;\ line-height: 50px;\ padding: 0 10px;\ border: none;\ text-align: right;\ color: #666;\ background: transparent;\ cursor: pointer;\ }\ \ .zgl-modal .zgl-searchbutton:hover {\ color: #ca1720;\ }\ \ .zgl-modal .zgl-searchbutton:active {\ color: #000;\ }\ .zgl-modal .scroll_me label {\ display: block;\ margin: 0;\ font-weight: 400;\ }\ \ .radio_select {\ display: block;\ position: relative;\ width: 20px;\ height: 20px;\ float: right;\ margin-right: -27px;\ vertical-align: middle;\ margin: 0 -27px 0 0;\ }\ \ .radio_select .zgl-area::before {\ content: '\\e966';\ font-size: 20px;\ color: #999;\ line-height: 1rem;\ }\ \ .radio_select input:checked + .zgl-area::before {\ content: '\\e97c';\ color: #2cad56;\ }\ \ .radio_select input:hover + .zgl-area::before {\ color: #000;\ }\ \ .radio_select input:focus + .zgl-area::before {\ color: #2cad56;\ }\ \ \ #egradjani #current_user .unread a {\ color: #000 !important;\ }\ \ \ \ @media all and (max-width: 1386px) {\ \ #egradjani .top_ribbon,\ #egradjani #current_user {\ padding-left: 20px;\ padding-right: 20px;\ }\ \ #egradjani #user_slideout {\ right: 20px;\ }\ \ #egradjani a#filter_close {\ padding: 20px 9px 25px;\ font-size: 22px;\ }\ \ #egradjani a#filter_close::after {\ bottom: -15px;\ width: 30px;\ height: 30px;\ }\ }\ \ \ @media all and (max-width: 1070px) {\ \ #egradjani .zgl-segment {\ padding-left: 10px;\ }\ }\ \ \ \ @media all and (max-width: 1023px) {\ \ \ #egradjani .top_ribbon {\ flex-direction: column;\ align-items: flex-start;\ padding: 0;\ }\ \ #egradjani #navmainswitch {\ display: block;\ }\ \ #egradjani .zgl-section#logo {\ width: 100%;\ display: flex;\ justify-content: space-between;\ padding: 20px 20px 19px;\ }\ \ #egradjani .zgl-segment {\ padding-left: 0;\ }\ \ #egradjani .zgl-section#function {\ width: 100%;\ padding: 10px 19px;\ flex-flow: row wrap;\ }\ \ #egradjani .zgl-segment a.zgl-tooltip:hover .zgl-label {\ display: inherit;\ position: inherit;\ padding: 0 0 0 8px;\ color: inherit;\ background-color: transparent;\ border-radius: 0;\ box-shadow: none;\ }\ \ #egradjani .zgl-segment a.zgl-tooltip .zgl-label::after {\ display: none;\ }\ \ #egradjani #shell {\ display: none;\ width: 100%;\ border-top: 1px solid #f7f7f7;\ }\ \ #egradjani #function .zgl-segment {\ flex: 1 1 50%;\ border: 1px solid transparent;\ }\ \ #egradjani #function a {\ height: 100%;\ padding: 8px 12px;\ }\ \ #egradjani #filter .zgl-label,\ #egradjani #user_home .zgl-label,\ #egradjani #user_inbox .zgl-label {\ max-width: none;\ }\ \ #egradjani #vision_impaired .zgl-label,\ #egradjani #resize .zgl-label,\ #egradjani #dyslexia .zgl-label {\ display: block;\ }\ \ #egradjani #user_inbox a {\ justify-content: space-between;\ }\ \ #egradjani #user_inbox .zgl-icon,\ #egradjani #user_inbox .unread_messages {\ flex: 0;\ }\ \ #egradjani #user_inbox .zgl-label {\ flex: 1;\ }\ \ #egradjani a#user_switch::before,\ #egradjani a#user_switch:hover::before {\ margin: -13px 0 -13px 15px;\ padding: 13px 0;\ background-color: transparent;\ }\ \ #egradjani #filterswitch {\ order: 1;\ }\ \ #egradjani #user_home {\ order: 3;\ }\ \ #egradjani #user_inbox {\ order: 5;\ }\ \ #egradjani #vision_impaired {\ order: 2;\ }\ \ #egradjani #dyslexia {\ order: 4;\ }\ \ #egradjani #resize {\ order: 6;\ }\ \ #egradjani #log_button {\ order: 7;\ }\ \ #egradjani a#filter_close {\ margin: -18px -10px 0 0;\ color: #ca1720;\ background-color: transparent;\ }\ \ #egradjani a#filter_close::after {\ display: none;\ }\ \ #egradjani a#filter_close:hover {\ color: #000;\ }\ \ #egradjani a#filter_close:active {\ background-color: transparent;\ }\ }\ \ \ @media all and (max-width: 767px) {\ \ #egradjani .filtering_results {\ column-rule: 1px solid #d5d5d2;\ }\ }\ \ @media all and (max-width: 680px) {\ \ #egradjani .asymmetric {\ display: block;\ }\ \ #egradjani .search, .zgl-sidekick {\ border: none;\ }\ \ #egradjani .zgl-sidekick {\ margin-top: 10px;\ max-width: none;\ text-align: left;\ }\ }\ \ @media all and (max-width: 480px) {\ \ #egradjani .zgl-section#function {\ flex-direction: column;\ }\ \ #egradjani #current_user {\ padding: 0 20px;\ text-align: left;\ line-height: normal;\ }\ \ #egradjani #current_user .zgl-trigger {\ justify-content: flex-start;\ align-items: flex-start;\ }\ \ #egradjani .zgl-trigger .zgl-icon {\ flex: 0;\ padding: 13px 10px 0 0;\ }\ \ #egradjani a#user_switch {\ flex: 1;\ }\ \ #egradjani #filterswitch {\ order: 1;\ }\ \ #egradjani #user_home {\ order: 2;\ }\ \ #egradjani #user_inbox {\ order: 3;\ }\ \ #egradjani #vision_impaired {\ order: 4;\ }\ \ #egradjani #dyslexia {\ order: 5;\ }\ \ #egradjani #resize {\ order: 6;\ }\ \ #egradjani #log_button {\ order: 7;\ }\ \ #egradjani #user_slideout {\ width: calc(100% - 40px);\ }\ }\ \ @media all and (max-width: 479px) {\ \ #egradjani a#filter_close {\ margin: -18px 0 0 0;\ }\ \ #egradjani .zgl-column_width {\ padding: 0 10px;\ }\ }\ "; query("