/* generated: 2025-10-03 15:40:54 (1759498708158) */
@font-face { font-family: 'Plus Jakarta Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url(/static/content/uploads/DirectpoolFrontend/file/000/000/000000203/original/plus-jakarta-sans-v11-latin.woff2?version=2) format('woff'); } @font-face { font-family: 'Plus Jakarta Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url(/static/content/uploads/DirectpoolFrontend/file/000/000/000000204/original/plus-jakarta-sans-v11-latin-700.woff2?version=6) format('woff2'); } @font-face { font-family: "FontAwesomeSolid"; font-weight: 900; font-style: normal; font-display: swap; src: url(/static/fonts/DirectpoolFrontend/font-awesome/6.7.2/pro/webfonts/fa-solid-900__a81758055c0aa16e023cafea1df80684.woff2) format("woff2"),url(/static/fonts/font-awesome/6.7.2/pro/webfonts/fa-solid-900.woff) format("woff"); } .fa, .fas, .fas::before { font-family: "FontAwesomeSolid"; font-weight: 900; } @font-face { font-family: "FontAwesomeRegular"; font-weight: 400; font-style: normal; font-display: swap; src: url(/static/fonts/DirectpoolFrontend/font-awesome/6.7.2/pro/webfonts/fa-regular-400__139042b342a80527a5a091f441bc90c5.woff2) format("woff2"),url(/static/fonts/font-awesome/6.7.2/pro/webfonts/fa-regular-400.woff) format("woff"); } .far, .far::before { font-family: "FontAwesomeRegular"; font-weight: 400; } @font-face { font-family: "FontAwesomeLight"; font-weight: 300; font-style: normal; font-display: swap; src: url(/static/fonts/DirectpoolFrontend/font-awesome/6.7.2/pro/webfonts/fa-light-300__5eecb623b13e68d1c54b839c65ff8205.woff2) format("woff2"),url(/static/fonts/font-awesome/6.7.2/pro/webfonts/fa-light-300.woff) format("woff"); } .fal, .fal::before { font-family: "FontAwesomeLight"; font-weight: 300; } @font-face { font-family: "FontAwesomeBrands"; font-weight: 400; font-style: normal; font-display: swap; src: url(/static/fonts/DirectpoolFrontend/font-awesome/6.7.2/pro/webfonts/fa-brands-400__ea52c3a8ccb8acdcf9e20b007372cf4b.woff2) format("woff2"),url(/static/fonts/font-awesome/6.7.2/pro/webfonts/fa-brands-400.woff) format("woff"); } .fab, .fab::before { font-family: "FontAwesomeBrands"; font-weight: 400; } @font-face { font-family: "FontAwesomeDuotone"; font-weight: 900; font-style: normal; font-display: swap; src: url(/static/fonts/DirectpoolFrontend/font-awesome/6.7.2/pro/webfonts/fa-duotone-900__bd78d9e667eea74a21add76243243695.woff2) format("woff2"),url(/static/fonts/font-awesome/6.7.2/pro/webfonts/fa-duotone-900.woff) format("woff"); } .fad, .fad::before { font-family: "FontAwesomeDuotone"; font-weight: 900; } .fad { position: relative; } .fad::before { position: absolute; } .fad::after { font-family: "FontAwesomeDuotone"; opacity: 0.4; } @font-face { font-family: "FontAwesome6Thin"; font-weight: 100; font-style: normal; font-display: swap; src: url(/static/fonts/DirectpoolFrontend/font-awesome/6.7.2/pro/webfonts/fa-thin-100__9978cce8003d4e7615df764646ed664c.woff2) format("woff2"),url(/static/fonts/font-awesome/6.7.2/pro/webfonts/fa-thin-100.woff) format("woff"); } .fat, .fat::before { font-family: "FontAwesome6Thin"; font-weight: 100; } @font-face { font-family: "FontAwesome6Sharp"; font-weight: 100; font-style: normal; font-display: swap; src: url(/static/fonts/DirectpoolFrontend/font-awesome/6.7.2/pro/webfonts/fa-sharp-thin-100__bd78d9e667eea74a21add76243243695.woff2) format("woff2"),url(/static/fonts/font-awesome/6.7.2/pro/webfonts/fa-sharp-thin-100.woff) format("woff"); } .fast, .fast::before { font-family: "FontAwesome6Sharp"; font-weight: 100; } .fa, .fas, .far, .fal, .fat, .fab, .fad, .fass, .fasr, .fasl, .fast { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -.0667em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { text-align: center; width: 1.25em; } .fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0; } .fa-ul > li { position: relative; } .fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit; } .fa-border { border: solid 0.08em #eee; border-radius: .1em; padding: .2em .25em .15em; } .fa-inverse { color: #ffffff; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left, .fas.fa-pull-left, .far.fa-pull-left, .fal.fa-pull-left, .fab.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right, .fas.fa-pull-right, .far.fa-pull-right, .fal.fa-pull-right, .fab.fa-pull-right { margin-left: .3em; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em; } .fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100%; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-angle-right::before { content: "\f105"; } .fad.fa-angle-right::after { content: "\f105\f105"; } .fa-angle-up::before { content: "\f106"; } .fad.fa-angle-up::after { content: "\f106\f106"; } .fa-arrow-down-a-z::before { content: "\f15d"; } .fad.fa-arrow-down-a-z::after { content: "\f15d\f15d"; } .fa-arrow-down-arrow-up::before { content: "\f883"; } .fad.fa-arrow-down-arrow-up::after { content: "\f883\f883"; } .fa-arrow-up-a-z::before { content: "\f15e"; } .fad.fa-arrow-up-a-z::after { content: "\f15e\f15e"; } .fa-battery-bolt::before { content: "\f376"; } .fad.fa-battery-bolt::after { content: "\f376\f376"; } .fa-bolt::before { content: "\f0e7"; } .fad.fa-bolt::after { content: "\f0e7\f0e7"; } .fa-broom::before { content: "\f51a"; } .fad.fa-broom::after { content: "\f51a\f51a"; } .fa-bug::before { content: "\f188"; } .fad.fa-bug::after { content: "\f188\f188"; } .fa-calendar-days::before { content: "\f073"; } .fad.fa-calendar-days::after { content: "\f073\f073"; } .fa-caret-down::before { content: "\f0d7"; } .fad.fa-caret-down::after { content: "\f0d7\f0d7"; } .fa-caret-right::before { content: "\f0da"; } .fad.fa-caret-right::after { content: "\f0da\f0da"; } .fa-cauldron::before { content: "\f6bf"; } .fad.fa-cauldron::after { content: "\f6bf\f6bf"; } .fa-chart-pie::before { content: "\f200"; } .fad.fa-chart-pie::after { content: "\f200\f200"; } .fa-circle-info::before { content: "\f05a"; } .fad.fa-circle-info::after { content: "\f05a\f05a"; } .fa-clock-rotate-left::before { content: "\f1da"; } .fad.fa-clock-rotate-left::after { content: "\f1da\f1da"; } .fa-comment::before { content: "\f075"; } .fad.fa-comment::after { content: "\f075\f075"; } .fa-comment-check::before { content: "\f4ac"; } .fad.fa-comment-check::after { content: "\f4ac\f4ac"; } .fa-comment-question::before { content: "\e14b"; } .fad.fa-comment-question::after { content: "\e14b\e14b"; } .fa-comment-xmark::before { content: "\f4b5"; } .fad.fa-comment-xmark::after { content: "\f4b5\f4b5"; } .fa-desktop::before { content: "\f390"; } .fad.fa-desktop::after { content: "\f390\f390"; } .fa-dev::before { content: "\f6cc"; } .fa-dryer::before { content: "\f861"; } .fad.fa-dryer::after { content: "\f861\f861"; } .fa-dryer-heat::before { content: "\f862"; } .fad.fa-dryer-heat::after { content: "\f862\f862"; } .fa-ellipsis-stroke-vertical::before { content: "\f39c"; } .fad.fa-ellipsis-stroke-vertical::after { content: "\f39c\f39c"; } .fa-envelope-circle-check::before { content: "\e4e8"; } .fad.fa-envelope-circle-check::after { content: "\e4e8\e4e8"; } .fa-expand::before { content: "\f065"; } .fad.fa-expand::after { content: "\f065\f065"; } .fa-eye::before { content: "\f06e"; } .fad.fa-eye::after { content: "\f06e\f06e"; } .fa-eye-slash::before { content: "\f070"; } .fad.fa-eye-slash::after { content: "\f070\f070"; } .fa-file-check::before { content: "\f316"; } .fad.fa-file-check::after { content: "\f316\f316"; } .fa-file-pen::before { content: "\f31c"; } .fad.fa-file-pen::after { content: "\f31c\f31c"; } .fa-files::before { content: "\e178"; } .fad.fa-files::after { content: "\e178\e178"; } .fa-gear::before { content: "\f013"; } .fad.fa-gear::after { content: "\f013\f013"; } .fa-glass-water::before { content: "\e4f4"; } .fad.fa-glass-water::after { content: "\e4f4\e4f4"; } .fa-helmet-safety::before { content: "\f807"; } .fad.fa-helmet-safety::after { content: "\f807\f807"; } .fa-landmark::before { content: "\f66f"; } .fad.fa-landmark::after { content: "\f66f\f66f"; } .fa-list-check::before { content: "\f0ae"; } .fad.fa-list-check::after { content: "\f0ae\f0ae"; } .fa-location-dot::before { content: "\f3c5"; } .fad.fa-location-dot::after { content: "\f3c5\f3c5"; } .fa-magnifying-glass::before { content: "\f002"; } .fad.fa-magnifying-glass::after { content: "\f002\f002"; } .fa-magnifying-glass-minus::before { content: "\f010"; } .fad.fa-magnifying-glass-minus::after { content: "\f010\f010"; } .fa-magnifying-glass-plus::before { content: "\f00e"; } .fad.fa-magnifying-glass-plus::after { content: "\f00e\f00e"; } .fa-map-pin::before { content: "\f276"; } .fad.fa-map-pin::after { content: "\f276\f276"; } .fa-mobile::before { content: "\f3ce"; } .fad.fa-mobile::after { content: "\f3ce\f3ce"; } .fa-mobile-screen-button::before { content: "\f3cd"; } .fad.fa-mobile-screen-button::after { content: "\f3cd\f3cd"; } .fa-object-ungroup::before { content: "\f248"; } .fad.fa-object-ungroup::after { content: "\f248\f248"; } .fa-palette::before { content: "\f53f"; } .fad.fa-palette::after { content: "\f53f\f53f"; } .fa-pen-field::before { content: "\e211"; } .fad.fa-pen-field::after { content: "\e211\e211"; } .fa-pen-to-square::before { content: "\f044"; } .fad.fa-pen-to-square::after { content: "\f044\f044"; } .fa-play::before { content: "\f04b"; } .fad.fa-play::after { content: "\f04b\f04b"; } .fa-power-off::before { content: "\f011"; } .fad.fa-power-off::after { content: "\f011\f011"; } .fa-rectangle-xmark::before { content: "\f410"; } .fad.fa-rectangle-xmark::after { content: "\f410\f410"; } .fa-rocket::before { content: "\f135"; } .fad.fa-rocket::after { content: "\f135\f135"; } .fa-shuttle-space::before { content: "\f197"; } .fad.fa-shuttle-space::after { content: "\f197\f197"; } .fa-signal::before { content: "\f012"; } .fad.fa-signal::after { content: "\f012\f012"; } .fa-signal-slash::before { content: "\f695"; } .fad.fa-signal-slash::after { content: "\f695\f695"; } .fa-signature::before { content: "\f5b7"; } .fad.fa-signature::after { content: "\f5b7\f5b7"; } .fa-solar-panel::before { content: "\f5ba"; } .fad.fa-solar-panel::after { content: "\f5ba\f5ba"; } .fa-spinner-third::before { content: "\f3f4"; } .fad.fa-spinner-third::after { content: "\f3f4\f3f4"; } .fa-square::before { content: "\f0c8"; } .fad.fa-square::after { content: "\f0c8\f0c8"; } .fa-square-check::before { content: "\f14a"; } .fad.fa-square-check::after { content: "\f14a\f14a"; } .fa-tablet::before { content: "\f3fb"; } .fad.fa-tablet::after { content: "\f3fb\f3fb"; } .fa-tank-water::before { content: "\e452"; } .fad.fa-tank-water::after { content: "\e452\e452"; } .fa-up-down-left-right::before { content: "\f0b2"; } .fad.fa-up-down-left-right::after { content: "\f0b2\f0b2"; } .fa-user-tie::before { content: "\f508"; } .fad.fa-user-tie::after { content: "\f508\f508"; } .fa-xmark::before { content: "\f00d"; } .fad.fa-xmark::after { content: "\f00d\f00d"; } .fa-android::before { content: "\f17b"; } .fa-chart-bar::before { content: "\f080"; } .fad.fa-chart-bar::after { content: "\f080\f080"; } .fa-chart-line::before { content: "\f201"; } .fad.fa-chart-line::after { content: "\f201\f201"; } .fa-clock::before { content: "\f017"; } .fad.fa-clock::after { content: "\f017\f017"; } .fa-download::before { content: "\f019"; } .fad.fa-download::after { content: "\f019\f019"; } .fa-file::before { content: "\f15b"; } .fad.fa-file::after { content: "\f15b\f15b"; } .fa-file-export::before { content: "\f56e"; } .fad.fa-file-export::after { content: "\f56e\f56e"; } .fa-filter::before { content: "\f0b0"; } .fad.fa-filter::after { content: "\f0b0\f0b0"; } .fa-font-awesome::before { content: "\f2b4"; } .fa-google::before { content: "\f1a0"; } .fa-html5::before { content: "\f13b"; } .fa-newspaper::before { content: "\f1ea"; } .fad.fa-newspaper::after { content: "\f1ea\f1ea"; } .fa-table::before { content: "\f0ce"; } .fad.fa-table::after { content: "\f0ce\f0ce"; } .fa-stop::before { content: "\f04d"; } .fad.fa-stop::after { content: "\f04d\f04d"; } .fa-user::before { content: "\f007"; } .fad.fa-user::after { content: "\f007\f007"; } .fa-tv::before { content: "\f26c"; } .fad.fa-tv::after { content: "\f26c\f26c"; } .fa-users::before { content: "\f0c0"; } .fad.fa-users::after { content: "\f0c0\f0c0"; } .fa-image::before { content: "\f03e"; } .fad.fa-image::after { content: "\f03e\f03e"; } .fa-envelope::before { content: "\f0e0"; } .fad.fa-envelope::after { content: "\f0e0\f0e0"; } .fa-server::before { content: "\f233"; } .fad.fa-server::after { content: "\f233\f233"; } .fa-list::before { content: "\f03a"; } .fad.fa-list::after { content: "\f03a\f03a"; } .fa-layer-group::before { content: "\f5fd"; } .fad.fa-layer-group::after { content: "\f5fd\f5fd"; } .fa-link::before { content: "\f0c1"; } .fad.fa-link::after { content: "\f0c1\f0c1"; } .fa-shield::before { content: "\f132"; } .fad.fa-shield::after { content: "\f132\f132"; } .fa-toggle-on::before { content: "\f205"; } .fad.fa-toggle-on::after { content: "\f205\f205"; } .fa-clipboard-list-check::before { content: "\f737"; } .fad.fa-clipboard-list-check::after { content: "\f737\f737"; } .fa-plug::before { content: "\f1e6"; } .fad.fa-plug::after { content: "\f1e6\f1e6"; } .fa-language::before { content: "\f1ab"; } .fad.fa-language::after { content: "\f1ab\f1ab"; } .fa-robot::before { content: "\f544"; } .fad.fa-robot::after { content: "\f544\f544"; } .fa-align-left::before { content: "\f036"; } .fad.fa-align-left::after { content: "\f036\f036"; } .fa-phone::before { content: "\f095"; } .fad.fa-phone::after { content: "\f095\f095"; } .fa-comment-lines::before { content: "\f4b0"; } .fad.fa-comment-lines::after { content: "\f4b0\f4b0"; } .fa-code::before { content: "\f121"; } .fad.fa-code::after { content: "\f121\f121"; } .fa-sitemap::before { content: "\f0e8"; } .fad.fa-sitemap::after { content: "\f0e8\f0e8"; } .fa-list-ol::before { content: "\f0cb"; } .fad.fa-list-ol::after { content: "\f0cb\f0cb"; } .fa-person-dolly::before { content: "\f4d0"; } .fad.fa-person-dolly::after { content: "\f4d0\f4d0"; } .fa-money-bill::before { content: "\f0d6"; } .fad.fa-money-bill::after { content: "\f0d6\f0d6"; } .fa-globe::before { content: "\f0ac"; } .fad.fa-globe::after { content: "\f0ac\f0ac"; } .fa-euro-sign::before { content: "\f153"; } .fad.fa-euro-sign::after { content: "\f153\f153"; } .fa-comments::before { content: "\f086"; } .fad.fa-comments::after { content: "\f086\f086"; } .fa-images::before { content: "\f302"; } .fad.fa-images::after { content: "\f302\f302"; } .fa-chart-network::before { content: "\f78a"; } .fad.fa-chart-network::after { content: "\f78a\f78a"; } .fa-key::before { content: "\f084"; } .fad.fa-key::after { content: "\f084\f084"; } .fa-user-crown::before { content: "\f6a4"; } .fad.fa-user-crown::after { content: "\f6a4\f6a4"; } .fa-file-spreadsheet::before { content: "\f65b"; } .fad.fa-file-spreadsheet::after { content: "\f65b\f65b"; } .fa-glasses::before { content: "\f530"; } .fad.fa-glasses::after { content: "\f530\f530"; } .fa-computer-classic::before { content: "\f8b1"; } .fad.fa-computer-classic::after { content: "\f8b1\f8b1"; } .fa-table-cells-large::before { content: "\f009"; } .fad.fa-table-cells-large::after { content: "\f009\f009"; } .fa-people-arrows::before { content: "\e068"; } .fad.fa-people-arrows::after { content: "\e068\e068"; } .fa-border-top::before { content: "\f855"; } .fad.fa-border-top::after { content: "\f855\f855"; } .fa-border-bottom::before { content: "\f84d"; } .fad.fa-border-bottom::after { content: "\f84d\f84d"; } .fa-rectangle-list::before { content: "\f022"; } .fad.fa-rectangle-list::after { content: "\f022\f022"; } .fa-question::before { content: "\3f"; } .fad.fa-question::after { content: "\3f\3f"; } .fa-circle-question::before { content: "\f059"; } .fad.fa-circle-question::after { content: "\f059\f059"; } .fa-note-sticky::before { content: "\f249"; } .fad.fa-note-sticky::after { content: "\f249\f249"; } .fa-arrows-up-down::before { content: "\f07d"; } .fad.fa-arrows-up-down::after { content: "\f07d\f07d"; } .fa-circle-user::before { content: "\f2bd"; } .fad.fa-circle-user::after { content: "\f2bd\f2bd"; } .fa-basket-shopping::before { content: "\f291"; } .fad.fa-basket-shopping::after { content: "\f291\f291"; } .fa-square-info::before { content: "\f30f"; } .fad.fa-square-info::after { content: "\f30f\f30f"; } .fa-gears::before { content: "\f085"; } .fad.fa-gears::after { content: "\f085\f085"; } .fa-plus::before { content: "\2b"; } .fad.fa-plus::after { content: "\2b\2b"; } .fa-at::before { content: "\40"; } .fad.fa-at::after { content: "\40\40"; } .fa-cart-shopping::before { content: "\f07a"; } .fad.fa-cart-shopping::after { content: "\f07a\f07a"; } .fa-arrow-up-wide-short::before { content: "\f161"; } .fad.fa-arrow-up-wide-short::after { content: "\f161\f161"; } .fa-up-down::before { content: "\f338"; } .fad.fa-up-down::after { content: "\f338\f338"; } .fa-wand-magic::before { content: "\f0d0"; } .fad.fa-wand-magic::after { content: "\f0d0\f0d0"; } .fa-screen-users::before { content: "\f63d"; } .fad.fa-screen-users::after { content: "\f63d\f63d"; } .fa-file-lines::before { content: "\f15c"; } .fad.fa-file-lines::after { content: "\f15c\f15c"; } .fa-bag-shopping::before { content: "\f290"; } .fad.fa-bag-shopping::after { content: "\f290\f290"; } .fa-house::before { content: "\f015"; } .fad.fa-house::after { content: "\f015\f015"; } .fa-computer-mouse-scrollwheel::before { content: "\f8cd"; } .fad.fa-computer-mouse-scrollwheel::after { content: "\f8cd\f8cd"; } .fa-file-dashed-line::before { content: "\f877"; } .fad.fa-file-dashed-line::after { content: "\f877\f877"; } .fa-table-tree::before { content: "\e293"; } .fad.fa-table-tree::after { content: "\e293\e293"; } .fa-dash::before { content: "\e404"; } .fad.fa-dash::after { content: "\e404\e404"; } .fa-wand-magic-sparkles::before { content: "\e2ca"; } .fad.fa-wand-magic-sparkles::after { content: "\e2ca\e2ca"; } .fa-circle-nodes::before { content: "\e4e2"; } .fad.fa-circle-nodes::after { content: "\e4e2\e4e2"; } .fa-handshake::before { content: "\f2b5"; } .fad.fa-handshake::after { content: "\f2b5\f2b5"; } .fa-envelope-open-text::before { content: "\f658"; } .fad.fa-envelope-open-text::after { content: "\f658\f658"; } .fa-cubes::before { content: "\f1b3"; } .fad.fa-cubes::after { content: "\f1b3\f1b3"; } .fa-industry-windows::before { content: "\f3b3"; } .fad.fa-industry-windows::after { content: "\f3b3\f3b3"; } .fa-badge-check::before { content: "\f336"; } .fad.fa-badge-check::after { content: "\f336\f336"; } .fa-shield-check::before { content: "\f2f7"; } .fad.fa-shield-check::after { content: "\f2f7\f2f7"; } .fa-chart-mixed-up-circle-currency::before { content: "\e5d8"; } .fad.fa-chart-mixed-up-circle-currency::after { content: "\e5d8\e5d8"; } .fa-money-bill-wave::before { content: "\f53a"; } .fad.fa-money-bill-wave::after { content: "\f53a\f53a"; } .fa-cart-circle-check::before { content: "\e3f1"; } .fad.fa-cart-circle-check::after { content: "\e3f1\e3f1"; } .fa-users-viewfinder::before { content: "\e595"; } .fad.fa-users-viewfinder::after { content: "\e595\e595"; } .fa-heart-circle-check::before { content: "\e4fd"; } .fad.fa-heart-circle-check::after { content: "\e4fd\e4fd"; } .fa-file-zipper::before { content: "\f1c6"; } .fad.fa-file-zipper::after { content: "\f1c6\f1c6"; } .fa-check::before { content: "\f00c"; } .fad.fa-check::after { content: "\f00c\f00c"; } .fa-file-image::before { content: "\f1c5"; } .fad.fa-file-image::after { content: "\f1c5\f1c5"; } .fa-file-word::before { content: "\f1c2"; } .fad.fa-file-word::after { content: "\f1c2\f1c2"; } .fa-file-audio::before { content: "\f1c7"; } .fad.fa-file-audio::after { content: "\f1c7\f1c7"; } .fa-file-code::before { content: "\f1c9"; } .fad.fa-file-code::after { content: "\f1c9\f1c9"; } .fa-file-excel::before { content: "\f1c3"; } .fad.fa-file-excel::after { content: "\f1c3\f1c3"; } .fa-file-powerpoint::before { content: "\f1c4"; } .fad.fa-file-powerpoint::after { content: "\f1c4\f1c4"; } .fa-file-video::before { content: "\f1c8"; } .fad.fa-file-video::after { content: "\f1c8\f1c8"; } .fa-circle-chevron-left::before { content: "\f137"; } .fad.fa-circle-chevron-left::after { content: "\f137\f137"; } .fa-paper-plane::before { content: "\f1d8"; } .fad.fa-paper-plane::after { content: "\f1d8\f1d8"; } .fa-file-pdf::before { content: "\f1c1"; } .fad.fa-file-pdf::after { content: "\f1c1\f1c1"; } .fa-list-ul::before { content: "\f0ca"; } .fad.fa-list-ul::after { content: "\f0ca\f0ca"; } .fa-star::before { content: "\f005"; } .fad.fa-star::after { content: "\f005\f005"; } .fa-marker::before { content: "\f5a1"; } .fad.fa-marker::after { content: "\f5a1\f5a1"; } .fa-circle-exclamation::before { content: "\f06a"; } .fad.fa-circle-exclamation::after { content: "\f06a\f06a"; } .fa-angle-down::before { content: "\f107"; } .fad.fa-angle-down::after { content: "\f107\f107"; } .fa-pencil::before { content: "\f303"; } .fad.fa-pencil::after { content: "\f303\f303"; } .fa-book::before { content: "\f02d"; } .fad.fa-book::after { content: "\f02d\f02d"; } .fa-circle-arrow-right::before { content: "\f0a9"; } .fad.fa-circle-arrow-right::after { content: "\f0a9\f0a9"; } .fa-trash::before { content: "\f1f8"; } .fad.fa-trash::after { content: "\f1f8\f1f8"; } .fa-exclamation::before { content: "\21"; } .fad.fa-exclamation::after { content: "\21\21"; } .fa-print::before { content: "\f02f"; } .fad.fa-print::after { content: "\f02f\f02f"; } .fa-bag-shopping-minus::before { content: "\e650"; } .fad.fa-bag-shopping-minus::after { content: "\e650\e650"; } .fa-phone-flip::before { content: "\f879"; } .fad.fa-phone-flip::after { content: "\f879\f879"; } .fa-angle-left::before { content: "\f104"; } .fad.fa-angle-left::after { content: "\f104\f104"; } .fa-check-double::before { content: "\f560"; } .fad.fa-check-double::after { content: "\f560\f560"; } .fa-unlock-keyhole::before { content: "\f13e"; } .fad.fa-unlock-keyhole::after { content: "\f13e\f13e"; } .fa-arrow-up-from-square::before { content: "\e09c"; } .fad.fa-arrow-up-from-square::after { content: "\e09c\e09c"; } .fa-facebook::before { content: "\f09a"; } .fa-pinterest-p::before { content: "\f231"; } .fa-x-twitter::before { content: "\e61b"; } .fa-linkedin-in::before { content: "\f0e1"; } .fa-sliders::before { content: "\f1de"; } .fad.fa-sliders::after { content: "\f1de\f1de"; } .fa-barcode-read::before { content: "\f464"; } .fad.fa-barcode-read::after { content: "\f464\f464"; } .fa-compress::before { content: "\f066"; } .fad.fa-compress::after { content: "\f066\f066"; } .fa-instagram::before { content: "\f16d"; } .fa-whatsapp::before { content: "\f232"; } .fa-shoe-prints::before { content: "\f54b"; } .fad.fa-shoe-prints::after { content: "\f54b\f54b"; } .fa-microphone::before { content: "\f130"; } .fad.fa-microphone::after { content: "\f130\f130"; } .fa-circle-chevron-down::before { content: "\f13a"; } .fad.fa-circle-chevron-down::after { content: "\f13a\f13a"; } .fa-map::before { content: "\f279"; } .fad.fa-map::after { content: "\f279\f279"; } .fa-chevron-down::before { content: "\f078"; } .fad.fa-chevron-down::after { content: "\f078\f078"; } .fa-arrow-left::before { content: "\f060"; } .fad.fa-arrow-left::after { content: "\f060\f060"; } .fa-chevron-up::before { content: "\f077"; } .fad.fa-chevron-up::after { content: "\f077\f077"; } .fa-tablet-button::before { content: "\f10a"; } .fad.fa-tablet-button::after { content: "\f10a\f10a"; } .fa-youtube::before { content: "\f167"; } .fa-circle-chevron-up::before { content: "\f139"; } .fad.fa-circle-chevron-up::after { content: "\f139\f139"; } .fa-upload::before { content: "\f093"; } .fad.fa-upload::after { content: "\f093\f093"; } .fa-chevron-right::before { content: "\f054"; } .fad.fa-chevron-right::after { content: "\f054\f054"; } .fa-floppy-disk-circle-arrow-right::before { content: "\e180"; } .fad.fa-floppy-disk-circle-arrow-right::after { content: "\e180\e180"; } .fa-caret-up::before { content: "\f0d8"; } .fad.fa-caret-up::after { content: "\f0d8\f0d8"; } .fa-copy::before { content: "\f0c5"; } .fad.fa-copy::after { content: "\f0c5\f0c5"; } .fa-chevron-left::before { content: "\f053"; } .fad.fa-chevron-left::after { content: "\f053\f053"; } .fa-piggy-bank::before { content: "\f4d3"; } .fad.fa-piggy-bank::after { content: "\f4d3\f4d3"; } .fa-arrow-right-to-bracket::before { content: "\f090"; } .fad.fa-arrow-right-to-bracket::after { content: "\f090\f090"; } .fa-angles-down::before { content: "\f103"; } .fad.fa-angles-down::after { content: "\f103\f103"; } .fa-arrow-rotate-left::before { content: "\f0e2"; } .fad.fa-arrow-rotate-left::after { content: "\f0e2\f0e2"; } .fa-calendar-xmark::before { content: "\f273"; } .fad.fa-calendar-xmark::after { content: "\f273\f273"; } .fa-angles-up::before { content: "\f102"; } .fad.fa-angles-up::after { content: "\f102\f102"; } .fa-arrows-rotate::before { content: "\f021"; } .fad.fa-arrows-rotate::after { content: "\f021\f021"; } .hidden { display: none !important; } .bold_text { font-weight: bold; } .center_text { text-align: center; } .nobr { white-space: nowrap; } pre { margin: 0; } .plain_list { padding: 0; margin: 0; list-style: none; } .clearfix::before, .clearfix::after { content: " "; display: table; border-collapse: collapse; } .clearfix::after { clear: both; } .field_with_filter .filtered { display: none !important; } .field_with_filter .remove { max-height: 0; opacity: 0; } .field_with_filter .selection_element, .field_with_filter .checkbox_list li, .field_with_filter .ipfit__checkbox_list_element_wrapper li { transition: background 200ms, max-height 200ms ease-out, padding 200ms, opacity 200ms ease-in; } .field_with_filter .selection_element, .field_with_filter .checkbox_list li:not(.remove), .field_with_filter .ipfit__checkbox_list_element_wrapper li:not(.remove) { opacity: 1; } html { line-height: 1.7; -webkit-text-size-adjust: 100%; } body { margin: 0; } main { display: block; } hr { box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: rgba(255, 255, 255, 0); } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; font-size: inherit; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: none; outline-offset: -2px; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; cursor: pointer; } details { display: block; } summary { display: list-item; } template { display: none; } @supports not (content-visibility: hidden) { [hidden:not([hidden="until-found"])] { display: none; } } * { -webkit-tap-highlight-color: transparent; } table { border-collapse: collapse; border-spacing: 0; } .combo_box_input_item input:focus-visible { outline: none; } .combo_box_container:has(input:focus-visible), *:focus-visible { outline-offset: 2px; outline: 2px solid #02A2FF; border-radius: 2px; } input, textarea, select, .ipfit_dateTime > .ipfit__datetime_wrapper, .ipfit__datetime_wrapper:not(.range_wrapper), .ipfit_sortedList_select_wrapper, .ipfit_swapSelection.use_popup .read_only_overflow_wrapper, .combo_box_container { background: #FBFBFB; color: #323d48; } [tabindex='-1']:focus { outline: 0; } .ipfit__datetime_wrapper input { border: none; } .ipfit__field__inner_wrapper { position: relative; } .ipfit__field_wrapper__mandatory input, .ipfit__field_wrapper__mandatory textarea, .ipfit__field_wrapper__mandatory select, .ipfit__field_wrapper__mandatory .ipfit_dateTime > .ipfit__datetime_wrapper, .ipfit__field_wrapper__mandatory .ipfit_swapSelection.use_popup { background: #FBFBFB; transition: background .5s; } input:hover, select:hover, textarea:hover, .combo_box_container:hover { background: #F0F1F4; } input:focus, select:focus, textarea:focus, .combo_box_container:focus { background: #F0F1F4; } .ipfit select[disabled], .ipfit input[disabled], .ipfit textarea[disabled] { background-color: #EEE; color: #a4a4a4; } .ipfit__field_wrapper__error input, .ipfit__field_wrapper__error textarea, .ipfit__field_wrapper__error select, .ipfit__field_wrapper__error .ipfit_dateTime > .ipfit__datetime_wrapper, .ipfit__field_wrapper__error .ipfit_swapSelection.use_popup .read_only_overflow_wrapper { background: #fff2f2 !important; } .ipfit__field__wrapper .ipfit__quantity_control { position: absolute; display: flex; flex-direction: column; justify-content: center; background: #FBFBFB; top: 1px; right: 0; margin-right: 1px; min-width: 1.3em; } .ipfit__field__wrapper .ipfit__quantity_control > a { line-height: 0.5; margin-right: 0; } .ipfit__field_error { color: #aa3333; flex-basis: 100%; } .ipfit__no_html_content, .ip_engine_message__no_html_content { white-space: pre-line; } .field_core_wrapper.with_clear_button input[type="search"]::-ms-clear { display: none; } .field_core_wrapper.with_clear_button input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } .field_core_wrapper.with_clear_button { display: inline-flex; flex-direction: row; align-items: center; width: 100%; } .field_core_wrapper.with_clear_button input { padding-right: 1.7em; } .field_core_wrapper .clear_button_wrapper { position: absolute; right: 0; opacity: 0; min-width: 1.7em; text-align: center; transition: opacity 300ms ease; pointer-events: none; } .field_core_wrapper.with_selection_button .clear_button_wrapper { margin-left: -3em; } .clear_button_wrapper.show { opacity: 1; pointer-events: auto; } .ipfit__field__wrapper input[type=number]::-webkit-inner-spin-button, .ipfit__field__wrapper input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .ipfit__field__wrapper input[type=number] { -moz-appearance: textfield; } .ipfit__mlfield__wrapper .toplabel { color: #3595b0; } .ipfit__mlfield__inner_wrapper:first-child { margin-top: 7px; } .ipfit__mlfield__inner_wrapper:not(:last-child) { margin-bottom: 1.5em; } .ipfit__field_wrapper_label__inline, .ipfit__field_wrapper_label__inline_movable { position: relative; } .ipfit__field_wrapper_label__inline_movable { padding-top: 10px; } .ipfit__inline_label { z-index: 2; position: absolute; font-size: max(12px,.8em); top: .5em; left: .5em; cursor: auto; } .ipfit__link_label { cursor: pointer; } .ipfit__fieldlabel__mandatory:after { font-weight: bold; } .ipfit__inline_label_invisible { display: none !important; } .ipfit__field_wrapper_label__inline_movable .ipfit__inline_label { transition: all 120ms ease-in-out 0s; } .ipfit__field_wrapper_label__inline_movable .ipfit__inline_label_movable { background-color: #FBFBFB; left: 3px; top: -10px; padding: 1px 2px; font-size: 0.9em; transform: none; line-height: 1; border-radius: 2px; } .ipfit__inline_label_movable { position: absolute; } .ipfit__field_wrapper_label__toplabel > .ipfit__fieldlabel { display: block; } .ipfit__field__wrapper input, .ipfit__field__wrapper textarea, select.ipfit__selection, .ipfit_direct_engine_upload .input_components_wrapper { box-sizing: border-box; max-width: 100%; padding: 11px; } .ipfit__fieldlabel__mandatory:not(:empty):after { content: '*'; margin-left: .3em; } input, select, textarea, .selection_core_wrapper { width: 100%; } input, textarea, .selection_core_wrapper, .ipfit__datetime_wrapper:not(.range_wrapper), .ipfit_direct_engine_upload .input_components_wrapper, .ipfit_swapSelection_select_wrapper, .ipfit__direct_engine_upload__wrapper .input_components_wrapper, .combo_box_wrapper, .resultset_filter_input__text { border: 1px solid #e4e4e4; border-radius: 5px; transition: background .4s; } .resultset_filter_input__text { padding: 11px; border-radius: 25px !important; } input { padding-right: 25px !important; } select { border: none; border-radius: 5px; } .engine_page_element *:focus-visible { outline-offset: 0; border-radius: 5px; } .ipfit__field__wrapper { position: relative; margin-bottom: 1.2em; } .ipfit__field__wrapper .pageelement_invisible, .ipfit_show_resultset_embedded_object_table_wrapper .ipfit__field__wrapper { margin-bottom: 0; } .field_core_wrapper, .selection_core_wrapper { position: relative; } .selection_core_wrapper, .ipfit__fieldlabel { display: block; } .ipfit__fieldlabel:empty { display: none; } .ipfit__fieldlabel, .ipfit__description, .ipfit__field_error { padding: 2px; } .ipfit__fieldlabel, .ipfit__description, .ipfit__field_error { font-size: 14px; } .ipfit__field_error { display: flex; align-items: baseline; } .ipfit__field_error:not(:empty):before { content: '\f06a'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; font-size: 14px; margin-right: 5px; line-height: 1.3em; } .ipfit__fieldlabel__mandatory:after { color: #1aa3c8; } .ipfit__inline_label { color: #323d48; padding: 0 11px; top: 12px; left: 0; } ::placeholder { color: #323d48; } .ipfit__field_wrapper_label__inline_movable { padding: 0; } .ipfit__field_wrapper_label__inline_movable .ipfit__fieldlabel { font-size: 16px; } .ipfit__field_wrapper_label__inline_movable .ipfit__inline_label_movable { font-size: 14px; left: 11px; top: -8px; padding: 1px 5px; } .ipfit__password_visibility { position: absolute; width: 2.5em; height: 100%; top: 0; right: 0; z-index: 2; } .ipfit__password_visibility .checkbox__wrapper { width: 100%; height: 100%; margin: 0; } .ipfit__password_visibility .checkbox__wrapper a.checkbox__input { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .ipfit__password_visibility a.checkbox__input { cursor: pointer; } .with_pw_visibility_button input { padding-right: 2.5em; position: relative; z-index: 1; } .ipfit__unit { font-size: 14px; color: #9d9d9d; position: absolute; right: 8px; top: 11px; } .ipfit__selection__wrapper .ipfit__unit { right: 25px; } .combo_box_wrapper.multi:after { position: absolute; right: -2px; top: 2px; padding: 0 7px; } .field_core_wrapper .clear_button_wrapper { right: 2px; } .ipfit__action_button_wrapper { display: flex; justify-content: space-between; margin-top: 1em; } .ipfit__action_button_wrapper > .ip_button_type__form { margin-top: 1em; } .ipfit__datetime_wrapper { display: inline-flex; align-items: center; position: relative; } .ipfit_dateTime .separator { padding: 0 .5em; } div.ipfit__datetime_wrapper input::-ms-clear { display: none; } a.calendar_icon { display: inline-block; font-size: 1.3em; } a.calendar_icon, .ipfit__datetime_wrapper .separator { color: #323d48; transition: background-color 250ms, color 250ms, box-shadow 250ms; } .ipfit__datetime_wrapper.calendar_open a.calendar_icon { color: #02A2FF; } .datetime_content_container:not(.popup_calendar) { position: absolute; display: none; box-shadow: 1px 1px 4px 0 #c8c8c8; z-index: 3; padding-bottom: .5em; background-color: #ffffff; border-radius: 5px; } .datetime_content_container:not(.viewport_adjusted), .ipfit_dateTime .combo_box_wrapper .auto_completion_data_div_container { top: 2.5em; } .datetime_content_container.viewport_adjusted { bottom: 2.5em; } .datetime_content_container.viewport_adjusted_right, .datetime_content_container.align_right { right: 0; } .datetime_content_container:not(.align_right):not(.viewport_adjusted_right) { left: 0; } .datetime_content_container table { border-collapse: collapse; } .datetime_content_header { padding: .4em 0; display: flex; justify-content: space-between; align-items: center; } .datetime_content_header, .datetime_content_header select { background-color: #ececec; color: #5b737f; } .datetime_content_header .ip_button { color: #5b737f; } .datetime_content_header .ip_button.ip_button_type__plain_icon:hover { color: #5b737fb8; } .cal_display_month { display: flex; } .cal_display_month select { border: 1px solid #5b737fa3; border-radius: 5px; box-shadow: none; width: auto !important; } .cal_display_month select.month { margin-right: .8em; } .datetime_content_header .ip_button { padding: 0 1.2em; } .datetime_content_header .reset_button .ip_button { padding: 0 0 0 .8em; } table.cal_content { width: 100%; margin-top: 5px; } td.cal_display_week_day { text-align: center; font-weight: bold; padding: .4em 0; } td.cal_cell { text-align: center; } td.cal_cell a:hover, td.cal_cell div:not(.cal_disabled):hover, td.cal_cell .cal_highlighted { border: 1px solid #5b737f; } td.cal_cell * { padding: 4px 8px; cursor: pointer; border: 1px solid transparent; } td.cal_cell .cal_disabled { background-color: #f7f3f3; cursor: not-allowed; opacity: 0.5; } td.cal_cell :not(.cal_current_month), .cal_disabled { color: #7d7d7d; } div.cal_display_now { text-align: center; } .ipfit_dateTime > div.input_field .reset_container { display: inline-flex; flex-direction: column; justify-content: center; height: 100%; } .ipfit__datetime_wrapper span.day_of_week { margin: 0 3px; display: inline-flex; align-items: center; } .datetime_content_container table td div.invalid { pointer-events: none; cursor: default; color: #999; } .datetime_content_container .cal_selected, .datetime_content_container .is_range, .datetime_content_container .range_start { background-color: #ececec; color: #5b737f; } .time_input { display: inline-flex; align-items: center; } .time_input input, .time_input li, .time_input ul { height: 100%; } .ipfit_dateTime > .range_wrapper.row { flex-direction: row; background: transparent; } .ipfit_dateTime > .range_wrapper.column { flex-direction: column; } select.ipfit__selection { color: #323d48; } @media (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .select_icon { display: none; } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px) { select:not(.cal_display_selection) { -webkit-appearance: none; appearance: none; } .select_icon:before { position: absolute; display: flex; align-items: center; justify-content: center; height: 100%; width: 1.2em; right: 0; top: 0; font-size: 1.3em; content: '\f107'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; color: #323d48; pointer-events: none; } } .checkbox__wrapper { margin-right: .7em; } .checkbox__wrapper.awesome_toggle_wrapper { margin-right: 0; } .graphical_checkbox_link { cursor: pointer; } .checkbox_list_item, .radio_list_item { display: inline-flex; } .ipfit__checkbox_list_wrapper, .ipfit_radio_list { display: flex; flex-wrap: wrap; gap: .7em 1.2em } .ipfit__checkbox_list_element_wrapper { display: flex; flex-direction: column; gap: .7em 0; } .ipfit_checkbox_awesome.ipfit_readonly .awesome_checkbox, .ipfit_checkbox_awesome.ipfit_disabled .awesome_checkbox, .ipfit_checkbox_list.ipfit_readonly .radio_list_item .checkbox__input.awesome_radio, .ipfit_radio_list.ipfit_readonly .radio_list_item .checkbox__input.awesome_radio { color: #a4a4a4; pointer-events: none; cursor: default; } .ipfit_checkbox_awesome.ipfit_readonly .ipfit__text, .ipfit_checkbox_graphical.ipfit_readonly .ipfit__text, .ipfit_radio_awesome.ipfit_readonly .input_field__text, .ipfit_checkbox_list.ipfit_readonly .input_field__text, .ipfit_radio_list.ipfit_readonly .input_field__text, .ipfit_checkbox_awesome.ipfit_readonly .input_field__text, .ipfit_checkbox_awesome.ipfit_disabled .ipfit__text, .ipfit_checkbox_graphical.ipfit_disabled .ipfit__text, .ipfit_radio_awesome.ipfit_disabled .input_field__text, .ipfit_checkbox_list.ipfit_disabled .input_field__text, .ipfit_radio_list.ipfit_disabled .input_field__text, .ipfit_checkbox_awesome.ipfit_disabled .input_field__text { color: #a4a4a4; } .awesome_checkbox_wrapper, .awesome_radio_wrapper { display: inline-block; } a.awesome_checkbox { text-decoration: none; } .ipfit__checkbox_awesome__wrapper label, .ipfit__checkbox_graphical__wrapper label { cursor: pointer; } .ipfit__checkbox_awesome__wrapper label a, .ipfit__checkbox_awesome__wrapper label a:hover { text-decoration: underline; } .ipfit__checkbox_awesome__wrapper .ipfit__text { flex-grow: 1; flex-basis: 1em; } .ipfit_radio_list.ipfit_radio_awesome { padding-top: 5px; } a.awesome_radio { display: inline-block; background-color: transparent; width: 13px; height: 13px; border-radius: 50%; border: 1px solid #ddd; box-shadow: inset 0 0 0 2px #FBFBFB; transition: background-color 300ms, box-shadow 300ms; } a.awesome_radio_checked { background: #02A2FF; } .ipfit_readonly a.awesome_radio { cursor: default; } .ipfit_radio_list.ipfit_readonly a.awesome_radio_checked, .ipfit_checkbox_awesome.ipfit_readonly a.awesome_radio_checked { background: radial-gradient(#999, #666); } .awesome_checkbox_wrapper a.awesome_checkbox.toggled, .awesome_checkbox_wrapper a.awesome_checkbox.untoggled, .toggle_wrapper:not(.with_labels) { background: #02A2FF; border-radius: calc(15px / 2); width: calc(15px * 1.6); height: 15px; transition: background 500ms; display: block; cursor: pointer; position: relative; } .awesome_checkbox_wrapper a.awesome_checkbox.untoggled, .toggle_wrapper:not(.with_labels).left { background: #999; } .awesome_checkbox_wrapper .toggled:after, .toggle_wrapper:not(.with_labels).right .sliding_background { right: 2px; } .awesome_checkbox_wrapper .untoggled:after, .toggle_wrapper:not(.with_labels).left .sliding_background { left: 2px; } .ipfit__checkbox_awesome__wrapper:not(.ipfit_readonly):not(.ipfit_disabled):hover .checkbox__wrapper .toggled:after, .ipfit__checkbox_awesome__wrapper:not(.ipfit_readonly):not(.ipfit_disabled) .checkbox__wrapper .toggled:focus:after, .toggle_wrapper:not(.with_labels).right:focus .sliding_background, .toggle_wrapper:not(.with_labels).right:hover .sliding_background { box-shadow: 0 0 1px 6px #02aedc3d; } .ipfit__checkbox_awesome__wrapper:not(.ipfit_readonly):not(.ipfit_disabled):hover .checkbox__wrapper .untoggled:after, .ipfit__checkbox_awesome__wrapper:not(.ipfit_readonly):not(.ipfit_disabled) .checkbox__wrapper .untoggled:focus:after, .toggle_wrapper:not(.with_labels).left:focus .sliding_background, .toggle_wrapper:not(.with_labels).left:hover .sliding_background { box-shadow: 0 0 1px 6px #9999993d; } .awesome_checkbox_wrapper .toggled:after, .awesome_checkbox_wrapper .untoggled:after, .toggle_wrapper:not(.with_labels) .sliding_background { background: #FBFBFB; border-radius: 50%; width: calc(15px - 2 * 2px); height: calc(15px - 2 * 2px); content: ''; transition: transform 300ms, box-shadow 200ms; display: block; position: absolute; top: 2px; } .ipfit_readonly > .awesome_checkbox_wrapper a.awesome_checkbox.toggled, .ipfit_disabled > .awesome_checkbox_wrapper a.awesome_checkbox.toggled{ background: #a1e1f2; } .ipfit_readonly > .awesome_checkbox_wrapper a.awesome_checkbox.untoggled, .ipfit_disabled > .awesome_checkbox_wrapper a.awesome_checkbox.untoggled { background: #dfdfdf; } .ipfit_readonly > .awesome_checkbox_wrapper .untoggled:after, .ipfit_disabled > .awesome_checkbox_wrapper .untoggled:after { background: #FBFBFB; } .is-ie .awesome_checkbox_wrapper a.awesome_checkbox.toggled, .is-ie .awesome_checkbox_wrapper a.awesome_checkbox.untoggled { display: block; } .is-ie .awesome_checkbox_wrapper .untoggled:after, .is-ie .awesome_checkbox_wrapper .toggled:after { position: absolute; top: 2px; left: 0; } .radio_button .ipfit__checkbox_list_element_wrapper { flex-direction: row; flex-wrap: wrap; gap: .7em; } .radio_button .radio_list_item { position: relative; } .radio_button .radio_list_item .checkbox_list__option_text { padding: 3px 6px; display: block; background: #FBFBFB; border: 1px solid #a0a0a0; } .radio_button .radio_list_item.list_item_checked .checkbox_list__option_text { background: #1aa3c8; color: #ffffff; } .radio_button .awesome_radio_wrapper { margin: 0; } .radio_button .awesome_radio { position: absolute; opacity: 0; } .ipfit__radio_list__wrapper > .radio_list_item:not(:last-child) { margin-right: 15px; } .ipfit__checkbox_awesome__wrapper { top: 55%; transform: translateY(-50%); } a.awesome_radio, .awesome_checkbox_wrapper { position: relative; top: 2px; } .ipfit__checkbox_list .ipfit__checkbox_list_element_wrapper { display: grid; grid-template-columns: 1fr 1fr; column-gap: var(--content_padding_h); } .ipfit__field__wrapper:not(.ipfit_readonly) .radio_list_item:hover a.awesome_radio { box-shadow: 1px 1px 3px 1px #9999993d, inset 0 0 0 2px #FFFFFF; } .ipfit_checkbox_list.ipfit_checkbox_toggle .checkbox_list_item { display: block; } .ipfit_checkbox_list.ipfit_checkbox_toggle .checkbox_list_item .graphical_checkbox_link { display: inline-block; } .rowspan_1.col_1 .ipfit__checkbox_list_element_wrapper { width: 100%; } .ipfit_direct_engine_upload_file, .ipfit_direct_engine_upload_content { display: flex; column-gap: .8em; align-items: center; } .ipfit_direct_engine_upload_files_container { display: flex; flex-direction: column; gap: 10px; } .ipfit_direct_engine_upload_content a { text-decoration: none; } .ipfit_direct_engine_upload_button_area { display: flex; column-gap: .5em; align-items: center; } img.checkerboard_background, .ipfit__file_upload__image_preview_link img { background-color: #FEFEFE; background-image: linear-gradient(45deg, #EEECEC 26%, transparent 26%, transparent 75%, #EEECEC 75%, #EEECEC), linear-gradient(45deg, #EEECEC 26%, transparent 26%, transparent 75%, #EEECEC 75%, #EEECEC); -webkit-background-size: 20px 20px; -moz-background-size: 20px 20px; background-size: 20px 20px; background-position: 0 0, 10px 10px; display: block; } .ipfit_direct_engine_upload_progress .progressbar_percentage_wrapper { padding-top: 0.5em; padding-bottom: 0.5em; } .ipfit_direct_engine_upload_progress .progressbar_wrapper > .progressbar_status { padding-bottom: 0.5em; } .ipfit_direct_engine_upload_progress .progressbar_percentage_label { margin-right: 0.3em; } .ipfit_direct_engine_upload_delete_all, .ipfit_direct_engine_upload_container, .ipfit_direct_engine_upload__allowed_file_types { margin-top: 12px; display: block; } .ipfit_direct_engine_upload__allowed_file_type_list { display: inline-flex; flex-wrap: wrap; gap: 2px 2px; padding: 0; margin: 0; } .ipfit_direct_engine_upload__allowed_file_type_list_item { font-weight: bold; list-style: none; display: inline-flex; align-items: center; } .ipfit_direct_engine_upload__allowed_file_type_list_item > i { margin-right: 4px; } .ipfit_direct_engine_upload__allowed_file_type_list_item:after { content: ','; } .ipfit_direct_engine_upload__allowed_file_type_list_item:last-child:after { content: ''; } .input_components_wrapper { transition: box-shadow .2s; } .input_components_wrapper.drag_active { box-shadow: 0 1px 2px 1px rgb(1, 176, 239, .4); } .ip_button_wrapper__file_input { display: inline-block; position: relative; cursor: pointer; } .ip_button_wrapper__file_input input { margin: 0; opacity: 0; -ms-filter: alpha(opacity=0); filter: alpha(opacity=0); direction: ltr; cursor: pointer; max-width: none; padding: 0; } .ip_file_input_wrapper { cursor: pointer; position: absolute; top: 0; right: 0; width: 100%; height: 100%; overflow: hidden; } .ipfit_direct_engine_upload.ipfit_readonly .ipfit_direct_engine_upload_container { display: none; } .popup_wrapper.upload_hint { background-color: #02A2FF; color: white; box-shadow: initial; } .popup_wrapper.upload_hint { max-width: 270px; } .popup_wrapper.upload_hint.small_popup { max-width: 220px; } .popup_wrapper.upload_hint:before { content: ' '; border-style: solid; border-width: 10px 10px 10px 0; border-color: transparent #02A2FF transparent transparent; position: absolute; top: calc(50% - 10px); left: -10px; z-index: 2; } .ipfit__direct_engine_upload__wrapper .input_components_wrapper { padding: 11px; font-size: 14px; background-color: #FBFBFB; } .file_info_link { font-size: 25px; } .ipfit_direct_engine_upload__allowed_file_type_list_item { padding-left: 3px; } .popup_wrapper.upload_hint { padding: 10px 20px; font-size: 14px; } div.input_components_wrapper.drag_active { box-shadow: initial; outline: 2px solid #02A2FF; } .ipfit_swapSelection_core_wrapper { display: -ms-grid; display: grid; -webkit-box-align: center; align-items: center; grid-template-columns: 1fr max-content 1fr max-content; } .ipfit_swapSelection_select_wrapper { display: block; } .ipfit_swapSelection_select_wrapper.right, .ipfit_sortedList_select_wrapper, .ipfit_subObject_wrapper { display: flex; } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { .ipfit_sortedList_select_wrapper, .ipfit_subObject_wrapper { flex-grow: 1; } } .ipfit_swapSelection_select_wrapper.right > span { flex-grow: 1; } .ipfit__selection_sort_order_wrapper { display: flex; justify-content: center; flex-direction: column; flex-shrink: 0; min-width: 20px; } .ipfit__sort_buttons_wrapper { display: flex; flex-direction: column; justify-content: center; flex-shrink: 0; margin: 0 .2em; } .ipfit_swapSelection_core_wrapper.vertical { display: block; } .ipfit_swapSelection_core_wrapper.vertical .ipfit_swapSelection_select_wrapper, .ipfit__swap_selection_box { width: 100%; } .ipfit_swapSelection_buttons_container { display: flex; justify-content: center; align-items: center; position: relative; } .ipfit_swapSelection_buttons_container .ip_button i { margin: 0; } .ipfit_swapSelection_buttons_container.horizontal { width: 2.4em; height: 100%; } .ipfit_swapSelection_buttons_container.vertical { height: 2.4em; width: 100%; } .ipfit_swapSelection_buttons_container .swap_selection_swap_selected { position: relative; display: flex; flex-direction: column; line-height: .9; align-items: center; } .ipfit_swapSelection_buttons_container .swap_selection_swap_selected:before { content: '\f105'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; } .ipfit_swapSelection_buttons_container .swap_selection_swap_selected:after { content: '\f104'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; } .ipfit_swapSelection_buttons_container.vertical .swap_selection_swap_selected { transform: rotate(90deg); } .ipfit_swapSelection_buttons_container .ip_button__swap_selection_select_all { position: absolute; cursor: pointer; font-size: 12px; } .ipfit_swapSelection_buttons_container.horizontal .ip_button__swap_selection_select_all { bottom: 2px; } .ipfit_swapSelection_buttons_container.vertical .ip_button__swap_selection_select_all { right: 2px; } .ipfit_swapSelection_buttons_container.vertical .ip_button__swap_selection_select_all i:before { transform: rotate(90deg); display: inline-block; } .popup_wrapper.swap_popup { background: #fbfbfb; overflow: hidden; } .swap_popup .popup__headline { text-align: center; } .swap_popup.popup_wrapper .popup_content_wrapper { overflow: hidden; } .swap_selection_popup_wrapper.hidden { display: none; } .ipfit_swapSelection.use_popup .ipfit_swapSelection_core_wrapper, .ipfit_swapSelection.use_popup .ipfit__filter { display: none; } .swap_selection_popup_wrapper > p { margin: 0 2px 5px 2px; font-weight: bold; } .swap_selection_popup_wrapper > .swap_selected ~ p { margin-top: 1.5em; } .selection_element:after { font-size: 11px; margin-right: 5px; } .selection_element { display: flex; align-items: center; justify-content: space-between; overflow: hidden; max-height: 50px; line-height: 1.6em; background: #F7F7F7; border-radius: 5px; margin: 3px 0; transition: max-height .3s; } .swap_selection_popup_wrapper .selection_element { cursor: pointer; } .selection_element .icon_after { padding: 0 3px 0 15px; cursor: pointer; } .selection_element.remove { max-height: 0; } .swap_selected .selection_element { background: #F0F0F0; } .swap_selection_popup_wrapper { min-height: 70vh; max-height: 80vh; display: grid; flex-direction: column; grid-template-rows: max-content 1fr max-content max-content 1fr; } .swap_elements_wrapper { overflow: auto; padding-right: 4px; margin-right: -4px; } .swap_selection_popup_wrapper .swap_elements_wrapper { height: calc(7 * (1.6em + 6px) + 25px); max-height: 28vh; } .swap_options .selection_element.remove:not(.inserting):not(.removed_by_filter) { background: #05acd9; color: #7d7d7d; } .swap_selected .selection_element.remove:not(.inserting) { background: #b33630; color: #7d7d7d; } .ipfit_swapSelection.use_popup .swap_selection_display { display: grid; grid-template-rows: 1fr max-content; grid-template-columns: 1fr max-content; column-gap: 1em; } .ipfit_swapSelection.use_popup .ip_button__change { margin-bottom: 1px; } .ipfit_swapSelection.use_popup .read_only_overflow_wrapper { overflow: auto; max-height: 100px; grid-row: 1 / span 2; padding: 5px 5px; } .ipfit_swapSelection.tree_swap_selection.use_popup .selected_elements_read_only { column-count: 1; } .ipfit_swapSelection.use_popup .nothing_selected_placeholder, .swap_selection_popup_wrapper .nothing_selected_placeholder { display: none; } .ipfit_swapSelection.use_popup .nothing_selected_placeholder:last-child:first-child, .swap_selection_popup_wrapper .nothing_selected_placeholder:last-child:first-child { display: block; } .ipfit_swapSelection.use_popup .selected_options_text { grid-column: 2; align-self: end; justify-self: center; } .ipfit_swapSelection.use_popup .ipfit__description { grid-column: 1 / span 2; } .ipfit_swapSelection.use_popup .edit_icon { text-align: right; } .bottom_button_container .ip_button { margin: 8px 0 0 0; width: 100%; box-sizing: border-box; } .ipfit_swapSelection_select_wrap span, select.ipfit__swap_selection_box { display: block; } select.ipfit__swap_selection_box option { padding: 5px 10px; } .ipfit__full_width { width: 100%; } table.result_table { margin: 0; border: none; } table.result_table th { text-align: left; } .result_table_title { width: 100%; margin: 0; border: none; border-top-right-radius: 5px; border-top-left-radius: 5px; } .title_wrapper { display: flex; justify-content: space-between; align-items: center; font-weight: bold; } .result_table_title .title_right { text-align: right; } .result_table_title .title_left { text-align: left; } .result_table_title .subtitle { font-weight: normal; } table.result_table th.header_cell.sort_column { cursor: pointer; vertical-align: middle; } table.result_table th.header_cell .label_wrapper { display: inline-block; line-height: initial; white-space: normal; } table.result_table th.header_cell.sort_column > .header_cell_content { display: grid; grid-template-areas: "label sort_order"; grid-template-columns: auto 1fr; align-items: center; column-gap: 1em; } table.result_table th.header_cell.sort_column .header_cell_content:before { content: '\f106'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; grid-area: sort_order; position: relative; top: -3px; } table.result_table th.header_cell.sort_column .header_cell_content:after { content: '\f107'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; grid-area: sort_order; position: relative; bottom: -3px; } .pagination_active_rpage a { font-weight: bold; cursor: default; } .pagination_wrapper { display: flex; justify-content: space-between; align-items: center; } .pagination_wrapper .ipfit_selection { display: flex; } .pagination_wrapper .ipfit_selection .selection_core_wrapper { width: 5em; } .pagination_wrapper .ipfit_selection .ipfit__text { padding-left: 1em } .search_pagination_label { display: inline-block; } .search_pagination_list { display: flex; align-items: center; margin: 0; } .search_pagination_list li { list-style: none; } .pagination_wrapper .search_pagination_list_item:after, .pagination_wrapper .shorten_pagination_separator:after, .pagination_wrapper .search_pagination_list_item:first-child:before { content: none; } .shorten_pagination_separator span { display: inline-block; } .search_pagination_list_item a, .shorten_pagination_separator span { padding: 0.3em 0.8em; } .search_pagination_list_item a { cursor: pointer; } table.result_table th.subheader_cell { font-weight: normal; } table.result_table td.data_cell_left { text-align: left; } table.result_table .label_highlighted { font-weight: bold; } table.result_table .align_right { text-align: right; } table.result_table .align_center { text-align: center; } table.result_table .align_center .ipfit_checkbox_awesome { display: inline-flex; } table.result_table img.image-fa-angle-down, table.result_table img.image-fa-angle-right { width: 12px; height: 12px; } table.result_table img.image-fa-angle-down { margin: -2 auto; } table.result_table_headlines th { white-space: nowrap; } .search_engine_result_block_container.with_scroll_container { overflow: auto; } .header_row.with_filter { vertical-align: top; } .header_row.with_filter .header_cell { height: 1px; } .header_cell_wrapper { display: flex; flex-direction: column; justify-content: space-between; min-height: 100%; } .ipfit_show_resultset .resultset_filter_input { width: 100%; box-sizing: border-box; } .ipfit_show_resultset .resultset_filter_input__bool { min-width: max-content; appearance: auto; } .result_table.highlight_on_mouseover tr.data_odd_row:hover, .result_table.highlight_on_mouseover tr.data_even_row:hover { background: #e5f3f7; } .result_table .empty_header_cell { display: none; } .result_table .group_cell { background-color: #DFF3FB; } .result_table .button_container { display: inline-flex; column-gap: 15px; align-items: center; } .result_table > thead { position: sticky; z-index: 3; top: var(--stickyHeaderHeight); } .result_table.simple_design { border: 1px solid #e4e4e4; border-radius: 5px; border-collapse: separate; } .simple_design tr th, .simple_design tr td { border-bottom: 1px solid #e4e4e4; padding: 5px 10px; vertical-align: top; } .simple_design .header_cell_row { background-color: #F0F1F4; } .result_table.highlighted_footer, .engine_page_element[data-fieldname="bt_payment_conditions_label_and_text"], .engine_page_element[data-fieldname="ao_payment_conditions_label_and_text"], .engine_page_element[data-fieldname="ao_accept_installer"] { margin-top: 20px; } .result_table.highlighted_footer tfoot td, .result_table .group_total { background-color: #7ADF5F; font-weight: bold; } .total_container .ipfit_show_resultset_table_wrapper.ipfit_readonly { display: flex; justify-content: right; } .result_table.total { width: 60%; } .lazyload, .lazyloading { opacity: 0; } .lazyloaded { opacity: 1; transition: opacity 250ms; } .preview_image_container { display: inline-block; position: relative; max-width: 100%; } .preview_image_container > img { display: block; } .preview_image_container > img.preview_image { max-width: 100%; height: auto; } .preview_image_container > img.main_image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .preview_image_container > img.lazyload, .preview_image_container > img.lazyloading, .preview_image_container > img.lazyloaded { max-width: 100%; } .preview_image_container > img.lazyloaded { width: 100%; height: auto; transform: translateZ(0); transition: opacity 500ms; } .auto_completion_data_row_odd > td { background-color: #FFFFFF; } .auto_completion_data_row_even > td { background-color: #F0F1F4; } .auto_completion_data_div_container td { color: #323d48; } .combo_box_div { border: 1px solid #a0a0a0; background-color: #FBFBFB; overflow-x: hidden; box-sizing: border-box; } .combo_box_div.scrollbar_fix { overflow-y: scroll; } .combo_box_wrapper .auto_completion_data_headline_row th { background: linear-gradient(to bottom, #f4f5f7 0%, #eeeff2 100%); text-align: start; } .combo_box_data_row { cursor: pointer; } div.combo_box_data_row.combo_box_data_row_selected, .auto_completion_data_row.combo_box_data_row_selected > td { background-color: #1aa3c8; color: #ffffff; } .combo_box_wrapper .combo_box_data_row_active:not(.combo_box_data_row_selected), .combo_box_wrapper .combo_box_data_row_active:not(.combo_box_data_row_selected) td { background: #e5f3f7; } .combo_box_wrapper .combo_box_data_row_active.combo_box_data_row_selected, .combo_box_wrapper .combo_box_data_row_active.combo_box_data_row_selected td { background: #05acd9; } .combo_box_wrapper div.auto_completion_data_div_container .combo_box_data_row_active a { color: #ffffff; } .combo_box_data_row_active .auto_completion_data_cell { border-color: transparent; } .combo_box_data_row { padding: 5px 5px; background-color: #F0F1F4; color: #323d48; } .combo_box_data_row.odd { background-color: #FFFFFF; } .combo_box_data_row.even { background-color: #F0F1F4; } .combo_box_data_row .combo_box_hit_highlight { font-weight: bold; } .combo_box_selected_element { margin: .2em; padding: .2em .5em; display: flex; justify-content: space-between; background-clip: padding-box; cursor: default; outline: none; border-radius: 0.2em; align-items: center; } ul.combo_box_container > li { display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100%; } ul.combo_box_container > li.dummy { display: none; } .combo_box_wrapper:not(.readonly) .combo_box_selected_element { background-color: #F0F0F0; box-shadow: 2px 2px 3px 0 rgba(180, 180, 180, 0.7); } .combo_box_wrapper.readonly { background-color: #EEE; border-radius: 5px; } .combo_box_wrapper.readonly .combo_box_selected_element { padding: .2em .5em; } .combo_box_selected_element .selected_element_display { text-overflow: ellipsis; flex-grow: 1; overflow: hidden; } .combo_box_selected_element .ip_button.remove_selected_element { margin-left: .5em; font-size: 12px; } .combo_box_input_item input::-ms-clear { display: none; } li.combo_box_input_item.hide { display: none; } ul.combo_box_container { padding: 0; margin: 0; max-width: 100%; display: inline-block; white-space: normal; } ul.combo_box_container.is_sortable { width: 100%; } .combo_box_wrapper:not(.multi) > ul.combo_box_container { display: block; } .combo_box_wrapper:not(.multi) > ul.combo_box_container li { width: 100%; } .ipfit:not(.ipfit_dateTime) > .combo_box_wrapper.multi:not(.readonly) { cursor: pointer; background-color: #FBFBFB; } .combo_box_wrapper.multi .combo_box_container { display: flex; flex-wrap: wrap; } .combo_box_wrapper.multi .combo_box_container input { border: none; background: transparent; } .combo_box_wrapper { position: relative; } .ipfit:not(.ipfit_dateTime) > .combo_box_wrapper:not(.readonly) { background: #FBFBFB; } .combo_box_wrapper .auto_completion_data_div_container { min-width: 100%; width: auto; position: absolute; left: 0; } ul.combo_box_container > li.combo_box_input_item { vertical-align: bottom; } .ipfit:not(.ipfit_dateTime) > ul.combo_box_container > li.combo_box_input_item { min-width: 5em; } .combo_box_wrapper.multi.free_input { display: inline-block; flex-grow: 1; } .combo_box_add_button_wrapper a.ip_button__add { margin-left: 1em; margin-right: 0; } .combo_box_add_button_wrapper { display: flex; align-items: center; } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px) { .combo_box_wrapper.multi { position: relative; } } .combo_box_input_item .additional_placeholder { position: absolute; bottom: 0.4em; left: 0.3em; } .combo_box_input_item .additional_placeholder.invisible { display: none; visibility: hidden; } ul.combo_box_container.one_per_line > li:not(.dummy) { display: block; flex-basis: 100%; } ul.combo_box_container.is_sortable > li .move_selected_element { font-size: 12px; padding-right: 0.5em; } .combo_box_div { border-radius: 5px; } .combo_box_data_row.even, .combo_box_data_row.odd { background: #FFFFFF } .row:before, .row:after { content: " "; visibility: hidden; display: block; height: 0; overflow: hidden; } .row:after { clear: both; } [class*="-col-"].center { display: block; float: none; margin-right: auto; margin-left: auto !important; } [class*="-col-"].attach-col { margin-left: 0; } @media only screen and (max-width: 487.9px) { html body .resp-sp-show { display: block; } html body .resp-sp-hide { display: none !important; } .resp-sp-hide + [class*="resp-sp-col-"], .resp-sp-col-first { margin-left: 0; } [class*="resp-sp-col-"].resp-sp-col-first { margin-left: 0; clear: both; } [class*="resp-sp-col-"].resp-sp-col-first:first-child { clear: none; } [class*="resp-sp-col-"] { float: left; margin-left: 2.8571%; min-height: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } [dir="rtl"] [class*="resp-sp-col-"], .reverse-columns > [class*="resp-sp-col-"] { float: right; } [class*="resp-sp-col-"]:first-child, [dir="rtl"] [class*="resp-sp-col-"]:last-child, .reverse-columns > [class*="resp-sp-col-"]:last-child { margin-left: 0; } [dir="rtl"] [class*="resp-sp-col-"]:first-child, .reverse-columns > [class*="resp-sp-col-"]:first-child { margin-left: 2.8571%; } .resp-sp-col-1 { width: 5.7143%; } .resp-sp-col-1.attach-col { width: 8.5714%; } .resp-sp-col-2 { width: 14.2857%; } .resp-sp-col-2.attach-col { width: 17.1428%; } .resp-sp-col-3 { width: 22.8571%; } .resp-sp-col-3.attach-col { width: 25.7142%; } .resp-sp-col-4 { width: 31.4286%; } .resp-sp-col-4.attach-col { width: 34.2857%; } .resp-sp-col-5 { width: 40%; } .resp-sp-col-5.attach-col { width: 42.8571%; } .resp-sp-col-6 { width: 48.5714%; } .resp-sp-col-6.attach-col { width: 51.4285%; } .resp-sp-col-7 { width: 57.1429%; } .resp-sp-col-7.attach-col { width: 60.0%; } .resp-sp-col-8 { width: 65.7143%; } .resp-sp-col-8.attach-col { width: 68.5714%; } .resp-sp-col-9 { width: 74.2857%; } .resp-sp-col-9.attach-col { width: 77.1428%; } .resp-sp-col-10 { width: 82.8571%; } .resp-sp-col-10.attach-col { width: 85.7142%; } .resp-sp-col-11 { width: 91.4286%; } .resp-sp-col-11.attach-col { width: 94.2857%; } .resp-sp-col-full, .resp-sp-col-12 { width: 100%; margin-left: 0; clear: both; } .resp-sp-col-full:first-child, .resp-sp-col-12:first-child { clear: none; } } @media only screen and (min-width: 488px) and (max-width: 809.9px) { html body .resp-sl-show { display: block; } html body .resp-sl-hide { display: none !important; } .resp-sl-hide + [class*="resp-sl-col-"], .resp-sl-col-first { margin-left: 0; } [class*="resp-sl-col-"].resp-sl-col-first { margin-left: 0; clear: both; } [class*="resp-sl-col-"].resp-sl-col-first:first-child { clear: none; } [class*="resp-sl-col-"] { float: left; margin-left: 2.8571%; min-height: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } [dir="rtl"] [class*="resp-sl-col-"], .reverse-columns > [class*="resp-sl-col-"] { float: right; } [class*="resp-sl-col-"]:first-child, [dir="rtl"] [class*="resp-sl-col-"]:last-child, .reverse-columns > [class*="resp-sl-col-"]:last-child { margin-left: 0; } [dir="rtl"] [class*="resp-sl-col-"]:first-child, .reverse-columns > [class*="resp-sl-col-"]:first-child { margin-left: 2.8571%; } .resp-sl-col-1 { width: 5.7143%; } .resp-sl-col-1.attach-col { width: 8.5714%; } .resp-sl-col-2 { width: 14.2857%; } .resp-sl-col-2.attach-col { width: 17.1428%; } .resp-sl-col-3 { width: 22.8571%; } .resp-sl-col-3.attach-col { width: 25.7142%; } .resp-sl-col-4 { width: 31.4286%; } .resp-sl-col-4.attach-col { width: 34.2857%; } .resp-sl-col-5 { width: 40%; } .resp-sl-col-5.attach-col { width: 42.8571%; } .resp-sl-col-6 { width: 48.5714%; } .resp-sl-col-6.attach-col { width: 51.4285%; } .resp-sl-col-7 { width: 57.1429%; } .resp-sl-col-7.attach-col { width: 60.0%; } .resp-sl-col-8 { width: 65.7143%; } .resp-sl-col-8.attach-col { width: 68.5714%; } .resp-sl-col-9 { width: 74.2857%; } .resp-sl-col-9.attach-col { width: 77.1428%; } .resp-sl-col-10 { width: 82.8571%; } .resp-sl-col-10.attach-col { width: 85.7142%; } .resp-sl-col-11 { width: 91.4286%; } .resp-sl-col-11.attach-col { width: 94.2857%; } .resp-sl-col-full, .resp-sl-col-12 { width: 100%; margin-left: 0; clear: both; } .resp-sl-col-full:first-child, .resp-sl-col-12:first-child { clear: none; } } @media only screen and (min-width: 810px) and (max-width: 1023.9px) { html body .resp-tp-show { display: block; } html body .resp-tp-hide { display: none !important; } .resp-tp-hide + [class*="resp-tp-col-"], .resp-tp-col-first { margin-left: 0; } [class*="resp-tp-col-"].resp-tp-col-first { margin-left: 0; clear: both; } [class*="resp-tp-col-"].resp-tp-col-first:first-child { clear: none; } [class*="resp-tp-col-"] { float: left; margin-left: 2.8571%; min-height: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } [dir="rtl"] [class*="resp-tp-col-"], .reverse-columns > [class*="resp-tp-col-"] { float: right; } [class*="resp-tp-col-"]:first-child, [dir="rtl"] [class*="resp-tp-col-"]:last-child, .reverse-columns > [class*="resp-tp-col-"]:last-child { margin-left: 0; } [dir="rtl"] [class*="resp-tp-col-"]:first-child, .reverse-columns > [class*="resp-tp-col-"]:first-child { margin-left: 2.8571%; } .resp-tp-col-1 { width: 5.7143%; } .resp-tp-col-1.attach-col { width: 8.5714%; } .resp-tp-col-2 { width: 14.2857%; } .resp-tp-col-2.attach-col { width: 17.1428%; } .resp-tp-col-3 { width: 22.8571%; } .resp-tp-col-3.attach-col { width: 25.7142%; } .resp-tp-col-4 { width: 31.4286%; } .resp-tp-col-4.attach-col { width: 34.2857%; } .resp-tp-col-5 { width: 40%; } .resp-tp-col-5.attach-col { width: 42.8571%; } .resp-tp-col-6 { width: 48.5714%; } .resp-tp-col-6.attach-col { width: 51.4285%; } .resp-tp-col-7 { width: 57.1429%; } .resp-tp-col-7.attach-col { width: 60.0%; } .resp-tp-col-8 { width: 65.7143%; } .resp-tp-col-8.attach-col { width: 68.5714%; } .resp-tp-col-9 { width: 74.2857%; } .resp-tp-col-9.attach-col { width: 77.1428%; } .resp-tp-col-10 { width: 82.8571%; } .resp-tp-col-10.attach-col { width: 85.7142%; } .resp-tp-col-11 { width: 91.4286%; } .resp-tp-col-11.attach-col { width: 94.2857%; } .resp-tp-col-full, .resp-tp-col-12 { width: 100%; margin-left: 0; clear: both; } .resp-tp-col-full:first-child, .resp-tp-col-12:first-child { clear: none; } } @media only screen and (min-width: 1024px) and (max-width: 1279.9px) { html body .resp-tl-show { display: block; } html body .resp-tl-hide { display: none !important; } .resp-tl-hide + [class*="resp-tl-col-"], .resp-tl-col-first { margin-left: 0; } [class*="resp-tl-col-"].resp-tl-col-first { margin-left: 0; clear: both; } [class*="resp-tl-col-"].resp-tl-col-first:first-child { clear: none; } [class*="resp-tl-col-"] { float: left; margin-left: 2.8571%; min-height: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } [dir="rtl"] [class*="resp-tl-col-"], .reverse-columns > [class*="resp-tl-col-"] { float: right; } [class*="resp-tl-col-"]:first-child, [dir="rtl"] [class*="resp-tl-col-"]:last-child, .reverse-columns > [class*="resp-tl-col-"]:last-child { margin-left: 0; } [dir="rtl"] [class*="resp-tl-col-"]:first-child, .reverse-columns > [class*="resp-tl-col-"]:first-child { margin-left: 2.8571%; } .resp-tl-col-1 { width: 5.7143%; } .resp-tl-col-1.attach-col { width: 8.5714%; } .resp-tl-col-2 { width: 14.2857%; } .resp-tl-col-2.attach-col { width: 17.1428%; } .resp-tl-col-3 { width: 22.8571%; } .resp-tl-col-3.attach-col { width: 25.7142%; } .resp-tl-col-4 { width: 31.4286%; } .resp-tl-col-4.attach-col { width: 34.2857%; } .resp-tl-col-5 { width: 40%; } .resp-tl-col-5.attach-col { width: 42.8571%; } .resp-tl-col-6 { width: 48.5714%; } .resp-tl-col-6.attach-col { width: 51.4285%; } .resp-tl-col-7 { width: 57.1429%; } .resp-tl-col-7.attach-col { width: 60.0%; } .resp-tl-col-8 { width: 65.7143%; } .resp-tl-col-8.attach-col { width: 68.5714%; } .resp-tl-col-9 { width: 74.2857%; } .resp-tl-col-9.attach-col { width: 77.1428%; } .resp-tl-col-10 { width: 82.8571%; } .resp-tl-col-10.attach-col { width: 85.7142%; } .resp-tl-col-11 { width: 91.4286%; } .resp-tl-col-11.attach-col { width: 94.2857%; } .resp-tl-col-full, .resp-tl-col-12 { width: 100%; margin-left: 0; clear: both; } .resp-tl-col-full:first-child, .resp-tl-col-12:first-child { clear: none; } } @media (min-width: 1280px) and (max-width: 1440.9px), print { html body .resp-d-show { display: block; } html body .resp-d-hide { display: none !important; } .resp-d-hide + [class*="resp-d-col-"], .resp-d-col-first { margin-left: 0; } [class*="resp-d-col-"].resp-d-col-first { margin-left: 0; clear: both; } [class*="resp-d-col-"].resp-d-col-first:first-child { clear: none; } [class*="resp-d-col-"] { float: left; margin-left: 2.8571%; min-height: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } [dir="rtl"] [class*="resp-d-col-"], .reverse-columns > [class*="resp-d-col-"] { float: right; } [class*="resp-d-col-"]:first-child, [dir="rtl"] [class*="resp-d-col-"]:last-child, .reverse-columns > [class*="resp-d-col-"]:last-child { margin-left: 0; } [dir="rtl"] [class*="resp-d-col-"]:first-child, .reverse-columns > [class*="resp-d-col-"]:first-child { margin-left: 2.8571%; } .resp-d-col-1 { width: 5.7143%; } .resp-d-col-1.attach-col { width: 8.5714%; } .resp-d-col-2 { width: 14.2857%; } .resp-d-col-2.attach-col { width: 17.1428%; } .resp-d-col-3 { width: 22.8571%; } .resp-d-col-3.attach-col { width: 25.7142%; } .resp-d-col-4 { width: 31.4286%; } .resp-d-col-4.attach-col { width: 34.2857%; } .resp-d-col-5 { width: 40%; } .resp-d-col-5.attach-col { width: 42.8571%; } .resp-d-col-6 { width: 48.5714%; } .resp-d-col-6.attach-col { width: 51.4285%; } .resp-d-col-7 { width: 57.1429%; } .resp-d-col-7.attach-col { width: 60.0%; } .resp-d-col-8 { width: 65.7143%; } .resp-d-col-8.attach-col { width: 68.5714%; } .resp-d-col-9 { width: 74.2857%; } .resp-d-col-9.attach-col { width: 77.1428%; } .resp-d-col-10 { width: 82.8571%; } .resp-d-col-10.attach-col { width: 85.7142%; } .resp-d-col-11 { width: 91.4286%; } .resp-d-col-11.attach-col { width: 94.2857%; } .resp-d-col-full, .resp-d-col-12 { width: 100%; margin-left: 0; clear: both; } .resp-d-col-full:first-child, .resp-d-col-12:first-child { clear: none; } } @media (min-width: 1441px), print { html body .resp-dw-show { display: block; } html body .resp-dw-hide { display: none !important; } .resp-dw-hide + [class*="resp-dw-col-"], .resp-dw-col-first { margin-left: 0; } [class*="resp-dw-col-"].resp-dw-col-first { margin-left: 0; clear: both; } [class*="resp-dw-col-"].resp-dw-col-first:first-child { clear: none; } [class*="resp-dw-col-"] { float: left; margin-left: 2.8571%; min-height: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } [dir="rtl"] [class*="resp-dw-col-"], .reverse-columns > [class*="resp-dw-col-"] { float: right; } [class*="resp-dw-col-"]:first-child, [dir="rtl"] [class*="resp-dw-col-"]:last-child, .reverse-columns > [class*="resp-dw-col-"]:last-child { margin-left: 0; } [dir="rtl"] [class*="resp-dw-col-"]:first-child, .reverse-columns > [class*="resp-dw-col-"]:first-child { margin-left: 2.8571%; } .resp-dw-col-1 { width: 5.7143%; } .resp-dw-col-1.attach-col { width: 8.5714%; } .resp-dw-col-2 { width: 14.2857%; } .resp-dw-col-2.attach-col { width: 17.1428%; } .resp-dw-col-3 { width: 22.8571%; } .resp-dw-col-3.attach-col { width: 25.7142%; } .resp-dw-col-4 { width: 31.4286%; } .resp-dw-col-4.attach-col { width: 34.2857%; } .resp-dw-col-5 { width: 40%; } .resp-dw-col-5.attach-col { width: 42.8571%; } .resp-dw-col-6 { width: 48.5714%; } .resp-dw-col-6.attach-col { width: 51.4285%; } .resp-dw-col-7 { width: 57.1429%; } .resp-dw-col-7.attach-col { width: 60.0%; } .resp-dw-col-8 { width: 65.7143%; } .resp-dw-col-8.attach-col { width: 68.5714%; } .resp-dw-col-9 { width: 74.2857%; } .resp-dw-col-9.attach-col { width: 77.1428%; } .resp-dw-col-10 { width: 82.8571%; } .resp-dw-col-10.attach-col { width: 85.7142%; } .resp-dw-col-11 { width: 91.4286%; } .resp-dw-col-11.attach-col { width: 94.2857%; } .resp-dw-col-full, .resp-dw-col-12 { width: 100%; margin-left: 0; clear: both; } .resp-dw-col-full:first-child, .resp-dw-col-12:first-child { clear: none; } } @supports (--custom:property) and (aspect-ratio:1/1) { iframe[style*="--aspect-ratio"], [style*="--aspect-ratio"] > img { aspect-ratio: var(--aspect-ratio); max-width: var(--max-width); } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { iframe[style*="--aspect-ratio-smartphone"], [style*="--aspect-ratio-smartphone"] > img { aspect-ratio: var(--aspect-ratio-smartphone); max-width: var(--max-width-smartphone); } } } @supports (--custom:property) and not (aspect-ratio:1/1) { [style*="--aspect-ratio"]::before { content: ""; display: block; width: 1px; margin-left: -1px; float: left; height: 0; padding-top: calc(min(100%, var(--max-width)) / (var(--aspect-ratio))); } [style*="--aspect-ratio"]::after { content: ""; display: table; clear: both; } iframe[style*="--aspect-ratio"], [style*="--aspect-ratio"] > img { max-width: var(--max-width); } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { [style*="--aspect-ratio-smartphone"]::before { padding-top: calc(min(100%, var(--max-width-smartphone)) / (var(--aspect-ratio-smartphone))); } iframe[style*="--aspect-ratio-smartphone"], [style*="--aspect-ratio-smartphone"] > img { max-width: var(--max-width-smartphone); } } } div.cm_popup_wrapper .popup__header_wrapper { display: none; } .cm_popup_wrapper .content { text-align: center; } .cm_popup_wrapper .text { white-space: pre-line; } .cm_popup_wrapper .content_wrapper { display: grid; align-items: center; justify-items: center; } @media only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px), (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .cm_popup_wrapper.cm_popup_wrapper.cm_popup_wrapper { width: 700px; max-height: 92vh !important; } .cm_popup_wrapper .content_wrapper { grid-template: "image logo" "image text" "image text"; } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { .cm_popup_wrapper .content_wrapper { grid-template: "image logo" "text text" "text text"; } div.cm_popup_wrapper .cookie_image_wrapper img { max-width: 120px; } } .cm_popup_wrapper .cookie_image_wrapper { grid-area: image; } .cm_popup_wrapper .logo { grid-area: logo; max-width: 250px; height: auto; } .cm_popup_wrapper .content { grid-area: text; } .cm_popup_wrapper .bottom_links_wrapper { display: flex; justify-content: center; } .cm_popup_wrapper .headline { margin: 0 0 0.5em 0; font-weight: bold; font-size: 150%; } .cm_popup_wrapper .button_wrapper { display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; text-align: center; margin: 2.5em 0 1.5em 0; } .cm_popup_wrapper .bottom_links_wrapper a { padding: 0 0.5em; font-size: 11px; } .cm_popup_wrapper .bottom_links_wrapper a:not(:first-child):before { content: '|'; position: relative; left: -0.5em; top: -1px; display: inline-block; text-decoration: none; } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px) { .cm_popup_wrapper .button_wrapper { margin: 1.5em 0 1em 0; } } @media only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px) { div.popup_wrapper.cm_popup_wrapper { max-width: 95vw; margin: 0 auto; } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { div.popup_wrapper.cm_popup_wrapper { width: 94vw; max-width: initial !important; } } @media screen and (max-height: 600px) { div.popup_wrapper.responsive.cm_popup_wrapper { font-size: 85%; padding: 1em 0 1em 0.5em !important; } div.popup_wrapper.responsive.center_fixed.cm_popup_wrapper .popup_content_wrapper { padding-right: 0.5em; } } .consent_placeholder { display: flex; flex-direction: column; align-items: center; background: #e8e8e8; padding: 30px 0px; text-align: center; } .consent_placeholder .consent_text { padding: 0 15px 30px 15px; white-space: pre-line; } @media only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px), (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .consent_placeholder .consent_text { max-width: 800px; } } .cm_item_wrapper { margin: 30px 0 20px 0; } .text.category { font-weight: bold; margin: 3px 0; } .cm_item_wrapper .ipfit_checkbox_awesome.ipfit_readonly .ipfit__text { color: #323d48; } .cm_item_wrapper .text.id { margin-top: 5px; white-space: normal; } .search_engine_result_block_container.with_side_search_filter_groups { display: flex; } .engine_search_result_block__hits { width: 100%; } .vertical_checkbox_list .filter_text { white-space: pre-line; } .filter_value_count::before { content: '('; } .filter_value_count::after { content: ')'; } .search_engine_page_block_container.show_hide_search_fields { max-height: 150vh; visibility: visible; transition: max-height .5s linear, visibility .5s; } .search_engine_page_block_container.show_hide_search_fields.search_fields_hidden { max-height: 0px; visibility: hidden; overflow: hidden; } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px) { .search_filter_overlay_wrapper.display_wrapper { height: 100%; display: flex !important; flex-direction: column; justify-content: space-between; } .engine_search_result_block__groups { flex-grow: 1; overflow-x: hidden; overflow-y: auto; } } @supports not (display: grid) { .engine_search_result_block__result_list .result_list_item { display: inline-block; vertical-align: top; max-width: 50%; min-height: 210px; } } @media only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px), (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { @supports (display: grid) { .engine_search_result_block__result_list { display: grid; grid-template-columns: repeat(auto-fill, minmax(256px, 1fr)); } .engine_search_result_block__result_list .result_list_item { width: auto; } } } .search_pagination_label, .search_pagination_list { display: inline-block; } .search_pagination_list_item, .shorten_pagination_separator { display: inline-block; } .search_filter_container .tree_list_item_name { padding-left: 0.5em; } .search_filter_container .tree_list_level_0 > li > .tree_list_item_name { font-size: 1.17em; font-weight: bold; display: block; margin: 0.75em 0 0.1em; padding-left: 0.3em; } .search_filter_container ul.tree_list_level_0 { margin: 0 0 1.5em; padding: 0; list-style-type: none; } .search_filter_container ul.tree_list_level_0 li.no_children { background: transparent; transition: background .5s; } .search_filter_container .tree_list_level_1 > li:not(.search_filter_list_item_with_enumeration) > .tree_list_item_name, .search_filter_container .search_filter_list_item_with_enumeration .tree_list_level_2 > li > .tree_list_item_name { padding: 0.4em 1.3em 0.4em 0.5em; display: block; line-height: 1; display: flex; align-items: center; } .search_filter_container .tree_list_level_1 > li:not(.search_filter_list_item_with_enumeration) > .tree_list_item_name .tree_list_item_icon_after, .search_filter_container .search_filter_list_item_with_enumeration .tree_list_level_2 > li > .tree_list_item_name .tree_list_item_icon_after { flex-grow: 2; text-align: right; } @media only screen and (min-width: 1024px) and (max-width: 1279.9px) { #search_quick_filter.display_wrapper { position: static; box-shadow: none; height: auto; display: block; transform: none; width: auto; } } .filter_group_header_content { cursor: pointer; } .filter_content, .filter_content.closed { max-height: 0px; transition: max-height 300ms, opacity 300ms; overflow: hidden; opacity: 0.99; } .filter_content.closed { position: relative; display: none; } .filter_content.open { max-height: 400px; overflow-y: auto; opacity: 1; } .filter_content.in_transition { overflow: hidden; } .filter_group_visibility_icon { display: flex; align-items: center; } .filter_block .filter_group_visibility_icon, .filter_block.closed .filter_group_visibility_icon { transition: transform 500ms; transform: rotate(0); } .filter_block.open .filter_group_visibility_icon { transform: rotate(180deg); } .filter_block .filter_group_visibility_icon:before { content: '\f077'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; } .filter_content_inner_wrapper .filter_content_overflow { overflow-y: auto; overflow-x: visible; } span.remove_filter_value { display: inline-block; } div.infinite_scroll__activity_container { text-align: center; } .infinite_scroll__activity_container .infinite_scroll_loading_button { transition: opacity .5s; max-height: initial; } .infinite_scroll__activity_container .infinite_scroll_loading_button.clicked { opacity: 0; max-height: 0; } .infinite_scroll__activity_container .infinite_scroll_loading_button ~ * { transition: opacity .5s; opacity: 0; max-height: 20px; } .infinite_scroll__activity_container .infinite_scroll_loading_button.clicked ~ * { opacity: 1; max-height: initial; } .result_list_item__placeholder { display: flex; align-items: center; justify-content: center; height: 390px; } .result_list_item__placeholder { display: flex; align-items: center; justify-content: center; height: var(--suggested_placeholder_height); } .with_infinite_scroll_button .result_list_item__placeholder, .with_complete_infinite_scroll_hitlist .result_list_item__placeholder { display: none !important; } .infinite_scroll_loading_button_clicked .result_list_item__placeholder { display: flex; } .pagination_item_browse_forward a::before { content: '\f105'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; } .pagination_item_browse_back a::before { content: '\f104'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; } .pagination_wrapper .pagination_item_picto a { width: 40px; background-color: #02A2FF; color: #FFFFFF !important; text-align: center; border-radius: 25px; } .pagination_wrapper .pagination_item_picto a:hover { background-color: #0082CE; } .engine_search_result_block__hits { padding-bottom: 1em; } .engine_search_result_block__hits .search_engine_result_table { width: 100%; border-radius: 25px; box-shadow: 1px 1px 13px rgba(0, 0, 0,.35); border-collapse: separate; background-color: #FFFFFF; } .search_engine_result_table tr td { transition: background .3s; } .search_engine_result_table :not(thead) tr:hover { box-shadow: 1px 1px 13px rgba(0, 0, 0,.35); position: relative; } .search_engine_result_table :not(thead) tr:hover td { background: #DFF3FB; } .search_engine_result_table :not(thead) tr:last-child { border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; } .search_engine_result_table :not(thead) tr:last-child td:first-child { border-bottom-left-radius: 25px; } .search_engine_result_table :not(thead) tr:last-child td:last-child { border-bottom-right-radius: 25px; } .search_engine_result_table .field_core_wrapper:hover .clear_button_wrapper, .search_engine_result_table .selection_core_wrapper:hover .select_icon:before, .search_engine_result_table .result_table_filter_row .combo_box_wrapper:hover:after { color: #02A2FF; } .search_engine_result_table thead { position: relative; } .search_engine_result_table thead:after { position: absolute; height: 100%; width: 100%; content: " "; background-image: linear-gradient(138deg, #86E6CF 0%, #89D9F4 100%); top: 0; z-index: -1; border-top-left-radius: 25px; border-top-right-radius: 25px; } .search_engine_result_table .result_table_filter_row { font-size: 11px; vertical-align: top; } .search_engine_result_table th.header_cell.sort_column:hover > .header_cell_content { color: #02A2FF; transition: color .5s; } .search_engine_result_table .header_cell { box-sizing: border-box; font-weight: normal; } .search_engine_result_table .header_cell.align_right .header_cell_content { justify-self: right; } .search_engine_result_table .header_cell_content { padding: 8px 25px 8px 25px; font-weight: bold; } table.result_table.search_engine_result_table .header_cell_content .label_wrapper{ white-space: nowrap; } .search_engine_result_table .resultset_filter_input { border-radius: 25px; padding-top: .1em; padding-bottom: .1em; } .search_engine_result_table .result_table_filter_row input, .search_engine_result_table .result_table_filter_row .combo_box_wrapper, .search_engine_result_table .result_table_filter_row .combo_box_container, .search_engine_result_table .result_table_filter_row .combo_box_selected_element , .search_engine_result_table .result_table_filter_row .selection_core_wrapper, .search_engine_result_table .result_table_filter_row .ipfit__selection { border-radius: 12px; cursor: pointer; font-size: 11px; line-height: 1.2; } .search_engine_result_table .result_table_filter_row input, .search_engine_result_table .result_table_filter_row .ipfit__selection { padding-left: 6px; } .search_engine_result_table .result_table_filter_row .ipfit__selection { padding-right: 18px; } .search_engine_result_table .result_table_filter_row .selection_core_wrapper { line-height: normal } .search_engine_result_table select.ipfit__selection { padding: 1px 2px; } .search_engine_result_table .result_table_filter_row .auto_completion_data_div_container, .search_engine_result_table .result_table_filter_row .combo_box_selected_element { font-weight: normal; } .ip_engine_wizard_page .clear_button_wrapper, .search_engine_result_table .result_table_filter_row .clear_button_wrapper { opacity:1; } .ip_engine_wizard_page .result_table_filter_row .ip_button__clear_inputfield, .search_engine_result_table .result_table_filter_row .ip_button__clear_inputfield { display:none; } .ip_engine_wizard_page .result_table_filter_row .clear_button_wrapper.show .ip_button__clear_inputfield, .search_engine_result_table .result_table_filter_row .clear_button_wrapper.show .ip_button__clear_inputfield { display:inline-flex; } .ip_engine_wizard_page .clear_button_wrapper:not(.show):before, .search_engine_result_table .result_table_filter_row .clear_button_wrapper:not(.show):before, .search_engine_result_table .result_table_filter_row .combo_box_wrapper:after { content: '\f002'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; } .search_engine_result_table .result_table_filter_row .combo_box_wrapper:has(li[data-ip_ac_selected_element]):after { content:' '; } .search_engine_result_table .result_table_filter_row select { -webkit-appearance: none; appearance: none; } .search_engine_result_table .result_table_filter_row .select_icon { display: block; } .search_engine_result_table .result_table_filter_row .select_icon:before { position: absolute; display: flex; align-items: center; justify-content: center; height: 100%; width: 1.2em; right: 2px; top: 0; font-size: 1.3em; content: '\f107'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; color: #323d48; pointer-events: none; } .search_engine_result_table tr:not(:last-child) td { border-bottom: 1px solid #e4e4e4; } .search_engine_result_table tr:has([state="cancelled"]) td { opacity: 30%; } .search_engine_result_table .data_cell { font-size: 13px; padding: 15px 25px; vertical-align: top; } .search_engine_result_table .data_cell .cell_content { display: flex; } .search_engine_result_table .data_cell .cell_content .cell_data { flex-grow: 1; } .search_engine_result_table .data_cell .highlight { color: black; white-space: nowrap; } .search_engine_result_table .data_cell .no_highlight { font-size: 12px; white-space: nowrap; } .search_engine_result_table .data_cell .article_info { display: flex; column-gap: .7em; align-items: first baseline; } .search_engine_result_table .data_cell .article_info i { font-size: 16px; position: relative; top: 1px; } .search_engine_result_table .processing_time { font-weight: bold; white-space: nowrap; } .payment_info_text { white-space: nowrap; } .search_engine_result_table .data_cell .choose_offer_container { display: flex; column-gap: 2.5em; } .search_engine_result_table .data_cell img { border-radius: 100px; border: 2px solid #02A2FF; margin: 4px 4px 4px 1.5em; } table.result_table th.header_cell.sort_column .header_cell_content:before { font-size: 13px; position: static; width: fit-content; } table.result_table th.header_cell.sort_column.sort_none .header_cell_content:before { content: '\f883'; font-family: 'FontAwesomeSolid'; font-weight: 900; font-style: normal; } table.result_table th.header_cell.sort_column.sort_asc .header_cell_content:before { content: '\f15d'; font-family: 'FontAwesomeSolid'; font-weight: 900; font-style: normal; } table.result_table th.header_cell.sort_column.sort_desc .header_cell_content:before { content: '\f15e'; font-family: 'FontAwesomeSolid'; font-weight: 900; font-style: normal; } table.result_table th.header_cell.sort_column.button_chat.sort_none .header_cell_content:before { content: '\f075'; font-family: 'FontAwesomeRegular'; font-weight: 400; font-style: normal; } table.result_table th.header_cell.sort_column.button_chat.sort_asc .header_cell_content:before { content: '\f4ac'; font-family: 'FontAwesomeRegular'; font-weight: 400; font-style: normal; } table.result_table th.header_cell.sort_column.button_chat.sort_desc .header_cell_content:before { content: '\f4b5'; font-family: 'FontAwesomeRegular'; font-weight: 400; font-style: normal; } table.result_table th.header_cell.sort_column .header_cell_content:before, table.result_table th.header_cell.sort_column .header_cell_content:after { content: ' '; } .search_engine_result_table .data_cell .fa-comments { font-size: 2em; color: #02A2FF } .search_engine_result_table .data_cell .pending_chat_notification { background-color: #ec0043; border-radius: 20px; width: 16px; height: 16px; position: relative; top: 16px; left: 60%; } .search_engine_result_table .data_cell .pending_offer_notification { position: relative; float: right; top: -10px; right: 15px; background-color: #ec0043; border-radius: 20px; width: 16px; height: 16px; } .search_engine_result_table .customer_info, .search_engine_result_table .price_info_wrapper, .price_info_container { display: flex; column-gap: 1em; align-items: flex-start; } .search_engine_result_table .price_info { display: flex; } .search_engine_result_table .price_info_text { white-space: nowrap; } .search_engine_result_table .customer_info img, .customer_popup_headline img { object-fit: cover; border: 2px solid #02A2FF; border-radius: 60px; } .search_engine_result_table .customer_info img { width: 60px; height: 60px; } .customer_popup_headline img { width: 80px; height: 80px; } .customer_popup_headline { display: flex; flex-direction: column; row-gap: 5px; align-items: center; margin-bottom: 2em; } .customer_popup_headline div { font-weight: bold; } .customer_popup_content { display: grid; grid-template-columns: auto 1fr; grid-row-gap: 7px; } .customer_popup_content .ipfit__fieldlabel { text-align: center; width: 30px; padding-right: 1em; box-sizing: border-box; font-size: 16px; } .price_info_content .ipfit__field__wrapper, .customer_popup_content .ipfit__field__wrapper { margin: 0; } .customer_popup_content .ipfit__field__wrapper { display: flex; align-items: center; } table.result_table.search_engine_result_table .popup_info { cursor: pointer; font-size: 18px; margin-top: 2px; } table.result_table.search_engine_result_table .popup_info:hover { color: #0082CE; } .price_info_content { display: grid; grid-template-columns: 1fr auto; grid-gap: 10px 20px; } #search_offer .search_pagination_current_hits { display: none; } .addon { color: #02A2FF; } .original_price { text-decoration-line: line-through; color: #ec0043; } .attribution { font-size: 11px; color: #9d9d9d; } .engine_page_element { max-width: 100%; } .placements_wrapper__grid, .engine_page_field_group_element_row__grid { display: grid; grid-gap: 0 40px; } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { .placements_wrapper__grid, .engine_page_field_group_element_row__grid { display: block; } } .engine_page_field_group_element_row__grid .engine_page_field_group_headline { grid-column: 1 / -1; } .placements_wrapper__grid .ipfit__emptyField__wrapper, .placements_wrapper__grid .engine_page_element.empty_field { display: none; } .engine_page_field_group_element_row.engine_page_field_group_element_row__grid.use_full_grid_width, .engine_page_field_group_element_row.use_full_grid_width, .use_full_grid_width, .placements_wrapper__grid .engine_action_buttons_wrapper { grid-column-start: 1; grid-column-end: -1; max-width: unset; } .engine_page_element.col_1 { grid-column-start: 1; } .placements_wrapper__grid.has_cols_2, .placements_wrapper__grid.has_cols_2 .engine_page_field_group_element_row__grid { grid-template-columns: repeat( 2, minmax(1px, 1fr) ); } .engine_page_element.col_2 { grid-column-start: 2; } .engine_page_element.colspan_2 { grid-column-end: span 2; } .engine_page_element.rowspan_2 { grid-row: span 2; } .placements_wrapper__grid.has_cols_3, .placements_wrapper__grid.has_cols_3 .engine_page_field_group_element_row__grid { grid-template-columns: repeat( 3, minmax(1px, 1fr) ); } .engine_page_element.col_3 { grid-column-start: 3; } .engine_page_element.colspan_3 { grid-column-end: span 3; } .engine_page_element.rowspan_3 { grid-row: span 3; } .placements_wrapper__grid.has_cols_4, .placements_wrapper__grid.has_cols_4 .engine_page_field_group_element_row__grid { grid-template-columns: repeat( 4, minmax(1px, 1fr) ); } .engine_page_element.col_4 { grid-column-start: 4; } .engine_page_element.colspan_4 { grid-column-end: span 4; } .engine_page_element.rowspan_4 { grid-row: span 4; } .placements_wrapper__grid.has_cols_5, .placements_wrapper__grid.has_cols_5 .engine_page_field_group_element_row__grid { grid-template-columns: repeat( 5, minmax(1px, 1fr) ); } .engine_page_element.col_5 { grid-column-start: 5; } .engine_page_element.colspan_5 { grid-column-end: span 5; } .engine_page_element.rowspan_5 { grid-row: span 5; } .placements_wrapper__grid.has_cols_6, .placements_wrapper__grid.has_cols_6 .engine_page_field_group_element_row__grid { grid-template-columns: repeat( 6, minmax(1px, 1fr) ); } .engine_page_element.col_6 { grid-column-start: 6; } .engine_page_element.colspan_6 { grid-column-end: span 6; } .engine_page_element.rowspan_6 { grid-row: span 6; } .placements_wrapper__grid.has_cols_7, .placements_wrapper__grid.has_cols_7 .engine_page_field_group_element_row__grid { grid-template-columns: repeat( 7, minmax(1px, 1fr) ); } .engine_page_element.col_7 { grid-column-start: 7; } .engine_page_element.colspan_7 { grid-column-end: span 7; } .engine_page_element.rowspan_7 { grid-row: span 7; } .placements_wrapper__grid.has_cols_8, .placements_wrapper__grid.has_cols_8 .engine_page_field_group_element_row__grid { grid-template-columns: repeat( 8, minmax(1px, 1fr) ); } .engine_page_element.col_8 { grid-column-start: 8; } .engine_page_element.colspan_8 { grid-column-end: span 8; } .engine_page_element.rowspan_8 { grid-row: span 8; } .placements_wrapper__grid.has_cols_9, .placements_wrapper__grid.has_cols_9 .engine_page_field_group_element_row__grid { grid-template-columns: repeat( 9, minmax(1px, 1fr) ); } .engine_page_element.col_9 { grid-column-start: 9; } .engine_page_element.colspan_9 { grid-column-end: span 9; } .engine_page_element.rowspan_9 { grid-row: span 9; } .placements_wrapper__grid.has_cols_10, .placements_wrapper__grid.has_cols_10 .engine_page_field_group_element_row__grid { grid-template-columns: repeat( 10, minmax(1px, 1fr) ); } .engine_page_element.col_10 { grid-column-start: 10; } .engine_page_element.colspan_10 { grid-column-end: span 10; } .engine_page_element.rowspan_10 { grid-row: span 10; } .placements_wrapper__grid.has_cols_11, .placements_wrapper__grid.has_cols_11 .engine_page_field_group_element_row__grid { grid-template-columns: repeat( 11, minmax(1px, 1fr) ); } .engine_page_element.col_11 { grid-column-start: 11; } .engine_page_element.colspan_11 { grid-column-end: span 11; } .engine_page_element.rowspan_11 { grid-row: span 11; } .placements_wrapper__grid.has_cols_12, .placements_wrapper__grid.has_cols_12 .engine_page_field_group_element_row__grid { grid-template-columns: repeat( 12, minmax(1px, 1fr) ); } .engine_page_element.col_12 { grid-column-start: 12; } .engine_page_element.colspan_12 { grid-column-end: span 12; } .engine_page_element.rowspan_12 { grid-row: span 12; } .ip_engine_wizard_page > form > .wizard_engine_page_block_container { max-width: 1200px; margin: 80px auto; padding: 0 var(--content_padding_h); } .ip_engine_wizard_page:not(.view_mode) .placements_wrapper__grid { grid-gap: 0 20px; } .placements_wrapper__grid.has_cols_2 .engine_page_element.colspan_1 { max-width: 480px; } .ip_engine_objectView_page .objectView_engine_page_block_container, body.logged_in .ip_engine_businessTransaction_page:not(.bt_page_wrapper__offer__chooseOffer), .ip_engine_wizard_page form[data-ip_instance_key="installerCatalogArticle"] .placements_wrapper__grid { max-width: 1200px; } .ip_engine_wizard_page form[data-ip_instance_key="installerCatalogArticle"] .placements_wrapper__grid { min-width: 740px; } @media only screen and (min-width: 1024px) and (max-width: 1279.9px), (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { body.logged_in .engine_page_table { display: flex; justify-content: center; } .ip_engine_wizard_page:not(.view_mode) .has_cols_2, .ip_engine_wizard_page:not(.view_mode) .has_cols_4, .ip_engine_wizard_page:not(.view_mode) .has_cols_6, form[data-ip_instance_key="catalogRequest"] .engine_action_buttons_wrapper, form[data-ip_instance_key="eventRegistration"] .engine_page_container_multicol { min-width: 350px; max-width: 980px; margin: 0 auto; width: fit-content; } } .ip_engine_businessTransaction_page, .objectView_engine_page_block_container { margin: 35px auto; width: fit-content; } body:not(.login_page) .ip_engine_wizard_page > form .placements_wrapper__grid { margin-bottom: 35px; } @media only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px), (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .ip_engine_wizard_page > form .placements_wrapper__grid, .objectView_engine_page_block_container.engine_page_container_multicol .engine_page_field_group_element_row, .objectView_engine_page_block_container:not(.engine_page_container_multicol), body.logged_in .ip_engine_businessTransaction_page:not(.bt_page_wrapper__offer__chooseOffer), .ip_engine_message_page_wrapper { padding: calc(2 * var(--content_padding_v)) calc(1.5 * var(--content_padding_h)); border-radius: 25px; background-color: #FFFFFF; } .popup_wrapper .ip_engine_message_page_wrapper { padding: 0; } .objectView_engine_page_block_container.engine_page_container_multicol .engine_page_field_group_element_row { min-width: 900px; } .objectView_engine_page_block_container.engine_page_container_multicol .engine_page_field_group_element_row .engine_page_element:last-child .ipfit__field__wrapper { margin-bottom: 0; } body.logged_in .ip_engine_businessTransaction_page.bt_page_wrapper__offer__checkOffer { padding-top: calc(2 * var(--content_padding_v)); } } .transformicon { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; border: 0; padding: 0; display: inline-block; position: relative; font-size: 1em; cursor: pointer; z-index: 100; } .transformicon.toggled { z-index: 3000; } .transformicon:focus{ outline: none; } .transformicon .icon { position: relative; } .transformicon .icon, .transformicon .icon:before, .transformicon .icon:after { background: #02A2FF; } .transformicon_menu_lines, .transformicon_menu_lines:before, .transformicon_menu_lines:after { height: 1px; width: 28px; border-radius: 1px; display: block; } .transformicon_menu_lines:before, .transformicon_menu_lines:after { content: ''; position: absolute; width: 100%; transition: transform 300ms; transform: translateY(0) rotateZ(0); } .transformicon_menu_lines:before { top: -0.4em; } .transformicon_menu_lines:after { top: 0.4em; } .transformicon__menu_to_x .transformicon_menu_lines { transition: background 300ms; } .transformicon__menu_to_x .transformicon_menu_lines:before, .transformicon__menu_to_x .transformicon_menu_lines:after { transition: top 300ms 500ms ease, transform 300ms ease; } .transformicon__menu_to_x.toggled .transformicon_menu_lines { background: transparent; } .transformicon__menu_to_x.toggled .transformicon_menu_lines:before, .transformicon__menu_to_x.toggled .transformicon_menu_lines:after { transition: top 300ms ease, transform 300ms 500ms ease; } .transformicon__menu_to_x.toggled .transformicon_menu_lines:before { top: 0; transform: rotateZ(45deg); } .transformicon__menu_to_x.toggled .transformicon_menu_lines:after { top: 0; transform: rotateZ(-45deg); } .transformicon__menu_to_arrow_left .transformicon_menu_lines:after, .transformicon__menu_to_arrow_left .transformicon_menu_lines:before { -webkit-transform-origin: 0.186em center; -ms-transform-origin: 0.186em center; transform-origin: 0.186em center; } .transformicon__menu_to_arrow_left.toggled .transformicon_menu_lines:before { transform: translateY(0.3em) rotateZ(-40deg); } .transformicon__menu_to_arrow_left.toggled .transformicon_menu_lines:after { transform: translateY(-0.3em) rotateZ(40deg); } .transformicon__chevron { width: 18px; } .transformicon .icon.transformicon_chevron_lines { background: transparent; transition: transform 500ms ease-in-out; transform: translateY(14px); } .transformicon__chevron_from_down.transformicon__chevron_to_up.toggled .icon.transformicon_chevron_lines { transform: translateY(7px); } .transformicon_chevron_lines:before, .transformicon_chevron_lines:after { height: 1px; width: 50%; content: ''; position: absolute; display: block; transition: transform 500ms ease-in-out, transform-origin 500ms ease-in-out; transform: translateY(0) rotateZ(0); } .transformicon_chevron_lines:after { left: 50%; } .transformicon__chevron_from_down.transformicon__chevron_to_up .transformicon_chevron_lines:before { transform: rotate3d(0, 0, 1, 45deg); transform-origin: 100% 100%; } .transformicon__chevron_from_down.transformicon__chevron_to_up .transformicon_chevron_lines:after { transform: rotate3d(0, 0, 1, -45deg); transform-origin: 0% 100%; } .transformicon__chevron_from_down.transformicon__chevron_to_up.toggled .transformicon_chevron_lines:before { transform: rotate3d(0, 0, 1, -45deg); transform-origin: 100% 0%; } .transformicon__chevron_from_down.transformicon__chevron_to_up.toggled .transformicon_chevron_lines:after { transform: rotate3d(0, 0, 1, 45deg); transform-origin: 0% 0%; } .transformicon { font-size: 1.2em; } a { text-decoration: none; display: inline-block; color: inherit; } ul { padding: 0; margin: 0; } ul > li { list-style-type: none; } img { display: inline-block; } .area_layout__default { background-color: #FFFFFF; } html { height: 100%; } body { color: #323d48; } @media (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { :root { --content_padding_h: 40px; --content_padding_v: 20px; } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px) { :root { --content_padding_h: 20px; --content_padding_v: 15px; } } @media only screen and (min-width: 1024px) and (max-width: 1279.9px) { :root { --content_padding_h: 20px; } } body { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 16px; } .header, .breadcrumb_container, .max_w__default_content .cms__sc_content > .cci_snippet_container, .max_w__default_content .cms__sc_content > .cms_container, .max_w__default_content > .cms_container, .content_document_wrapper > .cms_container > .cci_snippet_container, .content_document_wrapper > .cms_container > .grid_container, .cms_tab_viewer_container { max-width: 1200px; margin: 0 auto; } .max_w__default_content > .cms__sc_content > .cms_toggle_container { max-width: 1200px; margin-left: auto; margin-right: auto; } .footer_navigation_container, .copyright_container { max-width: 1920px; margin: 0 auto; } .header, .breadcrumb_container { padding: 0 var(--content_padding_h); } a { transition: color .5s; } .highlighted, .ipfit__field__wrapper a:not(.ip_button):not(.checkbox__input){ color: #02A2FF; } a:hover, .ipfit__field__wrapper a:not(.ip_button):not(.checkbox__input):hover { color: #0082CE; } .highlighted_row { font-weight: bold; } .breadcrumb_container { line-height: 2.5em; font-size: 13px; margin-top: 10px; margin-bottom: 10px; } .breadcrumb_navigation_container { padding: 0 3px; } ul.main_navigation.tree_breadcrumb { column-gap: .5em; } .breadcrumb_container .tree_list_item_name { display: flex; align-items: center; column-gap: .5em; } .area_wrapper__tradeTop:empty, .area_wrapper__tradeBottom:empty { display: none; } body.trade_highlighted { height: 100%; display: flex; flex-direction: column; } body.trade_highlighted.logged_in { width: fit-content; min-width: 100%; } body.trade_highlighted main { flex: 1 0 auto; } body.trade_highlighted .page_transition_container { height: 100%; } body.trade_highlighted .sp_highlighted_content_container { display: flex; justify-content: center; padding: var(--content_padding_h); } body.trade_highlighted .breadcrumb_container + .sp_highlighted_content_container { padding-top: 0; } body.trade_highlighted.logged_in .sp_highlighted_content_container { flex-direction: column; margin: 0 auto 0 auto; } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { body.trade_highlighted .area_wrapper.area_wrapper__tradeTop, body.trade_highlighted .area_wrapper.area_wrapper__trade { background-image: linear-gradient(25deg, #DFF3FB 0%, #E1F9F9 100%); border-radius: 25px; padding: 0 15px; } body.trade_highlighted .area_wrapper.area_wrapper__tradeTop:not(:empty) + .area_wrapper__trade { margin-top: var(--content_padding_h); } } @media only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px), (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { body.trade_highlighted main { background-image: linear-gradient(25deg, #DFF3FB 0%, #E1F9F9 100%); border-radius: 25px 25px 0 0; margin: 0 15px; } body.trade_highlighted:not(.logged_in) .sp_highlighted_content_container { column-gap: 5%; max-width: 1200px; margin: 0 auto; padding-bottom: 0; } body.equal_layout .sp_highlighted_content_container { display: grid; grid-template-columns: 1fr 1fr; } body.trade_highlighted.logged_in .sp_highlighted_content_container { max-width: 1920px; justify-content: center; margin-top: 30px; } body.finish_page.trade_highlighted .ip_engine_wizard_page { height: 100%; } body.finish_page.trade_highlighted .area_wrapper__trade { align-self: center; } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px) { body.trade_highlighted:not(.logged_in) .sp_highlighted_content_container { flex-direction: column; } } .master_layout_side_button_wrapper { position: fixed; z-index: 20; right: 30px; bottom: 30px; line-height: 1; } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { .master_layout_side_button_wrapper { right: 20px; } } .master_layout_side_button_wrapper.scroll_to_top .ip_button i { font-size: 2.2em; } header { background: #fffffff9; z-index: 100; } .logo_container img { display: block; } .header_menu_row { display: flex; justify-content: space-between; transition: padding .4s; } .header_menu_link { flex-direction: column; align-items: center; } body:not(.logged_in) .main_navigation.tree_header > li > a.tree_list_item_name { font-weight: bold; } .header_menu_row a.logo_link { display: block; } .header .popup_wrapper { margin-top: .3em; } .header .popup_wrapper .popup_content_wrapper { padding: 0 !important; } @media (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .header { position: relative; } .header_menu_row { padding: 1em 0; } .scroll_down .header .header_menu_row { padding: .7em 0; } #header_navigation { display: inline-block; transform: translate(-50%,-50%); position: absolute; left: 53%; top: 50%; } .logged_in #header_navigation { left: initial; right: 150px; transform: translate(0, -50%); } .main_navigation.tree_header { display: flex; align-items: center; } body:not(.logged_in) .main_navigation.tree_header > li { padding: 0 20px; white-space: nowrap; } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px) { .header_menu_row { padding: .7em 0; } .scroll_down .header .header_menu_row { padding: .6em 0 } .header.nav_with_transformicon_icon { display: flex; justify-content: space-between; flex-wrap: wrap; } .header.nav_with_transformicon_icon .header_menu_row { flex: 1 1 0; margin-right: .3em; } .logo_container img { max-height: 35px; width: auto; } .header_menu_block_right { display: flex; align-items: center; } .transformicon__menu { padding-left: 1em; } div.header_navigation_wrapper ul.main_navigation { display: block; padding: 5em 0 150px 0; } .main_navigation.tree_header > li { padding-top: .5em; padding-bottom: .5em; } body:not(.logged_in) .main_navigation.tree_header > li { padding: 1em 1.6em; white-space: nowrap; } body:not(.logged_in) .main_navigation.tree_header > li > a.tree_list_item_name { font-size: 16px; } } body.logged_in .header_menu_row { padding: 1em 0; } body.logged_in .header_navigation_wrapper.hide_labels span.tree_list_item_name_content { display: none; } @media (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { body.logged_in .tree_header .tree_list_item_name { flex-direction: column; } body.logged_in .main_navigation.tree_header li { width: 110px; } body.logged_in .tree_header .tree_list_item_name_content { font-size: 11px; } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px) { body.logged_in .tree_header .tree_list_item_name { flex-direction: row; padding: 0 15px; } body.logged_in .tree_header .tree_list_item_name_content { padding: 0 0 0 15px; font-size: 16px; } } body.logged_in .tree_header .tree_list_item_name { display: flex; align-items: center; row-gap: 1px; position: relative; } body.logged_in .tree_header .header_item_info_counter:not(:empty) { background-color: #ec0043; color: #fdfdfd; border-radius: 20px; min-width: 7px; height: 16px; font-size: 11px; font-weight: bold; padding: 0 5px; line-height: 1.3em; text-align: center; position: absolute; top: 3px; left: 68px; } body.logged_in .tree_header .tree_list_item_icon_before { width: 45px; height: 45px; border-radius: 45px; color: #02A2FF; background-color: #deeaf1; font-size: 24px; display: flex; align-items: center; justify-content: center; transition: all .5s, background-color .5s; } body.logged_in .tree_header a.tree_list_item_name:hover .tree_list_item_icon_before { color: #FFFFFF; background-color: #02A2FF; } body.logged_in .tree_header li.tree_list_item__new_offer .tree_list_item_icon_before { color: #FFFFFF; background-color: #02A2FF; } body.logged_in .tree_header li.tree_list_item__new_offer a.tree_list_item_name:hover .tree_list_item_icon_before { background-color: #0082CE; } body.logged_in .header_menu_icon.logged_in, body.logged_in .header_menu_icon.logged_in img { border: 2px solid #02A2FF; width: 56px; height: 56px; border-radius: 56px; } body.logged_in .header_menu_icon.logged_in:has(img) { border: none; } body.logged_in .header_menu_icon.logged_in .header_menu_link { height: 100%; font-size: 14px; text-align: center; line-height: 1.2em; justify-content: center; } body.logged_in .standard_popup.my_account_info { padding: .5em .7em; min-width: 250px; } .tree_my_account_info { font-size: 14px; } .tree_my_account_info li a.tree_list_item_name, .tree_my_account_info form { display: flex; align-items: center; padding: 3px 17px 3px 11px; column-gap: 11px; border-radius: 30px; margin: 4px 0; white-space: nowrap; } .tree_my_account_info form { padding-left: 12px; } .tree_my_account_info form .checkbox__wrapper { margin-right: 12px; } .tree_my_account_info li a.tree_list_item_name { transition: background-color .5s; } .tree_my_account_info li a.tree_list_item_name i { font-size: 20px; color: #02A2FF; width: 27px; text-align: center; } .tree_my_account_info li a.tree_list_item_name:hover { background-color: #02A2FF; color: #FFFFFF; } .tree_my_account_info li a.tree_list_item_name:hover span, .tree_my_account_info li a.tree_list_item_name:hover i { color: #FFFFFF; } .tree_my_account_info .ipfit__field__wrapper { margin-bottom: 0; top: 0; transform: none; } li.tree_list_item__logout { margin-top: 30px; } footer { padding: 80px var(--content_padding_h) 30px var(--content_padding_h); background-image: linear-gradient(138deg, #40B5CA 0%, #0B576F 100%); color: #fdfdfd; } footer span[data-cms-font_color-key="highlighted"] { color: #323d48 !important; } footer .area_content_contribution .cst_html_with_embedded_snippets p { margin: 0; } .footer_navigation_container { display: flex; } .footer_additional_content { order: 1; } .footer_additional_logo { display: flex; order: 3; column-gap: 50px; } .footer_additional_logo img { height: 150px; width: auto; } .footer_additional_content .cms_container.dynamic_columns { grid-gap: 0; } .footer_additional_content .cms_container.dynamic_columns .cci_wrapper_snippet_glue_logic_image_link { width: fit-content; max-width: 150px; } .footer_navigation_wrapper { order: 2; } @media only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px), (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { footer { margin: 0 15px; } body:not(.trade_highlighted) footer { border-radius: 25px 25px 0 0; } .footer_navigation_container { justify-content: space-between; column-gap: 7.5em; margin-bottom: 1.5em; } .footer_navigation_wrapper { margin-top: 8px; } } .main_navigation.tree_footer { display: flex; column-gap: 4em; } .footer_content_container + .social_media_links_container { margin-top: 2em; } .tree_footer > li > span.tree_list_item_name, .social_media_headline { font-weight: bold; margin-bottom: .5em; display: block; } .tree_footer a.tree_list_item_name { line-height: 1.8; display: flex; align-items: center; column-gap: .7em; } .tree_footer a.tree_list_item_name:hover { color: #92D5EE; } .social_media_links { display: flex; align-items: center; column-gap: .6em; font-size: 1.8em; margin-top: .5em; } .social_media_links a, .social_media_links i { display: block; } footer .cst_html_with_embedded_snippets h3:first-child { margin-top: 0; } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px) { footer { padding-top: 50px; } .footer_navigation_container { margin-bottom: 3em; flex-direction: column; row-gap: 3em; } .main_navigation.tree_footer { flex-wrap: wrap; row-gap: 1.7em; } } .pre_copyright_message { margin: 0 0 1em 0; font-size: 14px; } .copyright_content .footer_iconparc img { width: 150px; height: auto; } .popup_wrapper { display: flex; flex-direction: column; } .standard_popup { background-color: #fffffffa; box-shadow: 1px 1px 13px rgba(0, 0, 0,.35); border-radius: 8px; } .with_loading_indicator_placeholder:not(.inline_popup) { max-width: 100vw; max-height: 100vh; } .popup_wrapper.with_loading_indicator_placeholder { transition: max-height 400ms, max-width 400ms; } .popup_wrapper.with_loading_indicator_placeholder.fade_transition { transition: max-height 400ms, max-width 400ms, opacity 300ms; } .popup_is_loading { max-width: 200px; max-height: 200px; } .popup_wrapper.with_loading_indicator_placeholder .loading_indicator_placeholder { max-height: 200px; min-width: 200px; min-height: 200px; } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px) { .popup_wrapper.responsive.left, .popup_wrapper.responsive.right { border-radius: 0; } .popup_wrapper:not(.responsive) { max-width: 100vw; box-sizing: border-box; } } .popup_wrapper .popup__header_wrapper { display: flex; justify-content: space-between; flex-direction: row-reverse; align-items: center; border-top-left-radius: 8px; border-top-right-radius: 8px; } .popup_wrapper .popup__header_wrapper:not(.without_headline_wrapper) { background-color: linear-gradient(138deg, #40B5CA 0%, #0B576F 100%); color: white; } .popup_wrapper .popup__headline, .popup_wrapper .popup__button_wrapper:not(:empty) { padding: .2em .7em; } .popup_wrapper .popup__headline { font-size: 130%; flex-grow: 1; } .popup_wrapper .popup__button_wrapper { cursor: pointer; font-size: 150%; } .error_layer, .info_layer { transform: translateX(calc(-80% + 0.6em)); position: relative; font-weight: normal; min-width: 150px; max-width: 400px; display: flex; justify-content: flex-start; box-shadow: initial; background-color: transparent; } .error_layer > div, .info_layer > div { padding: 0.5em; background-color: #FFFFFF; color: white; display: inline-block; } .info_layer .popup__header_wrapper .popup__button_wrapper { color: white; } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px) { div.popup_wrapper.info_layer.responsive.center, div.popup_wrapper.error_layer.responsive.center { height: auto; width: auto; max-width: 100vw; } } .info_layer_wrapper i, .error_layer_wrapper i { cursor: pointer; } .info_layer_wrapper { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); } body.popup_prevent_scrolling { overflow: hidden; } .ip_button > .popup_wrapper { white-space: initial; } .touch .popup_wrapper .popup_content_wrapper { overflow: auto; } @supports not (selector(::-webkit-scrollbar)){ .popup_wrapper .popup_content_wrapper { scrollbar-color: #b1b1b1 #fefefe; scrollbar-width: thin; } } .popup_wrapper .popup_content_wrapper::-webkit-scrollbar { width: 0.5rem; height: 0.5rem; } .popup_wrapper .popup_content_wrapper::-webkit-scrollbar-track { background-color: #fefefe; border-radius: 0.25rem; } .popup_wrapper .popup_content_wrapper::-webkit-scrollbar-thumb { border-radius: 0.25rem; background-color: #b1b1b1; } .popup_wrapper .popup_content_wrapper::-webkit-scrollbar-corner { background-color: #fefefe; } .popup_wrapper, .popup_perspective_wrapper { z-index: 10000; box-sizing: border-box; } .popup_wrapper.horizontal_center:not(.dragged){ transform: translate(-50%,0); } .popup_wrapper.vertical_center:not(.dragged){ transform: translate(0,-50%); } .popup_wrapper.horizontal_right:not(.dragged), .popup_wrapper.horizontal_left_of:not(.dragged){ transform: translate(-100%,0); } .popup_wrapper.vertical_above:not(.dragged), .popup_wrapper.vertical_bottom:not(.dragged){ transform: translate(0,-100%); } .popup_wrapper.horizontal_center.vertical_center:not(.dragged){ transform: translate(-50%,-50%); } .popup_wrapper.horizontal_right.vertical_above:not(.dragged), .popup_wrapper.horizontal_right.vertical_bottom:not(.dragged), .popup_wrapper.horizontal_left_of.vertical_above:not(.dragged), .popup_wrapper.horizontal_left_of.vertical_bottom:not(.dragged){ transform: translate(-100%,-100%); } .popup_wrapper.horizontal_right.vertical_center:not(.dragged), .popup_wrapper.horizontal_left_of.vertical_center:not(.dragged){ transform: translate(-100%,-50%); } .popup_wrapper.horizontal_center.vertical_bottom:not(.dragged), .popup_wrapper.horizontal_center.vertical_above:not(.dragged){ transform: translate(-50%,-100%); } div.disable_page_background_div.popup_grayout { position: fixed; } div.disable_page_background_div.confirmation_dialog_popup_grayout { width: 100vw; height: 100vh; z-index: 10000; } .popup_wrapper.hide_border { border: none !important; box-shadow: none !important; } .popup_wrapper iframe.popup_iframe { width: 100%; display: block; } .popup_wrapper.center_viewport iframe, .popup_wrapper.center_fixed iframe, .popup_wrapper.parent_width__fixed iframe { max-width: 100%; max-height: 100%; } .popup_wrapper.cached_hide { display: none!important; } .popup_wrapper.initial_hide { opacity: 0; } .popup_wrapper.fade_in { opacity: 1; } .popup_wrapper.parent_width__fixed { position: fixed; max-height: 100%; max-width: 100%; } .popup_wrapper.center_fixed__css_only, .popup_wrapper.center_fixed, .popup_perspective_wrapper.center_fixed { position: fixed; max-height: 100vh; max-width: 100vw; } .popup_wrapper.center_fixed__css_only { left: 50%; top: 50%; transform: translate(-50%,-50%); width: max-content; } .popup_wrapper.center_fixed__css_only > .popup_content_wrapper, .popup_wrapper.center_fixed > .popup_content_wrapper { max-height: 100vh; } .popup_wrapper:not(.inline_popup) .popup_content_wrapper { overflow: auto; } .popup_perspective_wrapper.center_viewport, .popup_wrapper.center_viewport, .popup_perspective_wrapper.align, .popup_wrapper.align { position: absolute; } .popup_wrapper.align_mouse { position: fixed; } .popup_wrapper.fade_transition{ -webkit-transition: opacity 300ms; -moz-transition: opacity 300ms; -ms-transition: opacity 300ms; -o-transition: opacity 300ms; transition: opacity 300ms; } .popup_wrapper.position_transition{ -webkit-transition: top 300ms, left 300ms; -moz-transition: top 300ms, left 300ms; -ms-transition: top 300ms, left 300ms; -o-transition: top 300ms, left 300ms; transition: top 300ms, left 300ms; } .popup_wrapper.fade_transition.position_transition{ -webkit-transition: top 300ms, left 300ms, opacity 300ms; -moz-transition: top 300ms, left 300ms, opacity 300ms; -ms-transition: top 300ms, left 300ms, opacity 300ms; -o-transition: top 300ms, left 300ms, opacity 300ms; transition: top 300ms, left 300ms, opacity 300ms; } .popup_wrapper.center_viewport iframe, .popup_wrapper.center_fixed iframe{ -webkit-transition: height 300ms; -moz-transition: height 300ms; -ms-transition: height 300ms; -o-transition: height 300ms; transition: height 300ms; overflow-y: auto; } .popup_wrapper .popup__headline { overflow: hidden; } .popup_calculate_iframe_size { height: auto; width: auto; overflow: visible; } .popup_wrapper .popup_resize_controller { height: 15px; width: 15px; position: absolute; bottom: 0; right: 0; background-color: transparent; cursor: nwse-resize; } .popup_cancel_button.hide{ display: none; } .popup_perspective_wrapper { perspective: 2000px; background-color: transparent; display: inline-block; transform: translateZ(0); } .fly_in.popup_wrapper { backface-visibility: hidden; transform-style: preserve-3d; opacity: 1; transform: translateZ(0); } .fly_in.popup_wrapper.fade_in { transform: rotate(0deg); } .fly_in.popup_wrapper.fade_transition.fade_in { transition: transform 400ms ease-in-out; } .fly_in.popup_wrapper.initial_hide:not(.faded_in) { transform: rotateZ(90deg) scale(0.1) rotateY(-90deg); transform-style: flat; } popup_wrapper.fade_in { transform: translateX(0); } .come_from_right.popup_wrapper.fade_transition.fade_in, .come_from_left.popup_wrapper.fade_transition.fade_in { transition: transform 400ms, opacity 0ms; } .come_from_right.popup_wrapper.initial_hide:not(.faded_in) { transform: translateX(1000px); } .come_from_left.popup_wrapper.initial_hide:not(.faded_in) { transform: translateX(-1000px); } .fly_in.popup_wrapper.initial_hide.fade_transition.faded_in, .come_from_right.popup_wrapper.initial_hide.fade_transition.faded_in, .come_from_left.popup_wrapper.initial_hide.fade_transition.faded_in { transition: opacity 600ms ease-in; } @media only screen and (max-width: 487.9px) { .popup_wrapper.responsive.resp-sp-popup { position: fixed !important; overflow-y: auto; overflow-x: hidden; background-color: #fffffffa; box-shadow: 1px 1px 13px rgba(0, 0, 0,.35); } .popup_wrapper.responsive.resp-sp-popup.bottom, .popup_wrapper.responsive.resp-sp-popup.center, .popup_wrapper.responsive.resp-sp-popup.left, .popup_wrapper.responsive.resp-sp-popup.right { transition: transform 500ms !important; opacity: 1 !important; left: 0 !important; } .popup_wrapper.responsive.resp-sp-popup:not(.bottom):not(.centered_popup) { height: 100vh; top: 0 !important; } .popup_wrapper.responsive.resp-sp-popup.bottom { top: auto !important; bottom: 0 !important; } .popup_wrapper.responsive.resp-sp-popup.full { width : 100vw !important; border-radius: 0; } .popup_wrapper.responsive.resp-sp-popup.initial_hide.bottom, .popup_wrapper.responsive.resp-sp-popup.initial_hide.center { transform: translatey(110vh); } .popup_wrapper.responsive.resp-sp-popup.fade_in.bottom, .popup_wrapper.responsive.resp-sp-popup.fade_in.center { transform: translatey(0vh); } .popup_wrapper.responsive.resp-sp-popup.bottom, .popup_wrapper.responsive.resp-sp-popup.center{ transform: translate(0,0); width: 100vw; } .popup_wrapper.responsive.resp-sp-popup.initial_hide.left{ transform: translateX(-100vw); } .popup_wrapper.responsive.resp-sp-popup.fade_in.left{ transform: translateX(0); } .popup_wrapper.responsive.resp-sp-popup.initial_hide.right{ transform: translateX(110vw); } .popup_wrapper.responsive.resp-sp-popup.left, .popup_wrapper.responsive.resp-sp-popup.right{ width: 85vw; } .popup_wrapper.responsive.resp-sp-popup.fade_in.right{ transform: translateX(15vw); } .popup_wrapper.responsive.resp-sp-popup.centered_popup { max-width: 90vw; max-height: 85vh; top: 50%!important; left: 50%!important; transform: translate(-50%,-50%)!important; } } @media only screen and (min-width: 488px) and (max-width: 809.9px) { .popup_wrapper.responsive.resp-sl-popup { position: fixed !important; overflow-y: auto; overflow-x: hidden; background-color: #fffffffa; box-shadow: 1px 1px 13px rgba(0, 0, 0,.35); } .popup_wrapper.responsive.resp-sl-popup.bottom, .popup_wrapper.responsive.resp-sl-popup.center, .popup_wrapper.responsive.resp-sl-popup.left, .popup_wrapper.responsive.resp-sl-popup.right { transition: transform 500ms !important; opacity: 1 !important; left: 0 !important; } .popup_wrapper.responsive.resp-sl-popup:not(.bottom):not(.centered_popup) { height: 100vh; top: 0 !important; } .popup_wrapper.responsive.resp-sl-popup.bottom { top: auto !important; bottom: 0 !important; } .popup_wrapper.responsive.resp-sl-popup.full { width : 100vw !important; border-radius: 0; } .popup_wrapper.responsive.resp-sl-popup.initial_hide.bottom, .popup_wrapper.responsive.resp-sl-popup.initial_hide.center { transform: translatey(110vh); } .popup_wrapper.responsive.resp-sl-popup.fade_in.bottom, .popup_wrapper.responsive.resp-sl-popup.fade_in.center { transform: translatey(0vh); } .popup_wrapper.responsive.resp-sl-popup.bottom, .popup_wrapper.responsive.resp-sl-popup.center{ transform: translate(0,0); width: 100vw; } .popup_wrapper.responsive.resp-sl-popup.initial_hide.left{ transform: translateX(-100vw); } .popup_wrapper.responsive.resp-sl-popup.fade_in.left{ transform: translateX(0); } .popup_wrapper.responsive.resp-sl-popup.initial_hide.right{ transform: translateX(110vw); } .popup_wrapper.responsive.resp-sl-popup.left, .popup_wrapper.responsive.resp-sl-popup.right{ width: 85vw; } .popup_wrapper.responsive.resp-sl-popup.fade_in.right{ transform: translateX(15vw); } .popup_wrapper.responsive.resp-sl-popup.centered_popup { max-width: 90vw; max-height: 85vh; top: 50%!important; left: 50%!important; transform: translate(-50%,-50%)!important; } } @media only screen and (min-width: 810px) and (max-width: 1023.9px) { .popup_wrapper.responsive.resp-tp-popup { position: fixed !important; overflow-y: auto; overflow-x: hidden; background-color: #fffffffa; box-shadow: 1px 1px 13px rgba(0, 0, 0,.35); } .popup_wrapper.responsive.resp-tp-popup.bottom, .popup_wrapper.responsive.resp-tp-popup.center, .popup_wrapper.responsive.resp-tp-popup.left, .popup_wrapper.responsive.resp-tp-popup.right { transition: transform 500ms !important; opacity: 1 !important; left: 0 !important; } .popup_wrapper.responsive.resp-tp-popup:not(.bottom):not(.centered_popup) { height: 100vh; top: 0 !important; } .popup_wrapper.responsive.resp-tp-popup.bottom { top: auto !important; bottom: 0 !important; } .popup_wrapper.responsive.resp-tp-popup.full { width : 100vw !important; border-radius: 0; } .popup_wrapper.responsive.resp-tp-popup.initial_hide.bottom, .popup_wrapper.responsive.resp-tp-popup.initial_hide.center { transform: translatey(110vh); } .popup_wrapper.responsive.resp-tp-popup.fade_in.bottom, .popup_wrapper.responsive.resp-tp-popup.fade_in.center { transform: translatey(0vh); } .popup_wrapper.responsive.resp-tp-popup.bottom, .popup_wrapper.responsive.resp-tp-popup.center{ transform: translate(0,0); width: 100vw; } .popup_wrapper.responsive.resp-tp-popup.initial_hide.left{ transform: translateX(-100vw); } .popup_wrapper.responsive.resp-tp-popup.fade_in.left{ transform: translateX(0); } .popup_wrapper.responsive.resp-tp-popup.initial_hide.right{ transform: translateX(110vw); } .popup_wrapper.responsive.resp-tp-popup.right{ width: 50%; width: calc(50vw - (100vw - 100%)); } .popup_wrapper.responsive.resp-tp-popup.left{ width: 50%; width: 50vw; } .popup_wrapper.responsive.resp-tp-popup.fade_in.right{ transform: translateX(50vw); } .popup_wrapper.responsive.resp-tp-popup.centered_popup { max-width: 90vw; max-height: 85vh; top: 50%!important; left: 50%!important; transform: translate(-50%,-50%)!important; } } @media only screen and (min-width: 1024px) and (max-width: 1279.9px) { .popup_wrapper.responsive.resp-tl-popup { position: fixed !important; overflow-y: auto; overflow-x: hidden; background-color: #fffffffa; box-shadow: 1px 1px 13px rgba(0, 0, 0,.35); } .popup_wrapper.responsive.resp-tl-popup.bottom, .popup_wrapper.responsive.resp-tl-popup.center, .popup_wrapper.responsive.resp-tl-popup.left, .popup_wrapper.responsive.resp-tl-popup.right { transition: transform 500ms !important; opacity: 1 !important; left: 0 !important; } .popup_wrapper.responsive.resp-tl-popup:not(.bottom):not(.centered_popup) { height: 100vh; top: 0 !important; } .popup_wrapper.responsive.resp-tl-popup.bottom { top: auto !important; bottom: 0 !important; } .popup_wrapper.responsive.resp-tl-popup.full { width : 100vw !important; border-radius: 0; } .popup_wrapper.responsive.resp-tl-popup.initial_hide.bottom, .popup_wrapper.responsive.resp-tl-popup.initial_hide.center { transform: translatey(110vh); } .popup_wrapper.responsive.resp-tl-popup.fade_in.bottom, .popup_wrapper.responsive.resp-tl-popup.fade_in.center { transform: translatey(0vh); } .popup_wrapper.responsive.resp-tl-popup.bottom, .popup_wrapper.responsive.resp-tl-popup.center{ transform: translate(0,0); width: 100vw; } .popup_wrapper.responsive.resp-tl-popup.initial_hide.left{ transform: translateX(-100vw); } .popup_wrapper.responsive.resp-tl-popup.fade_in.left{ transform: translateX(0); } .popup_wrapper.responsive.resp-tl-popup.initial_hide.right{ transform: translateX(110vw); } .popup_wrapper.responsive.resp-tl-popup.right{ width: 50%; width: calc(50vw - (100vw - 100%)); } .popup_wrapper.responsive.resp-tl-popup.left{ width: 50%; width: 50vw; } .popup_wrapper.responsive.resp-tl-popup.fade_in.right{ transform: translateX(50vw); } .popup_wrapper.responsive.resp-tl-popup.centered_popup { max-width: 90vw; max-height: 85vh; top: 50%!important; left: 50%!important; transform: translate(-50%,-50%)!important; } } @media (min-width: 1280px) and (max-width: 1440.9px), print { .popup_wrapper.responsive.resp-d-popup { position: fixed !important; overflow-y: auto; overflow-x: hidden; background-color: #fffffffa; box-shadow: 1px 1px 13px rgba(0, 0, 0,.35); } .popup_wrapper.responsive.resp-d-popup.bottom, .popup_wrapper.responsive.resp-d-popup.center, .popup_wrapper.responsive.resp-d-popup.left, .popup_wrapper.responsive.resp-d-popup.right { transition: transform 500ms !important; opacity: 1 !important; left: 0 !important; } .popup_wrapper.responsive.resp-d-popup:not(.bottom):not(.centered_popup) { height: 100vh; top: 0 !important; } .popup_wrapper.responsive.resp-d-popup.bottom { top: auto !important; bottom: 0 !important; } .popup_wrapper.responsive.resp-d-popup.full { width : 100vw !important; border-radius: 0; } .popup_wrapper.responsive.resp-d-popup.initial_hide.bottom, .popup_wrapper.responsive.resp-d-popup.initial_hide.center { transform: translatey(110vh); } .popup_wrapper.responsive.resp-d-popup.fade_in.bottom, .popup_wrapper.responsive.resp-d-popup.fade_in.center { transform: translatey(0vh); } .popup_wrapper.responsive.resp-d-popup.bottom, .popup_wrapper.responsive.resp-d-popup.center{ transform: translate(0,0); width: 100vw; } .popup_wrapper.responsive.resp-d-popup.initial_hide.left{ transform: translateX(-100vw); } .popup_wrapper.responsive.resp-d-popup.fade_in.left{ transform: translateX(0); } .popup_wrapper.responsive.resp-d-popup.initial_hide.right{ transform: translateX(110vw); } .popup_wrapper.responsive.resp-d-popup.right{ width: 50%; width: calc(50vw - (100vw - 100%)); } .popup_wrapper.responsive.resp-d-popup.left{ width: 50%; width: 50vw; } .popup_wrapper.responsive.resp-d-popup.fade_in.right{ transform: translateX(50vw); } .popup_wrapper.responsive.resp-d-popup.centered_popup { max-width: 90vw; max-height: 85vh; top: 50%!important; left: 50%!important; transform: translate(-50%,-50%)!important; } } @media (min-width: 1441px), print { .popup_wrapper.responsive.resp-dw-popup { position: fixed !important; overflow-y: auto; overflow-x: hidden; background-color: #fffffffa; box-shadow: 1px 1px 13px rgba(0, 0, 0,.35); } .popup_wrapper.responsive.resp-dw-popup.bottom, .popup_wrapper.responsive.resp-dw-popup.center, .popup_wrapper.responsive.resp-dw-popup.left, .popup_wrapper.responsive.resp-dw-popup.right { transition: transform 500ms !important; opacity: 1 !important; left: 0 !important; } .popup_wrapper.responsive.resp-dw-popup:not(.bottom):not(.centered_popup) { height: 100vh; top: 0 !important; } .popup_wrapper.responsive.resp-dw-popup.bottom { top: auto !important; bottom: 0 !important; } .popup_wrapper.responsive.resp-dw-popup.full { width : 100vw !important; border-radius: 0; } .popup_wrapper.responsive.resp-dw-popup.initial_hide.bottom, .popup_wrapper.responsive.resp-dw-popup.initial_hide.center { transform: translatey(110vh); } .popup_wrapper.responsive.resp-dw-popup.fade_in.bottom, .popup_wrapper.responsive.resp-dw-popup.fade_in.center { transform: translatey(0vh); } .popup_wrapper.responsive.resp-dw-popup.bottom, .popup_wrapper.responsive.resp-dw-popup.center{ transform: translate(0,0); width: 100vw; } .popup_wrapper.responsive.resp-dw-popup.initial_hide.left{ transform: translateX(-100vw); } .popup_wrapper.responsive.resp-dw-popup.fade_in.left{ transform: translateX(0); } .popup_wrapper.responsive.resp-dw-popup.initial_hide.right{ transform: translateX(110vw); } .popup_wrapper.responsive.resp-dw-popup.right{ width: 50%; width: calc(50vw - (100vw - 100%)); } .popup_wrapper.responsive.resp-dw-popup.left{ width: 50%; width: 50vw; } .popup_wrapper.responsive.resp-dw-popup.fade_in.right{ transform: translateX(50vw); } .popup_wrapper.responsive.resp-dw-popup.centered_popup { max-width: 90vw; max-height: 85vh; top: 50%!important; left: 50%!important; transform: translate(-50%,-50%)!important; } } .popup_wrapper.tooltip { pointer-events: none; white-space: pre-line; max-width: 45em; } .error_layer:before, .info_layer:before { pointer-events: none; position: absolute; content: ' '; top: 2px; left: 80%; margin-left: auto; } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { .error_layer:before, .info_layer:before { display: none; } } .error_layer:before, .info_layer:before { width: 0; height: 0; border-left: 0.6em solid transparent; border-right: 0.6em solid transparent; border-bottom: 1em solid #FFFFFF; } .popup_wrapper { text-align: left; } .standard_popup { padding: 0; } .popup_wrapper .popup__headline, .popup_wrapper .popup__button_wrapper:not(:empty) { padding: 5px 20px; } .popup_wrapper:not(.inline_popup) .popup_content_wrapper { padding: 15px 20px 20px 20px; } .popup_wrapper .without_headline_wrapper + .popup_content_wrapper { padding-top: 0; } .popup_wrapper .ip_engine_message_page_message { justify-content: center; } .popup_wrapper .engine_action_buttons_wrapper { display: flex; gap: 1.5em; } .popup_wrapper ol.button_list { display: flex; justify-content: space-evenly; } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { .standard_popup { padding: var(--content_padding_h) var(--content_padding_h) var(--content_padding_v) var(--content_padding_h); } .engine_instance_popup { margin: 0 calc(var(--content_padding_h)/2); width: calc(100vw - var(--content_padding_h)); } .popup_wrapper.responsive.resp-sp-popup.centered_popup { width: calc(100vw - var(--content_padding_h)); } } #confirmationDialogPopup { max-width: 740px; padding: 0; } #confirmationDialogPopup .popup__header_wrapper:not(.without_headline_wrapper) { background: linear-gradient(138deg, #40B5CA 0%, #0B576F 100%); font-weight: bold; } div.disable_page_background_div { position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: none; z-index: 101; padding: 0; margin: 0; background-color: white; background-color: rgba(255, 255, 255, 0.6); } body > div.disable_page_background_div { position: fixed; width: 100% !important; height: 100% !important; } div.disable_page_background_div.with_loading_indicator { display: flex; align-items: center; } div.disable_page_background_div.with_loading_indicator .loading_wheel { left: 50%; transform: translateX(-50%); } div.disable_page_background_div ~ div.disable_page_background_div { background-color: transparent; } .disable_page_background_div.page_transition_overlay { position: fixed; height: 100%; opacity: 1; background-color: rgba(255, 255, 255, 0.6); display: flex; align-items: center; justify-content: center; transition: background-color 300ms; z-index: 9; } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px) { .display_wrapper { position: fixed; overflow-y: auto; overflow-x: hidden; z-index: 2001; height: 100%; transform: translateX(0); transition: transform 500ms; left: 0; top: 0; display: none; } .i_am_an_apple.touch .display_wrapper { overflow: scroll; -webkit-overflow-scrolling: touch; } html.responsive_overlay_active.touch, .responsive_overlay_active.touch body { height: 100%; overflow: hidden; } .responsive_overlay_active .display_wrapper { display: block; } .display_wrapper.none, .display_wrapper.center { width: 100%; } .display_wrapper.hide.none { display: none; } .display_wrapper.show.none { display: block; } .display_wrapper.hide { display: none; } .display_wrapper.show, .display_wrapper.hide.about_to_show, .display_wrapper.hide.about_to_hide { display: block; } .display_wrapper.hide.center { transform: translatey(110vh); } .display_wrapper.show.center { transform: translatey(0vh); } .display_wrapper.left, .display_wrapper.right { width: 85vw; } .display_wrapper.hide.left { transform: translateX(-100vw); } .display_wrapper.show.left { transform: translateX(0); } .display_wrapper.hide.right { transform: translateX(110vw); } .display_wrapper.show.right { transform: translateX(15vw); } .display_wrapper img { max-width: 100%; height: auto; } .responsive_overlay__iframe { width: 100%; height: 100%; display: block; box-sizing: border-box; border: 0; } .hide_all_really_hard body > div { display: none; } .hide_all_really_hard .show { display: block!important; } .disable_background { display: block !important; } @media only screen and (min-width: 1024px) and (max-width: 1279.9px) { div.display_wrapper.left, div.display_wrapper.right{ width: 40vw; } .display_wrapper.show.right { transform: translateX(60vw); } } @media only screen and (min-width: 810px) and (max-width: 1023.9px) { div.display_wrapper.left, div.display_wrapper.right{ width: 50vw; } .display_wrapper.show.right { transform: translateX(50vw); } } } .disable_background { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; height: 100vh; z-index: 1001; background-color: rgba(255, 255, 255, 0.6); } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px) { .display_wrapper { background-color: #FFFFFF; box-shadow: 1px 1px 13px rgba(0, 0, 0,.35); } .close_display_wrapper_button { text-align: right; } .close_display_wrapper_button .ip_button { padding: .5em; } .display_wrapper__headline { background-color: white; font-weight: bold; font-size: large; } .right .display_wrapper__headline { padding: 0.3em 0 0.3em 1.4em; } .left .display_wrapper__headline, .center .display_wrapper__headline { padding: 0.3em 0 0.3em 0.4em; } .display_wrapper .content_multiple_paragraph { padding: 0 1em 0 1em; } .responsive_layer__option { padding: 0.4em 0 0.4em 3em; border-bottom: 1px solid red; } .responsive_layer__option.active_item { color: red; font-weight: bold; } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px) { div.display_wrapper.right:has(.hide_labels) { width: max(10vw, 70px); } .display_wrapper.show.right:has(.hide_labels) { transform: translateX(calc(100vw - max(10vw, 70px))) } body.logged_in .header_navigation_wrapper.hide_labels .tree_list_item_name { justify-self: center; } } .disable_page_background_div.submit_overlay { animation: submit_overlay_fadein 2000ms; cursor: default; overflow: hidden; animation-fill-mode: forwards; } @keyframes submit_overlay_fadein { from { opacity: 0; } to { opacity: 1; } } .loading_wheel { position: absolute; z-index: 10001; } .loading_wheel:before, .submit_overlay:before { content: '\f3f4'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; font-size: 70px; color: #02A2FF; animation: 2.2s linear infinite fa-spin; opacity: 0.3; cursor: default; display: inline-block; } .submit_overlay:before { top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } div.progressbar_wrapper { border: 1px solid #e4e4e4; border-radius: 5px; margin: 5px 0; overflow: hidden; height: 10px; position: relative; } div.progressbar_status { position: absolute; z-index: 2; width: 0; height: 100%; background-color: #1aa3c8; opacity: .5; transition: width 400ms linear; } div.percentage_bar { background-color: #1aa3c8; height: 10px; } div.progress_bar_wrapper { height: 20px; width: 100%; margin: 0; background: none; border: 1px solid #e4e4e4; border-radius: 5px; } div.progress_bar_wrapper div.progress_bar { padding: 0; margin: 0; border: none; height: 20px; border-radius: 5px; background-color: #57add5; background-size: 45px 45px; background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); -webkit-animation: moving-stripes 1s linear infinite; animation: moving-stripes 1s linear infinite; transition: width 420ms ease-in-out; } @-webkit-keyframes moving-stripes { 0% { background-position: 0; } 100% { background-position: -45px; } } @keyframes moving-stripes { 0% { background-position: 0; } 100% { background-position: -45px; } } div.progressbar_wrapper { background-color: #c1c1c1; border: none; border-radius: 3px; height: 6px; } .data_cell div.progressbar_wrapper { width: 20em; } div.progressbar_status { background-color: #7ADF5F; opacity: .9; } div.progressbar_status.status_billed { background-color: #02A2FF; } .js_toggle_container, .js_toggle_content, .js_toggle_trigger{ --responsive_hit: 0; } .js_toggle_container.all_responsive_steps, .js_toggle_content.all_responsive_steps, .js_toggle_trigger.all_responsive_steps{ --responsive_hit: 1; } .js_toggle_trigger, .js_container_trigger, .tab_header_item { cursor: pointer; } .tabviewer { display: flex; flex-wrap: wrap; } .tabviewer:not(.responsive_accordeon_mode) > .tabviewer_content_wrapper.all_responsive_steps { order: 1; width: 100%; } .tabviewer:not(.responsive_accordeon_mode) > .tabviewer_content_wrapper.all_responsive_steps:not(.js_content_searchable) { display: none; } .tabviewer:not(.responsive_accordeon_mode) > .tabviewer_content_wrapper.all_responsive_steps.open:not(.js_content_searchable) { display: block; } @supports (content-visibility:hidden){ .tabviewer:not(.responsive_accordeon_mode) > .tabviewer_content_wrapper.all_responsive_steps.js_content_searchable, .js_toggle_container.all_responsive_steps > .js_container_content, .js_toggle_content.all_responsive_steps{ content-visibility: hidden; } .tabviewer:not(.responsive_accordeon_mode) > .tabviewer_content_wrapper.all_responsive_steps.open.js_content_searchable, .js_toggle_container.open.all_responsive_steps > .js_container_content, .js_content_searchable.open, .js_content_searchable.responsive_open, .js_toggle_content.all_responsive_steps.open{ display: block; content-visibility: visible; } } @supports not (content-visibility:hidden){ .js_content_searchable{ content-visibility: visible; display: block; } .tabviewer:not(.responsive_accordeon_mode) > .tabviewer_content_wrapper.all_responsive_steps.js_content_searchable { display: none; } .tabviewer:not(.responsive_accordeon_mode) > .tabviewer_content_wrapper.all_responsive_steps.open.js_content_searchable { display: block; } } .js_toggle_content.js_none.all_responsive_steps { display: none; } .js_toggle_content.js_none.open.all_responsive_steps{ display: block; } .js_toggle_content.js_opacity.all_responsive_steps { transition: opacity 300ms ease; opacity: 0; } .js_toggle_content.js_opacity.open.all_responsive_steps{ display: block; opacity: 1; } .js_toggle_container.js_slide.all_responsive_steps > .js_container_content, .responsive_accordeon_mode > .js_toggle_content.js_tabviewer.all_responsive_steps, .js_toggle_content.js_slide.all_responsive_steps { --max_height: 0; max-height: var(--max_height); overflow-y: hidden; transition: max-height 300ms ease, padding 300ms ease, content-visibility 300ms ease; } .js_toggle_container.js_slide.open.all_responsive_steps > .js_container_content, .responsive_accordeon_mode > .js_toggle_content.js_tabviewer.responsive_open.all_responsive_steps, .js_toggle_content.js_slide.open.all_responsive_steps{ --max_height: none; } .js_toggle_container.all_responsive_steps > .toggle_icon, .toggle_icon.all_responsive_steps{ display: flex; gap: .5em; align-items: baseline; } .js_toggle_container.all_responsive_steps > .toggle_icon.icon_after:after, .js_toggle_container.all_responsive_steps > .toggle_icon.icon_before:before, .toggle_icon.icon_after.all_responsive_steps:after, .toggle_icon.icon_before.all_responsive_steps:before{ content: '\f107'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; transform: rotate(0); transition: transform 300ms ease; transform-origin: center; } .js_toggle_container.open.all_responsive_steps > .toggle_icon.icon_after:after, .js_toggle_container.open.all_responsive_steps > .toggle_icon.icon_before:before, .toggle_icon.icon_after.open.all_responsive_steps:after, .toggle_icon.icon_before.open.all_responsive_steps:before{ transform: rotate(180deg); } @media only screen and (max-width: 487.9px) { @supports (content-visibility){ .js_toggle_container.resp-sp-toggle_handler > .js_container_content, .js_toggle_content.resp-sp-toggle_handler{ content-visibility: hidden; } .js_toggle_container.open.resp-sp-toggle_handler > .js_container_content, .js_toggle_content.resp-sp-toggle_handler.open{ content-visibility: visible; } } .js_toggle_container.resp-sp-toggle_handler > .toggle_icon.icon_after:after, .js_toggle_container.resp-sp-toggle_handler > .toggle_icon.icon_before:before, .toggle_icon.icon_after.resp-sp-toggle_handler:after, .toggle_icon.icon_before.resp-sp-toggle_handler:before{ content: '\f107'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; transform: rotate(0); transition: transform 300ms ease; } .js_toggle_container.open.resp-sp-toggle_handler > .toggle_icon.icon_after:after, .js_toggle_container.open.resp-sp-toggle_handler > .toggle_icon.icon_before:before, .toggle_icon.icon_after.responsive_open.resp-sp-toggle_handler:after, .toggle_icon.icon_before.responsive_open.resp-sp-toggle_handler:before, .toggle_icon.icon_after.open.resp-sp-toggle_handler:not(.tab_header_item):after, .toggle_icon.icon_before.open.resp-sp-toggle_handler:not(.tab_header_item):before{ transform: rotate(180deg); } .js_toggle_container.resp-sp-toggle_handler, .js_toggle_trigger.resp-sp-toggle_handler, .js_toggle_content.resp-sp-toggle_handler { --responsive_hit: 1; } .js_toggle_container.js_slide.resp-sp-toggle_handler > .js_container_content, .responsive_accordeon_mode > .js_toggle_content.js_tabviewer.resp-sp-toggle_handler, .js_toggle_content.js_slide.resp-sp-toggle_handler { --max_height: 0; max-height: var(--max_height); overflow-y: hidden; transition: max-height 300ms ease, padding 300ms ease; } .js_toggle_container.js_slide.open.resp-sp-toggle_handler > .js_container_content, .responsive_accordeon_mode > .js_toggle_content.js_tabviewer.responsive_open.resp-sp-toggle_handler, .js_toggle_content.js_slide.open.resp-sp-toggle_handler{ --max_height: none; } } @media only screen and (min-width: 488px) and (max-width: 809.9px) { @supports (content-visibility){ .js_toggle_container.resp-sl-toggle_handler > .js_container_content, .js_toggle_content.resp-sl-toggle_handler{ content-visibility: hidden; } .js_toggle_container.open.resp-sl-toggle_handler > .js_container_content, .js_toggle_content.resp-sl-toggle_handler.open{ content-visibility: visible; } } .js_toggle_container.resp-sl-toggle_handler > .toggle_icon.icon_after:after, .js_toggle_container.resp-sl-toggle_handler > .toggle_icon.icon_before:before, .toggle_icon.icon_after.resp-sl-toggle_handler:after, .toggle_icon.icon_before.resp-sl-toggle_handler:before{ content: '\f107'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; transform: rotate(0); transition: transform 300ms ease; } .js_toggle_container.open.resp-sl-toggle_handler > .toggle_icon.icon_after:after, .js_toggle_container.open.resp-sl-toggle_handler > .toggle_icon.icon_before:before, .toggle_icon.icon_after.responsive_open.resp-sl-toggle_handler:after, .toggle_icon.icon_before.responsive_open.resp-sl-toggle_handler:before, .toggle_icon.icon_after.open.resp-sl-toggle_handler:not(.tab_header_item):after, .toggle_icon.icon_before.open.resp-sl-toggle_handler:not(.tab_header_item):before{ transform: rotate(180deg); } .js_toggle_container.resp-sl-toggle_handler, .js_toggle_trigger.resp-sl-toggle_handler, .js_toggle_content.resp-sl-toggle_handler { --responsive_hit: 1; } .js_toggle_container.js_slide.resp-sl-toggle_handler > .js_container_content, .responsive_accordeon_mode > .js_toggle_content.js_tabviewer.resp-sl-toggle_handler, .js_toggle_content.js_slide.resp-sl-toggle_handler { --max_height: 0; max-height: var(--max_height); overflow-y: hidden; transition: max-height 300ms ease, padding 300ms ease; } .js_toggle_container.js_slide.open.resp-sl-toggle_handler > .js_container_content, .responsive_accordeon_mode > .js_toggle_content.js_tabviewer.responsive_open.resp-sl-toggle_handler, .js_toggle_content.js_slide.open.resp-sl-toggle_handler{ --max_height: none; } } @media only screen and (min-width: 810px) and (max-width: 1023.9px) { @supports (content-visibility){ .js_toggle_container.resp-tp-toggle_handler > .js_container_content, .js_toggle_content.resp-tp-toggle_handler{ content-visibility: hidden; } .js_toggle_container.open.resp-tp-toggle_handler > .js_container_content, .js_toggle_content.resp-tp-toggle_handler.open{ content-visibility: visible; } } .js_toggle_container.resp-tp-toggle_handler > .toggle_icon.icon_after:after, .js_toggle_container.resp-tp-toggle_handler > .toggle_icon.icon_before:before, .toggle_icon.icon_after.resp-tp-toggle_handler:after, .toggle_icon.icon_before.resp-tp-toggle_handler:before{ content: '\f107'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; transform: rotate(0); transition: transform 300ms ease; } .js_toggle_container.open.resp-tp-toggle_handler > .toggle_icon.icon_after:after, .js_toggle_container.open.resp-tp-toggle_handler > .toggle_icon.icon_before:before, .toggle_icon.icon_after.responsive_open.resp-tp-toggle_handler:after, .toggle_icon.icon_before.responsive_open.resp-tp-toggle_handler:before, .toggle_icon.icon_after.open.resp-tp-toggle_handler:not(.tab_header_item):after, .toggle_icon.icon_before.open.resp-tp-toggle_handler:not(.tab_header_item):before{ transform: rotate(180deg); } .js_toggle_container.resp-tp-toggle_handler, .js_toggle_trigger.resp-tp-toggle_handler, .js_toggle_content.resp-tp-toggle_handler { --responsive_hit: 1; } .js_toggle_container.js_slide.resp-tp-toggle_handler > .js_container_content, .responsive_accordeon_mode > .js_toggle_content.js_tabviewer.resp-tp-toggle_handler, .js_toggle_content.js_slide.resp-tp-toggle_handler { --max_height: 0; max-height: var(--max_height); overflow-y: hidden; transition: max-height 300ms ease, padding 300ms ease; } .js_toggle_container.js_slide.open.resp-tp-toggle_handler > .js_container_content, .responsive_accordeon_mode > .js_toggle_content.js_tabviewer.responsive_open.resp-tp-toggle_handler, .js_toggle_content.js_slide.open.resp-tp-toggle_handler{ --max_height: none; } } @media only screen and (min-width: 1024px) and (max-width: 1279.9px) { @supports (content-visibility){ .js_toggle_container.resp-tl-toggle_handler > .js_container_content, .js_toggle_content.resp-tl-toggle_handler{ content-visibility: hidden; } .js_toggle_container.open.resp-tl-toggle_handler > .js_container_content, .js_toggle_content.resp-tl-toggle_handler.open{ content-visibility: visible; } } .js_toggle_container.resp-tl-toggle_handler > .toggle_icon.icon_after:after, .js_toggle_container.resp-tl-toggle_handler > .toggle_icon.icon_before:before, .toggle_icon.icon_after.resp-tl-toggle_handler:after, .toggle_icon.icon_before.resp-tl-toggle_handler:before{ content: '\f107'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; transform: rotate(0); transition: transform 300ms ease; } .js_toggle_container.open.resp-tl-toggle_handler > .toggle_icon.icon_after:after, .js_toggle_container.open.resp-tl-toggle_handler > .toggle_icon.icon_before:before, .toggle_icon.icon_after.responsive_open.resp-tl-toggle_handler:after, .toggle_icon.icon_before.responsive_open.resp-tl-toggle_handler:before, .toggle_icon.icon_after.open.resp-tl-toggle_handler:not(.tab_header_item):after, .toggle_icon.icon_before.open.resp-tl-toggle_handler:not(.tab_header_item):before{ transform: rotate(180deg); } .js_toggle_container.resp-tl-toggle_handler, .js_toggle_trigger.resp-tl-toggle_handler, .js_toggle_content.resp-tl-toggle_handler { --responsive_hit: 1; } .js_toggle_container.js_slide.resp-tl-toggle_handler > .js_container_content, .responsive_accordeon_mode > .js_toggle_content.js_tabviewer.resp-tl-toggle_handler, .js_toggle_content.js_slide.resp-tl-toggle_handler { --max_height: 0; max-height: var(--max_height); overflow-y: hidden; transition: max-height 300ms ease, padding 300ms ease; } .js_toggle_container.js_slide.open.resp-tl-toggle_handler > .js_container_content, .responsive_accordeon_mode > .js_toggle_content.js_tabviewer.responsive_open.resp-tl-toggle_handler, .js_toggle_content.js_slide.open.resp-tl-toggle_handler{ --max_height: none; } } @media (min-width: 1280px) and (max-width: 1440.9px), print { @supports (content-visibility){ .js_toggle_container.resp-d-toggle_handler > .js_container_content, .js_toggle_content.resp-d-toggle_handler{ content-visibility: hidden; } .js_toggle_container.open.resp-d-toggle_handler > .js_container_content, .js_toggle_content.resp-d-toggle_handler.open{ content-visibility: visible; } } .js_toggle_container.resp-d-toggle_handler > .toggle_icon.icon_after:after, .js_toggle_container.resp-d-toggle_handler > .toggle_icon.icon_before:before, .toggle_icon.icon_after.resp-d-toggle_handler:after, .toggle_icon.icon_before.resp-d-toggle_handler:before{ content: '\f107'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; transform: rotate(0); transition: transform 300ms ease; } .js_toggle_container.open.resp-d-toggle_handler > .toggle_icon.icon_after:after, .js_toggle_container.open.resp-d-toggle_handler > .toggle_icon.icon_before:before, .toggle_icon.icon_after.responsive_open.resp-d-toggle_handler:after, .toggle_icon.icon_before.responsive_open.resp-d-toggle_handler:before, .toggle_icon.icon_after.open.resp-d-toggle_handler:not(.tab_header_item):after, .toggle_icon.icon_before.open.resp-d-toggle_handler:not(.tab_header_item):before{ transform: rotate(180deg); } .js_toggle_container.resp-d-toggle_handler, .js_toggle_trigger.resp-d-toggle_handler, .js_toggle_content.resp-d-toggle_handler { --responsive_hit: 1; } .js_toggle_container.js_slide.resp-d-toggle_handler > .js_container_content, .responsive_accordeon_mode > .js_toggle_content.js_tabviewer.resp-d-toggle_handler, .js_toggle_content.js_slide.resp-d-toggle_handler { --max_height: 0; max-height: var(--max_height); overflow-y: hidden; transition: max-height 300ms ease, padding 300ms ease; } .js_toggle_container.js_slide.open.resp-d-toggle_handler > .js_container_content, .responsive_accordeon_mode > .js_toggle_content.js_tabviewer.responsive_open.resp-d-toggle_handler, .js_toggle_content.js_slide.open.resp-d-toggle_handler{ --max_height: none; } } @media (min-width: 1441px), print { @supports (content-visibility){ .js_toggle_container.resp-dw-toggle_handler > .js_container_content, .js_toggle_content.resp-dw-toggle_handler{ content-visibility: hidden; } .js_toggle_container.open.resp-dw-toggle_handler > .js_container_content, .js_toggle_content.resp-dw-toggle_handler.open{ content-visibility: visible; } } .js_toggle_container.resp-dw-toggle_handler > .toggle_icon.icon_after:after, .js_toggle_container.resp-dw-toggle_handler > .toggle_icon.icon_before:before, .toggle_icon.icon_after.resp-dw-toggle_handler:after, .toggle_icon.icon_before.resp-dw-toggle_handler:before{ content: '\f107'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; transform: rotate(0); transition: transform 300ms ease; } .js_toggle_container.open.resp-dw-toggle_handler > .toggle_icon.icon_after:after, .js_toggle_container.open.resp-dw-toggle_handler > .toggle_icon.icon_before:before, .toggle_icon.icon_after.responsive_open.resp-dw-toggle_handler:after, .toggle_icon.icon_before.responsive_open.resp-dw-toggle_handler:before, .toggle_icon.icon_after.open.resp-dw-toggle_handler:not(.tab_header_item):after, .toggle_icon.icon_before.open.resp-dw-toggle_handler:not(.tab_header_item):before{ transform: rotate(180deg); } .js_toggle_container.resp-dw-toggle_handler, .js_toggle_trigger.resp-dw-toggle_handler, .js_toggle_content.resp-dw-toggle_handler { --responsive_hit: 1; } .js_toggle_container.js_slide.resp-dw-toggle_handler > .js_container_content, .responsive_accordeon_mode > .js_toggle_content.js_tabviewer.resp-dw-toggle_handler, .js_toggle_content.js_slide.resp-dw-toggle_handler { --max_height: 0; max-height: var(--max_height); overflow-y: hidden; transition: max-height 300ms ease, padding 300ms ease; } .js_toggle_container.js_slide.open.resp-dw-toggle_handler > .js_container_content, .responsive_accordeon_mode > .js_toggle_content.js_tabviewer.responsive_open.resp-dw-toggle_handler, .js_toggle_content.js_slide.open.resp-dw-toggle_handler{ --max_height: none; } } .pageelement_invisible, .pageelement_invisible > *, .pageelement_invisible.engine_page_element, .pageelement_invisible.engine_page_element_row, .engine_page_element .pageelement_invisible { display: none !important; } .ip_engine_message_page_message { margin-bottom: 2em; } .ip_engine_message_page_wrapper__success .ip_engine_message_page_message { color: #008000; } .ip_engine_message_page_wrapper__failure .ip_engine_message_page_message { color: #aa3333; } .ip_engine_message_page_wrapper__info .ip_engine_message_page_message { color: #ff8000; } .ip_engine_page .ip_engine_message_page_message svg.success_icon, .ip_engine_page .ip_engine_message_page_message svg.failure_icon, .ip_engine_page .ip_engine_message_page_message svg.info_icon { width: 35px; height: 35px; display: inline-block; } .ip_engine_header_message { transition: opacity 0.7s, max-height 0.7s, margin 300ms 3.8s; box-sizing: border-box; box-shadow: 1px 1px 13px rgba(0, 0, 0,.35); border-radius: 3px; } .ip_engine_header_message:empty { max-height: 0; opacity: 0; overflow: hidden; } .ip_engine_header_message:not(:empty) { max-height: 30vh; overflow: auto; opacity: 1; margin: 1em 0; position: relative; } .ip_engine_header_message_wrapper { display: flex; padding: 6px 8px; } .ip_engine_header_message_wrapper > a { padding: 0 .2em; } .ip_engine_header_message:not(:empty) .ip_engine_header_message_wrapper:before { font-size: 14px; margin-right: .5em; text-align: center; line-height: normal; } .ip_engine_header_message_error .ip_engine_header_message_wrapper { background-color: #f8dcdc; } .ip_engine_header_message_error .ip_engine_header_message_wrapper:before { content: '\f06a'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; color: #aa3333; } .ip_engine_header_message_warning .ip_engine_header_message_wrapper { background-color: #fce8ce; } .ip_engine_header_message_warning .ip_engine_header_message_wrapper:before { content: '\f071'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; color: #ff8000; } .ip_engine_header_message_info .ip_engine_header_message_wrapper { background-color: #daf0f7; } .ip_engine_header_message_info .ip_engine_header_message_wrapper:before { content: '\f05a'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; color: #1aa3c8; } .ip_engine_header_message_success .ip_engine_header_message_wrapper { background-color: #dffbda; } .ip_engine_header_message_success .ip_engine_header_message_wrapper:before { content: '\f058'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; color: #008000; } .ip_engine_header_message.ip_engine_header_message_fade_out { overflow: hidden; animation: hideMessageBox 0.8s; animation-fill-mode: forwards; animation-delay: 3s; } @keyframes hideMessageBox { from { max-height: 30vh; } to { max-height: 0; margin: 0; } } .ip_engine_message_page_message { display: flex; align-items: center; } .ip_engine_message_page_message .svg_icon_wrapper svg.svg_icon { display: block; } .svg_icon_message, .ip_engine_message_page_message_content { font-weight: bold; font-size: 16px; margin-left: .5em; } svg.success_icon .path, svg.failure_icon .path, svg.info_icon .path { stroke-dasharray: 1000; stroke-dashoffset: 0; } svg.success_icon .path { stroke: #008000; } .success_wrapper .success_message { color: #008000; } svg.failure_icon .path { stroke: #aa3333; } .failure_wrapper .failure_message { color: #aa3333; } svg.info_icon .path { stroke: #ff8000; } .is-ie svg.success_icon .path, .is-ie svg.failure_icon .path, .is-ie svg.info_icon .path { stroke-dasharray: 0 !important; } svg.success_icon .path.circle, svg.failure_icon .path.circle, svg.info_icon .path.circle { -webkit-animation: dash 0.9s ease-in-out; animation: dash 0.9s ease-in-out; } svg.success_icon .path.line, svg.failure_icon .path.line, svg.info_icon .path.line { stroke-dashoffset: 1000; -webkit-animation: dash 0.9s 0.35s ease-in-out forwards; animation: dash 0.9s 0.35s ease-in-out forwards; } svg.success_icon .path.check { stroke-dashoffset: -100; -webkit-animation: dash-check 0.9s 0.35s ease-in-out forwards; animation: dash-check 0.9s 0.35s ease-in-out forwards; } .is-ie svg.success_icon .path.check { stroke-dashoffset: 0; } @-webkit-keyframes dash { 0% { stroke-dashoffset: 1000; } 100% { stroke-dashoffset: 0; } } @keyframes dash { 0% { stroke-dashoffset: 1000; } 100% { stroke-dashoffset: 0; } } @-webkit-keyframes dash-check { 0% { stroke-dashoffset: -100; } 100% { stroke-dashoffset: 900; } } @keyframes dash-check { 0% { stroke-dashoffset: -100; } 100% { stroke-dashoffset: 900; } } .ipfit__field_info svg.success_icon, .ipfit__field_info .success_message { display: inline-block; width: auto; margin: 0; } .ipfit__field_info .success_message { margin-left: 0.3em; } .ipfit__field_info .success_wrapper { display: flex; align-items: center; margin-top: 0.5em; } .svg_icon_wrapper { display: flex; align-items: flex-start; } .svg_icon { margin-top: 3px; min-width: 37px; } .ip_engine_message_page_wrapper, .ip_engine_wizard_page:has([data-ip_instance_key="recoverPassword"]) { min-width: calc(1200px / 2); max-width: 740px; } .ip_engine_message_page_wrapper { margin-left: auto; margin-right: auto; } .ip_engine_message_page_message { margin-bottom: 0; align-items: flex-start; } .ip_engine_message_page_wrapper__failure .ip_engine_message_page_message { justify-content: center; } .svg_icon_message, .ip_engine_message_page_message_content { font-size: 23px; } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { .svg_icon_message, .ip_engine_message_page_message_content { flex-basis: 78%; } } .svg_icon_message { margin-top: 8px; } .ip_engine_message_page_text_middle { margin-top: 1.8em; margin-left: .4em; } .ip_engine_message_page_text_bottom { margin-top: .8em; margin-left: .4em; } .button_list.engine_instance_button_list { margin: 2em 0 0 .4em; } .finish_page:not(.logged_in) .shop_page_layout__trade_highlighted { height: 100%; } .finish_page:not(.logged_in) .sp_highlighted_content_container { height: calc(100% - 40px); align-content: end; align-items: flex-end; } .wizard_text_company { opacity: 0; height: 0; width: 0; z-index: -1; position: absolute; } .ip_engine_wizard_page .pagination_wrapper { color: #02A2FF; } .ip_engine_wizard_page .result_table_filter_row .header_cell_content { padding-right: 5px; line-height: normal; align-content: center; } .ip_engine_wizard_page .clear_button_wrapper { right: 10px; } .ip_engine_wizard_page .field_core_wrapper:hover .clear_button_wrapper { color: #02A2FF; transition: color 0.3s; } .ip_engine_wizard_page .group_header_row { color: #323d48; font-weight: bold; font-size: 18px; } .ip_engine_wizard_page .group_header_row .group_cell .group_cell_content { padding: 1.5em 0 .5em 0; } .ip_engine_wizard_page .group_header_row .group_cell { background-color: initial; } .ip_engine_wizard_page .price_column { width: 33%; } .ip_engine_wizard_page table.result_table .data_cell.align_right input { text-align: right; } .finish_page .sp_highlighted_content_container .area_wrapper__tradeTop img { margin-top: 30px; } .ip_engine_wizard_page .pagination_wrapper { margin-top: 3em; } .engine_page_element.empty { height: 1.5em; } #cpl_articles tr td:first-child { padding-left: 0; } .with_border_radius, .with_border_radius img { border-radius: 25px; overflow: hidden; } span[data-cms-font_color-key="white"] { color: white !important; } span[data-cms-font_color-key="highlighted"] { color: #02A2FF !important; } span[data-cms-font_size-key="small"] { font-size: .7em; line-height: 1.7; } span[data-cms-font_size-key="large"] { font-size: 1.4em; line-height: 1.4; } span[data-cms-font_size-key="extra_large"] { font-size: 2.3em; } span[data-cms-font_size-key], span[data-cms-font_color-key] { display: inline-block; } .cms_fa_icon, .cms_editor_container .cms_snippet_font_awesome_icon_readonly { width: 75px; height: 75px; border-radius: 40px; font-size: 38px; background-color: #02A2FF; color: #fdfdfd; display: inline-flex; align-items: center; justify-content: center; } @media (max-width: 1200px) { .cms_fa_icon, .cms_editor_container .cms_snippet_font_awesome_icon_readonly { width: 65px; height: 65px; font-size: 30px; } } h1, h2 { margin: 20px 0 10px 0; } h3, h4 { margin: 10px 0; } h1, h2, h3, h4 { line-height: 1.2; } h1 { font-size: 57px; } h2 { font-size: 46px; } h3 { font-size: 36px; } h4 { font-size: 23px; } a, img { display: inline-block; } p:empty { height: .2em; } .content_document_wrapper { margin-bottom: 150px; } .h_align_center { text-align: center; } .h_align_right { text-align: right; } .cst_upload_image { max-width: 100%; height: auto; } .sp_highlighted_content_container img { display: block; } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px) { h1, h2 { line-height: 1.2; } h3, h4 { line-height: 1.3; } h1, span[data-cms-font_size-key="extra_large"] i { font-size: 46px; } h2, span[data-cms-font_size-key="extra_large"], span[data-cms-font_size-key="large"] i { font-size: 40px; } h3 { font-size: 30px; } .content_document_wrapper { margin-bottom: 80px; } .cms_vertical_spacing { max-height: 50px; } .content_document_wrapper > .cms_container > .cci_snippet_container, .content_document_wrapper > .cms_container > .cms_container:not(.full_width_slanted), .content_document_wrapper > .cms_container > .cms_container.full_width_slanted .cms__sc_content { padding: 0 var(--content_padding_h); } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { h1, span[data-cms-font_size-key="extra_large"] i { font-size: 36px; } h2, span[data-cms-font_size-key="extra_large"] { font-size: 32px; } .cci_wrapper_snippet_link { text-align: center; } .content_document_wrapper { margin-bottom: 50px; } } .cst_html_with_embedded_snippets p { margin-bottom: 0; } .cst_html_with_embedded_snippets > ul, .cst_html_with_embedded_snippets > ol { padding-left: 1.5em; margin-top: 1em; } .cst_html_with_embedded_snippets > ol > li { padding-left: 1px; } .cst_html_with_embedded_snippets li { margin-bottom: .6em; } .cst_html_with_embedded_snippets > ul > li:before { content: '\f105'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; color: #02A2FF; font-size: .7em; display: inline-block; margin-left: -1.3em; width: 1.3em; position: relative; top: -2px; } .cst_html_with_embedded_snippets > h1, .cst_html_with_embedded_snippets > h2 { transform: translateX(-40px); transition: transform .4s; } .cst_html_with_embedded_snippets > p, .cst_html_with_embedded_snippets > ul > li { transform: translateY(50px); transition: transform .5s; } .cst_html_with_embedded_snippets > *.animated, .cst_html_with_embedded_snippets > ul.animated > li { transform: translateX(0); transform: translateY(0); } .grid_container .cst_upload_image { transform: scale(0.9); transition: transform .4s; } .grid_container .cst_upload_image.animated { transform: scale(1); } .with_border_radius, .with_border_radius img { border-radius: 50px; } .width_border_radius > .cms__sc_content { border-radius: 25px; padding: var(--content_padding_v) var(--content_padding_h); } .width_border_radius > .cms__sc_content .cci_cst_html_with_embedded_snippets { padding: 0 !important; } .with_shadow > .cms__sc_content, .cms_toggle_container { box-shadow: 1px 1px 12px rgba(0, 0, 0,.1); } .full_width_slanted > .cms__sc_content { position: relative; clip-path: polygon(0 11%, 100% 0, 100% 89%, 0 100%); padding: 150px 0; } .cms__sc_content h1:only-child { margin: 0; } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px) { .full_width_slanted > .cms__sc_content { clip-path: polygon(0 4%, 100% 0, 100% 96%, 0 100%); padding: 70px var(--content_padding_h) !important; } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { .full_width_slanted > .cms__sc_content { clip-path: polygon(0 2%, 100% 0, 100% 98%, 0 100%); } } .with_bg_color.gradient { background-image: linear-gradient(25deg, var(--container-bg-color) 0%, var(--container-bg-color_gradient) 100%); } .custom_bg_gradient { background-image: linear-gradient(25deg, #DFF3FB 0%, #E1F9F9 100%); } @media (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .full_width_padding > .cms__sc_content { margin: 0 15px; } } @media only screen and (min-width: 1024px) and (max-width: 1279.9px), (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .max_w__text_content .cms__sc_content { max-width: 740px; margin: 0 auto; } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { .with_bg_color.gradient .cms_vertical_spacing { max-height: 20px; } } .with_bg_image { position: relative; overflow: hidden; } .with_bg_image .cst_upload_image { position: absolute; width: 100%; } .grid_container.gap_standard_gap { grid-gap: calc(2 * var(--content_padding_h)); } .grid_container.gap_standard_gap.three_columns_same_width { grid-gap: var(--content_padding_h); } body.trade_highlighted .grid_container.gap_standard_gap { grid-gap: var(--content_padding_h); } div.grid_container.dynamic_columns { justify-content: initial; } @media (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .two_columns_60_40_percent { grid-template-columns: minmax(1px, 3fr) minmax(1px, 2fr); } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px) { .grid_container.gap_standard_gap { grid-gap: calc(1.4 * var(--content_padding_h)); } } .grid_container .cms__sc_content { height: 100%; box-sizing: border-box; } .grid_container .cms__style_container .with_bg_color > * { padding: 0 var(--content_padding_h); } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px) { .grid_container.responsive_single_column { grid-template-columns: minmax(100%, 1fr); grid-row-gap: 2em; } .grid_container.responsive_two_columns.dynamic_columns { grid-template-columns: minmax(1px, min-content) minmax(1px, 1fr); } } .cms_toggle_container { margin: 10px 0 25px 0; padding: 15px 20px; border-radius: 8px; } .cms_toggle_container .cst_html_with_embedded_snippets p { margin: 1em 0 0 0; } .cms_toggle_container .js_container_trigger { font-weight: bold; line-height: 1.4; } .cms_toggle_container.open .js_container_content { margin: .5em 0; } .cms_tab_viewer_container .tabviewer { justify-content: space-between; } .tabviewer_content_wrapper.open { padding-top: 70px; border-top: 1px solid #e4e4e4; } .tab_header_item > span { padding: .5em; font-weight: bold; font-size: 18px; display: block; } .tab_header_item:not(.open) { color: #9d9d9d; transition: color .5s; } .tab_header_item:not(.open):hover { color: #02A2FF; } .tab_header_item:after { display: block; content: ''; border-bottom: 3px solid #02A2FF; transform: scaleX(0); transform-origin: 0% 50%; transition: transform 250ms ease-in-out; position: relative; top: 1px; } .tab_header_item.open:after { transform: scaleX(1); } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px) { .tab_header_item > span { padding: .4em 1.3em; font-size: 16px; } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { .tab_header_item { display: block; width: 100%; text-align: center; } } .content_link_wrapper { display: inline-flex; } a.content_link:not(.ip_button) { display: inline-flex; align-items: first baseline; column-gap: .3em; color: #02A2FF; } a.content_link > i { margin-left: 7px; position: relative; top: 1px; } @keyframes slideDown { from { max-height: 0; opacity: 0; } to { max-height: 700px; opacity: 1; } } @keyframes slideUp { from { max-height: 700px; } to { max-height: 0; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes shakeIt { from { transform: scale3d(1, 1, 1); } 10%, 20% { transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { transform: scale3d(1, 1, 1); } } .insert_animation { animation-duration: 300ms; animation-fill-mode: both; animation-timing-function: ease-out; } .insert_animation.slideDown { animation-name: slideDown; overflow: hidden; } .insert_animation.fadeIn { animation-name: fadeIn; } .insert_animation.shakeIt { animation-name: shakeIt; animation-duration: 1000ms; } .insert_animation.newPageIn { animation-name: fadeIn; animation-duration: 200ms; } .removal_animation { animation-duration: 150ms; animation-fill-mode: both; animation-timing-function: ease-in; } .removal_animation.slideUp { animation-duration: 500ms; animation-name: slideUp; overflow: hidden; } .removal_animation.fadeOut { animation-name: fadeOut; } .removal_animation.oldPageOut { animation-name: fadeOut; animation-duration: 200ms; } .main_navigation.tree_breadcrumb { display: flex; } .breadcrumb_navigation_container .tree_list li { display: flex; list-style-type: none; } .header_menu_link i { font-size: 1.2em; color: #02A2FF; position: relative; transition: color 200ms; } .no-touch .header_menu_link:hover i { color: gray; } .header_menu_link { display: flex; position: relative; } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px) { .header_menu_link i { font-size: 1.6em; } } div.cms_clipboard_item_copy { border: 2px solid #FF0000; } div.cms_clipboard_item_cut { border: 2px dashed #FF0000; } .grid_container img { max-width: 100%; height: auto; } .gap_small_gap { grid-gap: 0.5rem; } .gap_medium_gap { grid-gap: 2rem; } .grid_container { display: grid; } .grid_container > .cms_container { min-width: 0; } .grid_container.dynamic_columns > .cms_container { min-width: auto; } .grid_container > .cms_container > *:only-child{ height: 100%; box-sizing: border-box; } @media only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px), (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .one_column { grid-template-columns: 1fr; } .two_columns_same_width { grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr); } .three_columns_same_width { grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr); } .four_columns_same_width { grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr); } .five_columns_same_width { grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr); } .six_columns_same_width { grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr); } .grid_container.dynamic_columns { display: flex; justify-content: space-between; flex-wrap: nowrap; } .grid_container.dynamic_columns .cci_wrapper_snippet_glue_logic_image_link, .grid_container.dynamic_columns .cci_wrapper_snippet_upload_image { width: max-content; } .grid_container > .colspan2 { grid-column: span 2; } .grid_container > .colspan3 { grid-column: span 3; } .grid_container.one_column > .colspan2, .grid_container.one_column > .colspan3 { grid-column: span 1; } .grid_container.two_columns_same_width > .colspan3 { grid-column: span 2; } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { .grid_container.responsive_single_column { grid-template-columns: minmax(100%, 1fr); } .grid_container.responsive_two_columns { grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr); } .grid_container.dynamic_columns.responsive_flexible { display: flex; justify-content: space-between; flex-wrap: nowrap; } } [style*="--layout_area_width"] .responsive_flexible { justify-items: center; } [style*="--layout_area_width"] .responsive_flexible.two_columns_same_width { grid-template-columns: repeat(auto-fill, minmax(min(calc(min(var(--layout_area_width), 100vw) * 0.9 / 2), 100%), 1fr)); } [style*="--layout_area_width"] .responsive_flexible.two_columns_same_width.gap_small_gap { grid-template-columns: repeat(auto-fill, minmax(min(calc((min(var(--layout_area_width), 100vw) - 0.5rem * 1) * 0.9 / 2), 100%), 1fr)); } [style*="--layout_area_width"] .responsive_flexible.two_columns_same_width.gap_medium_gap { grid-template-columns: repeat(auto-fill, minmax(min(calc((min(var(--layout_area_width), 100vw) - 2rem * 1) * 0.9 / 2), 100%), 1fr)); } [style*="--layout_area_width"] .responsive_flexible.three_columns_same_width { grid-template-columns: repeat(auto-fill, minmax(min(calc(min(var(--layout_area_width), 100vw) * 0.9 / 3), 100%), 1fr)); } [style*="--layout_area_width"] .responsive_flexible.three_columns_same_width.gap_small_gap { grid-template-columns: repeat(auto-fill, minmax(min(calc((min(var(--layout_area_width), 100vw) - 0.5rem * 2) * 0.9 / 3), 100%), 1fr)); } [style*="--layout_area_width"] .responsive_flexible.three_columns_same_width.gap_medium_gap { grid-template-columns: repeat(auto-fill, minmax(min(calc((min(var(--layout_area_width), 100vw) - 2rem * 2) * 0.9 / 3), 100%), 1fr)); } [style*="--layout_area_width"] .responsive_flexible.four_columns_same_width { grid-template-columns: repeat(auto-fill, minmax(min(calc(min(var(--layout_area_width), 100vw) * 0.9 / 4), 100%), 1fr)); } [style*="--layout_area_width"] .responsive_flexible.four_columns_same_width.gap_small_gap { grid-template-columns: repeat(auto-fill, minmax(min(calc((min(var(--layout_area_width), 100vw) - 0.5rem * 3) * 0.9 / 4), 100%), 1fr)); } [style*="--layout_area_width"] .responsive_flexible.four_columns_same_width.gap_medium_gap { grid-template-columns: repeat(auto-fill, minmax(min(calc((min(var(--layout_area_width), 100vw) - 2rem * 3) * 0.9 / 4), 100%), 1fr)); } [style*="--layout_area_width"] .responsive_flexible.five_columns_same_width { grid-template-columns: repeat(auto-fill, minmax(min(calc(min(var(--layout_area_width), 100vw) * 0.9 / 5), 100%), 1fr)); } [style*="--layout_area_width"] .responsive_flexible.five_columns_same_width.gap_small_gap { grid-template-columns: repeat(auto-fill, minmax(min(calc((min(var(--layout_area_width), 100vw) - 0.5rem * 4) * 0.9 / 5), 100%), 1fr)); } [style*="--layout_area_width"] .responsive_flexible.five_columns_same_width.gap_medium_gap { grid-template-columns: repeat(auto-fill, minmax(min(calc((min(var(--layout_area_width), 100vw) - 2rem * 4) * 0.9 / 5), 100%), 1fr)); } [style*="--layout_area_width"] .responsive_flexible.six_columns_same_width { grid-template-columns: repeat(auto-fill, minmax(min(calc(min(var(--layout_area_width), 100vw) * 0.9 / 6), 100%), 1fr)); } [style*="--layout_area_width"] .responsive_flexible.six_columns_same_width.gap_small_gap { grid-template-columns: repeat(auto-fill, minmax(min(calc((min(var(--layout_area_width), 100vw) - 0.5rem * 5) * 0.9 / 6), 100%), 1fr)); } [style*="--layout_area_width"] .responsive_flexible.six_columns_same_width.gap_medium_gap { grid-template-columns: repeat(auto-fill, minmax(min(calc((min(var(--layout_area_width), 100vw) - 2rem * 5) * 0.9 / 6), 100%), 1fr)); } .content_container_container_style { position: relative; z-index: 0; overflow: hidden; } .content_container_container_style .content_container_content_cell_1 { position: absolute; z-index: -1; } .ip_button, body:not(.logged_in) #login .header_menu_link { line-height: 40px; border-radius: 22px; padding: 0 2em 1px 2em; text-decoration: none; box-sizing: border-box; display: inline-flex; align-items: center; column-gap: .8em; transition: all .5s; } .ip_button__text { white-space: nowrap; } .ip_button i { font-size: 1.2em } .ip_button_type__plain { column-gap: .5em; } .ip_button_type__plain i { font-size: 1em } button { border: none; background: none; cursor: pointer; } .ip_button__disabled { background-color: #ddd !important; color: #8c8c8c !important; cursor: auto; } .ip_button_type__engine_instance, .ip_button_type__form, .ip_button_type__form_big, .ip_button_type__form_neutral.ip_button_design__active, .ip_button_type__inline { background-color: #02A2FF; color: #FFFFFF; } .ip_button_type__inline { line-height: 30px; padding: 0 1.3em 1px 1.3em; font-size: 13px; } .ip_button_type__form_neutral { line-height: calc(40px - 2px); border: 2px solid #02A2FF; color: #02A2FF; background-color: #FFFFFF; } .ip_button_type__engine_instance:hover, .ip_button_type__form:hover, .ip_button_type__form_big:hover, .ip_button_type__inline:hover, .ip_button_wrapper__file_input:hover .ip_button_type__inline { background-color: #0082CE; color: #FFFFFF; } .ip_button_type__plain_icon, .ip_button_type__plain_text, .ip_button_type__plain, .ip_button_type__icon { color: #02A2FF; padding: 0; margin: 0; line-height: inherit; } .ip_button_type__engine_instance_list { padding: 0; column-gap: 1.1em; } .ip_button.ip_button_type__plain_icon:hover, .ip_button.ip_button_type__plain_text:hover, .ip_button.ip_button_type__plain:hover, .ip_button.ip_button_type__icon:hover, .ip_button_type__engine_instance_list: hover, .popup__button_wrapper:hover i { color: #0082CE; } .ip_button_type__form_neutral:hover { background-color: #02A2FF; color: #FFFFFF; } .ip_button_design__big, .ip_button__sign_in { line-height: 46px; border-radius: 23px; } .ip_button__sign_in { width: 100%; justify-content: center; background-color: #ffd814; color: #323d48; } body:not(.logged_in) #login .header_menu_link { background-color: #ffd814; color: #323d48; } body:not(.logged_in) #login .header_menu_link, .ip_button__sign_in { font-weight: bold; } body:not(.logged_in) #login .header_menu_link:hover, .ip_button__sign_in:hover { background-color: #ffc414; color: #323d48; } body:not(.logged_in) #login .header_menu_label_container { display: block !important; } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { body:not(.logged_in) #login .header_menu_link { line-height: 38px; padding: 0 1.3em; font-size: .9em; } } ol.order_option_list { margin: 0; padding: 0; } ol.order_option_list li { list-style: none; } .bt_button_row_container { margin-top: 2.5em; margin-bottom: .5em; } .bt_button_row { display: flex; justify-content: space-between; } .header_business_transaction_steps_wrapper { display: flex; margin: 0 auto; align-items: stretch; background-image: linear-gradient(138deg, #86E6CF 0%, #89D9F4 100%); padding: 3px; column-gap: 3px; border-radius: 30px; } .header_business_transaction_step_text > a, .header_business_transaction_step_text > span { line-height: 2.6em; border-radius: 1.1em; padding: 0 2.2em; border-radius: 2em; } .header_business_transaction_step_text a { transition: all .5s; white-space: nowrap; } .header_business_transaction_step_active, .engine_tab_current { background-color: #394d55; color: #fdfdfd !important; border-radius: 30px; } .header_business_transaction_step_text a:hover, .engine_tab_active a:hover { background-color: #2728299c; color: #fdfdfd; border-radius: 30px; } .header_business_transaction_step_done .header_business_transaction_step_text a:after { content: '\f00c'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; margin-left: 8px; } .bt_offer_project_type_container { display: flex; justify-content: center; margin: 50px 0; column-gap: 30px; } .bt_offer_project_type_container a.ip_button_type__form_neutral { padding: 25px 50px 15px 50px; font-size: 21px; flex-direction: column; row-gap: 10px; width: 245px; } .bt_offer_project_type_container a.ip_button_type__form_neutral i { font-size: 55px; } body.logged_in .ip_engine_businessTransaction_page.bt_page_wrapper__offer__chooseNewOrContinue { width: 740px; } .bt_page_wrapper__offer__chooseNewOrContinue .content_text { margin: 1.2em 0; } .bt_page_wrapper__offer__chooseNewOrContinue .button_wrapper { display: flex; justify-content: space-evenly; } .ip_engine_page h2 { font-size: 25px; margin-bottom: 0; } .ip_engine_page .placements_wrapper__grid > .engine_page_element:first-child h2 { margin-top: 0; } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px) { .ip_engine_page { margin: 40px 0 55px 0; } } .payment_method { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 5px; } .button_list { list-style-type: none; margin: 1.2em 0 .5em 0; padding: 0; } [data-ip_instance_key="acceptOffer"] .ipfit__fieldlabel, [data-ip_instance_key="businessTransaction"] .ipfit__fieldlabel { font-size: 18px; padding: 0; font-weight: bold; } .ip_engine_objectView_page [data-fieldname="bt_field_group_progess_header_start"] { margin-bottom: 2em; } .ip_engine_objectView_page .engine_tab_list { display: flex; margin: 0 auto; align-items: stretch; background-image: linear-gradient(138deg, #86E6CF 0%, #89D9F4 100%); padding: 3px; column-gap: 3px; border-radius: 30px; width: fit-content; } .ip_engine_objectView_page .engine_tab_list .tab { list-style-type: none; align-items: center; min-width: 10em; font-size: 16px; } .ip_engine_objectView_page .engine_tab_list .engine_tab_link { padding: 6px 0 6px 0; position: relative; z-index: 3; width: 100%; text-align: center; } .ip_engine_objectView_page .engine_tab_list .engine_tab_link:before { padding-right: 4px; } .engine_action_buttons_wrapper { margin: 1.5em 0 .5em 0; } .description_info { margin-left: .4em; margin-top: .1em; } .description_info_popup { max-width: 450px; } .project_progress_bar { display: flex; justify-content: space-between; margin-top: 1.5em; position: relative; } .project_progress_bar:before { position: absolute; height: 1px; width: 90%; content: " "; background-color: #8e9195; top: 28px; left: 50%; transform: translateX(-50%); } .progress_step { width: 90px; text-align: center; position: relative; background-color: #FFFFFF; } .progress_step_text { margin-top: 2px; font-size: 11px; } .progress_step_icon i { border-radius: 50%; height: 55px; width: 55px; font-size: 25px; display: inline-flex; justify-content: center; align-items: center; } .progress_step_icon i.step_completed { color: #323d48; background-color: #7ADF5F; } .progress_step_icon i.step_aborted { color: #FFFFFF; background-color: #c50202; } .progress_step_icon i.step_pending, .progress_step_icon i.step_future { color: white; background-color: #fca912; } .payment_method .align_right { text-align: right; } .ip_engine_objectView_page form[data-ip_instance_key="businessTransaction"] .page_1 .engine_tab_link:before { content: '\e4e8'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; } .ip_engine_objectView_page form[data-ip_instance_key="businessTransaction"] .page_2 .engine_tab_link:before { content: '\f0ae'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; } .ip_engine_objectView_page form[data-ip_instance_key="businessTransaction"] .page_3 .engine_tab_link:before { content: '\e178'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; } .ip_engine_objectView_page form[data-ip_instance_key="businessTransaction"] .page_4 .engine_tab_link:before { content: '\f086'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; } .ip_engine_objectView_page form[data-ip_instance_key="businessTransaction"] .page_5 .engine_tab_link:before { content: '\f1da'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; } [data-ipfit-fieldname="bt_progress_label_and_text"] .ipfit__action_button_wrapper { display: grid; margin-top: 2em; } [data-ipfit-fieldname="bt_progress_label_and_text"] .ipfit__action_button_wrapper .col1 { grid-column: 1; } [data-ipfit-fieldname="bt_progress_label_and_text"] .ipfit__action_button_wrapper .col2 { grid-column: 2; } .ip_engine_objectView_page form[data-ip_instance_key="businessTransaction"] .engine_page_table { justify-content: flex-start; } table.ipfit__show_resultset .date_column { white-space: nowrap; } .bt_page_wrapper__offer__checkOffer .order_option_list_item__item_summary { display: flex; flex-direction: row-reverse; } .bt_page_wrapper__offer__checkOffer .order_option_list_item__item_summary > .order_option_selected_item { width: 66%; } .installer { display: grid; grid-template-columns: auto 1fr; } .installer img { border-radius: 100px; border: 2px solid #02A2FF; margin: 4px 4px 4px 1.5em; } .area_layout__default.login { height: 100%; } .area_layout__default.login { height: 100%; display: flex; flex-direction: column; } form[data-ip_instance_key="login"] .placements_wrapper__grid { max-width: 520px; box-sizing: border-box; } form[data-ip_instance_key="login"] .engine_page_title_new_paragraph { font-size: 32px; text-align: center; margin: 10px 0 3px 0; line-height: 1.2; } div.ipfit__field__wrapper[data-fieldname="l_subtitle_label_and_text"] { color: #9d9d9d; text-align: center; } div.ipfit__field__wrapper[data-fieldname="l_subtitle_label_and_text"] { margin-bottom: 35px; } div.ipfit__field__wrapper[data-fieldname="l_forgot_password_label_and_text"] { margin-bottom: 25px; } form[data-ip_instance_key="login"] .ip_button_type__plain_text { font-size: 14px; } div[data-fieldname="l_main_title_new_paragraph"], div.ipfit__field__wrapper[data-fieldname="l_sign_in_label_and_text"], div.ipfit__field__wrapper[data-fieldname="password"], div.ipfit__field__wrapper[data-fieldname="l_register_label_and_text"] { margin-bottom: .1em; } form[data-ip_instance_key="login"] input.ipfit__text { line-height: 2em; padding: 20px 20px 3px 16px; } form[data-ip_instance_key="login"] .ipfit__inline_label { top: 15px; padding-left: 18px; } form[data-ip_instance_key="login"] .ipfit__field_wrapper_label__inline_movable .ipfit__inline_label_movable { top: 7px; background-color: transparent; font-size: 13px; padding: 0 5px; color: #6e6e6e; } @media (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { body.login_page .area_wrapper__trade { margin-bottom: 80px; margin-top: 30px; } } body.login_page .area_wrapper__trade .ipfit__action_button_wrapper { margin-top: .3em; } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px) { body.login_page .area_wrapper__trade { align-self: center; margin-bottom: 0; } } @media (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .ip_engine_wizard_page > form[data-ip_instance_key="login"] .placements_wrapper__grid { min-width: 520px; } #login_popup form[data-ip_instance_key="login"] .placements_wrapper__grid { min-width: 350px; } body.login_page .shop_page_layout__trade_highlighted, body.login_page.trade_highlighted .sp_highlighted_content_container { height: 100%; } body.login_page.trade_highlighted .sp_highlighted_content_container { align-items: end; max-width: 1920px; padding-top: 0; padding-bottom: 0; } body.login_page .area_content_contribution > .cms_container > .grid_container { align-items: flex-end; } body.login_page .area_wrapper img { display: block; max-height: 550px; width: auto; transform: none; transition: none; } } @media (min-width: 1600px) { body.login_page.trade_highlighted .sp_highlighted_content_container { column-gap: 11%; } } @media (max-width: 1600px) { body.login_page.trade_highlighted .sp_highlighted_content_container h2 { font-size: 38px; } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px) { body.login_page .area_wrapper__tradeTop { display: none; } } #popup_offer_article_details { max-width: 1500px; max-height: 90vh; margin: 15px; } #popup_offer_article_details .popup_content_wrapper { padding: 0 30px 25px 30px; } #subobj_table_objlist_additional_positions td { padding-top: 12px; padding-bottom: 12px; } .page_additional_positions { display: flex; grid-gap: 0; width: 100%; } .description_col p { margin-top: 0; } .page_additional_positions > .engine_page_element, #subobj_table_objlist_additional_positions .ip_button_type__icon { padding: 0 10px; box-sizing: border-box; } #subobj_table_objlist_additional_positions .header_cell_row th:first-child, .page_additional_positions .col_1 { width: 45px; text-align: right; } #popup_offer_article_details .name_col { width: 29%; } .page_additional_positions .col_2 { width: 35%; } #subobj_table_objlist_additional_positions .header_cell_row th:nth-child(2) { width: 32%; } #subobj_table_objlist_additional_positions .header_cell_row th:nth-child(3), .page_additional_positions .col_3 { width: 80px; text-align: center; } .page_additional_positions .col_3, .page_additional_positions .col_3 input, .page_additional_positions .col_5 input { text-align: right; } .page_additional_positions .col_3 input { padding-right: 11px !important; } #subobj_table_objlist_additional_positions .header_cell_row th:nth-child(4), .page_additional_positions .col_4 { width: 55%; } #popup_offer_article_details .description_col { width: 60%; } #subobj_table_objlist_additional_positions .header_cell_row th:nth-child(5), .page_additional_positions .col_5 { width: 150px; text-align: right; } #subobj_table_objlist_additional_positions .header_cell_row th:nth-child(5) { padding-right: 40px; } .engine_page_element.force_first_col { grid-column-start: 1; }