@import "https://static.cloud.coveo.com/searchui/v2.10093/4/css/CoveoFullSearch.min.css"; @font-face{font-family:Dazzed;src:url(fonts/dazzed/Dazzed-Medium.ttf) format("truetype");font-weight:450;font-display:swap} @font-face{font-family:Dazzed;src:url(fonts/dazzed/Dazzed-Regular.ttf) format("truetype");font-weight:330;font-display:swap} @font-face{font-family:Dazzed;src:url(fonts/dazzed/Dazzed-SemiBold.ttf) format("truetype");font-weight:600;font-display:swap} @font-face{font-family:Dazzed;src:url(fonts/dazzed/Dazzed-Bold.ttf) format("truetype");font-weight:775;font-display:swap} @font-face{font-family:fsg-icon;font-style:normal;font-weight:400;src:url(fonts/fs-icon/fsg-icon-regular_1.eot);src:url(fonts/fs-icon/fsg-icon-regular_1.eot?#iefix) format("embedded-opentype"),url(fonts/fs-icon/fsg-icon-regular_1.woff2) format("woff2"),url(fonts/fs-icon/fsg-icon-regular_1.woff) format("woff"),url(fonts/fs-icon/fsg-icon-regular_1.ttf) format("truetype"),url(fonts/fs-icon/fsg-icon-regular_1.svg#fsg-icon-regular) format("svg")} @font-face{font-family:fsg-icon-thin;font-style:normal;font-weight:100;src:url(fonts/fs-icon/fsg-icon-thin.eot);src:url(fonts/fs-icon/fsg-icon-thin.eot?#iefix) format("embedded-opentype"),url(fonts/fs-icon/fsg-icon-thin.woff2) format("woff2"),url(fonts/fs-icon/fsg-icon-thin.woff) format("woff"),url(fonts/fs-icon/fsg-icon-thin.ttf) format("truetype"),url(fonts/fs-icon/fsg-icon-thin.svg#fsg-icon-thin) format("svg")} @font-face{font-family:icomoon;font-style:normal;font-weight:400;src:url(fonts/icomoon/icomoon.eot?elt5n9);src:url(fonts/icomoon/icomoon.eot?elt5n9#iefix) format("embedded-opentype"),url(fonts/icomoon/icomoon.ttf?elt5n9) format("truetype"),url(fonts/icomoon/icomoon.woff?elt5n9) format("woff"),url(fonts/icomoon/icomoon.svg?elt5n9#icomoon) format("svg")} /* General structure for header/footer*/ #fsheader, #fsfooter {font-family:Dazzed;} .row, .container, .top-header, .bottom-header {width:100%; height:100%; margin:auto;} header .container, footer .container, .top-header {display:flex;padding:0;flex-direction:row;justify-content:space-between;} #fsheader .row:nth-child(1) {background-color:rgb(250,245,245)} a {text-decoration:none;color:rgb(10,30,60)} #titleBar, .hide, .restricted, #signin.hide {display:none} /*top header*/ .header-top-link, .header-bottom-link {cursor:pointer;} .header-top-link, .header-bottom-link a {text-decoration:none;} .header-top-link.active::after {width:calc(100% + 30px)} .header-top-link.active::after {background-color:rgb(10,30,60);} /*bottom header (dropdowns) */ #helpForums, #supportArticles {position:absolute;z-index:100;} .dropdowns {padding-left:0} #dropdownnavi {float:left; clear:both; width:100%;} .dropdowns, .forums-list, .supportarticles-list {display:flex} .dropdowns {margin-left:-15px;list-style:none; padding-left:0;} .dropdowns .helpforums-dropdown, .dropdowns .supportarticles-dropdown, a.displaydropdown {text-decoration:none;} #helpForums a, #supportArticles a {text-decoration:none;} #helpForums a:hover, #supportArticles a:hover {color:rgb(10,60,355)} #helpForums ul, #supportArticles ul, .dropdowns {width:100%;list-style:none; text-align:left;} .forums-list, .languages-list {padding-left:10px} .englishforum > ul, .finnishforum > ul {width:100%;} li.englishforum > a, li.finnishforum > a, li.second-level > a {display:block; font-weight:700; padding:3px 0 3px 10px} li.englishforum > a, li.finnishforum > a {padding:25px 0 0 25px;} .englishforum li:hover, .finnishforum li:hover {cursor:pointer;} .languages li {font-style:italic} .kb-lang-title {width:100%;text-align:center;font-weight:600; margin:0} /*Header search (Coveo) */ .header-coveosearch {position:relative} .header-search {display:inline-block;padding:8px 0 0 0;} #kbsearch {display:block;margin:0 0 0 auto; box-sizing:border-box; border:1px solid rgb(255,255,255); font-size:14px; padding:14px 0 10px 15px;} .search-icon {color:rgb(255,255,255);} #opensearch-icon:before {content:"\f220";font-family:fsg-icon;font-size:26px;color:rgb(255,255,255)} #closesearch-icon:before {content:"\f130";font-family:fsg-icon;font-size:26px;color:rgb(255,255,255)} a#searchboxtoggle[data-toggle="collapse"] #displaysearch:before {content:"\f220";font-family:fsg-icon;font-size:26px;font-style:normal} a#searchboxtoggle[data-toggle="expand"] #displaysearch:before {content:"\f130";font-family:fsg-icon;font-size:26px;font-style:normal} #opensearch-icon, #closesearch-icon {font-style:normal;} #opensearch-icon:hover, #closesearch-icon:hover {cursor:pointer} a.CoveoSearchButton {border:none;height:66px} .CoveoSearchbox {background:rgb(255,255,255); height:66px} .CoveoSearchbox .magic-box {border:none} .CoveoSearchbox .magic-box .magic-box-input > input {font-family:'Dazzed';font-size:14px;height:66px} .header-searchbox {margin:0;z-index:30;width:0;overflow:hidden;transition:.6s ease-in-out;} .CoveoResultLink {font-family:"Dazzed"} .expand {display:inline-block;min-height:300px} .collapse {display:none;} /* Signin module*/ #signin {width:max-content} .signin-icon:before {content:"\f258";font-family:fsg-icon;font-size:22px;} /*meBox */ #homeLink {margin-left:1px} #articleslink hr, #dashboardlink hr {margin:0} #articleslink .title {padding:0;text-align:center; font-weight:600;} #articleslink p, #dashboardlink p {padding:10px 0 10px 20px;} #articleslink p a, #dashboardlink p a {text-decoration:none; color:#1e1e1e;} #articleslink .draftslink:hover, #dashboardlink p:hover {padding:10px 0 10px 20px;} /*Footer*/ #fsfooter {background-color:rgb(10,30,60);} #fsfooter .row:nth-child(2) {background-color:rgb(210,220,230);} footer h3, footer a {text-decoration:none; color:rgb(255,255,255)} .col.brandcolumn p {text-decoration:none; color:rgb(210, 220, 230)} .footer-secondary .footer-links-wrap .col:nth-child(2) {border-right:1px solid #c4c4c4} .col ul {list-style:none;} .col:nth-child(2) ul {padding:0;} .col ul li {padding-bottom:20px;} .footer-link-subtitle {max-width:95%} .row.footer-links-wrap:nth-of-type(1) .col.footer-links h3 {font-size:16px} row.footer-links-wrap .col.footer-links ul {padding:0 0 15px 0;margin-left:0} .footer-primary a:hover {color:rgba(255,255,255,.6)} .footer-secondary a {color:rgb(10,30,60)} .footer-secondary a:hover {color:rgb(10,30,355)} .row.footer-links-wrap:nth-of-type(3) {padding-top:10px} .social-link svg {stroke:#fff; margin:0 9px} .social-link svg path {fill:#fff;} .social-link.facebook:hover svg,.social-link.youtube:hover svg,.social-link.twitter:hover svg, .social-link.linkedin:hover svg, .social-link.instagram:hover svg {stroke:rgba(255,255,255,0.6)!important;} .social-link.facebook:hover svg path,.social-link.youtube:hover svg path,.social-link.twitter:hover svg path, .social-link.linkedin:hover svg path, .social-link.instagram:hover svg path {fill:rgba(255,255,255,0.6)!important;} /* Newsletter modal*/ .subscribe-newsletter {background-color:unset;border:1px solid rgb(255,255,255);color:rgb(255,255,255);padding:16px;border-radius:25px;margin:20px 0 0 0;font-family:'Dazzed';} .subscribe-newsletter:hover {cursor:pointer;background-color:#ebebeb;border-color:#ebebeb;color:#212121;} .newsletter-modal {visibility:hidden;position:fixed; z-index:1001;padding-top:60px;left:0;top:0;} .newsletter-modal .newsletter-container {position:fixed; margin:auto;left:50%;top:-50%;background:rgb(255,255,255);padding:10px;z-index:200;transform:translate(-50%, -50%);min-height:400px; color:black;display:flex;flex-direction:column;transition:.3s ease-in-out} .newsletter-modal .newsletter-container .close {align-self:flex-end} .newsletter-modal .newsletter-container .close::before {content:"\f133";font-family:fsg-icon-thin !important;line-height:1;font-size:38px;color:#cecece;} .newsletter-modal .newsletter-container .close:hover::before {cursor:pointer;color:black} .newsletter-modal.display {visibility:visible;background-color:rgba(0,0,0,0.4);width:100%; height:100%;} .newsletter-modal.display .newsletter-container {top:35%} @media screen and (max-width:991px){ /* general */ header {margin:0} header .row:nth-child(1) {height:64px} .Header-logo img {width:130px;height: 66px; padding: 0 0 0 16px;} .bottom-header {display:none;height:max-content;border-top:1px solid rgb(222,222,222);padding-top:15px;background-color: rgb(10,30,60);border-bottom: 1px solid rgba(250, 245, 245, 0.4);} .bottom-header.display, .header-right.display, #titleBar.display {display:block;width:100%} .open, .visible-sm {display:block} .visible-md {display:none} p.sitenav, .sitenav a, .dropdowns .helpforums-dropdown, .dropdowns .supportarticles-dropdown, a.displaydropdown, #helpForums a, #supportArticles a {color: rgb(250,245,245);} /*top header*/ .Hamburger-border {position:absolute; right:60px; border-left:1px solid rgb(222,222,222); height:64px; width:50px; top:0; z-index:20; border-right:1px solid rgb(222,222,222); padding-right:10px;} .Hamburger {display:block;position:absolute; top:8px; left:calc(100% - 52px); z-index:20;-webkit-box-align:center; -webkit-box-pack:center;-webkit-user-select:none; align-items:center; background:transparent; border:none; border-radius:0;cursor:pointer;justify-content:center; outline:none;transition:.35s;} .Hamburger-menuXcross {height:25px; padding:0; width:26px;} .Hamburger-menuLines {-o-transition:.35s;-webkit-transition:.35s; background-color:rgb(10,30,60);border-radius:2px; display:inline-block; height:2px; position:relative; transition:.35s; width:26px;} .Hamburger-menuLines::before {top:6px; } .Hamburger-menuLines::after {top:-6px;} .Hamburger-menuLines::after, .Hamburger-menuLines::before {-ms-transform-origin:5.5px center;-o-transition:.35s;-webkit-transform-origin:5.5px center;-webkit-transition:.35s;background-color:rgb(10,30,60);border-radius:2px; content:""; display:inline-block; height:2px;left:0;position:absolute;transform-origin:5.5px center;transition:.35s;width:26px;} .sr-only {position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;border:0 !important;} .Hamburger-menuXcross.isToggled .Hamburger-menuLines::before {-webkit-transform:rotate(45deg); transform:rotate(45deg);} .Hamburger-menuXcross.isToggled .Hamburger-menuLines::after {-webkit-transform:rotate(-45deg);transform:rotate(-45deg);} .Hamburger-menuXcross.isToggled .Hamburger-menuLines::after, .Hamburger-menuXcross.isToggled .Hamburger-menuLines::before {-ms-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;left:0;top:0;transform-origin:50% 50%;width:26px;} .Hamburger-menuXcross.isToggled .Hamburger-menuLines {background:transparent;} .isToggled .Hamburger-menuLines {-webkit-transform:scaleX(1);transform:scaleX(1);} .sitenav {padding-left:18px;font-weight:600;color:rgb(10,30,60)} .sitenav:nth-of-type(2), .sitenav:nth-of-type(3) {border-top: 1px solid rgba(250, 245, 245, 0.4);padding-top:15px} .sitenav a {text-decoration:none;} .sitenav a:hover {color:#0014a0} /*header search (Coveo) */ .header-top-links {display:none} .header-coveosearch {position:absolute;margin:auto;height:66px;width:100%} .header-searchcontainer {line-height:66px;text-align:right; padding-right:15px;} .header-searchbox {position:absolute;margin:0;z-index:30;width:0;right:60px;top:0;} .header-searchbox.expand{width:calc(100% - 62px)} .CoveoSearchInterface {margin-top:-3px} .CoveoSearchInterface .CoveoSearchbox {margin-top:0;max-width:100%;margin-right:0} .CoveoSearchButton::before {margin-top:6px} #kbsearch, .CoveoSearchInterface .CoveoSearchbox, .CoveoSearchButton.coveo-accessible-button, .magic-box-input, .magic-box-underlay, .magic-box-input > input {height:66px} .CoveoSearchbox .magic-box .magic-box-clear .magic-box-icon::before {line-height:66px} .CoveoSearchbox .magic-box .magic-box-input > input {padding:8px 0 0 16px} .coveo-suggestion-container .coveo-magicbox-suggestions {flex-basis:100%!important;max-width:100%!important} .coveo-preview-container {display:none} /* bottom header */ #helpForums, #supportArticles {margin:0 0 15px -30px} #helpForums.display, #supportArticles.display {display:flex; margin-top:15px} #helpForums, #supportArticles, .header-right {display:none; position:relative;padding:0;} #helpForums a, #supportArticles a, .languages ul.second-level li {cursor:pointer;} #helpForums a, #supportArticles a {width:max-content} #userguidesLink, #supportLink {border-top:1px solid rgb(222,222,222);} .dropdowns {display:flex;flex-direction:column;padding:0; margin-bottom:0} .dropdowns .helpforums-dropdown, .dropdowns .supportarticles-dropdown {padding:10px 20px;} .dropdowns, .forums-list {display:flex;flex-direction:column} .forums-list {width:100%;} .englishforum, .finnishforum {text-align:left;} li.englishforum ul, li.finnishforum ul {padding:10px 15px} li.englishforum ul li, li.finnishforum ul li {padding:6px 0} .dropdowns {list-style:none;padding:5px 0 10px 25px;text-align:left;} .helpforums-dropdown .displaydropdown:after, .supportarticles-dropdown .displaydropdown:after {content:"\f1f5";font-family:fsg-icon;font-size:26px;position:absolute;margin-top:-8px;padding-left:5px;} .helpforums-dropdown .displaydropdown.open:after, .supportarticles-dropdown .displaydropdown.open:after {content:"\f131";} .supportarticles-list {display:flex;flex-direction:row; padding:0} #supportArticles .languages-list {width:inherit} .languages-list, .languages-list ul, .kbs-list, .kbs-list ul {padding-left:0;} .languages-list > li {padding:5px 0 20px 20px;} .languages-list li ul li, .kbs li {padding:5px 0 5px 15px;} .languages ul.second-level li:hover, .activelanguage {background-color: rgba(250, 245, 245, 0.4);} .languages ul.second-level li.activelanguage:after, .languages li:hover::after{content:"\f1f6";font-family:fsg-icon-thin;font-size:26px;float:right;font-style:normal;margin-top:-8px} .languages {border-right:3px solid #fff;} .languages p, .kbs p {padding-left:15px; font-weight:600} .kbs {padding:4px 0 0 10px} /* signin module */ .header-right {z-index:100;background-color:rgb(250,245,245);padding:15px 0;border-top:1px solid rgb(222,222,222);} #signin {display:flex;margin:auto;} .signin-icon:before, #signin a {color:rgb(10,30,60)} #loginLink, #registerLink {padding:0 10px} #loginLink, #registerLink, .Bullet {margin:auto} /* footer */ footer h3, footer a, .col.brandcolumn p, .col.brandcolumn button {text-decoration: none; color: rgb(255,255,255); font-size: 1rem;} .col, .col.brandcolumn, .col.linkscolumn {display:block; width:100%; padding:0} footer .container {flex-direction:column; margin:auto;padding-top:20px} footer .row:nth-of-type(2).footer-links-wrap .col.footer-links:last-of-type {border-bottom:none} a.dropdown-1-title, a.dropdown-2-title, a.dropdown-3-title {color:#8a8a8a; font-style:italic;} .header-bottom-link:focus::after, .header-bottom-link:hover .smdropdown::after,.smdropdown::after,.depth-1-url::after,.depth-2-url::after {content:"\f1f5";font-family:fsg-icon;font-size:26px;color:rgb(10,30,60);position:absolute} .footer-link-title {width:100%} .col.brandcolumn {text-align:center;} .col.brandcolumn p {max-width:80%;margin:auto;padding:20px 0;font-size:16px} .footer-logo {max-width:180px;padding:20px 0} footer .row.footer-links-wrap:nth-of-type(3) {border-bottom:none} footer .row.footer-links-wrap .col.footer-links, footer .row.footer-links-wrap .col.footer-links:last-of-type {text-align:center;padding:0 0 5px 0} footer .row.footer-links-wrap .col.footer-links ul {padding:0} footer .row.footer-links-wrap .col.footer-links .footerdropdown::hover {cursor:pointer!important} .footer-secondary .col {width:100%;display:flex;flex-direction:column} .footer-secondary.footer-links-wrap .col.footer-links ul {display:block} .footer-secondary.footer-links-wrap .social-icons-wrap {text-align:center;margin:25px auto 10px auto} .footer-secondary ul li {display:block;padding:0 10px} .footer-secondary a {font-weight:600} .col.linkscolumn {display:flex;flex-direction:column} .col.linkscolumn .social-icons-wrap {padding:20px} .social-icons-wrap {display:flex;justify-content:center; margin-bottom:20px} .social-icons-wrap a {padding:10px 0 0 0;} .visible-sm.social-icons-wrap {text-align:center;padding:15px 0} .visible-sm.fs_cybersecurity_svg {display:flex; margin:40px auto;width:176px} .visible-sm.companyname {padding:10px 0 30px 0;} .visible-sm.companyname a {font-weight:500} .footer-cybersecurity-logo {border-bottom: 1px solid rgba(250, 245, 245, 0.4);} .fs_cybersecurity_svg {max-width:150px; margin-bottom:40px} /* Newsletter modal*/ .subscribe-newsletter {margin:40px auto 0 auto;font-size:16px} .newsletter-modal .newsletter-container {min-width:300px; max-width:800px;} .newsletter-modal .newsletter-container {text-align:center;} .newsletter-modal .newsletter-container iframe {height:500px;border:none} } @media screen and (max-width:991px) and (orientation:landscape){ .kbs-list {width:100%}; } @media screen and (min-width:992px){ /* general */ header .container, footer .container {max-width:1152px} header {position:relative;display:flex;flex-direction:column;z-index:10} header .row:nth-child(1) {height: 75px;} header .row:nth-child(2) {height: 85px;} #titleBar.display {display:flex;z-index:100;box-shadow:0 3px 5px rgba(0,0,0,0.1)} .Hamburger, .dropdownnavi .top-header-link, #userguidesLink, #supportLink, .smdropdown-alt, .visible-sm {display:none;} #helpForums a, #supportArticles a, .dropdowns .helpforums-dropdown, .dropdowns .supportarticles-dropdown, a.displaydropdown {color:rgb(250,245,245)} .header-top-link:not(.active):hover, .searchboxtoggle:hover, #helpForums a:hover, #supportArticles a:hover, .footer-primary a:hover, .footer-secondary a:hover, #loginLink a:hover, #registerLink a:hover {color: rgb(140, 185, 255);} .visible-md {display:block} header .sticky.row:nth-child(2) {height:78px} .sticky {position: fixed;top: 0; width: 100%;z-index: 100;} .sticky ul.dropdowns {margin-top:-18px;} /* top header */ .Header-logo {display:grid;padding:0 16px;align-items:center;} .Header-logo img {width:130px;} .header-top-links {display:flex;margin-left:auto;padding-top:5px;} .header-top-link {color:rgb(10,30,60);height:100%;font-weight:600;font-size:1rem;line-height:70px;padding:0 15px;} .header-top-link.active:after, .header-top-link:hover::after {top: -16px; content: ""; display: block; height: 2px; left: -14px; margin: auto; position: relative; width: calc(100% + 35px);} /* header search (Coveo) */ .header-searchcontainer {display:flex;height:100%;width:50px;line-height:66px;margin-left:10px;} .header-coveosearch {padding-top:5px;} .header-searchbox {height:66px;position:absolute;right:66px;} .header-searchbox.expand {width:700px; min-height:400px; transition:.5s ease-in-out;} #opensearch-icon:hover::before, #closesearch-icon:hover::before, .coveo-search-button-svg:hover {color:#1476ff;} .CoveoSearchButton:hover .coveo-magnifier-circle-svg {fill:#1476ff} .CoveoSearchbox .magic-box .magic-box-clear .magic-box-icon {line-height:66px!important} a#searchboxtoggle[data-toggle="collapse"] #displaysearch::before {font-size:22px} .searchboxtoggle:hover {cursor:pointer} .searchboxtoggle:hover::after {top:-10px;content:"";display:block;height:5px;left:-15px;margin:auto;position:relative; width:calc(100% + 35px);} .coveo-suggestion-container .coveo-magicbox-suggestions {flex-basis:30%!important;max-width:30%!important} .coveo-preview-container {display:block} /* bottom header */ #fsheader .row:nth-child(2) {background-color:rgb(10,30,60); box-shadow:rgb(0 13 0) 0px 2px 3px 0px;} .bottom-header {display:flex; justify-content:space-between; align-content:flex-end;padding:0 10px;} .bottom-header .dropdowns {margin-left:5px} .bottom-header a {color:rgb(255,255,255)} #supportArticles {height:440px} #helpForums, #supportArticles {display:none;margin-left:-25px} #helpForums.display, #supportArticles.display {display:flex;} a.displaydropdown {display: block; height: unset; line-height: 70px; padding-top: 12px; font-size: 1rem;} ul.dropdowns, ul.dropdowns li {height:100%;margin:0; padding:0; align-self:center} ul.dropdowns li.supportarticles-dropdown {margin-left:35px} .forums-list, .supportarticles-list {box-shadow:0 3px 5px rgba(0,0,0,0.5);background-color: rgb(10,30,60);width:max-content;} .englishforum ul li.second-level li a, .finnishforum ul li.second-level li a {padding: 10px 0 5px 10px;} .fsHome .languages .second-level li, .fsHome .kbs .second-level li {padding: 10px 0 5px 20px;} .englishforum {min-width:240px; border-right:1px solid rgba(250, 245, 245, 0.2)} .finnishforum {min-width:260px;} li.englishforum > a {padding:0;margin:25px 0 15px 15px} li.finnishforum > a {padding:0;margin:25px 0 15px 20px} .englishforum ul, .finnishforum ul {padding-left:0} .englishforum ul li.second-level {padding:0 15px 15px 5px} .englishforum ul li.second-level li a, .finnishforum ul li.second-level li a {display:block;width:100%;padding:10px 0 5px 10px} .finnishforum ul li.second-level {padding:10px 15px 15px 10px} .helpforums-dropdown .displaydropdown:before, .supportarticles-dropdown .displaydropdown:before {content:"\f1f5";font-family:fsg-icon;font-size:26px;float:right;padding-left:5px;} .languages li.activelanguage:after, .languages li:hover::after {content:"\f1f6";font-family:fsg-icon-thin;font-size:26px;float:right;font-style:normal;margin-top:-10px} .helpforums-dropdown.active:after, .supportarticles-dropdown.active:after, .dropdowns > li:hover::after {top:-5px;content:"";display:block;height:5px;left:-25px;margin:auto;position:relative; width:calc(100% + 35px);} .helpforums-dropdown:hover #helpForums, .helpforums-dropdown a:hover #helpForums, .supportarticles-dropdown:hover #supportArticles, .kbs-list:hover {display:flex;} .supportarticles-list, .languages-list, .languages .second-level, .kbs-list, .kbs .second-level {padding-left:0} .kbs-list {border-left:1px solid rgba(71, 71, 71, 0.5); min-width:380px} .languages-list {min-width:220px; padding:0} .languages {padding-bottom:25px} .languages p, .kbs p {padding:10px 0 0 20px; font-weight:700} .languages .second-level li, .kbs .second-level li {padding:5px 0 5px 20px} .languages li {padding-bottom:5px} .languages ul.second-level li:hover, .activelanguage {background-color:rgba(250, 245, 245, 0.4);cursor:pointer} /* signin module */ .header-right, #signin {display:flex;line-height:66px;} #signin {line-height:90px} #signin.sticky {line-height:80px;position:relative;} #signin .header-bottom-link {width:max-width;padding:0 15px} .signin-icon:before, #signin .Bullet {color:rgb(255,255,255);} #loginLink a:hover::after, #registerLink a:hover::after {top:-5px;content:"";display:block;height:5px;width:100%; margin:auto;position:relative;} /* Footer */ .footer-logo {margin:20px 0;max-width:180px} footer .row.footer-secondary.footer-links-wrap:nth-of-type(2) .col.footer-links h3 {display:inline-block;width:30%} footer a, .col.brandcolumn p {font-size:1rem} footer h3 a {font-size:1.125rem} .col {padding: 15px 0 15px 30px;} .col.brandcolumn {width:30%;padding-top:30px;} .col.brandcolumn p {max-width:90%;} .col.brandcolumn .social-icons-wrap {margin-top:30px} .col.brandcolumn button:hover {color:rgb(10,30,60);} .col.linkscolumn {width:75%;display:flex;flex-direction:row} .col.linkscolumn .col.footer-links{width:25%} .col.linkscolumn footer-cybersecurity-logo {width:40%} .fs_cybersecurity_svg {width:100%; max-width:176px; margin-top:10px} .footer-secondary .col {width:100%;display:flex;flex-direction:row} .footer-secondary .col ul {padding:0} .footer-secondary .col ul li {display:inline-block;padding:15px 20px 0 0} .footer-secondary .col ul li:nth-of-type(4) {border-left:1px solid #8a8a8a;border-right:1px solid #8a8a8a} .companyname {padding-top:30px; width:25%} #profile-menu {position:absolute; z-index:100; background:rgb(255,255,255); text-align:left; width:260px; margin:0 0 0 -230px; border:1px solid #c4c4c4; border-radius:5px; box-shadow:0 4px 4px rgba(0,0,0,.1);} /* Newsletter modal*/ .newsletter-modal .newsletter-container {min-width:900px; max-width:1300px;} .newsletter-modal .newsletter-container iframe {height:300px;border:none} } @media screen and (max-width:1200px){ header .container, footer .container {max-width:1200px;} .social-link svg {margin:0 3px} } @media screen and (min-width:1201px){ .col {padding:15px} }

Community

Help Forums
- English Forum
  - General
  - Products
- Finnish Forum (Tukifoorumi)
  - Tuotteet Kotiin
Support Articles

Blurry font 4K HiDPI

BarsMusic2

BarsMusic2 Posts: 3 New Member

January 2020 edited August 2022 in Feature Requests

I am currently using a laptop with HiDPI (4K screen resolution). The fonts look very blurry in sub-menus. Could the developers fix it? There is no blurry font issue with other areas of the product apart from sub-menus.

0

0

0 votes

Completed · Last Updated August 2022

Comments

Cale Posts: 284 F-Secure Product Manager

August 2022

Hi,
This is no longer an issue with the new .net UI.
-Cale

0 Like Awesome

This discussion has been closed.

Categories

@import "https://static.cloud.coveo.com/searchui/v2.10093/4/css/CoveoFullSearch.min.css"; @font-face{font-family:Dazzed;src:url(fonts/dazzed/Dazzed-Medium.ttf) format("truetype");font-weight:450;font-display:swap} @font-face{font-family:Dazzed;src:url(fonts/dazzed/Dazzed-Regular.ttf) format("truetype");font-weight:330;font-display:swap} @font-face{font-family:Dazzed;src:url(fonts/dazzed/Dazzed-SemiBold.ttf) format("truetype");font-weight:600;font-display:swap} @font-face{font-family:Dazzed;src:url(fonts/dazzed/Dazzed-Bold.ttf) format("truetype");font-weight:775;font-display:swap} @font-face{font-family:fsg-icon;font-style:normal;font-weight:400;src:url(fonts/fs-icon/fsg-icon-regular_1.eot);src:url(fonts/fs-icon/fsg-icon-regular_1.eot?#iefix) format("embedded-opentype"),url(fonts/fs-icon/fsg-icon-regular_1.woff2) format("woff2"),url(fonts/fs-icon/fsg-icon-regular_1.woff) format("woff"),url(fonts/fs-icon/fsg-icon-regular_1.ttf) format("truetype"),url(fonts/fs-icon/fsg-icon-regular_1.svg#fsg-icon-regular) format("svg")} @font-face{font-family:fsg-icon-thin;font-style:normal;font-weight:100;src:url(fonts/fs-icon/fsg-icon-thin.eot);src:url(fonts/fs-icon/fsg-icon-thin.eot?#iefix) format("embedded-opentype"),url(fonts/fs-icon/fsg-icon-thin.woff2) format("woff2"),url(fonts/fs-icon/fsg-icon-thin.woff) format("woff"),url(fonts/fs-icon/fsg-icon-thin.ttf) format("truetype"),url(fonts/fs-icon/fsg-icon-thin.svg#fsg-icon-thin) format("svg")} @font-face{font-family:icomoon;font-style:normal;font-weight:400;src:url(fonts/icomoon/icomoon.eot?elt5n9);src:url(fonts/icomoon/icomoon.eot?elt5n9#iefix) format("embedded-opentype"),url(fonts/icomoon/icomoon.ttf?elt5n9) format("truetype"),url(fonts/icomoon/icomoon.woff?elt5n9) format("woff"),url(fonts/icomoon/icomoon.svg?elt5n9#icomoon) format("svg")} /* General structure for header/footer*/ #fsheader, #fsfooter {font-family:Dazzed;} .row, .container, .top-header, .bottom-header {width:100%; height:100%; margin:auto;} header .container, footer .container, .top-header {display:flex;padding:0;flex-direction:row;justify-content:space-between;} #fsheader .row:nth-child(1) {background-color:rgb(250,245,245)} a {text-decoration:none;color:rgb(10,30,60)} #titleBar, .hide, .restricted, #signin.hide {display:none} /*top header*/ .header-top-link, .header-bottom-link {cursor:pointer;} .header-top-link, .header-bottom-link a {text-decoration:none;} .header-top-link.active::after {width:calc(100% + 30px)} .header-top-link.active::after {background-color:rgb(10,30,60);} /*bottom header (dropdowns) */ #helpForums, #supportArticles {position:absolute;z-index:100;} .dropdowns {padding-left:0} #dropdownnavi {float:left; clear:both; width:100%;} .dropdowns, .forums-list, .supportarticles-list {display:flex} .dropdowns {margin-left:-15px;list-style:none; padding-left:0;} .dropdowns .helpforums-dropdown, .dropdowns .supportarticles-dropdown, a.displaydropdown {text-decoration:none;} #helpForums a, #supportArticles a {text-decoration:none;} #helpForums a:hover, #supportArticles a:hover {color:rgb(10,60,355)} #helpForums ul, #supportArticles ul, .dropdowns {width:100%;list-style:none; text-align:left;} .forums-list, .languages-list {padding-left:10px} .englishforum > ul, .finnishforum > ul {width:100%;} li.englishforum > a, li.finnishforum > a, li.second-level > a {display:block; font-weight:700; padding:3px 0 3px 10px} li.englishforum > a, li.finnishforum > a {padding:25px 0 0 25px;} .englishforum li:hover, .finnishforum li:hover {cursor:pointer;} .languages li {font-style:italic} .kb-lang-title {width:100%;text-align:center;font-weight:600; margin:0} /*Header search (Coveo) */ .header-coveosearch {position:relative} .header-search {display:inline-block;padding:8px 0 0 0;} #kbsearch {display:block;margin:0 0 0 auto; box-sizing:border-box; border:1px solid rgb(255,255,255); font-size:14px; padding:14px 0 10px 15px;} .search-icon {color:rgb(255,255,255);} #opensearch-icon:before {content:"\f220";font-family:fsg-icon;font-size:26px;color:rgb(255,255,255)} #closesearch-icon:before {content:"\f130";font-family:fsg-icon;font-size:26px;color:rgb(255,255,255)} a#searchboxtoggle[data-toggle="collapse"] #displaysearch:before {content:"\f220";font-family:fsg-icon;font-size:26px;font-style:normal} a#searchboxtoggle[data-toggle="expand"] #displaysearch:before {content:"\f130";font-family:fsg-icon;font-size:26px;font-style:normal} #opensearch-icon, #closesearch-icon {font-style:normal;} #opensearch-icon:hover, #closesearch-icon:hover {cursor:pointer} a.CoveoSearchButton {border:none;height:66px} .CoveoSearchbox {background:rgb(255,255,255); height:66px} .CoveoSearchbox .magic-box {border:none} .CoveoSearchbox .magic-box .magic-box-input > input {font-family:'Dazzed';font-size:14px;height:66px} .header-searchbox {margin:0;z-index:30;width:0;overflow:hidden;transition:.6s ease-in-out;} .CoveoResultLink {font-family:"Dazzed"} .expand {display:inline-block;min-height:300px} .collapse {display:none;} /* Signin module*/ #signin {width:max-content} .signin-icon:before {content:"\f258";font-family:fsg-icon;font-size:22px;} /*meBox */ #homeLink {margin-left:1px} #articleslink hr, #dashboardlink hr {margin:0} #articleslink .title {padding:0;text-align:center; font-weight:600;} #articleslink p, #dashboardlink p {padding:10px 0 10px 20px;} #articleslink p a, #dashboardlink p a {text-decoration:none; color:#1e1e1e;} #articleslink .draftslink:hover, #dashboardlink p:hover {padding:10px 0 10px 20px;} /*Footer*/ #fsfooter {background-color:rgb(10,30,60);} #fsfooter .row:nth-child(2) {background-color:rgb(210,220,230);} footer h3, footer a {text-decoration:none; color:rgb(255,255,255)} .col.brandcolumn p {text-decoration:none; color:rgb(210, 220, 230)} .footer-secondary .footer-links-wrap .col:nth-child(2) {border-right:1px solid #c4c4c4} .col ul {list-style:none;} .col:nth-child(2) ul {padding:0;} .col ul li {padding-bottom:20px;} .footer-link-subtitle {max-width:95%} .row.footer-links-wrap:nth-of-type(1) .col.footer-links h3 {font-size:16px} row.footer-links-wrap .col.footer-links ul {padding:0 0 15px 0;margin-left:0} .footer-primary a:hover {color:rgba(255,255,255,.6)} .footer-secondary a {color:rgb(10,30,60)} .footer-secondary a:hover {color:rgb(10,30,355)} .row.footer-links-wrap:nth-of-type(3) {padding-top:10px} .social-link svg {stroke:#fff; margin:0 9px} .social-link svg path {fill:#fff;} .social-link.facebook:hover svg,.social-link.youtube:hover svg,.social-link.twitter:hover svg, .social-link.linkedin:hover svg, .social-link.instagram:hover svg {stroke:rgba(255,255,255,0.6)!important;} .social-link.facebook:hover svg path,.social-link.youtube:hover svg path,.social-link.twitter:hover svg path, .social-link.linkedin:hover svg path, .social-link.instagram:hover svg path {fill:rgba(255,255,255,0.6)!important;} /* Newsletter modal*/ .subscribe-newsletter {background-color:unset;border:1px solid rgb(255,255,255);color:rgb(255,255,255);padding:16px;border-radius:25px;margin:20px 0 0 0;font-family:'Dazzed';} .subscribe-newsletter:hover {cursor:pointer;background-color:#ebebeb;border-color:#ebebeb;color:#212121;} .newsletter-modal {visibility:hidden;position:fixed; z-index:1001;padding-top:60px;left:0;top:0;} .newsletter-modal .newsletter-container {position:fixed; margin:auto;left:50%;top:-50%;background:rgb(255,255,255);padding:10px;z-index:200;transform:translate(-50%, -50%);min-height:400px; color:black;display:flex;flex-direction:column;transition:.3s ease-in-out} .newsletter-modal .newsletter-container .close {align-self:flex-end} .newsletter-modal .newsletter-container .close::before {content:"\f133";font-family:fsg-icon-thin !important;line-height:1;font-size:38px;color:#cecece;} .newsletter-modal .newsletter-container .close:hover::before {cursor:pointer;color:black} .newsletter-modal.display {visibility:visible;background-color:rgba(0,0,0,0.4);width:100%; height:100%;} .newsletter-modal.display .newsletter-container {top:35%} @media screen and (max-width:991px){ /* general */ header {margin:0} header .row:nth-child(1) {height:64px} .Header-logo img {width:130px;height: 66px; padding: 0 0 0 16px;} .bottom-header {display:none;height:max-content;border-top:1px solid rgb(222,222,222);padding-top:15px;background-color: rgb(10,30,60);border-bottom: 1px solid rgba(250, 245, 245, 0.4);} .bottom-header.display, .header-right.display, #titleBar.display {display:block;width:100%} .open, .visible-sm {display:block} .visible-md {display:none} p.sitenav, .sitenav a, .dropdowns .helpforums-dropdown, .dropdowns .supportarticles-dropdown, a.displaydropdown, #helpForums a, #supportArticles a {color: rgb(250,245,245);} /*top header*/ .Hamburger-border {position:absolute; right:60px; border-left:1px solid rgb(222,222,222); height:64px; width:50px; top:0; z-index:20; border-right:1px solid rgb(222,222,222); padding-right:10px;} .Hamburger {display:block;position:absolute; top:8px; left:calc(100% - 52px); z-index:20;-webkit-box-align:center; -webkit-box-pack:center;-webkit-user-select:none; align-items:center; background:transparent; border:none; border-radius:0;cursor:pointer;justify-content:center; outline:none;transition:.35s;} .Hamburger-menuXcross {height:25px; padding:0; width:26px;} .Hamburger-menuLines {-o-transition:.35s;-webkit-transition:.35s; background-color:rgb(10,30,60);border-radius:2px; display:inline-block; height:2px; position:relative; transition:.35s; width:26px;} .Hamburger-menuLines::before {top:6px; } .Hamburger-menuLines::after {top:-6px;} .Hamburger-menuLines::after, .Hamburger-menuLines::before {-ms-transform-origin:5.5px center;-o-transition:.35s;-webkit-transform-origin:5.5px center;-webkit-transition:.35s;background-color:rgb(10,30,60);border-radius:2px; content:""; display:inline-block; height:2px;left:0;position:absolute;transform-origin:5.5px center;transition:.35s;width:26px;} .sr-only {position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;border:0 !important;} .Hamburger-menuXcross.isToggled .Hamburger-menuLines::before {-webkit-transform:rotate(45deg); transform:rotate(45deg);} .Hamburger-menuXcross.isToggled .Hamburger-menuLines::after {-webkit-transform:rotate(-45deg);transform:rotate(-45deg);} .Hamburger-menuXcross.isToggled .Hamburger-menuLines::after, .Hamburger-menuXcross.isToggled .Hamburger-menuLines::before {-ms-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;left:0;top:0;transform-origin:50% 50%;width:26px;} .Hamburger-menuXcross.isToggled .Hamburger-menuLines {background:transparent;} .isToggled .Hamburger-menuLines {-webkit-transform:scaleX(1);transform:scaleX(1);} .sitenav {padding-left:18px;font-weight:600;color:rgb(10,30,60)} .sitenav:nth-of-type(2), .sitenav:nth-of-type(3) {border-top: 1px solid rgba(250, 245, 245, 0.4);padding-top:15px} .sitenav a {text-decoration:none;} .sitenav a:hover {color:#0014a0} /*header search (Coveo) */ .header-top-links {display:none} .header-coveosearch {position:absolute;margin:auto;height:66px;width:100%} .header-searchcontainer {line-height:66px;text-align:right; padding-right:15px;} .header-searchbox {position:absolute;margin:0;z-index:30;width:0;right:60px;top:0;} .header-searchbox.expand{width:calc(100% - 62px)} .CoveoSearchInterface {margin-top:-3px} .CoveoSearchInterface .CoveoSearchbox {margin-top:0;max-width:100%;margin-right:0} .CoveoSearchButton::before {margin-top:6px} #kbsearch, .CoveoSearchInterface .CoveoSearchbox, .CoveoSearchButton.coveo-accessible-button, .magic-box-input, .magic-box-underlay, .magic-box-input > input {height:66px} .CoveoSearchbox .magic-box .magic-box-clear .magic-box-icon::before {line-height:66px} .CoveoSearchbox .magic-box .magic-box-input > input {padding:8px 0 0 16px} .coveo-suggestion-container .coveo-magicbox-suggestions {flex-basis:100%!important;max-width:100%!important} .coveo-preview-container {display:none} /* bottom header */ #helpForums, #supportArticles {margin:0 0 15px -30px} #helpForums.display, #supportArticles.display {display:flex; margin-top:15px} #helpForums, #supportArticles, .header-right {display:none; position:relative;padding:0;} #helpForums a, #supportArticles a, .languages ul.second-level li {cursor:pointer;} #helpForums a, #supportArticles a {width:max-content} #userguidesLink, #supportLink {border-top:1px solid rgb(222,222,222);} .dropdowns {display:flex;flex-direction:column;padding:0; margin-bottom:0} .dropdowns .helpforums-dropdown, .dropdowns .supportarticles-dropdown {padding:10px 20px;} .dropdowns, .forums-list {display:flex;flex-direction:column} .forums-list {width:100%;} .englishforum, .finnishforum {text-align:left;} li.englishforum ul, li.finnishforum ul {padding:10px 15px} li.englishforum ul li, li.finnishforum ul li {padding:6px 0} .dropdowns {list-style:none;padding:5px 0 10px 25px;text-align:left;} .helpforums-dropdown .displaydropdown:after, .supportarticles-dropdown .displaydropdown:after {content:"\f1f5";font-family:fsg-icon;font-size:26px;position:absolute;margin-top:-8px;padding-left:5px;} .helpforums-dropdown .displaydropdown.open:after, .supportarticles-dropdown .displaydropdown.open:after {content:"\f131";} .supportarticles-list {display:flex;flex-direction:row; padding:0} #supportArticles .languages-list {width:inherit} .languages-list, .languages-list ul, .kbs-list, .kbs-list ul {padding-left:0;} .languages-list > li {padding:5px 0 20px 20px;} .languages-list li ul li, .kbs li {padding:5px 0 5px 15px;} .languages ul.second-level li:hover, .activelanguage {background-color: rgba(250, 245, 245, 0.4);} .languages ul.second-level li.activelanguage:after, .languages li:hover::after{content:"\f1f6";font-family:fsg-icon-thin;font-size:26px;float:right;font-style:normal;margin-top:-8px} .languages {border-right:3px solid #fff;} .languages p, .kbs p {padding-left:15px; font-weight:600} .kbs {padding:4px 0 0 10px} /* signin module */ .header-right {z-index:100;background-color:rgb(250,245,245);padding:15px 0;border-top:1px solid rgb(222,222,222);} #signin {display:flex;margin:auto;} .signin-icon:before, #signin a {color:rgb(10,30,60)} #loginLink, #registerLink {padding:0 10px} #loginLink, #registerLink, .Bullet {margin:auto} /* footer */ footer h3, footer a, .col.brandcolumn p, .col.brandcolumn button {text-decoration: none; color: rgb(255,255,255); font-size: 1rem;} .col, .col.brandcolumn, .col.linkscolumn {display:block; width:100%; padding:0} footer .container {flex-direction:column; margin:auto;padding-top:20px} footer .row:nth-of-type(2).footer-links-wrap .col.footer-links:last-of-type {border-bottom:none} a.dropdown-1-title, a.dropdown-2-title, a.dropdown-3-title {color:#8a8a8a; font-style:italic;} .header-bottom-link:focus::after, .header-bottom-link:hover .smdropdown::after,.smdropdown::after,.depth-1-url::after,.depth-2-url::after {content:"\f1f5";font-family:fsg-icon;font-size:26px;color:rgb(10,30,60);position:absolute} .footer-link-title {width:100%} .col.brandcolumn {text-align:center;} .col.brandcolumn p {max-width:80%;margin:auto;padding:20px 0;font-size:16px} .footer-logo {max-width:180px;padding:20px 0} footer .row.footer-links-wrap:nth-of-type(3) {border-bottom:none} footer .row.footer-links-wrap .col.footer-links, footer .row.footer-links-wrap .col.footer-links:last-of-type {text-align:center;padding:0 0 5px 0} footer .row.footer-links-wrap .col.footer-links ul {padding:0} footer .row.footer-links-wrap .col.footer-links .footerdropdown::hover {cursor:pointer!important} .footer-secondary .col {width:100%;display:flex;flex-direction:column} .footer-secondary.footer-links-wrap .col.footer-links ul {display:block} .footer-secondary.footer-links-wrap .social-icons-wrap {text-align:center;margin:25px auto 10px auto} .footer-secondary ul li {display:block;padding:0 10px} .footer-secondary a {font-weight:600} .col.linkscolumn {display:flex;flex-direction:column} .col.linkscolumn .social-icons-wrap {padding:20px} .social-icons-wrap {display:flex;justify-content:center; margin-bottom:20px} .social-icons-wrap a {padding:10px 0 0 0;} .visible-sm.social-icons-wrap {text-align:center;padding:15px 0} .visible-sm.fs_cybersecurity_svg {display:flex; margin:40px auto;width:176px} .visible-sm.companyname {padding:10px 0 30px 0;} .visible-sm.companyname a {font-weight:500} .footer-cybersecurity-logo {border-bottom: 1px solid rgba(250, 245, 245, 0.4);} .fs_cybersecurity_svg {max-width:150px; margin-bottom:40px} /* Newsletter modal*/ .subscribe-newsletter {margin:40px auto 0 auto;font-size:16px} .newsletter-modal .newsletter-container {min-width:300px; max-width:800px;} .newsletter-modal .newsletter-container {text-align:center;} .newsletter-modal .newsletter-container iframe {height:500px;border:none} } @media screen and (max-width:991px) and (orientation:landscape){ .kbs-list {width:100%}; } @media screen and (min-width:992px){ /* general */ header .container, footer .container {max-width:1152px} header {position:relative;display:flex;flex-direction:column;z-index:10} header .row:nth-child(1) {height: 75px;} header .row:nth-child(2) {height: 85px;} #titleBar.display {display:flex;z-index:100;box-shadow:0 3px 5px rgba(0,0,0,0.1)} .Hamburger, .dropdownnavi .top-header-link, #userguidesLink, #supportLink, .smdropdown-alt, .visible-sm {display:none;} #helpForums a, #supportArticles a, .dropdowns .helpforums-dropdown, .dropdowns .supportarticles-dropdown, a.displaydropdown {color:rgb(250,245,245)} .header-top-link:not(.active):hover, .searchboxtoggle:hover, #helpForums a:hover, #supportArticles a:hover, .footer-primary a:hover, .footer-secondary a:hover, #loginLink a:hover, #registerLink a:hover {color: rgb(140, 185, 255);} .visible-md {display:block} header .sticky.row:nth-child(2) {height:78px} .sticky {position: fixed;top: 0; width: 100%;z-index: 100;} .sticky ul.dropdowns {margin-top:-18px;} /* top header */ .Header-logo {display:grid;padding:0 16px;align-items:center;} .Header-logo img {width:130px;} .header-top-links {display:flex;margin-left:auto;padding-top:5px;} .header-top-link {color:rgb(10,30,60);height:100%;font-weight:600;font-size:1rem;line-height:70px;padding:0 15px;} .header-top-link.active:after, .header-top-link:hover::after {top: -16px; content: ""; display: block; height: 2px; left: -14px; margin: auto; position: relative; width: calc(100% + 35px);} /* header search (Coveo) */ .header-searchcontainer {display:flex;height:100%;width:50px;line-height:66px;margin-left:10px;} .header-coveosearch {padding-top:5px;} .header-searchbox {height:66px;position:absolute;right:66px;} .header-searchbox.expand {width:700px; min-height:400px; transition:.5s ease-in-out;} #opensearch-icon:hover::before, #closesearch-icon:hover::before, .coveo-search-button-svg:hover {color:#1476ff;} .CoveoSearchButton:hover .coveo-magnifier-circle-svg {fill:#1476ff} .CoveoSearchbox .magic-box .magic-box-clear .magic-box-icon {line-height:66px!important} a#searchboxtoggle[data-toggle="collapse"] #displaysearch::before {font-size:22px} .searchboxtoggle:hover {cursor:pointer} .searchboxtoggle:hover::after {top:-10px;content:"";display:block;height:5px;left:-15px;margin:auto;position:relative; width:calc(100% + 35px);} .coveo-suggestion-container .coveo-magicbox-suggestions {flex-basis:30%!important;max-width:30%!important} .coveo-preview-container {display:block} /* bottom header */ #fsheader .row:nth-child(2) {background-color:rgb(10,30,60); box-shadow:rgb(0 13 0) 0px 2px 3px 0px;} .bottom-header {display:flex; justify-content:space-between; align-content:flex-end;padding:0 10px;} .bottom-header .dropdowns {margin-left:5px} .bottom-header a {color:rgb(255,255,255)} #supportArticles {height:440px} #helpForums, #supportArticles {display:none;margin-left:-25px} #helpForums.display, #supportArticles.display {display:flex;} a.displaydropdown {display: block; height: unset; line-height: 70px; padding-top: 12px; font-size: 1rem;} ul.dropdowns, ul.dropdowns li {height:100%;margin:0; padding:0; align-self:center} ul.dropdowns li.supportarticles-dropdown {margin-left:35px} .forums-list, .supportarticles-list {box-shadow:0 3px 5px rgba(0,0,0,0.5);background-color: rgb(10,30,60);width:max-content;} .englishforum ul li.second-level li a, .finnishforum ul li.second-level li a {padding: 10px 0 5px 10px;} .fsHome .languages .second-level li, .fsHome .kbs .second-level li {padding: 10px 0 5px 20px;} .englishforum {min-width:240px; border-right:1px solid rgba(250, 245, 245, 0.2)} .finnishforum {min-width:260px;} li.englishforum > a {padding:0;margin:25px 0 15px 15px} li.finnishforum > a {padding:0;margin:25px 0 15px 20px} .englishforum ul, .finnishforum ul {padding-left:0} .englishforum ul li.second-level {padding:0 15px 15px 5px} .englishforum ul li.second-level li a, .finnishforum ul li.second-level li a {display:block;width:100%;padding:10px 0 5px 10px} .finnishforum ul li.second-level {padding:10px 15px 15px 10px} .helpforums-dropdown .displaydropdown:before, .supportarticles-dropdown .displaydropdown:before {content:"\f1f5";font-family:fsg-icon;font-size:26px;float:right;padding-left:5px;} .languages li.activelanguage:after, .languages li:hover::after {content:"\f1f6";font-family:fsg-icon-thin;font-size:26px;float:right;font-style:normal;margin-top:-10px} .helpforums-dropdown.active:after, .supportarticles-dropdown.active:after, .dropdowns > li:hover::after {top:-5px;content:"";display:block;height:5px;left:-25px;margin:auto;position:relative; width:calc(100% + 35px);} .helpforums-dropdown:hover #helpForums, .helpforums-dropdown a:hover #helpForums, .supportarticles-dropdown:hover #supportArticles, .kbs-list:hover {display:flex;} .supportarticles-list, .languages-list, .languages .second-level, .kbs-list, .kbs .second-level {padding-left:0} .kbs-list {border-left:1px solid rgba(71, 71, 71, 0.5); min-width:380px} .languages-list {min-width:220px; padding:0} .languages {padding-bottom:25px} .languages p, .kbs p {padding:10px 0 0 20px; font-weight:700} .languages .second-level li, .kbs .second-level li {padding:5px 0 5px 20px} .languages li {padding-bottom:5px} .languages ul.second-level li:hover, .activelanguage {background-color:rgba(250, 245, 245, 0.4);cursor:pointer} /* signin module */ .header-right, #signin {display:flex;line-height:66px;} #signin {line-height:90px} #signin.sticky {line-height:80px;position:relative;} #signin .header-bottom-link {width:max-width;padding:0 15px} .signin-icon:before, #signin .Bullet {color:rgb(255,255,255);} #loginLink a:hover::after, #registerLink a:hover::after {top:-5px;content:"";display:block;height:5px;width:100%; margin:auto;position:relative;} /* Footer */ .footer-logo {margin:20px 0;max-width:180px} footer .row.footer-secondary.footer-links-wrap:nth-of-type(2) .col.footer-links h3 {display:inline-block;width:30%} footer a, .col.brandcolumn p {font-size:1rem} footer h3 a {font-size:1.125rem} .col {padding: 15px 0 15px 30px;} .col.brandcolumn {width:30%;padding-top:30px;} .col.brandcolumn p {max-width:90%;} .col.brandcolumn .social-icons-wrap {margin-top:30px} .col.brandcolumn button:hover {color:rgb(10,30,60);} .col.linkscolumn {width:75%;display:flex;flex-direction:row} .col.linkscolumn .col.footer-links{width:25%} .col.linkscolumn footer-cybersecurity-logo {width:40%} .fs_cybersecurity_svg {width:100%; max-width:176px; margin-top:10px} .footer-secondary .col {width:100%;display:flex;flex-direction:row} .footer-secondary .col ul {padding:0} .footer-secondary .col ul li {display:inline-block;padding:15px 20px 0 0} .footer-secondary .col ul li:nth-of-type(4) {border-left:1px solid #8a8a8a;border-right:1px solid #8a8a8a} .companyname {padding-top:30px; width:25%} #profile-menu {position:absolute; z-index:100; background:rgb(255,255,255); text-align:left; width:260px; margin:0 0 0 -230px; border:1px solid #c4c4c4; border-radius:5px; box-shadow:0 4px 4px rgba(0,0,0,.1);} /* Newsletter modal*/ .newsletter-modal .newsletter-container {min-width:900px; max-width:1300px;} .newsletter-modal .newsletter-container iframe {height:300px;border:none} } @media screen and (max-width:1200px){ header .container, footer .container {max-width:1200px;} .social-link svg {margin:0 3px} } @media screen and (min-width:1201px){ .col {padding:15px} }