/* generic.css */ /* generic stylesheet for listbased navigation */ /* sets standard properties that may be modified later by specific gallery or custom stylesheets */ div.navigationwrapper { clear:both; } /* remove all standard list looks */ ul.navigationlist { list-style-type:none; margin:0; padding:0; min-width:1%; /* this rule fixes a display bug in IE7 by forcing it to calculate the menu width */ } /* all menu items */ ul.navigationlist li.navigationlistitem { margin:0; padding:0; display:block; float:left; } /* last menu item */ ul.navigationlist li.lastitem { } /* all menu item links */ ul.navigationlist li.navigationlistitem a { display:block; float:left; text-decoration:none; padding:0px; } /* all menu item links on hover */ ul.navigationlist li.navigationlistitem a:hover { padding:0px; border:none; } /* last menu item link */ ul.navigationlist li.lastitem a { clear:right; } /* text inside all menu item links */ ul.navigationlist li.navigationlistitem a span { padding:7px 15px; display:block; white-space:nowrap; } /* menu items that should not appear in standard desktop mode (but still needs to be in the DOM to be available for a responsive mode) */ .ts-dt-hide, ul.navigationlist li.navigationlistitem.ts-dt-hide { display:none; } /* defaultresponsive.css */ /* Begin defaultresponsive.css stylesheet, auto created on publish of sitelayout 5, 30-06-2025 14:18:14 */ @media screen and (max-width: 1024px) { /* The tabletlandscape mode is handled by the sitelayout... */ } @media screen and (max-width: 768px) { /* The tabletportrait mode is handled by the sitelayout... */ } @media screen and (max-width: 568px) { /* The phonelandscapewide mode is handled by the sitelayout... */ } @media screen and (max-width: 480px) { /* The phonelandscape mode is handled by the sitelayout... */ } @media screen and (max-width: 360px) { /* The phoneportrait mode is handled by the sitelayout... */ } /* End of defaultresponsive.css stylesheet generated by sitelayout 5 */ /* master.css */ /* ------------------------------------------------------------------------------------------------------------------------------ */ /* This file was auto generated when the font was added or modified by Hubert at 02-11-2017 19:22:23 */ /* ------------------------------------------------------------------------------------------------------------------------------ */ /* Generel skrifttype, -størrelse og linieafstand */ body, td, input, textarea, select { font-family: 'Roboto Light',Helvetica,Arial,Sans-serif; } /* Generel skrifttype, -størrelse og linieafstand */ body, td, input, textarea, select { font-size: 8pt; line-height: 11pt; } /* Normal afsnit og intro afsnit */ p { margin: 0px 0px 2px 0px; } /* Alle links */ a { text-decoration: none; } /* Alle links - mouseover */ a:hover { text-decoration: underline; } /* Links i overskrifter - mouseover */ h1 a:hover, h2 a:hover, h3 a:hover { text-decoration: none; } /* Sidetitel */ .pageheader { font-size: 11pt; margin: 0px 0px 8px; } /* Afsnitsoverskrift */ .sectionheader { font-size: 9pt; margin: 12px 0px 6px; } table { border-collapse: collapse; } table[cellspacing] { border-collapse: separate; } /* Tabel i standardformat - overskrift */ /*.tableheader, .tableheader td*/ .tableheader > td, .tableheader > th { font-weight: 700; padding: 3px 8px 4px; } /* Tabel i standardformat - rækker */ .tablelineodd, .tablelineodd > td, .tablelineeven, .tablelineeven > td { border-bottom-style: solid; border-bottom-width: 1px; padding: 3px 8px; } body, td, input, textarea, select { color: #333; } a { color: #005382; } a:hover { border-bottom-color: #005382; } .sectionheader a[name] { color: #333; } table { border-color: #333; } .tableheader, .tableheader td, .tableheader th { background-color: #005382; color: white; border-color: #005382; border-bottom-color: #333; } .tablelineodd, .tablelineodd td { border-bottom-color: #333; } .tablelineeven, .tablelineeven td { border-bottom-color: #333; } html {height:100%} body {background:rgb(255, 255, 255) none; margin:0px 0px 0px 0px; height:100%} #layoutbox25 {min-height:110px; display:none} #layoutbox1 {width:100%; min-height:20px; padding:30px 30px 30px 30px; background:rgb(255, 255, 255) none; display:none; justify-content:space-between; align-items:center; position:fixed; top:0px; left:0px} @media screen and (min-width: 569px) { #layoutbox1[data-ts-transitiontype="userdefined"]{transition:all 1ms ease 0ms} #layoutbox1[data-ts-transitionstate="state1"]{padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px} #layoutbox1[data-ts-transitionstate="state2"]{padding-top:15px;padding-right:15px;padding-bottom:15px;padding-left:15px} } body.ie8 #layoutbox1[data-ts-transitiontype="userdefined"]{} body.ie8 #layoutbox1[data-ts-transitionstate="state1"]{padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px} body.ie8 #layoutbox1[data-ts-transitionstate="state2"]{padding-top:15px;padding-right:15px;padding-bottom:15px;padding-left:15px} div#mergefield_easj-plus-logo > a > img {border:none} div#mergefield_easj-plus-logo {float:left; width:220px} @media screen and (min-width: 569px) { div#mergefield_easj-plus-logo[data-ts-transitiontype="userdefined"]{transition:all 1ms ease 0ms} div#mergefield_easj-plus-logo[data-ts-transitionstate="state1"]{width:220px} div#mergefield_easj-plus-logo[data-ts-transitionstate="state2"]{width:160px} } body.ie8 div#mergefield_easj-plus-logo[data-ts-transitiontype="userdefined"]{} body.ie8 div#mergefield_easj-plus-logo[data-ts-transitionstate="state1"]{width:220px} body.ie8 div#mergefield_easj-plus-logo[data-ts-transitionstate="state2"]{width:160px} #layoutbox27 {min-height:20px; display:flex; align-items:center} #layoutbox12 {display:flex; align-items:center} @media screen and (max-width: 1024px) { #layoutbox12[data-ts-transitiontype="userdefined"]{transition:all 500ms ease 0ms} #layoutbox12[data-ts-transitionstate="state1"]{transition:all 200ms ease 0ms} #layoutbox12[data-ts-transitionstate="state2"]{transform:translate(0px);-ms-transform:translate(0px);-webkit-transform:translate(0px);-moz-transform:translate(0px)} } #layoutbox14 {width:30px; height:30px; overflow:hidden; margin-top:15px; margin-right:15px; margin-left:10px; display:none} #layoutbox15 {width:25px; height:25px; overflow:hidden; transform:rotate(45deg) translate(4px,0px);-webkit-transform:rotate(45deg) translate(4px,0px);-ms-transform:rotate(45deg) translate(4px,0px);-moz-transform:rotate(45deg) translate(4px,0px); position:relative} #layoutbox16 {width:25px; height:3px; overflow:hidden; background:rgb(51, 51, 51) none; position:absolute; top:11px; left:0px} #layoutbox17 {width:3px; height:25px; overflow:hidden; background:rgb(51, 51, 51) none; position:absolute; top:0px; left:11px} div#mergefield_code12_1 {float:left} #layoutbox21 {min-height:20px} #layoutbox21[data-ts-transitiontype="userdefined"]{transition:all 200ms ease 0ms} #layoutbox21[data-ts-transitionstate="state1"]{transition:all 1ms ease 0ms} body.ie8 #layoutbox21[data-ts-transitiontype="userdefined"]{} body.ie8 #layoutbox21[data-ts-transitionstate="state1"]{} div#mergefield_code8 {float:left} #layoutbox20 {min-height:20px; margin-left:40px; display:flex; position:relative} #layoutbox23 {min-height:20px; display:flex; align-items:center} #layoutbox23[data-ts-transitiontype="userdefined"]{transition:all 200ms ease 0ms} #layoutbox23[data-ts-transitionstate="state2"]{display:block;opacity:0.3} body.ie8 #layoutbox23[data-ts-transitiontype="userdefined"]{} body.ie8 #layoutbox23[data-ts-transitionstate="state2"]{display:block;opacity:0.3} div#mergefield_user-icon {margin-right:5px; float:left} #layoutbox24 {min-height:20px; display:flex; align-items:center} #layoutbox24[data-ts-transitiontype="userdefined"]{transition:all 200ms ease 0ms} #layoutbox24[data-ts-transitionstate="state2"]{display:block;opacity:0.3} body.ie8 #layoutbox24[data-ts-transitiontype="userdefined"]{} body.ie8 #layoutbox24[data-ts-transitionstate="state2"]{display:block;opacity:0.3} div#mergefield_user-icon_1 {margin-right:5px; float:left} #layoutbox22 {width:200px; min-height:20px; padding-top:5px; padding-bottom:5px; background:rgb(255, 255, 255) none; border-top-style:solid; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-top-width:1px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; border-top-color:rgb(226, 226, 226); border-right-color:rgb(226, 226, 226); border-bottom-color:rgb(226, 226, 226); border-left-color:rgb(226, 226, 226); border-top-left-radius:3px; border-top-right-radius:3px; border-bottom-left-radius:3px; border-bottom-right-radius:3px; overflow:hidden; opacity:0; display:block; position:absolute; top:50px; right:0px} #layoutbox22[data-ts-transitiontype="userdefined"]{transition:all 500ms ease 0ms} #layoutbox22[data-ts-transitionstate="state2"]{opacity:1} body.ie8 #layoutbox22[data-ts-transitiontype="userdefined"]{} body.ie8 #layoutbox22[data-ts-transitionstate="state2"]{opacity:1} #layoutbox8 {width:28px; height:25px; overflow:hidden; margin-left:40px; display:none; flex-direction:column; justify-content:space-between} #layoutbox9 {height:3px; overflow:hidden; background:rgb(51, 51, 51) none} #layoutbox10 {height:3px; overflow:hidden; background:rgb(51, 51, 51) none} #layoutbox11 {height:3px; overflow:hidden; background:rgb(51, 51, 51) none} #layoutbox13 {min-height:20px; background:rgba(0, 0, 0, 0.6) none; position:fixed; top:0px; left:0px} @media screen and (min-width: 1025px) { #layoutbox13[data-ts-transitiontype="userdefined"]{transition:all 1ms ease 0ms} } @media screen and (max-width: 1024px) { #layoutbox13[data-ts-transitiontype="userdefined"]{transition:all 500ms ease 0ms} } body.ie8 #layoutbox13[data-ts-transitiontype="userdefined"]{} #layoutbox7 {min-height:20px; padding:50px 30px 50px 30px; background:url(/media/search-bg.jpg) no-repeat 50% 50%; background-size:cover; display:none; justify-content:center; flex-grow:0; flex-shrink:0} #layoutbox28 {width:100%; max-width:1024px; min-height:52px} #layoutbox28[data-ts-transitiontype="userdefined"]{transition:all 500ms ease 0ms} body.ie8 #layoutbox28[data-ts-transitiontype="userdefined"]{} div#mergefield_code4 {float:left} #layoutbox18 {min-height:204px; padding:50px 30px 30px 30px; opacity:0; display:none; flex-direction:column; justify-content:center; align-items:center} #layoutbox18[data-ts-transitiontype="userdefined"]{transition:all 500ms ease 0ms} #layoutbox18[data-ts-transitionstate="state2"]{opacity:1} body.ie8 #layoutbox18[data-ts-transitiontype="userdefined"]{} body.ie8 #layoutbox18[data-ts-transitionstate="state2"]{opacity:1} div#mergefield_main {flex-grow:1; flex-shrink:0; background:rgb(246, 248, 247) none} #layoutbox2 {min-height:20px; padding:10px 30px 30px 30px; background:rgb(45, 66, 69) none; display:none; justify-content:center; flex-grow:0; flex-shrink:0} #layoutbox3 {width:100%; max-width:1280px; min-height:20px; display:flex; flex-wrap:wrap; justify-content:space-between} #layoutbox4 {width:30%; max-width:360px; min-height:20px} div#mergefield_code1 {float:left} #layoutbox5 {width:30%; max-width:360px; min-height:20px} div#mergefield_code2 {float:left} #layoutbox6 {width:30%; max-width:360px; min-height:20px} div#mergefield_code3 {float:left} #layoutbox19 {display:none} div#mergefield_code6 {float:left} #layoutbox26 {width:50px; height:50px; overflow:hidden; background:rgb(0, 83, 130) url(/media/imagegenerator/22x15/totop.png) no-repeat 50% 50%; background-size:auto; border-top-left-radius:50px; border-top-right-radius:50px; border-bottom-left-radius:50px; border-bottom-right-radius:50px; opacity:0; display:block; position:fixed; bottom:30px; right:30px} #layoutbox26[data-ts-transitiontype="userdefined"]{transition:all 500ms ease 0ms} #layoutbox26[data-ts-transitionstate="state2"]{opacity:1} body.ie8 #layoutbox26[data-ts-transitiontype="userdefined"]{} body.ie8 #layoutbox26[data-ts-transitionstate="state2"]{opacity:1} div#sitelayout6 {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width:100%; min-height:100%; margin:auto auto auto auto; background:rgb(255, 255, 255) none; border-top-style:none; border-right-style:none; border-bottom-style:none; border-left-style:none; display:flex; flex-direction:column; position:relative} .layoutcolumn {display:table-cell;overflow:hidden;float:none;vertical-align:top;box-sizing:border-box;} .layoutcolumnset {display:table;table-layout:fixed;width:100%;box-sizing:border-box;} .layoutfloatbreaker {width:0%; display:none;} .navigationwrapper .layoutfloatbreaker {clear:both; display:block; height:0px} [class="mergefield_image"] > a { display:inline-block; } .layoutbox {box-sizing:border-box;display:block} form {margin:0px; padding:0px} select {margin:0px} .size1 {font-size:xx-small} .size2 {font-size:x-small} .size3 {font-size:small} .size4 {font-size:medium} .size5 {font-size:large} .size6 {font-size:x-large} .size7 {font-size:xx-large} ul.breadcrumb {display:inline-block;padding:0px;margin:0px;} ul.breadcrumb li {display:inline-block;list-style-type:none;padding-left:2px;padding-right:2px;} td { vertical-align:top; } a > img, img[usemap] { border:none; } td[valign="middle"] { vertical-align:middle; } td[valign="bottom"] { vertical-align:bottom; } html>/**/body img {vertical-align:bottom} div.mergefield_image {font-size:0px; line-height:0px;} @media screen and (min-width: 1px) { body {-webkit-text-size-adjust:100%} img {max-width:100%;height:auto} } /* Tekstformatering i spalter og flettefelter */ #layoutbox3, #layoutbox3 td, #layoutbox3 .section, #layoutbox3 .sectionintro, #layoutbox3 .sectionheader a[name] {color: #FFFFFF} #layoutbox3 .tableheader, #layoutbox3 .tableheader td, #layoutbox3 .tableheader td.section {color: #fff} #layoutbox3 .tablelineodd, #layoutbox3 .tablelineodd td, #layoutbox3 .tablelineeven, #layoutbox3 .tablelineeven td {border-bottom-color: #FFFFFF} /* High-definition background images if supported by device */ @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { #layoutbox26 {background-image:url('/media/imagegenerator/22x15/totop@2x.png'); background-size:22px 15px} } /* Brugerdefinerede typografier */ /*Typographies*/ body, td, input, textarea, select, button { font-size: 1em; line-height: 1.4; -webkit-font-smoothing: antialiased; word-wrap: break-word; word-break: break-all; /*Firefox*/ word-break: break-word; } b, strong { font-family: 'Roboto Bold',Helvetica,Arial,Sans-serif; font-weight: normal; } article p { margin: 0 0 10px 0; } footer a { color: #fff; } /*Megamenu*/ .megamenu > .navigationwrapper { width: 100%; max-width: 1280px; position: relative; } /* Level 1 */ .megamenu > .navigationwrapper .navigationlist { display: flex; justify-content: space-between; } .megamenu > .navigationwrapper > ul.navigationlist > li.navigationlistitem > a { display: flex; flex-direction: column-reverse; align-items: center; padding: 0 0 20px 0; position: relative; z-index: 10000; } .megamenu > .navigationwrapper > ul.navigationlist > li.navigationlistitem > a > * { transition: all 150ms ease 300ms; } .megamenu > .navigationwrapper > ul.navigationlist > li.navigationlistitem:hover > a > *, .megamenu > .navigationwrapper > ul.navigationlist > li.navigationlistitem.activeitem > a > * { opacity: .3; } .megamenu > .navigationwrapper > ul.navigationlist > li.navigationlistitem > a::before { content: ""; width: 10px; height: 10px; margin-left: -1px; overflow: hidden; background: rgb(255,255,255) none; border-top-style: solid; border-right-style: none; border-bottom-style: none; border-left-style: solid; border-top-width: 1px; border-left-width: 1px; border-top-color: #e2e2e2; border-left-color: #e2e2e2; transform: rotate(45deg); transform-origin: center center; -webkit-transform: rotate(45deg); -webkit-transform-origin: center center; -ms-transform: rotate(45deg); -ms-transform-origin: center center; -moz-transform: rotate(45deg); -moz-transform-origin: center center; position: absolute; bottom: -6px; opacity: 0; transition: all 0ms ease 400ms; } .megamenu > .navigationwrapper > ul.navigationlist > li.navigationlistitem:hover > a::before{ opacity: 1; } .megamenu > .navigationwrapper > ul.navigationlist > li.navigationlistitem > a > span { font-family: 'Roboto Regular',Helvetica,Arial,Sans-serif; font-weight: 400; font-style: normal; text-decoration: none; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: #333; background-repeat: repeat; background-position: left top; background-image: none; cursor: pointer; text-align: center; margin-top: 15px; } .megamenu > .navigationwrapper > ul.navigationlist > li.navigationlistitem > a > * { transition: all 150ms ease 300ms; } /* Level 2 */ .megamenu > .navigationwrapper div.TDD1CC7DBGB3D { clear: both; } .megamenu > .navigationwrapper div.TDD1CC7DBGB3D > div.navigationwrapper { width: 100%; display: flex; max-height: 305px; transition: left 0ms ease 400ms; position: absolute; z-index: 1000; left: -999em; box-sizing: border-box; border: 1px solid #e2e2e2; border-radius: 5px; box-shadow: rgba(0,0,0,0.35) 0 6px 30px 3px; padding: 15px 30px 30px 30px; } .megamenu > .navigationwrapper li:hover div.TDD1CC7DBGB3D > div.navigationwrapper { left: 0px; } .megamenu > .navigationwrapper div.TDD1CC7DBGB3D > div.navigationwrapper > ul.navigationlist { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; width: 50%; /* alle menupunkter */ } .megamenu > .navigationwrapper div.TDD1CC7DBGB3D > div.navigationwrapper > .megamenu-info h2 { margin-top: 7px; } .megamenu > .navigationwrapper div.TDD1CC7DBGB3D > div.navigationwrapper > .megamenu-info { padding-left: 30px; width: 50%; } .megamenu > .navigationwrapper div.TDD1CC7DBGB3D > div.navigationwrapper > ul.navigationlist > li.navigationlistitem { margin-right: 30px; padding: 0; } .megamenu > .navigationwrapper div.TDD1CC7DBGB3D > div.navigationwrapper > ul.navigationlist > li.navigationlistitem:hover { background: transparent; } .megamenu > .navigationwrapper div.TDD1CC7DBGB3D > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a { /* alle menupunkter */ width: 100%; max-width: 265px; } .megamenu > .navigationwrapper div.TDD1CC7DBGB3D > div.navigationwrapper a.red-button { padding: 10px; } .megamenu > .navigationwrapper div.TDD1CC7DBGB3D > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a > span { /* tekst på alle menupunkter */ border-bottom: 1px solid rgb(226,226,226); } .megamenu > .navigationwrapper div.TDD1CC7DBGB3D > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a:hover > span { /* tekst på alle menupunkter */ color: #cacaca; } /*User and login styles*/ .profile:hover { opacity: 0.3; } #layoutbox20.user.userGroup0 .profile { display: none; } #layoutbox20.user:not(.userGroup0) .login { display: none; } #layoutbox20.user a { color: inherit; text-decoration: none; } #navigationlistitem_44 { display: none; /*Mine sider*/ } .user-menu::before { content: ""; width: 10px; height: 10px; overflow: hidden; background: rgb(255,255,255) none; border-top-style: solid; border-right-style: none; border-bottom-style: none; border-left-style: solid; border-top-width: 1px; border-left-width: 1px; border-top-color: #e2e2e2; border-left-color: #e2e2e2; transform: rotate(45deg); transform-origin: center center; -webkit-transform: rotate(45deg); -webkit-transform-origin: center center; -ms-transform: rotate(45deg); -ms-transform-origin: center center; -moz-transform: rotate(45deg); -moz-transform-origin: center center; position: absolute; top: -6px; right: 30px; } .user-menu > ul.navigationlist > li.navigationlistitem { padding: 0 15px; width: 100%; box-sizing: border-box; } .user-menu > ul.navigationlist > li.navigationlistitem > a { display: block; border-bottom: 1px solid rgb(226,226,226); padding: 10px 0; width: 100%; } .user-menu > ul.navigationlist > li.navigationlistitem.lastitem > a { border-bottom: 0; } .user-menu > ul.navigationlist > li.navigationlistitem:hover { background: rgb(246,248,247); } .user-menu > ul.navigationlist > li.navigationlistitem > a > span { padding: 0; } .user-menu > ul.navigationlist > li.navigationlistitem > a.activelink > span { color: #cacaca; } /*Mini basket*/ @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; transform: scale3d(.3, .3, .3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(.9, .9, .9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(.97, .97, .97); } to { opacity: 1; transform: scale3d(1, 1, 1); } } /*Super search*/ /*Search Input*/ .supersearcher_wrapper label { display: none; } input#js_superseacher_value { width: 100%; box-sizing: border-box; padding: 15px 50px 15px 15px; margin: 0; border-radius: 5px; border: 0; background: rgba(255, 255, 255, 0.9); outline: none; position: relative; z-index: 100001; transition: all 150ms ease 80ms; } .searchbox[data-ts-transitionstate="state2"] input#js_superseacher_value /*input#js_superseacher_value:focus*/ { background: rgb(255, 255, 255); } .supersearcher_button { width: 20px; height: 20px; padding: 0px; margin: 0px; border: none; vertical-align: middle; text-align: left; cursor: pointer; position: absolute; right: 15px; top: 16px; z-index: 100001; -webkit-appearance: none; -moz-appearance: none; appearance: none; } input.search-input { width: 100%; border: 0; outline: none; font-size: 14px; height: 16px; line-height: 15px; padding: 7px 0; background: transparent; } .supersearcher_categories_item_link, .supersearcher_products_item_link { /*color: initial;*/ width: 100%; height: 100%; display: flex; align-items: center; } .supersearcher_value::-ms-clear { display: none; } .supersearcher { border-radius: 0 0 5px 5px; border: 1px solid #e2e2e2; border-top: 0; background-color: #fff; width: 100%; padding: 5px 0; display: none; z-index: 100000; margin-top: -5px; margin-bottom: 50px; box-shadow: rgba(0, 0, 0, 0.35) 0 6px 30px 3px; box-sizing: border-box; } .supersearcher_products { padding-bottom: 45px; } .supersearcher_categories_header, .supersearcher_products_header { padding: 10px 15px; margin: 0 -1px; background-color: rgb(246, 248, 247); font-family: 'Roboto Bold', Helvetica, Arial, Sans-serif; } .supersearcher_categories_list, .supersearcher_products_list { list-style-type: none; padding: 0; margin: 0; list-style-position: inside; border-bottom: 1px solid #e2e2e2; } .supersearcher_categories_item, .supersearcher_products_item { padding: 5px; border-top: 1px solid #e2e2e2; display: flex; } .supersearcher_categories_item:hover, .supersearcher_products_item:hover { background-color: rgb(246, 248, 247); } .supersearcher_categories_item.active, .supersearcher_products_item.active { outline: dotted 1px; } .supersearcher_categories_item.active a, .supersearcher_categories_item a:hover, .supersearcher_products_item.active a, .supersearcher_products_item a:hover { text-decoration: none; } .supersearcher_products_item_image, .supersearcher_categories_item_image { cursor: pointer; mix-blend-mode: darken; } .supersearcher_categories_item_image { max-height: 40px; } .supersearcher_products_item_link, .supersearcher_products_item_image, .supersearcher_categories_item_image { vertical-align: middle; height: 100%; } .supersearcher_products_item_image:not([src*=".jpg"]):not([src*=".png"]):not([src*=".gif"]), .supersearcher_categories_item_image:not([src*=".jpg"]):not([src*=".png"]):not([src*=".gif"]) { display: none; } .supersearcher_products_item_left .supersearcher_products_item_link, .supersearcher_products_item_left .supersearcher_categories_item_link { display: flex; align-content: center; justify-content: center; height: 50px; width: 50px } .supersearcher_count { color: #000; top: 30px; right: 65px; font-size: 14px; font-family: OpenSans-Light, sans-serif; display: none; } .supersearcher_products_item_left { /*display: table-cell;*/ min-width: 50px; height: 50px; margin-right: 10px; box-sizing: border-box; } .supersearcher_products_item_right { /*display: table-cell; width: auto; vertical-align: middle;*/ width: 100%; align-self: stretch; } .supersearcher_products_item_right span { cursor: pointer; } /* User-defined CSS for specific elements */ #layoutbox1 { z-index: 100002; box-shadow: rgba(0,0,0,0.35) 0 0px 15px 0px; } #layoutbox21[data-ts-transitionstate="state2"] { animation-name: bounceIn; animation-duration: .75s; animation-fill-mode: both; } #layoutbox23[data-ts-transitionstate="state2"] { display: flex; } #mergefield_richtext9 { font-family: 'Roboto Regular',Helvetica,Arial,Sans-serif; font-weight: 400; } #layoutbox24[data-ts-transitionstate="state2"] { display: flex; } #mergefield_richtext10 { font-family: 'Roboto Regular',Helvetica,Arial,Sans-serif; font-weight: 400; } #layoutbox22 { box-shadow: rgba(0,0,0,0.35) 0 6px 30px 3px; pointer-events: none; font-family: 'Roboto Regular',Helvetica,Arial,Sans-serif; font-weight: 400; overflow: inherit; } #layoutbox22[data-ts-transitionstate="state2"] { pointer-events: auto; } #layoutbox13 { display: none; } #layoutbox13[data-ts-transitionstate="state2"] { display: block; } #layoutbox26 { box-shadow: 0px 5px 25px -4px rgba(0,0,0,0.35); pointer-events: none; } #layoutbox26[data-ts-transitionstate="state2"] { pointer-events: auto; } /* Responsive design css */ @media screen and (max-width: 1024px) { .ts-tl-hide { display:none } .ts-tl-show { display:block } span.ts-tl-show, img.ts-tl-show { display:inline } li.ts-tl-show { display:list-item } table.ts-tl-show { display:table } tr.ts-tl-show { display:table-row } td.ts-tl-show, th.ts-tl-show { display:table-cell } #layoutbox12 { position:fixed; width:260px; min-width:0px; max-width:none; top:0px; left:auto; right:0px; bottom:auto; -ms-transform:translate(260px); -webkit-transform:translate(260px); -moz-transform:translate(260px); transform:translate(260px); display:block; background-color:rgb(255, 255, 255); } #layoutbox14 { display:block; margin-bottom:15px; } #layoutbox8 { display:flex; } #layoutbox18 { display:none; } /* User defined CSS for responsive mode 1024 */ .link-nav > p { display: block; border-bottom: 1px solid rgb(226,226,226); } .link-nav > p > a { padding: 15px; display: block; } /* User defined CSS for specific elements for responsive mode 1024 */ #layoutbox12 { height: 100vh; overflow-y: auto; z-index: 110; -webkit-overflow-scrolling: touch; } #layoutbox13 { z-index: 109; width: 100vw; height: 100vh; display: none; } } @media screen and (max-width: 768px) { .ts-tp-hide { display:none } .ts-tp-show { display:block } span.ts-tp-show, img.ts-tp-show { display:inline } li.ts-tp-show { display:list-item } table.ts-tp-show { display:table } tr.ts-tp-show { display:table-row } td.ts-tp-show, th.ts-tp-show { display:table-cell } #layoutbox3 { display:block; } #layoutbox4 { width:auto; max-width:none; min-width:0px; } #layoutbox5 { width:auto; max-width:none; min-width:0px; } #layoutbox6 { width:auto; max-width:none; min-width:0px; } /* User defined CSS for specific elements for responsive mode 768 */ #layoutbox2 { text-align: center; } } @media screen and (max-width: 568px) { .ts-plw-hide { display:none } .ts-plw-show { display:block } span.ts-plw-show, img.ts-plw-show { display:inline } li.ts-plw-show { display:list-item } table.ts-plw-show { display:table } tr.ts-plw-show { display:table-row } td.ts-plw-show, th.ts-plw-show { display:table-cell } #layoutbox25 { min-height:66px; height:auto; } #layoutbox1 { padding-top:15px; padding-left:15px; padding-bottom:15px; padding-right:15px; } div#mergefield_easj-plus-logo { width:160px; min-width:0px; max-width:none; background-image:url('/media/imagegenerator/160x0/easj-plus-logo.png'); background-repeat:no-repeat; background-position:0% 0%; } div#mergefield_easj-plus-logo img { width:160px; height:auto; visibility:hidden; } #layoutbox20 { margin-left:20px; } div#mergefield_user-icon { background-image:url('/media/imagegenerator/26x26/user-icon.png'); background-repeat:no-repeat; background-position:0% 0%; margin-right:0px; } div#mergefield_user-icon img { width:26px; height:26px; visibility:hidden; } div#mergefield_richtext9 { display:none; } div#mergefield_user-icon_1 { background-image:url('/media/imagegenerator/26x26/user-icon.png'); background-repeat:no-repeat; background-position:0% 0%; margin-right:0px; } div#mergefield_user-icon_1 img { width:26px; height:26px; visibility:hidden; } div#mergefield_richtext10 { display:none; } #layoutbox22 { right:-23px; bottom:auto; left:auto; } #layoutbox8 { width:24px; height:20px; min-width:0px; max-width:none; min-height:0px; margin-left:20px; } #layoutbox9 { height:2px; min-height:0px; } #layoutbox10 { height:2px; min-height:0px; } #layoutbox11 { height:2px; min-height:0px; } #layoutbox7 { padding-top:20px; padding-left:15px; padding-bottom:20px; padding-right:15px; } #layoutbox26 { bottom:15px; right:15px; top:auto; left:auto; } /* User defined CSS for responsive mode 568 */ body .heading1 { font-size: 1.6em; margin-bottom: 20px; } body .heading2 { font-size: 1.3em; } body .heading3 { font-size: 1.1em; } } /* High-definition background images if supported by device */ @media screen and (max-width: 568px) and (-webkit-min-device-pixel-ratio: 1.5), screen and (max-width: 568px) and (min-resolution: 144dpi) { div#mergefield_easj-plus-logo {background-image:url('/media/imagegenerator/160x0/easj-plus-logo@2x.png'); background-size:160px auto} div#mergefield_user-icon {background-image:url('/media/imagegenerator/26x26/user-icon@2x.png'); background-size:26px 26px} div#mergefield_user-icon_1 {background-image:url('/media/imagegenerator/26x26/user-icon@2x.png'); background-size:26px 26px} } @media screen and (max-width: 480px) { .ts-pl-hide { display:none } .ts-pl-show { display:block } span.ts-pl-show, img.ts-pl-show { display:inline } li.ts-pl-show { display:list-item } table.ts-pl-show { display:table } tr.ts-pl-show { display:table-row } td.ts-pl-show, th.ts-pl-show { display:table-cell } ul.navigationlist li.navigationlistitem.ts-pl-hide { display:none } ul.navigationlist li.navigationlistitem.ts-pl-show { display:block } } @media screen and (max-width: 360px) { .ts-pp-hide { display:none } .ts-pp-show { display:block } span.ts-pp-show, img.ts-pp-show { display:inline } li.ts-pp-show { display:list-item } table.ts-pp-show { display:table } tr.ts-pp-show { display:table-row } td.ts-pp-show, th.ts-pp-show { display:table-cell } ul.navigationlist li.navigationlistitem.ts-pp-hide { display:none } ul.navigationlist li.navigationlistitem.ts-pp-show { display:block } #layoutbox25 { min-height:56px; } #layoutbox1 { min-height:56px; height:auto; padding-top:10px; padding-bottom:10px; } div#mergefield_easj-plus-logo { background-image:url('/media/imagegenerator/130x0/easj-plus-logo.png'); } div#mergefield_easj-plus-logo img { width:130px; } #layoutbox7 { padding-top:15px; padding-bottom:15px; } #layoutbox2 { padding-top:15px; padding-left:15px; padding-bottom:15px; padding-right:15px; } /* User defined CSS for responsive mode 360 */ body .heading1 { font-size: 1.5em; margin-bottom: 20px; } body .heading2 { font-size: 1.25em; } } /* High-definition background images if supported by device */ @media screen and (max-width: 360px) and (-webkit-min-device-pixel-ratio: 1.5), screen and (max-width: 360px) and (min-resolution: 144dpi) { div#mergefield_easj-plus-logo {background-image:url('/media/imagegenerator/130x0/easj-plus-logo@2x.png'); background-size:130px auto} } /* navigation1.css */ /* NOTE: This is the actual desktop-mode navigation type, wrapped in a media query with a lower boundary to kill inheritance and avoid resets */ @media screen and (min-width: 1025px) { /* START OF ORIGINAL FILE CONTENT */ /* Desktop header nav */ #preview { font-family:'Roboto Light',Helvetica,Arial,Sans-serif; } #preview { font-size:8pt; line-height:15px; } #preview a { color:#005382; } div.TDD1CC7CFDC0B { background-repeat:repeat; background-position:left top; } div.TDD1CC7CFDC0B > div.navigationwrapper { padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px; background-repeat:repeat; background-position:left top; /* IE7 hack */ min-height:1px; } div.TDD1CC7CFDC0B > div.navigationwrapper > ul.navigationlist > li.navigationlistitem { margin-right:0px; } div.TDD1CC7CFDC0B > div.navigationwrapper > ul.navigationlist > li.lastitem { margin:0px; } div.TDD1CC7CFDC0B > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a span { font-family:'Roboto Regular',Helvetica,Arial,Sans-serif; font-weight:400; font-style:normal; text-decoration:none; padding-top:14px; padding-right:15px; padding-bottom:14px; padding-left:15px; color:#333; background-repeat:repeat; background-position:left top; background-image:none; cursor:pointer; } div.TDD1CC7CFDC0B > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a:hover span { font-family:'Roboto Regular',Helvetica,Arial,Sans-serif; font-weight:400; font-style:normal; text-decoration:none; color:#cacaca; background-repeat:repeat; background-position:left top; background-image:none; } div.TDD1CC7CFDC0B > div.navigationwrapper > ul.navigationlist > li.activeitem > a.activelink span, div.TDD1CC7CFDC0B > div.navigationwrapper > ul.navigationlist > li.activeitem > a.activelink:hover span { font-family:'Roboto Regular',Helvetica,Arial,Sans-serif; font-weight:400; font-style:normal; text-decoration:none; color:#cacaca; background-repeat:repeat; background-position:left top; background-image:none; } div.TDD1CC7CFDC0B > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a { background-repeat:repeat; background-position:left top; background-image:none; } div.TDD1CC7CFDC0B > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a:hover { background-repeat:repeat; background-position:left top; background-image:none; } div.TDD1CC7CFDC0B > div.navigationwrapper > ul.navigationlist > li.activeitem > a, div.TDD1CC7CFDC0B > div.navigationwrapper > ul.navigationlist > li.activeitem > a:hover { background-repeat:repeat; background-position:left top; background-image:none; } /* Advanced CSS for Desktop header nav */ div.TDD1CC7CFDC0B { /* boks uden om hele navigationen */ } div.TDD1CC7CFDC0B > div.navigationwrapper { /* hele navigationen */ } div.TDD1CC7CFDC0B > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a { /* alle menupunkter */ position: relative; } div.TDD1CC7CFDC0B > div.navigationwrapper > ul.navigationlist > li.navigationlistitem:hover > a > span { color: #cacaca; } div.TDD1CC7CFDC0B > div.navigationwrapper > ul.navigationlist > li.navigationlistitem:hover > a:not(:only-child)::before { content: ""; width: 10px; height: 10px; overflow: hidden; background: rgb(255,255,255) none; border-top-style: solid; border-right-style: none; border-bottom-style: none; border-left-style: solid; border-top-width: 1px; border-left-width: 1px; border-top-color: #e2e2e2; border-left-color: #e2e2e2; transform: rotate(45deg); transform-origin: center center; -webkit-transform: rotate(45deg); -webkit-transform-origin: center center; -ms-transform: rotate(45deg); -ms-transform-origin: center center; -moz-transform: rotate(45deg); -moz-transform-origin: center center; position: absolute; bottom: -6px; left: 20px; z-index: 10000; /*transition: all 0ms ease 400ms;*/ } div.TDD1CC7CFDC0B > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a > span { /* tekst på alle menupunkter */ } div.TDD1CC7CFDC0B > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a:hover { /* menupunkter ved hover */ } div.TDD1CC7CFDC0B > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a:hover > span { /* tekst på menupunkter ved hover */ } div.TDD1CC7CFDC0B > div.navigationwrapper > ul.navigationlist > li.activeitem > a.activelink { /* det aktive menupunkt */ } div.TDD1CC7CFDC0B > div.navigationwrapper > ul.navigationlist > li.activeitem > a.activelink > span { /* teksten på det aktive menupunkt */ } div.TDD1CC7CFDC0B > div.navigationwrapper > ul.navigationlist > li.firstitem > a { /* det første menupunkt */ } div.TDD1CC7CFDC0B > div.navigationwrapper > ul.navigationlist > li.firstitem > a > span { /* teksten på det første menupunkt */ } div.TDD1CC7CFDC0B > div.navigationwrapper > ul.navigationlist > li.lastitem > a { /* det sidste menupunkt */ } div.TDD1CC7CFDC0B > div.navigationwrapper > ul.navigationlist > li.lastitem > a > span { /* teksten på det sidste menupunkt */ } /* End of Desktop header nav */ /* ------------------------------------------------ */ /* Standard suckerfish from 'render all' tab: */ div.sfnavlevel1.TDD1CC7CFDC0B li .navigationwrapper { position: absolute; z-index: 1000; left: -999em; width: 200px; } div.sfnavlevel1.TDD1CC7CFDC0B li .navigationwrapper a { width: 200px; overflow: hidden; float:left !important; } div.sfnavlevel1.TDD1CC7CFDC0B div.sfnavlevel2, div.sfnavlevel1.TDD1CC7CFDC0B div.sfnavlevel3, div.sfnavlevel1.TDD1CC7CFDC0B div.sfnavlevel4, div.sfnavlevel1.TDD1CC7CFDC0B div.sfnavlevel5 { float:left; } div.sfnavlevel1.TDD1CC7CFDC0B li:hover .navigationwrapper { left:auto; } div.sfnavlevel1.TDD1CC7CFDC0B div.sfnavlevel2, div.sfnavlevel1.TDD1CC7CFDC0B div.sfnavlevel2 { clear:both; } div.sfnavlevel1.TDD1CC7CFDC0B div.sfnavlevel2 div.sfnavlevel3 .navigationwrapper, div.sfnavlevel1.TDD1CC7CFDC0B div.sfnavlevel3 div.sfnavlevel4 .navigationwrapper, div.sfnavlevel1.TDD1CC7CFDC0B div.sfnavlevel4 div.sfnavlevel5 .navigationwrapper, div.sfnavlevel1.TDD1CC7CFDC0B div.sfnavlevel2 li:hover div.sfnavlevel4 .navigationwrapper, div.sfnavlevel1.TDD1CC7CFDC0B div.sfnavlevel2 li:hover div.sfnavlevel5 .navigationwrapper, div.sfnavlevel1.TDD1CC7CFDC0B div.sfnavlevel2 li:hover div.sfnavlevel3 li:hover div.sfnavlevel5 .navigationwrapper { left: -999em; } div.sfnavlevel1.TDD1CC7CFDC0B div.sfnavlevel2 li:hover .navigationwrapper, div.sfnavlevel1.TDD1CC7CFDC0B div.sfnavlevel3 li:hover div.sfnavlevel4 .navigationwrapper, div.sfnavlevel1.TDD1CC7CFDC0B div.sfnavlevel2 li:hover div.sfnavlevel4 li:hover div.sfnavlevel5 .navigationwrapper { left: 200px; } /* ------------------------------------------------ */ /* Custom CSS from 'render all' tab: */ div.sfnavlevel1.TDD1CC7CFDC0B .navigationwrapper { /* main menu */ } div.sfnavlevel1.TDD1CC7CFDC0B .navigationwrapper a { /* main menu items */ } div.sfnavlevel1.TDD1CC7CFDC0B li .navigationwrapper { /* all submenus */ } div.sfnavlevel1.TDD1CC7CFDC0B li .navigationwrapper a { /* all submenuitems */ width: 100%; } div.sfnavlevel1.TDD1CC7CFDC0B div.sfnavlevel2 li:hover .navigationwrapper, div.sfnavlevel1.TDD1CC7CFDC0B div.sfnavlevel3 li:hover div.sfnavlevel4 .navigationwrapper, div.sfnavlevel1.TDD1CC7CFDC0B div.sfnavlevel2 li:hover div.sfnavlevel4 li:hover div.sfnavlevel5 .navigationwrapper { margin-top: -49px; } /* END OF ORIGINAL FILE CONTENT */ } /* NOTE: This responsive interval references navigation type TCG1CC7DBFB3L (copied on 29-01-2018 14:33:55) */ @media screen and (max-width: 1024px) { /* Mobile mega menu 1 */ #preview { font-family:'Roboto Light',Helvetica,Arial,Sans-serif; } #preview { font-size:8pt; line-height:15px; } #preview a { color:#005382; } div.TDD1CC7CFDC0B { background-repeat:repeat; background-position:left top; } div.TDD1CC7CFDC0B > div.navigationwrapper { padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px; background-repeat:repeat; background-position:left top; /* IE7 hack */ min-height:1px; } div.TDD1CC7CFDC0B > div.navigationwrapper > ul.navigationlist > li.navigationlistitem { margin-right:0px; } div.TDD1CC7CFDC0B > div.navigationwrapper > ul.navigationlist > li.lastitem { margin:0px; } div.TDD1CC7CFDC0B > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a span { font-family:'Roboto Regular',Helvetica,Arial,Sans-serif; font-weight:400; font-style:normal; text-decoration:none; padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px; color:#333; background-repeat:repeat; background-position:left top; background-image:none; cursor:pointer; } div.TDD1CC7CFDC0B > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a:hover span { font-family:'Roboto Regular',Helvetica,Arial,Sans-serif; font-weight:400; font-style:normal; text-decoration:none; background-repeat:repeat; background-position:left top; background-image:none; } div.TDD1CC7CFDC0B > div.navigationwrapper > ul.navigationlist > li.activeitem > a.activelink span, div.TDD1CC7CFDC0B > div.navigationwrapper > ul.navigationlist > li.activeitem > a.activelink:hover span { font-family:'Roboto Regular',Helvetica,Arial,Sans-serif; font-weight:400; font-style:normal; text-decoration:none; background-repeat:repeat; background-position:left top; background-image:none; } div.TDD1CC7CFDC0B > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a { background-repeat:repeat; background-position:left top; background-image:none; } div.TDD1CC7CFDC0B > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a:hover { background-repeat:repeat; background-position:left top; background-image:none; } div.TDD1CC7CFDC0B > div.navigationwrapper > ul.navigationlist > li.activeitem > a, div.TDD1CC7CFDC0B > div.navigationwrapper > ul.navigationlist > li.activeitem > a:hover { background-repeat:repeat; background-position:left top; background-image:none; } /* Advanced CSS for Mobile mega menu 1 */ div.TDD1CC7CFDC0B { /* boks uden om hele navigationen */ width: 100%; } div.TDD1CC7CFDC0B > div.navigationwrapper { /* hele navigationen */ } div.TDD1CC7CFDC0B > div.navigationwrapper > ul.navigationlist { /* alle menupunkter */ display: flex; justify-content: center; flex-direction: column; } div.TDD1CC7CFDC0B > div.navigationwrapper > ul.navigationlist > li.navigationlistitem { border-bottom: 1px solid rgb(226,226,226); padding: 15px; } div.TDD1CC7CFDC0B > div.navigationwrapper > ul.navigationlist > li.navigationlistitem.expanded { background: rgb(246,248,247); } div.TDD1CC7CFDC0B > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a > * { transition: all 150ms ease 300ms; } div.TDD1CC7CFDC0B > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a { /* alle menupunkter */ display: flex; flex-direction: row-reverse; align-items: center; padding: 0; position: relative; z-index: 10000; width: 100%; justify-content: flex-end; } div.TDD1CC7CFDC0B > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a > span { /* tekst på alle menupunkter */ text-align: left; } div.TDD1CC7CFDC0B > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a:hover { /* menupunkter ved hover */ } div.TDD1CC7CFDC0B > div.navigationwrapper > ul.navigationlist > li.navigationlistitem:hover > a::before { opacity: 1; } div.TDD1CC7CFDC0B > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a:hover > span { /* tekst på menupunkter ved hover */ } div.TDD1CC7CFDC0B > div.navigationwrapper > ul.navigationlist > li.activeitem > a.activelink > span, div.TDD1CC7CFDC0B > div.navigationwrapper > ul.navigationlist > li.expanded > a > span { /* det aktive menupunkt */ font-family: 'Roboto Bold',Helvetica,Arial,Sans-serif; } div.TDD1CC7CFDC0B > div.navigationwrapper > ul.navigationlist > li.activeitem > a.activelink > span { /* teksten på det aktive menupunkt */ } div.TDD1CC7CFDC0B > div.navigationwrapper > ul.navigationlist > li.activeitem > a.activelink > img { opacity: .3 } div.TDD1CC7CFDC0B > div.navigationwrapper > ul.navigationlist > li.firstitem > a { /* det første menupunkt */ } div.TDD1CC7CFDC0B > div.navigationwrapper > ul.navigationlist > li.firstitem > a > span { /* teksten på det første menupunkt */ } div.TDD1CC7CFDC0B > div.navigationwrapper > ul.navigationlist > li.lastitem > a { /* det sidste menupunkt */ } div.TDD1CC7CFDC0B > div.navigationwrapper > ul.navigationlist > li.lastitem > a > span { /* teksten på det sidste menupunkt */ } /* End of Mobile mega menu 1 */ /* ------------------------------------------------ */ /* Standard collapsable menu from 'render all' tab: */ /* all items */ .TDD1CC7CFDC0B ul.navigationlist li.navigationlistitem, .TDD1CC7CFDC0B ul.navigationlist li.navigationlistitem a { float: none; position:relative; } /* arrow hitarea */ .TDD1CC7CFDC0B ul.navigationlist li.navigationlistitem a:first-child:nth-last-child(2):after { content: ''; position: absolute; top: 0px; right: 0px; width: calc(1em + (0px * 2)); height: 100%; background-color: yellow; opacity: 0; } /* arrow */ .TDD1CC7CFDC0B ul.navigationlist li.navigationlistitem a:first-child:nth-last-child(2):before { content:url("data:image/svg+xml,%3csvg%20xmlns%3d\'http%3a%2f%2fwww.w3.org%2f2000%2fsvg\'%20viewBox%3d\'0%200%2032%2032\'%3e%3cpolyline%20fill%3d\'none\'%20stroke%3d\'%23333\'%20stroke-width%3d\'6\'%20points%3d\'4%2c10%2016%2c22%2028%2c10\'%2f%3e%3c%2fsvg%3e"); width: 1em; height: 1em; position: absolute; top: calc(50% - (1em / 2)); right: 0px; transition: all ease 100ms 400ms; } /* arrow expanded */ .TDD1CC7CFDC0B ul.navigationlist li.navigationlistitem.expanded > a:first-child:nth-last-child(2):before { transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); } /* arrow on hovered items */ .TDD1CC7CFDC0B ul.navigationlist li.navigationlistitem a:first-child:nth-last-child(2):hover:before { content:url("data:image/svg+xml,%3csvg%20xmlns%3d\'http%3a%2f%2fwww.w3.org%2f2000%2fsvg\'%20viewBox%3d\'0%200%2032%2032\'%3e%3cpolyline%20fill%3d\'none\'%20stroke%3d\'%23333\'%20stroke-width%3d\'6\'%20points%3d\'4%2c10%2016%2c22%2028%2c10\'%2f%3e%3c%2fsvg%3e"); right: 0px; } /* arrow on active items */ .TDD1CC7CFDC0B ul.navigationlist li.navigationlistitem a.activelink:first-child:nth-last-child(2):before { content: url("data:image/svg+xml,%3csvg%20xmlns%3d\'http%3a%2f%2fwww.w3.org%2f2000%2fsvg\'%20viewBox%3d\'0%200%2032%2032\'%3e%3cpolyline%20fill%3d\'none\'%20stroke%3d\'%23333\'%20stroke-width%3d\'6\'%20points%3d\'4%2c10%2016%2c22%2028%2c10\'%2f%3e%3c%2fsvg%3e"); right: 0px; } /* arrow when all sub-items are hidden (like in a responsive mode) */ .TDD1CC7CFDC0B ul.navigationlist li.navigationlistitem a.nosubitems:first-child:nth-last-child(2):before { display:none; } /* collapsable submenu */ .TDD1CC7CFDC0B ul.navigationlist li.navigationlistitem > div:last-child { overflow: hidden; height: 0px; transition: height ease 500ms; } /* collapsable submenu expanded */ .TDD1CC7CFDC0B ul.navigationlist li.navigationlistitem.expanded > div:last-child { height:auto; } /* killing transitions when expanded on load */ .TDD1CC7CFDC0B ul.navigationlist li.navigationlistitem.expanded.killtransitions a:first-child:nth-last-child(2):before, .TDD1CC7CFDC0B ul.navigationlist li.navigationlistitem.expanded.killtransitions > div:last-child { transition: none; } /* ie8 reset */ .TDD1CC7CFDC0B .navigationlistitem > div { overflow:hidden; height:0px; } /* ie8 reset */ .TDD1CC7CFDC0B .navigationlistitem.activeitem > div { height:auto; } /* ------------------------------------------------ */ /* Custom CSS from 'render all' tab: */ div.sfnavlevel1.TBD1CC7CLFH0F .navigationwrapper { /* main menu */ } div.sfnavlevel1.TBD1CC7CLFH0F .navigationwrapper a { /* main menu items */ } div.sfnavlevel1.TBD1CC7CLFH0F li .navigationwrapper { /* all submenus */ } div.sfnavlevel1.TBD1CC7CLFH0F li .navigationwrapper a { /* all submenuitems */ } } /* navigation1.css */ /* NOTE: This is the actual desktop-mode navigation type, wrapped in a media query with a lower boundary to kill inheritance and avoid resets */ @media screen and (min-width: 1025px) { /* START OF ORIGINAL FILE CONTENT */ /* Desktop header nav level2 */ #preview { font-family:'Roboto Light',Helvetica,Arial,Sans-serif; } #preview { font-size:8pt; line-height:15px; } #preview a { color:#005382; } div.TDD1CC7CFDM4D { background-color:#fff; background-repeat:repeat; background-position:left top; } div.TDD1CC7CFDM4D > div.navigationwrapper { padding-top:5px; padding-right:0px; padding-bottom:5px; padding-left:0px; background-color:#fff; background-repeat:repeat; background-position:left top; /* IE7 hack */ min-height:1px; } div.TDD1CC7CFDM4D > div.navigationwrapper > ul.navigationlist > li.navigationlistitem { margin-right:0px; } div.TDD1CC7CFDM4D > div.navigationwrapper > ul.navigationlist > li.lastitem { margin:0px; } div.TDD1CC7CFDM4D > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a span { font-family:'Roboto Regular',Helvetica,Arial,Sans-serif; font-weight:400; font-style:normal; text-decoration:none; padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px; color:#333; background-repeat:repeat; background-position:left top; background-image:none; cursor:pointer; } div.TDD1CC7CFDM4D > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a:hover span { font-family:'Roboto Regular',Helvetica,Arial,Sans-serif; font-weight:400; font-style:normal; text-decoration:none; color:#333; background-repeat:repeat; background-position:left top; background-image:none; } div.TDD1CC7CFDM4D > div.navigationwrapper > ul.navigationlist > li.activeitem > a.activelink span, div.TDD1CC7CFDM4D > div.navigationwrapper > ul.navigationlist > li.activeitem > a.activelink:hover span { font-family:'Roboto Regular',Helvetica,Arial,Sans-serif; font-weight:400; font-style:normal; text-decoration:none; color:#cacaca; background-repeat:repeat; background-position:left top; background-image:none; } div.TDD1CC7CFDM4D > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a { background-repeat:repeat; background-position:left top; background-image:none; } div.TDD1CC7CFDM4D > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a:hover { background-repeat:repeat; background-position:left top; background-image:none; } div.TDD1CC7CFDM4D > div.navigationwrapper > ul.navigationlist > li.activeitem > a, div.TDD1CC7CFDM4D > div.navigationwrapper > ul.navigationlist > li.activeitem > a:hover { background-repeat:repeat; background-position:left top; background-image:none; } /* Advanced CSS for Desktop header nav level2 */ div.TDD1CC7CFDM4D { /* boks uden om hele navigationen */ width: 100%; } div.TDD1CC7CFDM4D > div.navigationwrapper { /* hele navigationen */ border: 1px solid rgb(226,226,226); border-radius: 3px; box-shadow: rgba(0,0,0,0.35) 0 6px 30px 3px; } div.TDD1CC7CFDM4D > div.navigationwrapper > ul.navigationlist { /* alle menupunkter */ display: flex; justify-content: center; flex-direction: column; } div.TDD1CC7CFDM4D > div.navigationwrapper > ul.navigationlist > li.navigationlistitem { padding: 0 15px; } div.TDD1CC7CFDM4D > div.navigationwrapper > ul.navigationlist > li.navigationlistitem:hover { background: rgb(246,248,247); } div.TDD1CC7CFDM4D > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a { /* alle menupunkter */ } div.TDD1CC7CFDM4D > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a > .megamenu-icon { /* alle menupunkter */ display: none; } div.TDD1CC7CFDM4D > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a > span { border-bottom: 1px solid rgb(226,226,226); } div.TDD1CC7CFDM4D > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a:hover { /* menupunkter ved hover */ } div.TDD1CC7CFDM4D > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a:hover > span { /* tekst på menupunkter ved hover */ } div.TDD1CC7CFDM4D > div.navigationwrapper > ul.navigationlist > li.activeitem > a.activelink { /* det aktive menupunkt */ } div.TDD1CC7CFDM4D > div.navigationwrapper > ul.navigationlist > li.activeitem > a.activelink > span { /* teksten på det aktive menupunkt */ } div.TDD1CC7CFDM4D > div.navigationwrapper > ul.navigationlist > li.firstitem > a { /* det første menupunkt */ } div.TDD1CC7CFDM4D > div.navigationwrapper > ul.navigationlist > li.firstitem > a > span { /* teksten på det første menupunkt */ } div.TDD1CC7CFDM4D > div.navigationwrapper > ul.navigationlist > li.lastitem > a { /* det sidste menupunkt */ } div.TDD1CC7CFDM4D > div.navigationwrapper > ul.navigationlist > li.lastitem > a > span { /* teksten på det sidste menupunkt */ border: 0; } /* End of Desktop header nav level2 */ /* ------------------------------------------------ */ /* Standard suckerfish from 'render all' tab: */ div.sfnavlevel1.TDD1CC7CFDM4D li .navigationwrapper { position: absolute; z-index: 1000; left: -999em; width: 200px; } div.sfnavlevel1.TDD1CC7CFDM4D li .navigationwrapper a { width: 200px; overflow: hidden; float:left !important; } div.sfnavlevel1.TDD1CC7CFDM4D div.sfnavlevel2, div.sfnavlevel1.TDD1CC7CFDM4D div.sfnavlevel3, div.sfnavlevel1.TDD1CC7CFDM4D div.sfnavlevel4, div.sfnavlevel1.TDD1CC7CFDM4D div.sfnavlevel5 { float:left; } div.sfnavlevel1.TDD1CC7CFDM4D li:hover .navigationwrapper { left:auto; } div.sfnavlevel1.TDD1CC7CFDM4D div.sfnavlevel2, div.sfnavlevel1.TDD1CC7CFDM4D div.sfnavlevel2 { clear:both; } div.sfnavlevel1.TDD1CC7CFDM4D div.sfnavlevel2 div.sfnavlevel3 .navigationwrapper, div.sfnavlevel1.TDD1CC7CFDM4D div.sfnavlevel3 div.sfnavlevel4 .navigationwrapper, div.sfnavlevel1.TDD1CC7CFDM4D div.sfnavlevel4 div.sfnavlevel5 .navigationwrapper, div.sfnavlevel1.TDD1CC7CFDM4D div.sfnavlevel2 li:hover div.sfnavlevel4 .navigationwrapper, div.sfnavlevel1.TDD1CC7CFDM4D div.sfnavlevel2 li:hover div.sfnavlevel5 .navigationwrapper, div.sfnavlevel1.TDD1CC7CFDM4D div.sfnavlevel2 li:hover div.sfnavlevel3 li:hover div.sfnavlevel5 .navigationwrapper { left: -999em; } div.sfnavlevel1.TDD1CC7CFDM4D div.sfnavlevel2 li:hover .navigationwrapper, div.sfnavlevel1.TDD1CC7CFDM4D div.sfnavlevel3 li:hover div.sfnavlevel4 .navigationwrapper, div.sfnavlevel1.TDD1CC7CFDM4D div.sfnavlevel2 li:hover div.sfnavlevel4 li:hover div.sfnavlevel5 .navigationwrapper { left: 200px; } /* ------------------------------------------------ */ /* Custom CSS from 'render all' tab: */ div.sfnavlevel1.TBD1CC7CLFH0F .navigationwrapper { /* main menu */ } div.sfnavlevel1.TBD1CC7CLFH0F .navigationwrapper a { /* main menu items */ } div.sfnavlevel1.TBD1CC7CLFH0F li .navigationwrapper { /* all submenus */ } div.sfnavlevel1.TBD1CC7CLFH0F li .navigationwrapper a { /* all submenuitems */ } /* END OF ORIGINAL FILE CONTENT */ } /* NOTE: This responsive interval references navigation type TCG1CC7DBGD5B (copied on 29-01-2018 14:33:55) */ @media screen and (max-width: 1024px) { /* Mobile mega menu 2 */ #preview { font-family:'Roboto Light',Helvetica,Arial,Sans-serif; } #preview { font-size:8pt; line-height:15px; } #preview a { color:#005382; } #preview { max-width:240px; } div.TDD1CC7CFDM4D { background-repeat:repeat; background-position:left top; max-width:768px } div.TDD1CC7CFDM4D > div.navigationwrapper { padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px; background-repeat:repeat; background-position:left top; /* IE7 hack */ min-height:1px; } div.TDD1CC7CFDM4D > div.navigationwrapper > ul.navigationlist > li.navigationlistitem { margin-bottom:0px; clear:left; } div.TDD1CC7CFDM4D > div.navigationwrapper > ul.navigationlist > li.lastitem { margin:0px; } div.TDD1CC7CFDM4D > div.navigationwrapper > ul.navigationlist > li.navigationlistitem, div.TDD1CC7CFDM4D > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a, div.TDD1CC7CFDM4D > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a span { float:none; background:none; } div.TDD1CC7CFDM4D > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a span { font-family:'Roboto Regular',Helvetica,Arial,Sans-serif; font-weight:400; font-style:normal; text-decoration:none; padding-top:15px; padding-right:0px; padding-bottom:15px; padding-left:0px; color:#333; background-repeat:repeat; background-position:left top; background-image:none; cursor:pointer; } div.TDD1CC7CFDM4D > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a:hover span { font-family:'Roboto Regular',Helvetica,Arial,Sans-serif; font-weight:400; font-style:normal; text-decoration:none; color:#333; background-repeat:repeat; background-position:left top; background-image:none; } div.TDD1CC7CFDM4D > div.navigationwrapper > ul.navigationlist > li.activeitem > a.activelink span, div.TDD1CC7CFDM4D > div.navigationwrapper > ul.navigationlist > li.activeitem > a.activelink:hover span { font-family:'Roboto Regular',Helvetica,Arial,Sans-serif; font-weight:400; font-style:normal; text-decoration:none; color:#ccc; background-repeat:repeat; background-position:left top; background-image:none; } div.TDD1CC7CFDM4D > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a { background-repeat:repeat; background-position:left top; background-image:none; } div.TDD1CC7CFDM4D > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a:hover { background-repeat:repeat; background-position:left top; background-image:none; } div.TDD1CC7CFDM4D > div.navigationwrapper > ul.navigationlist > li.activeitem > a, div.TDD1CC7CFDM4D > div.navigationwrapper > ul.navigationlist > li.activeitem > a:hover { background-repeat:repeat; background-position:left top; background-image:none; } /* Advanced CSS for Mobile mega menu 2 */ .megamenu div.sfnavlevel1.TBJ1CC7CFCC3C li .navigationwrapper { } div.TDD1CC7CFDM4D { /* boks uden om hele navigationen */ } div.TDD1CC7CFDM4D > div.navigationwrapper { } div.TDD1CC7CFDM4D > div.navigationwrapper > ul.navigationlist { } div.TDD1CC7CFDM4D > div.navigationwrapper > ul.navigationlist > li.navigationlistitem .megamenu-icon { margin-right: 10px; } div.TDD1CC7CFDM4D > div.navigationwrapper > .megamenu-info h2 { margin-top: 7px; } div.TDD1CC7CFDM4D > div.navigationwrapper > .megamenu-info { display: none; } div.TDD1CC7CFDM4D > div.navigationwrapper > ul.navigationlist > li.navigationlistitem { } div.TDD1CC7CFDM4D > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a { /* alle menupunkter */ display: flex; flex-direction: row-reverse; align-items: center; padding: 0; position: relative; z-index: 10000; width: 100%; justify-content: flex-end; border-bottom: 1px solid rgb(226,226,226); } div.TDD1CC7CFDM4D > div.navigationwrapper a.red-button { padding: 10px; } div.TDD1CC7CFDM4D > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a > span { /* tekst på alle menupunkter */ } div.TDD1CC7CFDM4D > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a:hover { /* menupunkter ved hover */ } div.TDD1CC7CFDM4D > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a:hover > span { /* tekst på menupunkter ved hover */ } div.TDD1CC7CFDM4D > div.navigationwrapper > ul.navigationlist > li.activeitem > a.activelink { /* det aktive menupunkt */ } div.TDD1CC7CFDM4D > div.navigationwrapper > ul.navigationlist > li.activeitem > a.activelink .megamenu-icon { opacity: 0.3; } div.TDD1CC7CFDM4D > div.navigationwrapper > ul.navigationlist > li.activeitem > a.activelink > span { /* teksten på det aktive menupunkt */ } div.TDD1CC7CFDM4D > div.navigationwrapper > ul.navigationlist > li.firstitem > a { /* det første menupunkt */ } div.TDD1CC7CFDM4D > div.navigationwrapper > ul.navigationlist > li.firstitem > a > span { /* teksten på det første menupunkt */ padding-top: 20px; } div.TDD1CC7CFDM4D > div.navigationwrapper > ul.navigationlist > li.lastitem > a { /* det sidste menupunkt */ border: 0; } div.TDD1CC7CFDM4D > div.navigationwrapper > ul.navigationlist > li.lastitem > a > span { /* teksten på det sidste menupunkt */ border: 0; } /* End of Mobile mega menu 2 */ /* ------------------------------------------------ */ /* Standard collapsable menu from 'render all' tab: */ /* all items */ .TDD1CC7CFDM4D ul.navigationlist li.navigationlistitem, .TDD1CC7CFDM4D ul.navigationlist li.navigationlistitem a { float: none; position:relative; } /* arrow hitarea */ .TDD1CC7CFDM4D ul.navigationlist li.navigationlistitem a:first-child:nth-last-child(2):after { content: ''; position: absolute; top: 0px; right: 0px; width: calc(1em + (0px * 2)); height: 100%; background-color: yellow; opacity: 0; } /* arrow */ .TDD1CC7CFDM4D ul.navigationlist li.navigationlistitem a:first-child:nth-last-child(2):before { content:url("data:image/svg+xml,%3csvg%20xmlns%3d\'http%3a%2f%2fwww.w3.org%2f2000%2fsvg\'%20viewBox%3d\'0%200%2032%2032\'%3e%3cpolyline%20fill%3d\'none\'%20stroke%3d\'%23333\'%20stroke-width%3d\'6\'%20points%3d\'4%2c10%2016%2c22%2028%2c10\'%2f%3e%3c%2fsvg%3e"); width: 1em; height: 1em; position: absolute; top: calc(50% - (1em / 2)); right: 0px; transition: all ease 100ms 400ms; } /* arrow expanded */ .TDD1CC7CFDM4D ul.navigationlist li.navigationlistitem.expanded > a:first-child:nth-last-child(2):before { transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); } /* arrow on hovered items */ .TDD1CC7CFDM4D ul.navigationlist li.navigationlistitem a:first-child:nth-last-child(2):hover:before { content:url("data:image/svg+xml,%3csvg%20xmlns%3d\'http%3a%2f%2fwww.w3.org%2f2000%2fsvg\'%20viewBox%3d\'0%200%2032%2032\'%3e%3cpolyline%20fill%3d\'none\'%20stroke%3d\'%23333\'%20stroke-width%3d\'6\'%20points%3d\'4%2c10%2016%2c22%2028%2c10\'%2f%3e%3c%2fsvg%3e"); right: 0px; } /* arrow on active items */ .TDD1CC7CFDM4D ul.navigationlist li.navigationlistitem a.activelink:first-child:nth-last-child(2):before { content: url("data:image/svg+xml,%3csvg%20xmlns%3d\'http%3a%2f%2fwww.w3.org%2f2000%2fsvg\'%20viewBox%3d\'0%200%2032%2032\'%3e%3cpolyline%20fill%3d\'none\'%20stroke%3d\'%23ccc\'%20stroke-width%3d\'6\'%20points%3d\'4%2c10%2016%2c22%2028%2c10\'%2f%3e%3c%2fsvg%3e"); right: 0px; } /* arrow when all sub-items are hidden (like in a responsive mode) */ .TDD1CC7CFDM4D ul.navigationlist li.navigationlistitem a.nosubitems:first-child:nth-last-child(2):before { display:none; } /* collapsable submenu */ .TDD1CC7CFDM4D ul.navigationlist li.navigationlistitem > div:last-child { overflow: hidden; height: 0px; transition: height ease 500ms; } /* collapsable submenu expanded */ .TDD1CC7CFDM4D ul.navigationlist li.navigationlistitem.expanded > div:last-child { height:auto; } /* killing transitions when expanded on load */ .TDD1CC7CFDM4D ul.navigationlist li.navigationlistitem.expanded.killtransitions a:first-child:nth-last-child(2):before, .TDD1CC7CFDM4D ul.navigationlist li.navigationlistitem.expanded.killtransitions > div:last-child { transition: none; } /* ie8 reset */ .TDD1CC7CFDM4D .navigationlistitem > div { overflow:hidden; height:0px; } /* ie8 reset */ .TDD1CC7CFDM4D .navigationlistitem.activeitem > div { height:auto; } /* ------------------------------------------------ */ /* Custom CSS from 'render all' tab: */ div.sfnavlevel1.TBD1CC7CLFH0F .navigationwrapper { /* main menu */ } div.sfnavlevel1.TBD1CC7CLFH0F .navigationwrapper a { /* main menu items */ } div.sfnavlevel1.TBD1CC7CLFH0F li .navigationwrapper { /* all submenus */ } div.sfnavlevel1.TBD1CC7CLFH0F li .navigationwrapper a { /* all submenuitems */ } } /* navigation1.css */ /* NOTE: This is the actual desktop-mode navigation type, wrapped in a media query with a lower boundary to kill inheritance and avoid resets */ @media screen and (min-width: 1025px) { /* START OF ORIGINAL FILE CONTENT */ /* Desktop header nav level3 */ #preview { font-family:'Roboto Light',Helvetica,Arial,Sans-serif; } #preview { font-size:8pt; line-height:15px; } #preview a { color:#005382; } div.TDD1CC7DBGB3D { background-color:#fff; background-repeat:repeat; background-position:left top; } div.TDD1CC7DBGB3D > div.navigationwrapper { padding-top:5px; padding-right:0px; padding-bottom:5px; padding-left:0px; background-color:#fff; background-repeat:repeat; background-position:left top; /* IE7 hack */ min-height:1px; } div.TDD1CC7DBGB3D > div.navigationwrapper > ul.navigationlist > li.navigationlistitem { margin-right:0px; } div.TDD1CC7DBGB3D > div.navigationwrapper > ul.navigationlist > li.lastitem { margin:0px; } div.TDD1CC7DBGB3D > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a span { font-family:'Roboto Regular',Helvetica,Arial,Sans-serif; font-weight:400; font-style:normal; text-decoration:none; padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px; color:#333; background-repeat:repeat; background-position:left top; background-image:none; cursor:pointer; } div.TDD1CC7DBGB3D > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a:hover span { font-family:'Roboto Regular',Helvetica,Arial,Sans-serif; font-weight:400; font-style:normal; text-decoration:none; color:#333; background-repeat:repeat; background-position:left top; background-image:none; } div.TDD1CC7DBGB3D > div.navigationwrapper > ul.navigationlist > li.activeitem > a.activelink span, div.TDD1CC7DBGB3D > div.navigationwrapper > ul.navigationlist > li.activeitem > a.activelink:hover span { font-family:'Roboto Regular',Helvetica,Arial,Sans-serif; font-weight:400; font-style:normal; text-decoration:none; color:#cacaca; background-repeat:repeat; background-position:left top; background-image:none; } div.TDD1CC7DBGB3D > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a { background-repeat:repeat; background-position:left top; background-image:none; } div.TDD1CC7DBGB3D > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a:hover { background-repeat:repeat; background-position:left top; background-image:none; } div.TDD1CC7DBGB3D > div.navigationwrapper > ul.navigationlist > li.activeitem > a, div.TDD1CC7DBGB3D > div.navigationwrapper > ul.navigationlist > li.activeitem > a:hover { background-repeat:repeat; background-position:left top; background-image:none; } /* Advanced CSS for Desktop header nav level3 */ div.TDD1CC7DBGB3D { /* boks uden om hele navigationen */ width: 100%; } div.TDD1CC7DBGB3D > div.navigationwrapper { /* hele navigationen */ border: 1px solid rgb(226,226,226); border-radius: 3px; box-shadow: rgba(0,0,0,0.35) 0 6px 30px 3px; } #mergefield_navigation_level1 div.TDD1CC7DBGB3D > div.navigationwrapper > .megamenu-info { display: none; } div.TDD1CC7DBGB3D > div.navigationwrapper > ul.navigationlist { /* alle menupunkter */ display: flex; justify-content: center; flex-direction: column; } div.TDD1CC7DBGB3D > div.navigationwrapper > ul.navigationlist > li.navigationlistitem { padding: 0 15px; } div.TDD1CC7DBGB3D > div.navigationwrapper > ul.navigationlist > li.navigationlistitem:hover { background: rgb(246,248,247); } div.TDD1CC7DBGB3D > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a > span { border-bottom: 1px solid rgb(226,226,226); } div.TDD1CC7DBGB3D > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a:hover { /* menupunkter ved hover */ } div.TDD1CC7DBGB3D > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a:hover > span { /* tekst på menupunkter ved hover */ } div.TDD1CC7DBGB3D > div.navigationwrapper > ul.navigationlist > li.activeitem > a.activelink { /* det aktive menupunkt */ } div.TDD1CC7DBGB3D > div.navigationwrapper > ul.navigationlist > li.activeitem > a.activelink > span { /* teksten på det aktive menupunkt */ } div.TDD1CC7DBGB3D > div.navigationwrapper > ul.navigationlist > li.firstitem > a { /* det første menupunkt */ } div.TDD1CC7DBGB3D > div.navigationwrapper > ul.navigationlist > li.firstitem > a > span { /* teksten på det første menupunkt */ } div.TDD1CC7DBGB3D > div.navigationwrapper > ul.navigationlist > li.lastitem > a { /* det sidste menupunkt */ } div.TDD1CC7DBGB3D > div.navigationwrapper > ul.navigationlist > li.lastitem > a > span { /* teksten på det sidste menupunkt */ border: 0; } /* End of Desktop header nav level3 */ /* ------------------------------------------------ */ /* Standard suckerfish from 'render all' tab: */ div.sfnavlevel1.TDD1CC7DBGB3D li .navigationwrapper { position: absolute; z-index: 1000; left: -999em; width: 200px; } div.sfnavlevel1.TDD1CC7DBGB3D li .navigationwrapper a { width: 200px; overflow: hidden; float:left !important; } div.sfnavlevel1.TDD1CC7DBGB3D div.sfnavlevel2, div.sfnavlevel1.TDD1CC7DBGB3D div.sfnavlevel3, div.sfnavlevel1.TDD1CC7DBGB3D div.sfnavlevel4, div.sfnavlevel1.TDD1CC7DBGB3D div.sfnavlevel5 { float:left; } div.sfnavlevel1.TDD1CC7DBGB3D li:hover .navigationwrapper { left:auto; } div.sfnavlevel1.TDD1CC7DBGB3D div.sfnavlevel2, div.sfnavlevel1.TDD1CC7DBGB3D div.sfnavlevel2 { clear:both; } div.sfnavlevel1.TDD1CC7DBGB3D div.sfnavlevel2 div.sfnavlevel3 .navigationwrapper, div.sfnavlevel1.TDD1CC7DBGB3D div.sfnavlevel3 div.sfnavlevel4 .navigationwrapper, div.sfnavlevel1.TDD1CC7DBGB3D div.sfnavlevel4 div.sfnavlevel5 .navigationwrapper, div.sfnavlevel1.TDD1CC7DBGB3D div.sfnavlevel2 li:hover div.sfnavlevel4 .navigationwrapper, div.sfnavlevel1.TDD1CC7DBGB3D div.sfnavlevel2 li:hover div.sfnavlevel5 .navigationwrapper, div.sfnavlevel1.TDD1CC7DBGB3D div.sfnavlevel2 li:hover div.sfnavlevel3 li:hover div.sfnavlevel5 .navigationwrapper { left: -999em; } div.sfnavlevel1.TDD1CC7DBGB3D div.sfnavlevel2 li:hover .navigationwrapper, div.sfnavlevel1.TDD1CC7DBGB3D div.sfnavlevel3 li:hover div.sfnavlevel4 .navigationwrapper, div.sfnavlevel1.TDD1CC7DBGB3D div.sfnavlevel2 li:hover div.sfnavlevel4 li:hover div.sfnavlevel5 .navigationwrapper { left: 200px; } /* ------------------------------------------------ */ /* Custom CSS from 'render all' tab: */ div.sfnavlevel1.TBD1CC7CLFH0F .navigationwrapper { /* main menu */ } div.sfnavlevel1.TBD1CC7CLFH0F .navigationwrapper a { /* main menu items */ } div.sfnavlevel1.TBD1CC7CLFH0F li .navigationwrapper { /* all submenus */ } div.sfnavlevel1.TBD1CC7CLFH0F li .navigationwrapper a { /* all submenuitems */ } /* END OF ORIGINAL FILE CONTENT */ } /* NOTE: This responsive interval references navigation type TDD1CC7DBFJ2D (copied on 29-01-2018 14:33:55) */ @media screen and (max-width: 1024px) { /* Mobile mega menu 3 */ #preview { font-family:'Roboto Light',Helvetica,Arial,Sans-serif; } #preview { font-size:8pt; line-height:15px; } #preview a { color:#005382; } #preview { max-width:240px; } div.TDD1CC7DBGB3D { background-repeat:repeat; background-position:left top; max-width:768px } div.TDD1CC7DBGB3D > div.navigationwrapper { padding-top:0px; padding-right:0px; padding-bottom:30px; padding-left:0px; background-repeat:repeat; background-position:left top; /* IE7 hack */ min-height:1px; } div.TDD1CC7DBGB3D > div.navigationwrapper > ul.navigationlist > li.navigationlistitem { margin-bottom:0px; clear:left; } div.TDD1CC7DBGB3D > div.navigationwrapper > ul.navigationlist > li.lastitem { margin:0px; } div.TDD1CC7DBGB3D > div.navigationwrapper > ul.navigationlist > li.navigationlistitem, div.TDD1CC7DBGB3D > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a, div.TDD1CC7DBGB3D > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a span { float:none; background:none; } div.TDD1CC7DBGB3D > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a span { font-family:'Roboto Regular',Helvetica,Arial,Sans-serif; font-weight:400; font-style:normal; text-decoration:none; padding-top:15px; padding-right:0px; padding-bottom:15px; padding-left:0px; color:#333; background-repeat:repeat; background-position:left top; background-image:none; cursor:pointer; } div.TDD1CC7DBGB3D > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a:hover span { font-family:'Roboto Regular',Helvetica,Arial,Sans-serif; font-weight:400; font-style:normal; text-decoration:none; color:#333; background-repeat:repeat; background-position:left top; background-image:none; } div.TDD1CC7DBGB3D > div.navigationwrapper > ul.navigationlist > li.activeitem > a.activelink span, div.TDD1CC7DBGB3D > div.navigationwrapper > ul.navigationlist > li.activeitem > a.activelink:hover span { font-family:'Roboto Regular',Helvetica,Arial,Sans-serif; font-weight:400; font-style:normal; text-decoration:none; color:#ccc; background-repeat:repeat; background-position:left top; background-image:none; } div.TDD1CC7DBGB3D > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a { background-repeat:repeat; background-position:left top; background-image:none; } div.TDD1CC7DBGB3D > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a:hover { background-repeat:repeat; background-position:left top; background-image:none; } div.TDD1CC7DBGB3D > div.navigationwrapper > ul.navigationlist > li.activeitem > a, div.TDD1CC7DBGB3D > div.navigationwrapper > ul.navigationlist > li.activeitem > a:hover { background-repeat:repeat; background-position:left top; background-image:none; } /* Advanced CSS for Mobile mega menu 3 */ .megamenu div.sfnavlevel1.TBJ1CC7CFCC3C li .navigationwrapper { } div.TDD1CC7DBGB3D { /* boks uden om hele navigationen */ } div.TDD1CC7DBGB3D > div.navigationwrapper { } div.TDD1CC7DBGB3D > div.navigationwrapper > ul.navigationlist { } div.TDD1CC7DBGB3D > div.navigationwrapper > ul.navigationlist > li.navigationlistitem .megamenu-icon { margin-right: 10px; } div.TDD1CC7DBGB3D > div.navigationwrapper > .megamenu-info h2 { margin-top: 7px; } div.TDD1CC7DBGB3D > div.navigationwrapper > .megamenu-info { display: none; } div.TDD1CC7DBGB3D > div.navigationwrapper > ul.navigationlist > li.navigationlistitem { margin-left: 15px; } div.TDD1CC7DBGB3D > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a { /* alle menupunkter */ display: flex; flex-direction: row-reverse; align-items: center; padding: 0; position: relative; z-index: 10000; width: 100%; justify-content: flex-end; border-bottom: 1px solid rgb(226,226,226); } div.TDD1CC7DBGB3D > div.navigationwrapper a.red-button { padding: 10px; } div.TDD1CC7DBGB3D > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a > span { /* tekst på alle menupunkter */ } div.TDD1CC7DBGB3D > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a:hover { /* menupunkter ved hover */ } div.TDD1CC7DBGB3D > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a:hover > span { /* tekst på menupunkter ved hover */ } div.TDD1CC7DBGB3D > div.navigationwrapper > ul.navigationlist > li.activeitem > a.activelink { /* det aktive menupunkt */ } div.TDD1CC7DBGB3D > div.navigationwrapper > ul.navigationlist > li.activeitem > a.activelink .megamenu-icon { opacity: 0.3; } div.TDD1CC7DBGB3D > div.navigationwrapper > ul.navigationlist > li.activeitem > a.activelink > span { /* teksten på det aktive menupunkt */ } div.TDD1CC7DBGB3D > div.navigationwrapper > ul.navigationlist > li.firstitem > a { /* det første menupunkt */ } div.TDD1CC7DBGB3D > div.navigationwrapper > ul.navigationlist > li.firstitem > a > span { /* teksten på det første menupunkt */ padding-top: 20px; } div.TDD1CC7DBGB3D > div.navigationwrapper > ul.navigationlist > li.lastitem > a { /* det sidste menupunkt */ border: 0; } div.TDD1CC7DBGB3D > div.navigationwrapper > ul.navigationlist > li.lastitem > a > span { /* teksten på det sidste menupunkt */ padding-bottom: 0; border: 0; } /* End of Mobile mega menu 3 */ /* ------------------------------------------------ */ /* Standard collapsable menu from 'render all' tab: */ /* all items */ .TDD1CC7DBGB3D ul.navigationlist li.navigationlistitem, .TDD1CC7DBGB3D ul.navigationlist li.navigationlistitem a { float: none; position:relative; } /* arrow hitarea */ .TDD1CC7DBGB3D ul.navigationlist li.navigationlistitem a:first-child:nth-last-child(2):after { content: ''; position: absolute; top: 0px; right: 0px; width: calc(1em + (0px * 2)); height: 100%; background-color: yellow; opacity: 0; } /* arrow */ .TDD1CC7DBGB3D ul.navigationlist li.navigationlistitem a:first-child:nth-last-child(2):before { content:url("data:image/svg+xml,%3csvg%20xmlns%3d\'http%3a%2f%2fwww.w3.org%2f2000%2fsvg\'%20viewBox%3d\'0%200%2032%2032\'%3e%3cpolyline%20fill%3d\'none\'%20stroke%3d\'%23333\'%20stroke-width%3d\'6\'%20points%3d\'4%2c10%2016%2c22%2028%2c10\'%2f%3e%3c%2fsvg%3e"); width: 1em; height: 1em; position: absolute; top: calc(50% - (1em / 2)); right: 0px; transition: all ease 100ms 400ms; } /* arrow expanded */ .TDD1CC7DBGB3D ul.navigationlist li.navigationlistitem.expanded > a:first-child:nth-last-child(2):before { transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); } /* arrow on hovered items */ .TDD1CC7DBGB3D ul.navigationlist li.navigationlistitem a:first-child:nth-last-child(2):hover:before { content:url("data:image/svg+xml,%3csvg%20xmlns%3d\'http%3a%2f%2fwww.w3.org%2f2000%2fsvg\'%20viewBox%3d\'0%200%2032%2032\'%3e%3cpolyline%20fill%3d\'none\'%20stroke%3d\'%23333\'%20stroke-width%3d\'6\'%20points%3d\'4%2c10%2016%2c22%2028%2c10\'%2f%3e%3c%2fsvg%3e"); right: 0px; } /* arrow on active items */ .TDD1CC7DBGB3D ul.navigationlist li.navigationlistitem a.activelink:first-child:nth-last-child(2):before { content: url("data:image/svg+xml,%3csvg%20xmlns%3d\'http%3a%2f%2fwww.w3.org%2f2000%2fsvg\'%20viewBox%3d\'0%200%2032%2032\'%3e%3cpolyline%20fill%3d\'none\'%20stroke%3d\'%23ccc\'%20stroke-width%3d\'6\'%20points%3d\'4%2c10%2016%2c22%2028%2c10\'%2f%3e%3c%2fsvg%3e"); right: 0px; } /* arrow when all sub-items are hidden (like in a responsive mode) */ .TDD1CC7DBGB3D ul.navigationlist li.navigationlistitem a.nosubitems:first-child:nth-last-child(2):before { display:none; } /* collapsable submenu */ .TDD1CC7DBGB3D ul.navigationlist li.navigationlistitem > div:last-child { overflow: hidden; height: 0px; transition: height ease 500ms; } /* collapsable submenu expanded */ .TDD1CC7DBGB3D ul.navigationlist li.navigationlistitem.expanded > div:last-child { height:auto; } /* killing transitions when expanded on load */ .TDD1CC7DBGB3D ul.navigationlist li.navigationlistitem.expanded.killtransitions a:first-child:nth-last-child(2):before, .TDD1CC7DBGB3D ul.navigationlist li.navigationlistitem.expanded.killtransitions > div:last-child { transition: none; } /* ie8 reset */ .TDD1CC7DBGB3D .navigationlistitem > div { overflow:hidden; height:0px; } /* ie8 reset */ .TDD1CC7DBGB3D .navigationlistitem.activeitem > div { height:auto; } /* ------------------------------------------------ */ /* Custom CSS from 'render all' tab: */ div.sfnavlevel1.TBD1CC7CLFH0F .navigationwrapper { /* main menu */ } div.sfnavlevel1.TBD1CC7CLFH0F .navigationwrapper a { /* main menu items */ } div.sfnavlevel1.TBD1CC7CLFH0F li .navigationwrapper { /* all submenus */ } div.sfnavlevel1.TBD1CC7CLFH0F li .navigationwrapper a { /* all submenuitems */ } } /* site.css */ @font-face { font-family: 'Roboto Light'; src: url('/setup/fonts/3bf80945-aeff-4d4d-94fe-d5dc870a8ef0.eot'); /* IE9 Compatability Modes */ src: url('/setup/fonts/3bf80945-aeff-4d4d-94fe-d5dc870a8ef0.eot?') format('eot'), url('/setup/fonts/3bf80945-aeff-4d4d-94fe-d5dc870a8ef0.woff') format('woff'); } @font-face { font-family: 'Roboto Light Italic'; src: url('/setup/fonts/682cf20b-e52f-4e04-b08a-a60fbc817e7e.eot'); /* IE9 Compatability Modes */ src: url('/setup/fonts/682cf20b-e52f-4e04-b08a-a60fbc817e7e.eot?') format('eot'), url('/setup/fonts/682cf20b-e52f-4e04-b08a-a60fbc817e7e.woff') format('woff'); } @font-face { font-family: 'Roboto Regular'; src: url('/setup/fonts/c6ef9420-ff1f-4b1c-bc1e-e5104bbb8825.eot'); /* IE9 Compatability Modes */ src: url('/setup/fonts/c6ef9420-ff1f-4b1c-bc1e-e5104bbb8825.eot?') format('eot'), url('/setup/fonts/c6ef9420-ff1f-4b1c-bc1e-e5104bbb8825.woff') format('woff'); } @font-face { font-family: 'Roboto Bold'; src: url('/setup/fonts/f1c1a852-4dab-4667-9feb-0b7fd387fb01.eot'); /* IE9 Compatability Modes */ src: url('/setup/fonts/f1c1a852-4dab-4667-9feb-0b7fd387fb01.eot?') format('eot'), url('/setup/fonts/f1c1a852-4dab-4667-9feb-0b7fd387fb01.woff') format('woff'); } a[onclick*="AddToBasket"], .button a, a.button, .red-button, .button input[type=button], .button input[type=submit], #tangorasaverecord42, .TangoraEditButton, .big-button { font-family: 'Roboto Regular',Helvetica,Arial,Sans-serif; color: #ffffff; text-align: center; text-transform: uppercase; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; background-color: rgb(0, 0, 0); display: inline-block; min-width: 100px; transition: all 300ms ease 0ms; padding: 10px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; outline: 0; margin: 0; } .heading1 { font-family: 'Roboto Regular',Helvetica,Arial,Sans-serif; font-size: 2em; text-transform: uppercase; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 25px; font-weight: normal; } .heading2 { font-family: 'Roboto Regular',Helvetica,Arial,Sans-serif; font-size: 1.6em; text-transform: uppercase; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; margin-left: 0px; margin-right: 0px; margin-top: 30px; margin-bottom: 10px; font-weight: normal; } .heading3 { font-family: 'Roboto Regular',Helvetica,Arial,Sans-serif; font-size: 1.2em; text-transform: uppercase; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; margin-left: 0px; margin-right: 0px; margin-top: 20px; margin-bottom: 10px; font-weight: normal; } a[onclick*="AddToBasket"]:hover, .button a:hover, a.button:hover, .red-button:hover, .button input[type=button]:hover, .button input[type=submit]:hover, #tangorasaverecord42:hover, .TangoraEditButton:hover, .big-button:hover { font-style: normal; font-weight: 400; text-decoration: none; text-indent: 0px; text-shadow: 0px 0px 0px #000; background-color: #555555; text-decoration: none; } .heading1:hover { } .heading2:hover { } .heading3:hover { } /*Sorting headers in blocklist tables*/ .sortcontrol-undefined { font-family: 'Roboto Bold',Helvetica,Arial,Sans-serif; color: inherit; } .sortcontrol-undefined:hover, .sortcontrol-desc:hover, .sortcontrol-asc:hover { text-decoration: none; } .sortcontrol-desc::after, .sortcontrol-asc::after { content: ''; position: absolute; display: inline-block; width: 7px; height: 0.7em; margin-top: 6px; margin-left: 3px; background-image: url('/media/sort-arrow.png'); background-size: 7px 6px; background-repeat: no-repeat; background-position: center center; } .sortcontrol-asc::after, .sortcontrol-asc:focus::after, .sortcontrol-asc:active::after { -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ transform: rotate(180deg); } .sortcontrol-desc, .sortcontrol-asc { font-family: 'Roboto Bold',Helvetica,Arial,Sans-serif; font-weight: normal; color: inherit; margin-right: 10px; } /* Mini calendar fixes */ div[id*="SingleCalendar"] { border: 1px solid rgb(226,226,226) !important; border-radius: 5px !important; box-shadow: rgba(0,0,0,0.35) 0 6px 30px 3px !important; padding: 10px !important; width: 260px; } div[id*="SingleCalendar"] .calendarWrapper { padding: 0; } div[id*="SingleCalendar"] .calendarWrapper table { width: 260px; } div[id*="SingleCalendar"] .CalendarText { padding: 3px; border-radius: 3px; border: 2px solid transparent; text-align: center !important; } div[id*="SingleCalendar"] .todayCell { padding: 3px; border-radius: 3px; border: 2px solid transparent; background: #bec6c7; border: 0; min-width: 30px; } div[id*="SingleCalendar"] .selectedCell, div[id*="SingleCalendar"] .todayCell.selectedCell { padding: 3px; border-radius: 3px; border: 0; background-color: #005382; color: #fff; min-width: 30px; } div[id*="SingleCalendar"] .CalendarTextInactive { color: #999 } .calendarWrapper table:nth-child(2) tr:first-child > td { font-weight: bold; } /* Safari autofill bug on product count input */ input:not([name="username"])::-webkit-contacts-auto-fill-button { visibility: hidden; display: none !important; pointer-events: none; position: absolute; right: 0; } /* Internet Explorer fixes */ select::-ms-expand { display: none; } .product-img > div { overflow: hidden; } /* Custom Buttons */ a.detajler, .detajler a, .detajler input[type="button"], a.small-outline, .small-outline a, .small-outline input[type="button"], .small-outline input[type="submit"], input[type="button"][value="Annuller"] { padding: 5px 8px; margin: 0; border: 1px solid #000; border-radius: 3px; transition: all 300ms ease 0ms; font-family: 'Roboto Regular',Helvetica,Arial,Sans-serif; display: inline-block; text-align: center; color: #000; background: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; cursor: pointer; } a.detajler:hover, .detajler a:hover, .detajler input[type="button"]:hover, a.small-outline:hover, .small-outline a:hover, .small-outline input[type="button"]:hover, .small-outline input[type="submit"]:hover, input[type="button"][value="Annuller"]:hover { background: #555; border: 1px solid #555; color: #fff; text-decoration: none; } a.small-button, .small-button a, .small-button input, input[type="button"][value="OK"] { padding: 6px 8px; margin: 0; border: 0; border-radius: 3px; transition: all 300ms ease 0ms; font-family: 'Roboto Regular',Helvetica,Arial,Sans-serif; display: inline-block; text-align: center; background: #000; color: #fff; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; } a.small-button:hover, .small-button a:hover, .small-button input:hover, input[type="button"][value="OK"]:hover { background: #555; text-decoration: none; } /*Alert messages*/ .red-alert { padding: 10px; border-radius: 3px; border: 1px solid red; color: red; background: #ffe3e3; font-family: 'Roboto Regular',Helvetica,Arial,Sans-serif; display: inline-block; } .green-alert { padding: 10px; border-radius: 3px; border: 1px solid #4CAF50; color: #4CAF50; background: #f3fbea; font-family: 'Roboto Regular',Helvetica,Arial,Sans-serif; display: inline-block; } /* modern multiselect */ .dependencyItem a.addBtn { border-radius: 3px; border: 1px solid #000; padding: 5px 10px; transition: all 300ms ease 0ms; } .dependencyItem a.addBtn:hover { background: #555; color: #fff; text-decoration: none; }