.bt-content { font-size: small; color: #000; line-height: normal; } .bt-active { /* example: background-color: yellow !important; */ } .ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden;background-color: #ffffff;border: 1px solid #999; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 3px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-stars-star, .ui-stars-cancel { float: left; display: block; overflow: hidden; text-indent: -999em; cursor: pointer; } .ui-stars-star a, .ui-stars-cancel a { width: 16px; height: 15px; display: block; background: url(../_ui/responsive/theme-KRONES/images/jquery.ui.stars.gif) no-repeat 0 0; } .ui-stars-star a { background-position: 0 -32px; } .ui-stars-star-on a { background-position: 0 -48px; } .ui-stars-star-hover a { background-position: 0 -64px; } .ui-stars-cancel-hover a { background-position: 0 -16px; } .ui-stars-star-disabled, .ui-stars-star-disabled a, .ui-stars-cancel-disabled a { cursor: default !important; } #stars-wrapper img { position: absolute; top: -88px; left: 0; cursor: pointer; } #stars-wrapper img.no_star { top: -60px; } #stars-wrapper label { position: relative; width: 1.8em; height: 1.8em; overflow: hidden; float: left; margin-right: 15px; text-indent: -999em; padding-right: 0; } #stars-wrapper label:hover, #stars-wrapper .selected { opacity: 0.5; filter: alpha(opacity=50) } #stars-wrapper br { display: none; } #ui-datepicker-div { background-color: #fff; padding: 5px 5px 5px 5px; box-shadow: 2px 2px 5px #888; display: none; } table.ui-datepicker-calendar tr td { padding: 4px; } .ui-datepicker-next { color: #356F70; } .ui-datepicker-next:hover { color: #7fada5; cursor: pointer; } .ui-datepicker-prev { color: #356F70; padding: 0px 10px 0px 0px; } .ui-datepicker-prev:hover { color: #7fada5; cursor: pointer; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; font-size:0em; } .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ } .treeview, .treeview ul { padding: 0; margin: 0; list-style: none; } .treeview ul { background-color: white; margin-top: 4px; } .treeview .hitarea { background: url(../_ui/responsive/theme-KRONES/images/treeview/treeview-default.gif) -64px -25px no-repeat; height: 16px; width: 16px; margin-left: -16px; float: left; cursor: pointer; } * html .hitarea { display: inline; float:none; } .treeview li { margin: 0; padding: 3px 0pt 3px 16px; } .treeview a.selected { background-color: #eee; } #treecontrol { margin: 1em 0; display: none; } .treeview .hover { color: red; cursor: pointer; } .treeview li { background: url(../_ui/responsive/theme-KRONES/images/treeview/treeview-default-line.gif) 0 0 no-repeat; } .treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; } .treeview .expandable-hitarea { background-position: -80px -3px; } .treeview li.last { background-position: 0 -1766px } .treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(../_ui/responsive/theme-KRONES/images/treeview/treeview-default.gif); } .treeview li.lastCollapsable { background-position: 0 -111px } .treeview li.lastExpandable { background-position: -32px -67px } .treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; } .treeview-red li { background-image: url(../_ui/responsive/theme-KRONES/images/treeview/treeview-red-line.gif); } .treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(../_ui/responsive/theme-KRONES/images/treeview/treeview-red.gif); } .treeview-black li { background-image: url(../_ui/responsive/theme-KRONES/images/treeview/treeview-black-line.gif); } .treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(../_ui/responsive/theme-KRONES/images/treeview/treeview-black.gif); } .treeview-gray li { background-image: url(../_ui/responsive/theme-KRONES/images/treeview/treeview-gray-line.gif); } .treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(../_ui/responsive/theme-KRONES/images/treeview/treeview-gray.gif); } .treeview-famfamfam li { background-image: url(../_ui/responsive/theme-KRONES/images/treeview/treeview-famfamfam-line.gif); } .treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(../_ui/responsive/theme-KRONES/images/treeview/treeview-famfamfam.gif); } .treeview .placeholder { background: url(../_ui/responsive/theme-KRONES/images/treeview/ajax-loader.gif) 0 0 no-repeat; height: 16px; width: 16px; display: block; } .filetree li { padding: 3px 0 2px 16px; } .filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; } .filetree span.folder { background: url(../_ui/responsive/theme-KRONES/images/treeview/folder.gif) 0 0 no-repeat; } .filetree li.expandable span.folder { background: url(../_ui/responsive/theme-KRONES/images/treeview/folder-closed.gif) 0 0 no-repeat; } .filetree span.file { background: url(../_ui/responsive/theme-KRONES/images/treeview/file.gif) 0 0 no-repeat; } ul.treeview >li.collapsable:first-child{ background-position: -17px -90px; } ul.treeview >li.expandable:first-child{ background-position: -49px -46px; } ul.treeview li ul li ul{ display:none; } #thumbnail_scroller_container { height: 340px; } #thumbnail_scroller_content, #colorbox_scroller_content { margin: 0 0 0 23px !important; } #colorbox_scroller_container { } .tablesorter-bootstrap { width: 100%; } .tablesorter-bootstrap tfoot th, .tablesorter-bootstrap tfoot td { font: bold 14px/20px Arial, Sans-serif; padding: 4px; margin: 0 0 18px; background-color: #eee; } .tablesorter-bootstrap .tablesorter-header { cursor: pointer; } .tablesorter-headerUnSorted .tablesorter-header-inner span{ position: relative; padding: 4px 0 0 20px; background: url(../_ui/responsive/theme-KRONES/images/layout/icons-sprite.png) no-repeat -232px -1053px transparent; font-size: 0.769em; } .tablesorter-bootstrap .headerSortUp span, .tablesorter-bootstrap .tablesorter-headerSortUp span, .tablesorter-bootstrap .tablesorter-headerAsc span{ position: relative; padding: 4px 0 0 20px; background: url(../_ui/responsive/theme-KRONES/images/layout/icons-sprite.png) no-repeat -186px -1102px transparent; font-size: 0.769em; } .tablesorter-bootstrap .headerSortDown span, .tablesorter-bootstrap .tablesorter-headerSortDown span, .tablesorter-bootstrap .tablesorter-headerDesc span{ position: relative; padding: 4px 0 0 20px; background: url(../_ui/responsive/theme-KRONES/images/layout/icons-sprite.png) no-repeat -139px -1149px transparent; font-size: 0.769em; margin-left: 3px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { margin: 0; position: initial; } .ui-datepicker .ui-datepicker-title { font-size: 1.2em; } img.ui-datepicker-trigger { display: none; } .selectboxit-container { position: relative; display: inline-block; vertical-align: top; } .selectboxit-container { font-size: 10px; } .selectboxit-container * { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; -o-user-select: none; user-select: none; outline: none; white-space: nowrap; } .selectboxit-container .selectboxit { min-width: 8rem; cursor: pointer; margin: 0; position: relative; font-weight: normal; box-sizing: border-box; max-width: 100% !important; height: 4.8rem; font-size: 1.6rem; border-radius: 0; background: #fff; display: flex; align-items: center; padding: 0 1rem; } .selectboxit-container span, .selectboxit-container .selectboxit-options a { display: block; font-weight: normal; } .selectboxit-container .selectboxit-options a { height: 100%; /* Height of the drop down */ display: block; font-weight: normal; font-size: 1.6rem; padding: 0.5rem 0.5rem; color: #555555; font-family: 'theSans-LP7-Bold' , Arial, sans-serif; } .selectboxit-container .selectboxit-options a:hover { background-color: #eeeeee; } .selectboxit-container .selectboxit:focus { outline: 0; } .selectboxit.selectboxit-disabled, .selectboxit-options .selectboxit-disabled { display: none; } .selectboxit-text { overflow: hidden; text-overflow: ellipsis; float: left; width: 100%; max-width: 100% !important; padding-right: 30px; } .selectboxit-container .selectboxit-options { font-size: 1.4em; background: #ffffff; -moz-box-sizing: border-box; box-sizing: border-box; min-width: 100%; /* Minimum Width of the dropdown list box options */ *width: 100%; margin: 0; padding: 0; list-style: none; position: absolute; overflow-x: hidden; overflow-y: auto; cursor: pointer; display: none; z-index: 9999999999999; text-align: left; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .selectboxit-option .selectboxit-option-anchor{ padding: 0 2px; } .selectboxit-option .selectboxit-option-anchor:hover { text-decoration: none; } .selectboxit-option:hover { font-family: "theSans-LP5-Plain", Arial, sans-serif; color: #555; } .selectboxit-option, .selectboxit-optgroup-header { text-indent: 5px; /* Horizontal Positioning of the select box option text */ margin: 0; list-style-type: none; } .selectboxit-optgroup-header { font-weight: bold; } .selectboxit-optgroup-header:hover { cursor: default; } .selectboxit-arrow-container { right: 0; top: 0; } .selectboxit .selectboxit-arrow-container .selectboxit-arrow { font-size: 10px; padding: 0; pointer-events: none; width: 25px; height: 100%; font-style: normal; position: relative; } .selectboxit .selectboxit-arrow-container .selectboxit-arrow:before { content:"\E831"; font-family: 'fontello'; font-size: 1.2rem; position: absolute; right: 0; top: 0.4rem; transform: rotate(90deg); color: #555; } .selectboxit .selectboxit-arrow-container .selectboxit-arrow:after { content:"\E830"; font-family: 'fontello'; font-size: 1.2rem; position: absolute; right: 0; bottom: 0.4rem; transform: rotate(90deg); color: #555; } .selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon { top: 30%; } .selectboxit-option-icon-container { float: left; height: 0; width: 0; } .selectboxit-container .selectboxit-option-icon { margin: 0; padding: 0; vertical-align: middle; } .selectboxit-option-icon-url { width: 18px; height: 100%; float: left; } .selectboxit-rendering { display: inline-block !important; *display: inline !important; zoom: 1 !important; visibility: visible !important; position: absolute !important; top: -9999px !important; left: -9999px !important; } .jqueryui .ui-icon { background-color: inherit; } .jqueryui .ui-icon-triangle-1-s { } .selectboxit-btn { background: #eaebeb; border: 1px solid #CCCCCC; color: #555555; } .selectboxit-btn.selectboxit-enabled:hover, .selectboxit-btn.selectboxit-enabled:focus, .selectboxit-btn.selectboxit-enabled:active { color: #333333; } .selectboxit-btn.selectboxit-enabled:hover, .selectboxit-btn.selectboxit-enabled:focus { color: #333333; text-decoration: none; background-position: 0 -15px; } .selectboxit-list { background-color: #ffffff; border: 1px solid rgba(0, 0, 0, 0.2); border-top: none; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .selectboxit-list .selectboxit-option-anchor { } .selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor { } .selectboxit-list > .selectboxit-disabled > .selectboxit-option-anchor { } .select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} table.dataTable{width:100%;margin:0 auto;clear:both;border-collapse:separate;border-spacing:0}table.dataTable thead th,table.dataTable tfoot th{font-weight:bold}table.dataTable thead th,table.dataTable thead td{padding:10px 18px;border-bottom:1px solid #111}table.dataTable thead th:active,table.dataTable thead td:active{outline:none}table.dataTable tfoot th,table.dataTable tfoot td{padding:10px 18px 6px 18px;border-top:1px solid #111}table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc{cursor:pointer;*cursor:hand}table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{background-repeat:no-repeat;background-position:center right}table.dataTable thead .sorting{background-image:url("../_ui/responsive/theme-KRONES/images/sort_both.png")}table.dataTable thead .sorting_asc{background-image:url("../_ui/responsive/theme-KRONES/images/sort_asc.png")}table.dataTable thead .sorting_desc{background-image:url("../_ui/responsive/theme-KRONES/images/sort_desc.png")}table.dataTable thead .sorting_asc_disabled{background-image:url("../_ui/responsive/theme-KRONES/images/sort_asc_disabled.png")}table.dataTable thead .sorting_desc_disabled{background-image:url("../_ui/responsive/theme-KRONES/images/sort_desc_disabled.png")}table.dataTable tbody tr{background-color:#ffffff}table.dataTable tbody tr.selected{background-color:#B0BED9}table.dataTable tbody th,table.dataTable tbody td{padding:8px 10px}table.dataTable.row-border tbody th,table.dataTable.row-border tbody td,table.dataTable.display tbody th,table.dataTable.display tbody td{border-top:1px solid #ddd}table.dataTable.row-border tbody tr:first-child th,table.dataTable.row-border tbody tr:first-child td,table.dataTable.display tbody tr:first-child th,table.dataTable.display tbody tr:first-child td{border-top:none}table.dataTable.cell-border tbody th,table.dataTable.cell-border tbody td{border-top:1px solid #ddd;border-right:1px solid #ddd}table.dataTable.cell-border tbody tr th:first-child,table.dataTable.cell-border tbody tr td:first-child{border-left:1px solid #ddd}table.dataTable.cell-border tbody tr:first-child th,table.dataTable.cell-border tbody tr:first-child td{border-top:none}table.dataTable.stripe tbody tr.odd,table.dataTable.display tbody tr.odd{background-color:#f9f9f9}table.dataTable.stripe tbody tr.odd.selected,table.dataTable.display tbody tr.odd.selected{background-color:#acbad4}table.dataTable.hover tbody tr:hover,table.dataTable.display tbody tr:hover{background-color:#f6f6f6}table.dataTable.hover tbody tr:hover.selected,table.dataTable.display tbody tr:hover.selected{background-color:#aab7d1}table.dataTable.order-column tbody tr>.sorting_1,table.dataTable.order-column tbody tr>.sorting_2,table.dataTable.order-column tbody tr>.sorting_3,table.dataTable.display tbody tr>.sorting_1,table.dataTable.display tbody tr>.sorting_2,table.dataTable.display tbody tr>.sorting_3{background-color:#fafafa}table.dataTable.order-column tbody tr.selected>.sorting_1,table.dataTable.order-column tbody tr.selected>.sorting_2,table.dataTable.order-column tbody tr.selected>.sorting_3,table.dataTable.display tbody tr.selected>.sorting_1,table.dataTable.display tbody tr.selected>.sorting_2,table.dataTable.display tbody tr.selected>.sorting_3{background-color:#acbad5}table.dataTable.display tbody tr.odd>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd>.sorting_1{background-color:#f1f1f1}table.dataTable.display tbody tr.odd>.sorting_2,table.dataTable.order-column.stripe tbody tr.odd>.sorting_2{background-color:#f3f3f3}table.dataTable.display tbody tr.odd>.sorting_3,table.dataTable.order-column.stripe tbody tr.odd>.sorting_3{background-color:whitesmoke}table.dataTable.display tbody tr.odd.selected>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_1{background-color:#a6b4cd}table.dataTable.display tbody tr.odd.selected>.sorting_2,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_2{background-color:#a8b5cf}table.dataTable.display tbody tr.odd.selected>.sorting_3,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_3{background-color:#a9b7d1}table.dataTable.display tbody tr.even>.sorting_1,table.dataTable.order-column.stripe tbody tr.even>.sorting_1{background-color:#fafafa}table.dataTable.display tbody tr.even>.sorting_2,table.dataTable.order-column.stripe tbody tr.even>.sorting_2{background-color:#fcfcfc}table.dataTable.display tbody tr.even>.sorting_3,table.dataTable.order-column.stripe tbody tr.even>.sorting_3{background-color:#fefefe}table.dataTable.display tbody tr.even.selected>.sorting_1,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_1{background-color:#acbad5}table.dataTable.display tbody tr.even.selected>.sorting_2,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_2{background-color:#aebcd6}table.dataTable.display tbody tr.even.selected>.sorting_3,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_3{background-color:#afbdd8}table.dataTable.display tbody tr:hover>.sorting_1,table.dataTable.order-column.hover tbody tr:hover>.sorting_1{background-color:#eaeaea}table.dataTable.display tbody tr:hover>.sorting_2,table.dataTable.order-column.hover tbody tr:hover>.sorting_2{background-color:#ececec}table.dataTable.display tbody tr:hover>.sorting_3,table.dataTable.order-column.hover tbody tr:hover>.sorting_3{background-color:#efefef}table.dataTable.display tbody tr:hover.selected>.sorting_1,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1{background-color:#a2aec7}table.dataTable.display tbody tr:hover.selected>.sorting_2,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2{background-color:#a3b0c9}table.dataTable.display tbody tr:hover.selected>.sorting_3,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3{background-color:#a5b2cb}table.dataTable.no-footer{border-bottom:1px solid #111}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}table.dataTable.compact thead th,table.dataTable.compact thead td{padding:4px 17px 4px 4px}table.dataTable.compact tfoot th,table.dataTable.compact tfoot td{padding:4px}table.dataTable.compact tbody th,table.dataTable.compact tbody td{padding:4px}table.dataTable th.dt-left,table.dataTable td.dt-left{text-align:left}table.dataTable th.dt-center,table.dataTable td.dt-center,table.dataTable td.dataTables_empty{text-align:center}table.dataTable th.dt-right,table.dataTable td.dt-right{text-align:right}table.dataTable th.dt-justify,table.dataTable td.dt-justify{text-align:justify}table.dataTable th.dt-nowrap,table.dataTable td.dt-nowrap{white-space:nowrap}table.dataTable thead th.dt-head-left,table.dataTable thead td.dt-head-left,table.dataTable tfoot th.dt-head-left,table.dataTable tfoot td.dt-head-left{text-align:left}table.dataTable thead th.dt-head-center,table.dataTable thead td.dt-head-center,table.dataTable tfoot th.dt-head-center,table.dataTable tfoot td.dt-head-center{text-align:center}table.dataTable thead th.dt-head-right,table.dataTable thead td.dt-head-right,table.dataTable tfoot th.dt-head-right,table.dataTable tfoot td.dt-head-right{text-align:right}table.dataTable thead th.dt-head-justify,table.dataTable thead td.dt-head-justify,table.dataTable tfoot th.dt-head-justify,table.dataTable tfoot td.dt-head-justify{text-align:justify}table.dataTable thead th.dt-head-nowrap,table.dataTable thead td.dt-head-nowrap,table.dataTable tfoot th.dt-head-nowrap,table.dataTable tfoot td.dt-head-nowrap{white-space:nowrap}table.dataTable tbody th.dt-body-left,table.dataTable tbody td.dt-body-left{text-align:left}table.dataTable tbody th.dt-body-center,table.dataTable tbody td.dt-body-center{text-align:center}table.dataTable tbody th.dt-body-right,table.dataTable tbody td.dt-body-right{text-align:right}table.dataTable tbody th.dt-body-justify,table.dataTable tbody td.dt-body-justify{text-align:justify}table.dataTable tbody th.dt-body-nowrap,table.dataTable tbody td.dt-body-nowrap{white-space:nowrap}table.dataTable,table.dataTable th,table.dataTable td{-webkit-box-sizing:content-box;box-sizing:content-box}.dataTables_wrapper{position:relative;clear:both;*zoom:1;zoom:1}.dataTables_wrapper .dataTables_length{float:left}.dataTables_wrapper .dataTables_filter{float:right;text-align:right}.dataTables_wrapper .dataTables_filter input{margin-left:0.5em}.dataTables_wrapper .dataTables_info{clear:both;float:left;padding-top:0.755em}.dataTables_wrapper .dataTables_paginate{float:right;text-align:right;padding-top:0.25em}.dataTables_wrapper .dataTables_paginate .paginate_button{box-sizing:border-box;display:inline-block;min-width:1.5em;padding:0.5em 1em;margin-left:2px;text-align:center;text-decoration:none !important;cursor:pointer;*cursor:hand;color:#333 !important;border:1px solid transparent;border-radius:2px}.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{color:#333 !important;border:1px solid #979797;background-color:white;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));background:-webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:-moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:-ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:-o-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:linear-gradient(to bottom, #fff 0%, #dcdcdc 100%)}.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{cursor:default;color:#666 !important;border:1px solid transparent;background:transparent;box-shadow:none}.dataTables_wrapper .dataTables_paginate .paginate_button:hover{color:white !important;border:1px solid #111;background-color:#585858;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));background:-webkit-linear-gradient(top, #585858 0%, #111 100%);background:-moz-linear-gradient(top, #585858 0%, #111 100%);background:-ms-linear-gradient(top, #585858 0%, #111 100%);background:-o-linear-gradient(top, #585858 0%, #111 100%);background:linear-gradient(to bottom, #585858 0%, #111 100%)}.dataTables_wrapper .dataTables_paginate .paginate_button:active{outline:none;background-color:#2b2b2b;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));background:-webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);box-shadow:inset 0 0 3px #111}.dataTables_wrapper .dataTables_paginate .ellipsis{padding:0 1em}.dataTables_wrapper .dataTables_processing{position:absolute;top:50%;left:50%;width:100%;height:40px;margin-left:-50%;margin-top:-25px;padding-top:20px;text-align:center;font-size:1.2em;background-color:white;background:-webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(25%, rgba(255,255,255,0.9)), color-stop(75%, rgba(255,255,255,0.9)), color-stop(100%, rgba(255,255,255,0)));background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:-moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:-ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:-o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%)}.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_processing,.dataTables_wrapper .dataTables_paginate{color:#333}.dataTables_wrapper .dataTables_scroll{clear:both}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody{*margin-top:-1px;-webkit-overflow-scrolling:touch}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td{vertical-align:middle}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td>div.dataTables_sizing{height:0;overflow:hidden;margin:0 !important;padding:0 !important}.dataTables_wrapper.no-footer .dataTables_scrollBody{border-bottom:1px solid #111}.dataTables_wrapper.no-footer div.dataTables_scrollHead table,.dataTables_wrapper.no-footer div.dataTables_scrollBody table{border-bottom:none}.dataTables_wrapper:after{visibility:hidden;display:block;content:"";clear:both;height:0}@media screen and (max-width: 767px){.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_paginate{float:none;text-align:center}.dataTables_wrapper .dataTables_paginate{margin-top:0.5em}}@media screen and (max-width: 640px){.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter{float:none;text-align:center}.dataTables_wrapper .dataTables_filter{margin-top:0.5em}} .color-picker,.color-picker *,.color-picker :after,.color-picker :before,.color-picker:after,.color-picker:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.color-picker{position:absolute;top:0;left:0;z-index:9999}.color-picker-control{border:1px solid #000;-webkit-box-shadow:1px 5px 10px rgba(0,0,0,.5);-moz-box-shadow:1px 5px 10px rgba(0,0,0,.5);box-shadow:1px 5px 10px rgba(0,0,0,.5)}.color-picker-control *,.color-picker-control :after,.color-picker-control :before{border-color:inherit}.color-picker-control:after{content:" ";display:table;clear:both}.color-picker i{font:inherit}.color-picker-h{position:relative;width:20px;height:150px;float:right;border-left:1px solid;border-left-color:inherit;cursor:ns-resize;background:url(../_ui/responsive/theme-KRONES/css/color-picker-h.png) 50% 50% no-repeat;background-image:-webkit-linear-gradient(to top,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);background-image:-moz-linear-gradient(to top,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);background-image:linear-gradient(to top,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);-webkit-background-size:100% 100%;-moz-background-size:100% 100%;background-size:100% 100%;overflow:hidden}.color-picker-h i,.color-picker-h i:before{left:0;display:block;position:absolute;right:0}.color-picker-h i{top:-3px;z-index:3;height:6px}.color-picker-h i:before{content:"";top:0;bottom:0;border:3px solid;border-color:inherit;border-top-color:transparent;border-bottom-color:transparent}.color-picker-sv{position:relative;width:150px;height:150px;float:left;background:url(../_ui/responsive/theme-KRONES/css/color-picker-sv.png) 50% 50% no-repeat;background-image:-webkit-linear-gradient(to top,#000,rgba(0,0,0,0)),linear-gradient(to right,#fff,rgba(255,255,255,0));background-image:-moz-linear-gradient(to top,#000,rgba(0,0,0,0)),linear-gradient(to right,#fff,rgba(255,255,255,0));background-image:linear-gradient(to top,#000,rgba(0,0,0,0)),linear-gradient(to right,#fff,rgba(255,255,255,0));-webkit-background-size:100% 100%;-moz-background-size:100% 100%;background-size:100% 100%;cursor:crosshair}.color-picker-sv i{position:absolute;top:-4px;right:-4px;z-index:3;display:block;width:8px;height:8px}.color-picker-sv i:after,.color-picker-sv i:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;display:block;border:1px solid;border-color:inherit;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}.color-picker-sv i:before{top:-1px;right:-1px;bottom:-1px;left:-1px;border-color:#fff}.color-picker-h,.color-picker-sv{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent} article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } body { margin: 0; } a { background: transparent; } a:focus { outline: none; } a:active, a:hover { outline: 0; } h1 { font-size: 2em; margin: 0.67em 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } mark { background: #ff0; color: #000; } code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } pre { white-space: pre-wrap; } q { quotes: "\201C" "\201D" "\2018" "\2019"; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; /* 1 */ padding: 0; /* 2 */ } button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ } button, input { line-height: normal; } button, select { text-transform: none; } button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } button[disabled], html input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } table { border-collapse: collapse; border-spacing: 0; } @charset "UTF-8"; @font-face { font-family: Noto Sans; font-style: normal; font-weight: 400; src: local("Noto Sans"), local("NotoSans-Regular"), url("../_ui/responsive/theme-KRONES/fonts/NotoSans-Regular.woff") format("woff"); } @font-face { font-family: Noto Sans Medium; font-weight: 500; src: local("Noto Sans Medium"), local("NotoSans-Medium"), url("../_ui/responsive/theme-KRONES/fonts/NotoSans-Medium.woff") format("woff"); } @font-face { font-family: Noto Sans Display; font-weight: 500; src: local("Noto Sans Display Medium"), local("NotoSans-Display-Medium"), url("../_ui/responsive/theme-KRONES/fonts/NotoSansDisplay-Medium.woff") format("woff"); } @font-face { font-family: Noto Sans Bold; font-weight: 700; src: local("Noto Sans Bold"), local("NotoSans-Bold"), url("../_ui/responsive/theme-KRONES/fonts/NotoSans-Bold.woff") format("woff"); } @font-face { font-family: Noto Sans Light; font-weight: 400; src: local("Noto Sans Light"), local("NotoSans-Light"), url("../_ui/responsive/theme-KRONES/fonts/NotoSans-Light.woff") format("woff"); } @font-face { font-family: Noto Sans CJK; font-weight: 700; src: url("../_ui/responsive/theme-KRONES/fonts/NotoSansCJKsc-Bold.woff") format("woff"); } @font-face { font-family: Noto Sans CJK; font-weight: 400; src: url("../_ui/responsive/theme-KRONES/fonts/NotoSansCJKsc-Regular.woff") format("woff"); } @font-face { font-family: 'krones-iconfont'; src: url("../_ui/responsive/theme-KRONES/fonts/krones-iconfont.eot?20263761"); src: url("../_ui/responsive/theme-KRONES/fonts/krones-iconfont.eot?20263761#iefix") format("embedded-opentype"), url("../_ui/responsive/theme-KRONES/fonts/krones-iconfont.woff2?20263761") format("woff2"), url("../_ui/responsive/theme-KRONES/fonts/krones-iconfont.woff?20263761") format("woff"), url("../_ui/responsive/theme-KRONES/fonts/krones-iconfont.ttf?20263761") format("truetype"), url("../_ui/responsive/theme-KRONES/fonts/krones-iconfont.svg?20263761#krones-iconfont") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'fontello'; src: url("../_ui/responsive/theme-KRONES/fonts/fontello.eot?77414194"); src: url("../_ui/responsive/theme-KRONES/fonts/fontello.eot?77414194#iefix") format("embedded-opentype"), url("../_ui/responsive/theme-KRONES/fonts/fontello.woff2?77414194") format("woff2"), url("../_ui/responsive/theme-KRONES/fonts/fontello.woff?77414194") format("woff"), url("../_ui/responsive/theme-KRONES/fonts/fontello.ttf?77414194") format("truetype"), url("../_ui/responsive/theme-KRONES/fonts/fontello.svg?77414194#fontello") format("svg"); font-weight: normal; font-style: normal; } @media screen and (min-width: 1025px) { .visible-screen-desktop { display: block !important; } } @media screen and (min-width: 1025px) { .hidden-screen-desktop { display: none !important; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .visible-screen-tablet { display: block !important; } } @media screen and (max-width: 767px) { .visible-screen-mobile { display: block !important; } } html, body { height: 100%; font-size: 10px !important; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; color: #000; } @media only screen and (max-width: 768px) { html, body { width: 100%; } } body { font-size: 10px; background-color: #fff; width: 100%; margin: 0px; padding: 0px; color: #555555; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; position: relative; } @media only screen and (max-width: 767px) { body { overflow-x: hidden; } } @media screen and (max-width: 1024px) { body.noScroll { overflow: hidden; } } ul, ol, li { padding: 0; margin: 0; list-style: none; } .standardText ul, .standardText ol, .productDetails ul, .productDetails ol { margin: 2rem 0 0 1rem; font-size: 1.6rem; } .standardText ul:after, .standardText ol:after, .productDetails ul:after, .productDetails ol:after { content: ""; display: table; clear: both; } .standardText ul ul, .standardText ul ol, .standardText ol ul, .standardText ol ol, .productDetails ul ul, .productDetails ul ol, .productDetails ol ul, .productDetails ol ol { font-size: 1em; margin: 0 0 0 5px; } .standardText ul li, .standardText ol li, .productDetails ul li, .productDetails ol li { list-style: none; margin: 0.5em 0; padding: 0 0 0 1em; float: left; clear: both; } .standardText ul li ul, .standardText ol li ul, .productDetails ul li ul, .productDetails ol li ul { font-size: 1em; margin: 0 0 0 5%; } .standardText ul li ol, .standardText ol li ol, .productDetails ul li ol, .productDetails ol li ol { font-size: 1em; margin: 0 0 0 3%; } .standardText ul li:last-child, .standardText ol li:last-child, .productDetails ul li:last-child, .productDetails ol li:last-child { margin-bottom: 2em; } .standardText ul li:before, .productDetails ul li:before { content: ""; width: 0.3rem; height: 0.3rem; background: #555555; border-radius: 50%; position: relative; display: inline-block; top: -0.3rem; left: -1.8rem; } .standardText ol li, .productDetails ol li { list-style: decimal; } .standardText img.artikelBild, .productDetails img.artikelBild { padding: 0 1em 0 0; } .standardText img.artikelBild.right, .productDetails img.artikelBild.right { padding: 0 0 0 1em; } @media only screen and (max-width: 768px) { .standardText img.artikelBild.left, .standardText img.artikelBild.right, .productDetails img.artikelBild.left, .productDetails img.artikelBild.right { float: left; width: 100%; padding: 1em 0; } } .productDetails dl { line-height: 1.5em; } .productDetails dl dt { float: left; clear: both; margin: 0 0.8em 0 0; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; } .productDetails dl.noBullets dt { background: none; } .productDetails ol { margin: 1em 0 0 3%; } .standardText img .float-right { float: right; margin: 5px 20px 5px 20px; } .standardText img .float-left { float: left; margin: 5px 20px 5px 20px; } .standardText img { max-width: 100%; border: 1px solid #e5e5e5; } .hidden, .unsichtbar, .hide, .skip { left: -5000px; overflow: hidden; position: absolute; top: -5000px; } .mobileOnly { display: none; } @media only screen and (max-width: 768px) { .mobileOnly { display: block; } } .clearFix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .clearFix { display: inline-block; } .left { float: left; } .right { float: right; } .clear { clear: both; } h1, h2, h3, h4, h5, h6 { font-weight: normal; padding: 0; margin: 0; color: #000; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; } h1 { font-size: 4.8rem; line-height: 4.8rem; } @media only screen and (max-width: 1024px) { h1 { font-size: 4rem; } } @media only screen and (max-width: 768px) { h1 { font-size: 3.4rem; } } h2 { font-size: 3.2rem; line-height: 4.2rem; } @media only screen and (max-width: 1024px) { h2 { font-size: 3rem; } } @media only screen and (max-width: 768px) { h2 { font-size: 2.6rem; } } h3 { font-size: 2.6rem; line-height: 3.4rem; } @media only screen and (max-width: 1024px) { h3 { font-size: 2.4rem; } } @media only screen and (max-width: 768px) { h3 { font-size: 2.2rem; } } h4 { font-size: 2rem; line-height: 3rem; } h5 { font-size: 2rem; font-weight: bold; line-height: 3rem; } h6 { font-size: 2.4rem; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; line-height: 3.4rem; } @media only screen and (max-width: 1024px) { h6 { font-size: 2rem; } } p, a { font-size: 1.6rem; } i { color: #052a68; } .richText p, .richText a { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; } strong { font-weight: normal !important; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; } abbr[title] { border-bottom: 1px dotted; } dfn { font-style: italic; } hr { position: absolute; bottom: 0; width: 100%; border: solid 1px #e5e5e5; } mark { background: #ff0; color: #000; } code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } pre { white-space: pre-wrap; } q { quotes: "\201C" "\201D" "\2018" "\2019"; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } a { background: transparent; } a:name { background: #fff; } a:focus { outline: none; } a:active, a:hover { outline: 0; } a { color: #0060ad; text-decoration: none; } a.cartLink { border: medium none; border-radius: 3px; float: right; height: 2.5em; padding: 0; width: 2.5em; text-align: center; } a.cartLink span { float: left; width: 100%; height: 100%; background: url(../_ui/responsive/theme-KRONES/images/layout/icons-sprite.png) -22px -3744px no-repeat; } a.myProfileOverviewLink { width: 12em; float: left; height: 2em; position: relative; font-size: 1.6rem; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.75; letter-spacing: normal; color: #555555; } a.myProfileOverviewLink:before { content: '\e82f'; color: #555555; font-family: "krones-iconfont"; font-style: normal; font-weight: normal; speak: none; transform: rotate(-180deg); display: inline-block; text-decoration: inherit; width: 1em; margin-right: .4em; text-align: center; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .moreLink { width: 100%; border: none; color: #fff; font-size: 1.6rem; line-height: 2.8rem; text-align: center; padding: 1rem; display: block; box-sizing: border-box; color: #fff; background: transparent; border: solid 2px #fff; line-height: 2.4rem; width: auto !important; text-align: center !important; display: inline-block !important; padding: 10px 52px !important; } .moreLink:hover, .moreLink:focus { background: rgba(5, 42, 104, 0.4); border: solid 2px #697fa4; } @media only screen and (max-width: 1024px) { .moreLink { box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; color: #000; border: solid 2px #000; line-height: 2.4rem; font-size: 1.6rem; margin: 1rem 0 0 1rem; } } @media only screen and (max-width: 767px) { .moreLink { margin: 1rem 1rem 0 1rem; } } @media only screen and (min-width: 768px) { #homepage_slider .moreLink { margin: 1.5rem 0 0 1rem; } } .blue-button-link { width: 100%; border: none; color: #fff; font-size: 1.6rem; line-height: 2.8rem; text-align: center; padding: 1rem; display: block; box-sizing: border-box; color: #052a68; background: transparent; border: solid 2px #052a68; line-height: 2.4rem; transition: all .3s ease-in-out; max-width: 300px; margin-left: calc(50% - 150px); } .blue-button-link:hover, .blue-button-link:focus { background: rgba(5, 42, 104, 0.4); border: solid 2px #697fa4; } @media only screen and (max-width: 767px) { .blue-button-link { max-width: none; width: 100%; margin-left: 0; } } .link-with-arrow { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 1.6rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.75; letter-spacing: normal; text-align: center; background: transparent; display: inline-block; text-align: left; } .link-with-arrow:before { color: inherit; content: "\E831"; font-family: "fontello"; padding-right: 5px; font-size: 1.2rem; } .btn-primary { width: 100%; border: none; color: #fff; font-size: 1.6rem; line-height: 2.8rem; text-align: center; padding: 1rem; display: block; box-sizing: border-box; background: #052a68; } .btn-primary:hover, .btn-primary:focus { background: #042153; } .btn-outline-primary { width: 100%; border: none; color: #fff; font-size: 1.6rem; line-height: 2.8rem; text-align: center; padding: 1rem; display: block; box-sizing: border-box; color: #052a68; background: transparent; border: solid 2px #052a68; line-height: 2.4rem; transition: all .3s ease-in-out; } .btn-outline-primary:hover, .btn-outline-primary:focus { background: rgba(5, 42, 104, 0.4); border: solid 2px #697fa4; } .btn-outline-primary.accountLogin { margin-bottom: 20px; } .btn-secondary { width: 100%; border: none; color: #fff; font-size: 1.6rem; line-height: 2.8rem; text-align: center; padding: 1rem; display: block; box-sizing: border-box; background: #e34805; } .btn-secondary:hover, .btn-secondary:focus { background: #b53904; } .blue-button { width: 100%; border: none; color: #fff; font-size: 1.6rem; line-height: 2.8rem; text-align: center; padding: 1rem; display: block; box-sizing: border-box; background: #052a68; } .blue-button:hover, .blue-button:focus { background: #042153; } .blue-button:active { background: #323c43; } .blue-button[disabled="disabled"] { background: #99adc2; } .blue-button[disabled="disabled"]:hover { background: #99adc2; } @media only screen and (max-width: 767px) { .blue-button { width: 100%; } } .gray-button { width: 100%; border: none; color: #fff; font-size: 1.6rem; line-height: 2.8rem; text-align: center; padding: 1rem; display: block; box-sizing: border-box; background: #eaebeb; color: #555555; } .gray-button:hover, .gray-button:focus { background-color: #f7f7f7; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #c4c4c4)); background: -webkit-linear-gradient(top, #f7f7f7 0%, #c4c4c4 100%); background: -moz-linear-gradient(top, #f7f7f7 0%, #c4c4c4 100%); background: -o-linear-gradient(top, #f7f7f7, #c4c4c4); background: -ms-linear-gradient(top, #f7f7f7, #c4c4c4); background: linear-gradient(to bottom, #f7f7f7, #c4c4c4); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#c4c4c4'); } .gray-button:active { background-color: #323c43; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #323c43), color-stop(100%, #333d45)); background: -webkit-linear-gradient(top, #323c43 0%, #333d45 100%); background: -moz-linear-gradient(top, #323c43 0%, #333d45 100%); background: -o-linear-gradient(top, #323c43, #333d45); background: -ms-linear-gradient(top, #323c43, #333d45); background: linear-gradient(to bottom, #323c43, #333d45); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#323c43', endColorstr='#333d45'); color: #fff; } .gray-button[disabled="disabled"] { background-color: #fefefe; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #dddddd)); background: -webkit-linear-gradient(top, #fefefe 0%, #dddddd 100%); background: -moz-linear-gradient(top, #fefefe 0%, #dddddd 100%); background: -o-linear-gradient(top, #fefefe, #dddddd); background: -ms-linear-gradient(top, #fefefe, #dddddd); background: linear-gradient(to bottom, #fefefe, #dddddd); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#dddddd'); color: #999999; } .gray-button[disabled="disabled"]:hover { background-color: #fefefe; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #dddddd)); background: -webkit-linear-gradient(top, #fefefe 0%, #dddddd 100%); background: -moz-linear-gradient(top, #fefefe 0%, #dddddd 100%); background: -o-linear-gradient(top, #fefefe, #dddddd); background: -ms-linear-gradient(top, #fefefe, #dddddd); background: linear-gradient(to bottom, #fefefe, #dddddd); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#dddddd'); } @media only screen and (max-width: 768px) { .gray-button { width: 100%; } } .orange-button { width: 100%; border: none; color: #fff; font-size: 1.6rem; line-height: 2.8rem; text-align: center; padding: 1rem; display: block; box-sizing: border-box; background: #e34805; } .orange-button:hover, .orange-button:focus { background: #b53904; } .orange-button:active { background: #B13804; } .orange-button[disabled="disabled"] { background: #F2A37F; } .orange-button[disabled="disabled"]:hover { background: #F2A37F; } .cart_popup .orange-button { margin-bottom: 20px; } #back-top { width: 100%; border: none; color: #fff; font-size: 1.6rem; line-height: 2.8rem; text-align: center; padding: 1rem; display: block; box-sizing: border-box; background: #0060ad; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; border-radius: 40px; position: fixed; opacity: 0.75; bottom: 2em; right: 2em; font-size: 1.3em; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; text-align: center; width: 48px; height: 48px; z-index: 50000; } #back-top:hover, #back-top:focus { background: #042153; } #back-top:active { background: #323c43; } #back-top[disabled="disabled"] { background: #99adc2; } #back-top[disabled="disabled"]:hover { background: #99adc2; } @media only screen and (max-width: 767px) { #back-top { width: 100%; } } #back-top span { display: none; } #back-top:focus, #back-top:active { background: #0060ad; } #back-top:hover { background: #042153; } #back-top:before { content: "\E831"; font-family: "fontello"; display: inline-block; transform: rotate(-90deg); font-size: 2rem; } @media only screen and (max-width: 768px) { #back-top { display: none !important; } } #back-top:hover, #back-top:focus, #back-top:active { opacity: 1; } #back-top.background-orange { background: #e34805; } .breadcrumb-button { min-height: 0em !important; } #cboxWrapper button[disabled="disabled"] { background: #99adc2 none repeat scroll 0 0; } .buttonsleft { float: left; width: 40%; } .buttonsright { float: left; width: 40%; } .recommendedProductsFormButtonRight { float: left; } .add_shoppinglist_form .buttonsleft { float: left; } .add_shoppinglist_form .buttonsright { float: left; margin-top: 0; margin-left: 20px; } .button.button-buy { float: right; width: 6rem; height: 4.8rem; border: none; background: #e34805; padding: 0; margin-left: auto; border-radius: 0 !important; } .button.button-buy i { font-size: 3.8rem; color: #fff; display: inline-grid; } .button.button-buy i.icon-arrow_right { font-size: 3rem; } .button.button-buy:hover, .button.button-buy:focus, .button.button-buy:active { background: #b53904; } .button.button-buy[disabled="disabled"] { background: #cccccc; } form { font-size: 1.6rem; } input[type="text"] { border: solid 1px #c0c0c0; height: 4.8rem; padding: 0 0 0 1.5rem; } input[type="submit"] { border: 0; background: #052a68; } fieldset { margin: 0 0; padding: 0 0; } legend { border: 0; padding: 0; } button, input, select, textarea { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 100%; margin: 0; } button, input { line-height: normal; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } fieldset { border: none; } form *:focus { outline: none; } form.quantity { display: flex; } form.quantity input { border: 1px solid #c0c0c0; color: #555555; font-size: 1.6rem; padding: 0 1rem; height: 4.8rem; line-height: 2.4rem; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; text-align: left; width: 6rem; } form.quantity .qty-switch { height: 4rem; position: relative; right: 3.5rem; display: flex; flex-direction: column; justify-content: center; } @media screen and (min--moz-device-pixel-ratio: 0) { form.quantity .qty-switch { margin-top: 5px; } } form.quantity .qty-switch a { height: 1.5rem; padding: 0.8rem 1rem; } form.quantity .qty-switch i { font-size: 1rem; color: #555555; } .form_fieldContainer { float: left; width: 100%; height: auto; position: relative; padding-bottom: 0.4em; } .form_fieldContainer label { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 1.6rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2em; letter-spacing: normal; color: #555555; } .form_fieldContainer input, .form_fieldContainer textarea { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 1.6rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.75; letter-spacing: normal; color: #555555; } .form_fieldContainer.form_field-error input, .form_fieldContainer.form_field-error textarea, .form_fieldContainer.form_field-error .selectboxit-container { color: #b3282e; border-bottom: 3px solid #b3282e !important; } .form_fieldContainer.form_field-error .checkbox .checkbox_label:before { border-color: #b3282e; } .form_fieldContainer .status { float: left; margin-left: 0.8em; height: 25px; width: 25px; position: absolute; right: 10px; bottom: 30px; } .form_fieldContainer .status.error { margin-right: -7px; } .form_fieldContainer .error_box { background: #b3282e; color: white; line-height: 1.1em; top: calc(100% + 8px) !important; z-index: 10000; left: 0px; height: auto; padding: 0.7em; position: absolute; font-size: smaller; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; display: none; } .form_fieldContainer .error_box:before { top: -22%; right: 60%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #b3282e; border-width: 15px; margin-top: -15px; } .form_fieldContainer.form_field-error input { color: #b3282e; } .form_fieldContainer p { display: block; position: absolute; width: 44.8%; padding: 1.076em 0; vertical-align: middle; text-align: center; left: 66%; top: -60%; background-color: #fff; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #cecdcd)); background: -webkit-linear-gradient(top, #fff 0%, #cecdcd 100%); background: -moz-linear-gradient(top, #fff 0%, #cecdcd 100%); background: -o-linear-gradient(top, #fff, #cecdcd); background: -ms-linear-gradient(top, #fff, #cecdcd); background: linear-gradient(to bottom, #fff, #cecdcd); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#cecdcd'); box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; z-index: 5000; -webkit-box-shadow: 2px 3px 5px 0 rgba(50, 50, 50, 0.5); -moz-box-shadow: 2px 3px 5px 0 rgba(50, 50, 50, 0.5); box-shadow: 2px 3px 5px 0 rgba(50, 50, 50, 0.5); } .form_fieldContainer p:before { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border-bottom: 23px solid #FFFFFF; border-right: 20px solid rgba(0, 0, 0, 0); border-top: 23px solid #FFFFFF; content: ""; height: 0; left: 0; position: absolute; top: 0; width: 0; } .form_fieldContainer .form_field-label { padding: 0.5em 0 0 0; } .form_field-input { float: left; width: 100%; } .form_field-input .checkbox { float: left; } .form_field-input .checkbox input { top: 0; background: none; box-shadow: none; width: auto; font-size: 1em; margin-top: 0.5em; } .form_field-input input[type=radio], .form_field-input input[type=checkbox] { display: none; } .form_field-input label { cursor: pointer; font-weight: normal; padding: 0 0 0 2em; font-size: 1.6rem; } .form_field-input .radio label { padding: 0 0 0 0.7em; } .form_field-input .radio label:before { content: ""; display: inline-block; float: left; width: 22px; height: 22px; background: url(../_ui/responsive/theme-KRONES/images/layout/icons-sprite.png) -95px -1487px no-repeat transparent; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 2; } #feedbackForm .form_field-input .radio label:before { margin: 3px 0 0 -31px; } .form_field-input .radio label.disabled:before { background: #eaebeb; cursor: default; border-radius: 50%; } .form_field-input .checkbox label:before { content: ""; display: inline-block; position: absolute; left: 1.5rem; top: 1.7rem; width: 1.8rem; height: 1.8rem; background: #fff; border: 2px solid #ccc; border-radius: 2px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-align: center; color: #fff; line-height: 1.4; vertical-align: middle; font-size: 1.2rem; } .form_field-input .checkbox label.disabled:before { background: #eaebeb; cursor: default; } .form_field-input .radio input[type=radio]:checked + label:before, .form_field-input .radio input[type=radio]:checked + div + label:before, .form_field-input .radio input[type=radio]:checked + input + label:before { background: url(../_ui/responsive/theme-KRONES/images/layout/icons-sprite.png) -47px -1536px no-repeat transparent; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 2; } .form_field-input .checkbox input[type=checkbox]:checked + label:before, .form_field-input .checkbox input[type=checkbox]:checked + div + label:before, .form_field-input .checkbox input[type=checkbox]:checked + input + label:before { content: "\E821"; font-family: "fontello"; border-color: #052a68; background: #052a68; } #enterMaintecRequestForm .form_field-input .radio label { padding: 0 0 0 1em; } #enterMaintecRequestForm .form_field-input .radio label:before { margin-left: 0; padding-right: 1rem; } .page-saved-carts .form_field-input .checkbox label:before { top: inherit; left: 0; } .standardText form, .productDetails form { float: left; width: 100%; } .standardText form fieldset, .productDetails form fieldset { float: left; width: 100%; clear: both; } .standardText form .form-field, .productDetails form .form-field { width: 50%; } .standardText form .form-field input, .standardText form .form-field label, .productDetails form .form-field input, .productDetails form .form-field label { font-size: 1.4em; } .select select::-ms-expand { display: none; } input[type="submit"]:focus { box-shadow: none; } .form_field-label.error { color: #b3282e; } .contactForm fieldset:first-child h2 { margin: 0 0 1.2em 0; } .form_field-input .radio .paymentType:before { margin: 7px 0 0 -35px; } #cboxWrapper .form_field-input.wishlistTransfer input { width: 100%; } .form_fieldContainer .status.error.wishlistTransfer, .form_fieldContainer .status.success.wishlistTransfer { font-size: 1.3em; margin-top: 5px; } .checkout .text fieldset .form_field-input { padding: 0 0 1em 0; } .select { float: left; position: relative; height: 48px; } .select .selectboxit-container > .selectboxit-focus { border-bottom: 2px solid #052a68; } .select2-container .select2-selection { min-width: 8rem; cursor: pointer; margin: 0; position: relative; font-weight: normal; box-sizing: border-box; max-width: 100% !important; height: 4.8rem; font-size: 1.6rem; border-radius: 0; background: #fff; display: flex; align-items: center; padding: 0 1rem; } .select2-container .select2-selection__arrow { height: 48px !important; } #add_shoppinglist_form .form_field-input .radio label:before { position: relative; top: 6px; } form.quantity .qty-switch a.qty-inc { position: relative; top: 0.4rem; } form.quantity .qty-switch a.qty-dec { position: relative; bottom: 0.6rem; } .form-box, .pwChange, .loginWrap, .panel-spacing-withbgnd, .requestSKPForm, .kronesForm, .upgradeQueryRuleForm { width: 100%; float: left; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } @media only screen and (min-width: 480px) { .form-box.form-box-grey, .form-box.form-box-white, .pwChange.form-box-grey, .pwChange.form-box-white, .loginWrap.form-box-grey, .loginWrap.form-box-white, .panel-spacing-withbgnd.form-box-grey, .panel-spacing-withbgnd.form-box-white, .requestSKPForm.form-box-grey, .requestSKPForm.form-box-white, .kronesForm.form-box-grey, .kronesForm.form-box-white, .upgradeQueryRuleForm.form-box-grey, .upgradeQueryRuleForm.form-box-white { padding: 20px; } } @media only screen and (max-width: 480px) { .form-box.form-box-grey, .form-box.form-box-white, .pwChange.form-box-grey, .pwChange.form-box-white, .loginWrap.form-box-grey, .loginWrap.form-box-white, .panel-spacing-withbgnd.form-box-grey, .panel-spacing-withbgnd.form-box-white, .requestSKPForm.form-box-grey, .requestSKPForm.form-box-white, .kronesForm.form-box-grey, .kronesForm.form-box-white, .upgradeQueryRuleForm.form-box-grey, .upgradeQueryRuleForm.form-box-white { padding: 10px; } } .form-box a.info, .pwChange a.info, .loginWrap a.info, .panel-spacing-withbgnd a.info, .requestSKPForm a.info, .kronesForm a.info, .upgradeQueryRuleForm a.info { background: url(../_ui/responsive/theme-KRONES/images/layout/icons-sprite.png) no-repeat 0px -2976px transparent; height: 3em; width: 1em; position: absolute; text-align: right; margin-top: 10px; margin-left: 5px; display: inline; } .form-box.form-box-grey, .pwChange.form-box-grey, .loginWrap.form-box-grey, .panel-spacing-withbgnd.form-box-grey, .requestSKPForm.form-box-grey, .kronesForm.form-box-grey, .upgradeQueryRuleForm.form-box-grey { background-color: #eaebeb; } .form-box h2, .pwChange h2, .loginWrap h2, .panel-spacing-withbgnd h2, .requestSKPForm h2, .kronesForm h2, .upgradeQueryRuleForm h2 { margin-bottom: 10px; font-size: 2.5rem; } .form-box h4, .pwChange h4, .loginWrap h4, .panel-spacing-withbgnd h4, .requestSKPForm h4, .kronesForm h4, .upgradeQueryRuleForm h4 { margin-bottom: 10px; } .form-box .select2-container, .pwChange .select2-container, .loginWrap .select2-container, .panel-spacing-withbgnd .select2-container, .requestSKPForm .select2-container, .kronesForm .select2-container, .upgradeQueryRuleForm .select2-container { display: inline-block; } .form-box .select, .pwChange .select, .loginWrap .select, .panel-spacing-withbgnd .select, .requestSKPForm .select, .kronesForm .select, .upgradeQueryRuleForm .select { width: 100%; } .form-box .select2SelectBox, .pwChange .select2SelectBox, .loginWrap .select2SelectBox, .panel-spacing-withbgnd .select2SelectBox, .requestSKPForm .select2SelectBox, .kronesForm .select2SelectBox, .upgradeQueryRuleForm .select2SelectBox { width: 100%; } .form-box .select2-container--default .select2-selection--single .select2-selection__arrow b, .pwChange .select2-container--default .select2-selection--single .select2-selection__arrow b, .loginWrap .select2-container--default .select2-selection--single .select2-selection__arrow b, .panel-spacing-withbgnd .select2-container--default .select2-selection--single .select2-selection__arrow b, .requestSKPForm .select2-container--default .select2-selection--single .select2-selection__arrow b, .kronesForm .select2-container--default .select2-selection--single .select2-selection__arrow b, .upgradeQueryRuleForm .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: none; border-style: none; } .form-box .select2-container--default .select2-selection--single .select2-selection__arrow b:before, .pwChange .select2-container--default .select2-selection--single .select2-selection__arrow b:before, .loginWrap .select2-container--default .select2-selection--single .select2-selection__arrow b:before, .panel-spacing-withbgnd .select2-container--default .select2-selection--single .select2-selection__arrow b:before, .requestSKPForm .select2-container--default .select2-selection--single .select2-selection__arrow b:before, .kronesForm .select2-container--default .select2-selection--single .select2-selection__arrow b:before, .upgradeQueryRuleForm .select2-container--default .select2-selection--single .select2-selection__arrow b:before { content: "\E831"; font-family: 'fontello'; font-size: 1.2rem; position: absolute; right: -4px; top: -6px; transform: rotate(90deg); color: #555; } .form-box .select2-results__option, .pwChange .select2-results__option, .loginWrap .select2-results__option, .panel-spacing-withbgnd .select2-results__option, .requestSKPForm .select2-results__option, .kronesForm .select2-results__option, .upgradeQueryRuleForm .select2-results__option { font-size: 1.6rem; } .form-box .select2-search__field, .pwChange .select2-search__field, .loginWrap .select2-search__field, .panel-spacing-withbgnd .select2-search__field, .requestSKPForm .select2-search__field, .kronesForm .select2-search__field, .upgradeQueryRuleForm .select2-search__field { font-size: 1.6rem; } .form-box a.info-icon, .pwChange a.info-icon, .loginWrap a.info-icon, .panel-spacing-withbgnd a.info-icon, .requestSKPForm a.info-icon, .kronesForm a.info-icon, .upgradeQueryRuleForm a.info-icon { background: url(../_ui/responsive/theme-KRONES/images/layout/icons-sprite.png) no-repeat 0 -2974px transparent; margin: 0 0 0 0.3em; height: 1.5em; width: 2em; } .form-box .yCmsComponent, .pwChange .yCmsComponent, .loginWrap .yCmsComponent, .panel-spacing-withbgnd .yCmsComponent, .requestSKPForm .yCmsComponent, .kronesForm .yCmsComponent, .upgradeQueryRuleForm .yCmsComponent { margin-bottom: 5em; } .form-box.anfrageForm div.form_field-input, .pwChange.anfrageForm div.form_field-input, .loginWrap.anfrageForm div.form_field-input, .panel-spacing-withbgnd.anfrageForm div.form_field-input, .requestSKPForm.anfrageForm div.form_field-input, .kronesForm.anfrageForm div.form_field-input, .upgradeQueryRuleForm.anfrageForm div.form_field-input { width: 35.962%; } .form-box a.skpTypeInfo, .pwChange a.skpTypeInfo, .loginWrap a.skpTypeInfo, .panel-spacing-withbgnd a.skpTypeInfo, .requestSKPForm a.skpTypeInfo, .kronesForm a.skpTypeInfo, .upgradeQueryRuleForm a.skpTypeInfo { width: 1.2em; height: 1.2em; display: block; float: left; margin-left: 10px; margin-top: 8px; background: url(../_ui/responsive/theme-KRONES/images/layout/icons-sprite.png) no-repeat 0px -2975px transparent; } .form-box .checkbox-container, .pwChange .checkbox-container, .loginWrap .checkbox-container, .panel-spacing-withbgnd .checkbox-container, .requestSKPForm .checkbox-container, .kronesForm .checkbox-container, .upgradeQueryRuleForm .checkbox-container { padding-top: 20px; display: inline-block; } .form-box div.form_field-label.short, .pwChange div.form_field-label.short, .loginWrap div.form_field-label.short, .panel-spacing-withbgnd div.form_field-label.short, .requestSKPForm div.form_field-label.short, .kronesForm div.form_field-label.short, .upgradeQueryRuleForm div.form_field-label.short { clear: none; width: 2.5%; margin: 0 1.538em 0 6em; } .form-box div.form_field-label.info-icon, .pwChange div.form_field-label.info-icon, .loginWrap div.form_field-label.info-icon, .panel-spacing-withbgnd div.form_field-label.info-icon, .requestSKPForm div.form_field-label.info-icon, .kronesForm div.form_field-label.info-icon, .upgradeQueryRuleForm div.form_field-label.info-icon { float: left; } .form-box div.form_field-input, .pwChange div.form_field-input, .loginWrap div.form_field-input, .panel-spacing-withbgnd div.form_field-input, .requestSKPForm div.form_field-input, .kronesForm div.form_field-input, .upgradeQueryRuleForm div.form_field-input { width: 100%; } .form-box div.form_field-input.short, .pwChange div.form_field-input.short, .loginWrap div.form_field-input.short, .panel-spacing-withbgnd div.form_field-input.short, .requestSKPForm div.form_field-input.short, .kronesForm div.form_field-input.short, .upgradeQueryRuleForm div.form_field-input.short { width: 10%; } .form-box div.form_field-input span, .pwChange div.form_field-input span, .loginWrap div.form_field-input span, .panel-spacing-withbgnd div.form_field-input span, .requestSKPForm div.form_field-input span, .kronesForm div.form_field-input span, .upgradeQueryRuleForm div.form_field-input span { font-size: 1.6rem; } .form-box div.form_field-input input, .pwChange div.form_field-input input, .loginWrap div.form_field-input input, .panel-spacing-withbgnd div.form_field-input input, .requestSKPForm div.form_field-input input, .kronesForm div.form_field-input input, .upgradeQueryRuleForm div.form_field-input input { position: relative; width: 100%; padding: 0 0.5em; height: 48px; border: 1px solid #bababa; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .form-box div.form_field-input input[type="checkbox"], .form-box div.form_field-input input[type="radio"], .pwChange div.form_field-input input[type="checkbox"], .pwChange div.form_field-input input[type="radio"], .loginWrap div.form_field-input input[type="checkbox"], .loginWrap div.form_field-input input[type="radio"], .panel-spacing-withbgnd div.form_field-input input[type="checkbox"], .panel-spacing-withbgnd div.form_field-input input[type="radio"], .requestSKPForm div.form_field-input input[type="checkbox"], .requestSKPForm div.form_field-input input[type="radio"], .kronesForm div.form_field-input input[type="checkbox"], .kronesForm div.form_field-input input[type="radio"], .upgradeQueryRuleForm div.form_field-input input[type="checkbox"], .upgradeQueryRuleForm div.form_field-input input[type="radio"] { width: 1em; height: 1em; margin: 0.5em 0 0 0; border: none; background: transparent; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; color: #333; padding: 0; } .form-box div.form_field-input input[type="checkbox"], .pwChange div.form_field-input input[type="checkbox"], .loginWrap div.form_field-input input[type="checkbox"], .panel-spacing-withbgnd div.form_field-input input[type="checkbox"], .requestSKPForm div.form_field-input input[type="checkbox"], .kronesForm div.form_field-input input[type="checkbox"], .upgradeQueryRuleForm div.form_field-input input[type="checkbox"] { border: 1px solid #333; } .form-box div.form_field-input input[type="file"], .pwChange div.form_field-input input[type="file"], .loginWrap div.form_field-input input[type="file"], .panel-spacing-withbgnd div.form_field-input input[type="file"], .requestSKPForm div.form_field-input input[type="file"], .kronesForm div.form_field-input input[type="file"], .upgradeQueryRuleForm div.form_field-input input[type="file"] { padding: 0 0; } .form-box div.form_field-input input[type="file"]::-webkit-file-upload-button, .pwChange div.form_field-input input[type="file"]::-webkit-file-upload-button, .loginWrap div.form_field-input input[type="file"]::-webkit-file-upload-button, .panel-spacing-withbgnd div.form_field-input input[type="file"]::-webkit-file-upload-button, .requestSKPForm div.form_field-input input[type="file"]::-webkit-file-upload-button, .kronesForm div.form_field-input input[type="file"]::-webkit-file-upload-button, .upgradeQueryRuleForm div.form_field-input input[type="file"]::-webkit-file-upload-button { background: #052a68; border: 0; padding: 1em 2em; cursor: pointer; color: #fff; } .form-box div.form_field-input input[type="file"]::-ms-browse, .pwChange div.form_field-input input[type="file"]::-ms-browse, .loginWrap div.form_field-input input[type="file"]::-ms-browse, .panel-spacing-withbgnd div.form_field-input input[type="file"]::-ms-browse, .requestSKPForm div.form_field-input input[type="file"]::-ms-browse, .kronesForm div.form_field-input input[type="file"]::-ms-browse, .upgradeQueryRuleForm div.form_field-input input[type="file"]::-ms-browse { background: #052a68; border: 0; padding: 1em 2em; cursor: pointer; color: #fff; } .form-box div.form_field-input input label[for="file-input"], .pwChange div.form_field-input input label[for="file-input"], .loginWrap div.form_field-input input label[for="file-input"], .panel-spacing-withbgnd div.form_field-input input label[for="file-input"], .requestSKPForm div.form_field-input input label[for="file-input"], .kronesForm div.form_field-input input label[for="file-input"], .upgradeQueryRuleForm div.form_field-input input label[for="file-input"] { display: block; margin-bottom: 1em; font-size: 1em; color: #052a68; opacity: .9; font-weight: bold; } .form-box div.form_field-input input:focus, .pwChange div.form_field-input input:focus, .loginWrap div.form_field-input input:focus, .panel-spacing-withbgnd div.form_field-input input:focus, .requestSKPForm div.form_field-input input:focus, .kronesForm div.form_field-input input:focus, .upgradeQueryRuleForm div.form_field-input input:focus { border-bottom: 3px solid #052a68; } .form-box div.form_field-input a.button, .pwChange div.form_field-input a.button, .loginWrap div.form_field-input a.button, .panel-spacing-withbgnd div.form_field-input a.button, .requestSKPForm div.form_field-input a.button, .kronesForm div.form_field-input a.button, .upgradeQueryRuleForm div.form_field-input a.button { background: #eaebeb; border: 1px solid #cccccc; border-radius: 3px; color: #555555; line-height: 1.63em; float: left; font-weight: normal; margin: 0; padding: 0.15em 2.8em 0.05em 0.5em; height: 26px; width: 100%; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; } .form-box div.form_field-input .dropdown, .pwChange div.form_field-input .dropdown, .loginWrap div.form_field-input .dropdown, .panel-spacing-withbgnd div.form_field-input .dropdown, .requestSKPForm div.form_field-input .dropdown, .kronesForm div.form_field-input .dropdown, .upgradeQueryRuleForm div.form_field-input .dropdown { padding: 0; visibility: hidden; opacity: 0; background: #fff; box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2); position: absolute; top: 26px; z-index: 100; transition: visibility 0.4s, opacity 0.4s; width: 100%; } .form-box div.form_field-input .dropdown.active, .pwChange div.form_field-input .dropdown.active, .loginWrap div.form_field-input .dropdown.active, .panel-spacing-withbgnd div.form_field-input .dropdown.active, .requestSKPForm div.form_field-input .dropdown.active, .kronesForm div.form_field-input .dropdown.active, .upgradeQueryRuleForm div.form_field-input .dropdown.active { visibility: visible; opacity: 1; } .form-box div.form_field-input .dropdown span, .pwChange div.form_field-input .dropdown span, .loginWrap div.form_field-input .dropdown span, .panel-spacing-withbgnd div.form_field-input .dropdown span, .requestSKPForm div.form_field-input .dropdown span, .kronesForm div.form_field-input .dropdown span, .upgradeQueryRuleForm div.form_field-input .dropdown span { color: #555; cursor: pointer; float: left; font-size: 14px; font-weight: normal; line-height: 1.4em; padding: 5px 10px; width: 100%; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .form-box div.form_field-input .dropdown span:hover, .pwChange div.form_field-input .dropdown span:hover, .loginWrap div.form_field-input .dropdown span:hover, .panel-spacing-withbgnd div.form_field-input .dropdown span:hover, .requestSKPForm div.form_field-input .dropdown span:hover, .kronesForm div.form_field-input .dropdown span:hover, .upgradeQueryRuleForm div.form_field-input .dropdown span:hover { background: #eee; } .form-box div.form_field-input select::-ms-expand, .pwChange div.form_field-input select::-ms-expand, .loginWrap div.form_field-input select::-ms-expand, .panel-spacing-withbgnd div.form_field-input select::-ms-expand, .requestSKPForm div.form_field-input select::-ms-expand, .kronesForm div.form_field-input select::-ms-expand, .upgradeQueryRuleForm div.form_field-input select::-ms-expand { display: none; } .form-box div.form_field-input textarea, .pwChange div.form_field-input textarea, .loginWrap div.form_field-input textarea, .panel-spacing-withbgnd div.form_field-input textarea, .requestSKPForm div.form_field-input textarea, .kronesForm div.form_field-input textarea, .upgradeQueryRuleForm div.form_field-input textarea { float: left; margin: 0 0 0 0; padding: 0.4em; width: 100%; min-height: 10em; resize: vertical; background: white; border: 1px solid #bababa; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .form-box div.form_field-input .checkbox, .pwChange div.form_field-input .checkbox, .loginWrap div.form_field-input .checkbox, .panel-spacing-withbgnd div.form_field-input .checkbox, .requestSKPForm div.form_field-input .checkbox, .kronesForm div.form_field-input .checkbox, .upgradeQueryRuleForm div.form_field-input .checkbox { float: left; min-width: 1em; min-height: 0; padding: 10px o; align-items: center; vertical-align: middle; min-height: 48px; } .form-box div.form_field-input .checkbox_label, .pwChange div.form_field-input .checkbox_label, .loginWrap div.form_field-input .checkbox_label, .panel-spacing-withbgnd div.form_field-input .checkbox_label, .requestSKPForm div.form_field-input .checkbox_label, .kronesForm div.form_field-input .checkbox_label, .upgradeQueryRuleForm div.form_field-input .checkbox_label { padding-left: 30px; margin: 0; position: relative; vertical-align: middle; bottom: 1px; top: 50%; transform: translateY(-50%); font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.75; letter-spacing: normal; color: #555555; } .form-box div.form_field-input .checkbox_label a, .pwChange div.form_field-input .checkbox_label a, .loginWrap div.form_field-input .checkbox_label a, .panel-spacing-withbgnd div.form_field-input .checkbox_label a, .requestSKPForm div.form_field-input .checkbox_label a, .kronesForm div.form_field-input .checkbox_label a, .upgradeQueryRuleForm div.form_field-input .checkbox_label a { font-size: 1.6rem; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.75; letter-spacing: normal; color: #0060ad; text-decoration: underline; } .form-box div.form_field-input .checkbox_label:before, .pwChange div.form_field-input .checkbox_label:before, .loginWrap div.form_field-input .checkbox_label:before, .panel-spacing-withbgnd div.form_field-input .checkbox_label:before, .requestSKPForm div.form_field-input .checkbox_label:before, .kronesForm div.form_field-input .checkbox_label:before, .upgradeQueryRuleForm div.form_field-input .checkbox_label:before { top: 0px; left: 0; } .form-box div.pstrength-minchar, .pwChange div.pstrength-minchar, .loginWrap div.pstrength-minchar, .panel-spacing-withbgnd div.pstrength-minchar, .requestSKPForm div.pstrength-minchar, .kronesForm div.pstrength-minchar, .upgradeQueryRuleForm div.pstrength-minchar { margin-left: 0.2em; } @media only screen and (max-width: 1024px) { .form-box div.pstrength-minchar, .pwChange div.pstrength-minchar, .loginWrap div.pstrength-minchar, .panel-spacing-withbgnd div.pstrength-minchar, .requestSKPForm div.pstrength-minchar, .kronesForm div.pstrength-minchar, .upgradeQueryRuleForm div.pstrength-minchar { clear: both; margin-left: 0; } } .form-box div.pstrengthBorder, .pwChange div.pstrengthBorder, .loginWrap div.pstrengthBorder, .panel-spacing-withbgnd div.pstrengthBorder, .requestSKPForm div.pstrengthBorder, .kronesForm div.pstrengthBorder, .upgradeQueryRuleForm div.pstrengthBorder { width: 80%; padding: 0; height: 20px; min-height: 1.2em; border: 1px solid #bababa; margin-left: 10%; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } @media only screen and (max-width: 1024px) { .form-box div.pstrengthBorder, .pwChange div.pstrengthBorder, .loginWrap div.pstrengthBorder, .panel-spacing-withbgnd div.pstrengthBorder, .requestSKPForm div.pstrengthBorder, .kronesForm div.pstrengthBorder, .upgradeQueryRuleForm div.pstrengthBorder { float: left; padding: 0; position: relative; } } .form-box div.pstrengthBorder .pstrength-bar, .pwChange div.pstrengthBorder .pstrength-bar, .loginWrap div.pstrengthBorder .pstrength-bar, .panel-spacing-withbgnd div.pstrengthBorder .pstrength-bar, .requestSKPForm div.pstrengthBorder .pstrength-bar, .kronesForm div.pstrengthBorder .pstrength-bar, .upgradeQueryRuleForm div.pstrengthBorder .pstrength-bar { min-height: 0; height: 100%; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; font-size: 12px; padding-left: 10px; color: #000; white-space: nowrap; } .form-box div.pstrengthBorder .pstrength-bar.pstrength-bar-0, .pwChange div.pstrengthBorder .pstrength-bar.pstrength-bar-0, .loginWrap div.pstrengthBorder .pstrength-bar.pstrength-bar-0, .panel-spacing-withbgnd div.pstrengthBorder .pstrength-bar.pstrength-bar-0, .requestSKPForm div.pstrengthBorder .pstrength-bar.pstrength-bar-0, .kronesForm div.pstrengthBorder .pstrength-bar.pstrength-bar-0, .upgradeQueryRuleForm div.pstrengthBorder .pstrength-bar.pstrength-bar-0 { width: 0; } .form-box div.pstrengthBorder .pstrength-bar.pstrength-bar-20, .pwChange div.pstrengthBorder .pstrength-bar.pstrength-bar-20, .loginWrap div.pstrengthBorder .pstrength-bar.pstrength-bar-20, .panel-spacing-withbgnd div.pstrengthBorder .pstrength-bar.pstrength-bar-20, .requestSKPForm div.pstrengthBorder .pstrength-bar.pstrength-bar-20, .kronesForm div.pstrengthBorder .pstrength-bar.pstrength-bar-20, .upgradeQueryRuleForm div.pstrengthBorder .pstrength-bar.pstrength-bar-20 { width: 20%; background-color: #b3282e; } .form-box div.pstrengthBorder .pstrength-bar.pstrength-bar-40, .pwChange div.pstrengthBorder .pstrength-bar.pstrength-bar-40, .loginWrap div.pstrengthBorder .pstrength-bar.pstrength-bar-40, .panel-spacing-withbgnd div.pstrengthBorder .pstrength-bar.pstrength-bar-40, .requestSKPForm div.pstrengthBorder .pstrength-bar.pstrength-bar-40, .kronesForm div.pstrengthBorder .pstrength-bar.pstrength-bar-40, .upgradeQueryRuleForm div.pstrengthBorder .pstrength-bar.pstrength-bar-40 { width: 40%; background-color: #b3282e; } .form-box div.pstrengthBorder .pstrength-bar.pstrength-bar-60, .pwChange div.pstrengthBorder .pstrength-bar.pstrength-bar-60, .loginWrap div.pstrengthBorder .pstrength-bar.pstrength-bar-60, .panel-spacing-withbgnd div.pstrengthBorder .pstrength-bar.pstrength-bar-60, .requestSKPForm div.pstrengthBorder .pstrength-bar.pstrength-bar-60, .kronesForm div.pstrengthBorder .pstrength-bar.pstrength-bar-60, .upgradeQueryRuleForm div.pstrengthBorder .pstrength-bar.pstrength-bar-60 { width: 60%; background-color: #e0b000; } .form-box div.pstrengthBorder .pstrength-bar.pstrength-bar-80, .pwChange div.pstrengthBorder .pstrength-bar.pstrength-bar-80, .loginWrap div.pstrengthBorder .pstrength-bar.pstrength-bar-80, .panel-spacing-withbgnd div.pstrengthBorder .pstrength-bar.pstrength-bar-80, .requestSKPForm div.pstrengthBorder .pstrength-bar.pstrength-bar-80, .kronesForm div.pstrengthBorder .pstrength-bar.pstrength-bar-80, .upgradeQueryRuleForm div.pstrengthBorder .pstrength-bar.pstrength-bar-80 { width: 80%; background-color: #e0b000; } .form-box div.pstrengthBorder .pstrength-bar.pstrength-bar-100, .pwChange div.pstrengthBorder .pstrength-bar.pstrength-bar-100, .loginWrap div.pstrengthBorder .pstrength-bar.pstrength-bar-100, .panel-spacing-withbgnd div.pstrengthBorder .pstrength-bar.pstrength-bar-100, .requestSKPForm div.pstrengthBorder .pstrength-bar.pstrength-bar-100, .kronesForm div.pstrengthBorder .pstrength-bar.pstrength-bar-100, .upgradeQueryRuleForm div.pstrengthBorder .pstrength-bar.pstrength-bar-100 { width: 100%; background-color: #00987a; } .form-box .pstrength-info, .pwChange .pstrength-info, .loginWrap .pstrength-info, .panel-spacing-withbgnd .pstrength-info, .requestSKPForm .pstrength-info, .kronesForm .pstrength-info, .upgradeQueryRuleForm .pstrength-info { left: 2em; position: relative; top: -1.4em; height: 0; min-height: 0; padding: 0; } @media only screen and (max-width: 1024px) { .form-box .pstrength-info, .pwChange .pstrength-info, .loginWrap .pstrength-info, .panel-spacing-withbgnd .pstrength-info, .requestSKPForm .pstrength-info, .kronesForm .pstrength-info, .upgradeQueryRuleForm .pstrength-info { height: 0; left: 1.5em; position: relative; top: -1.4em; } } .form-box .pstrength-info span, .pwChange .pstrength-info span, .loginWrap .pstrength-info span, .panel-spacing-withbgnd .pstrength-info span, .requestSKPForm .pstrength-info span, .kronesForm .pstrength-info span, .upgradeQueryRuleForm .pstrength-info span { font-size: 0.85em; color: #333 !important; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; } .form-box .loginPageLink, .pwChange .loginPageLink, .loginWrap .loginPageLink, .panel-spacing-withbgnd .loginPageLink, .requestSKPForm .loginPageLink, .kronesForm .loginPageLink, .upgradeQueryRuleForm .loginPageLink { float: left; clear: both; padding: 0.25em 0; margin-bottom: 1em; width: 100%; position: relative; z-index: 1; } .form-box .loginPageLink.uploadReset, .pwChange .loginPageLink.uploadReset, .loginWrap .loginPageLink.uploadReset, .panel-spacing-withbgnd .loginPageLink.uploadReset, .requestSKPForm .loginPageLink.uploadReset, .kronesForm .loginPageLink.uploadReset, .upgradeQueryRuleForm .loginPageLink.uploadReset { width: 100%; border: none; color: #fff; font-size: 1.6rem; line-height: 2.8rem; text-align: center; padding: 1rem; display: block; box-sizing: border-box; background: #052a68; display: inline-block; margin: 0; right: auto; } .form-box .loginPageLink.uploadReset:hover, .form-box .loginPageLink.uploadReset:focus, .pwChange .loginPageLink.uploadReset:hover, .pwChange .loginPageLink.uploadReset:focus, .loginWrap .loginPageLink.uploadReset:hover, .loginWrap .loginPageLink.uploadReset:focus, .panel-spacing-withbgnd .loginPageLink.uploadReset:hover, .panel-spacing-withbgnd .loginPageLink.uploadReset:focus, .requestSKPForm .loginPageLink.uploadReset:hover, .requestSKPForm .loginPageLink.uploadReset:focus, .kronesForm .loginPageLink.uploadReset:hover, .kronesForm .loginPageLink.uploadReset:focus, .upgradeQueryRuleForm .loginPageLink.uploadReset:hover, .upgradeQueryRuleForm .loginPageLink.uploadReset:focus { background: #042153; } .form-box .loginPageLink.uploadReset:active, .pwChange .loginPageLink.uploadReset:active, .loginWrap .loginPageLink.uploadReset:active, .panel-spacing-withbgnd .loginPageLink.uploadReset:active, .requestSKPForm .loginPageLink.uploadReset:active, .kronesForm .loginPageLink.uploadReset:active, .upgradeQueryRuleForm .loginPageLink.uploadReset:active { background: #323c43; } .form-box .loginPageLink.uploadReset[disabled="disabled"], .pwChange .loginPageLink.uploadReset[disabled="disabled"], .loginWrap .loginPageLink.uploadReset[disabled="disabled"], .panel-spacing-withbgnd .loginPageLink.uploadReset[disabled="disabled"], .requestSKPForm .loginPageLink.uploadReset[disabled="disabled"], .kronesForm .loginPageLink.uploadReset[disabled="disabled"], .upgradeQueryRuleForm .loginPageLink.uploadReset[disabled="disabled"] { background: #99adc2; } .form-box .loginPageLink.uploadReset[disabled="disabled"]:hover, .pwChange .loginPageLink.uploadReset[disabled="disabled"]:hover, .loginWrap .loginPageLink.uploadReset[disabled="disabled"]:hover, .panel-spacing-withbgnd .loginPageLink.uploadReset[disabled="disabled"]:hover, .requestSKPForm .loginPageLink.uploadReset[disabled="disabled"]:hover, .kronesForm .loginPageLink.uploadReset[disabled="disabled"]:hover, .upgradeQueryRuleForm .loginPageLink.uploadReset[disabled="disabled"]:hover { background: #99adc2; } @media only screen and (max-width: 767px) { .form-box .loginPageLink.uploadReset, .pwChange .loginPageLink.uploadReset, .loginWrap .loginPageLink.uploadReset, .panel-spacing-withbgnd .loginPageLink.uploadReset, .requestSKPForm .loginPageLink.uploadReset, .kronesForm .loginPageLink.uploadReset, .upgradeQueryRuleForm .loginPageLink.uploadReset { width: 100%; } } .form-box .loginPageLink.left, .pwChange .loginPageLink.left, .loginWrap .loginPageLink.left, .panel-spacing-withbgnd .loginPageLink.left, .requestSKPForm .loginPageLink.left, .kronesForm .loginPageLink.left, .upgradeQueryRuleForm .loginPageLink.left { margin-left: 0; right: 0; width: 30%; } .form-box .loginPageLink.right, .pwChange .loginPageLink.right, .loginWrap .loginPageLink.right, .panel-spacing-withbgnd .loginPageLink.right, .requestSKPForm .loginPageLink.right, .kronesForm .loginPageLink.right, .upgradeQueryRuleForm .loginPageLink.right { float: right; clear: none; right: 0; width: 30%; } @media only screen and (min-width: 480px) { .form-box .loginPageLink.right, .pwChange .loginPageLink.right, .loginWrap .loginPageLink.right, .panel-spacing-withbgnd .loginPageLink.right, .requestSKPForm .loginPageLink.right, .kronesForm .loginPageLink.right, .upgradeQueryRuleForm .loginPageLink.right { width: 180px; } } @media only screen and (max-width: 479px) { .form-box .loginPageLink.right, .pwChange .loginPageLink.right, .loginWrap .loginPageLink.right, .panel-spacing-withbgnd .loginPageLink.right, .requestSKPForm .loginPageLink.right, .kronesForm .loginPageLink.right, .upgradeQueryRuleForm .loginPageLink.right { margin: 0; width: 80px; height: 50px; border-radius: 0; left: -2px; color: transparent; } .form-box .loginPageLink.right:after, .pwChange .loginPageLink.right:after, .loginWrap .loginPageLink.right:after, .panel-spacing-withbgnd .loginPageLink.right:after, .requestSKPForm .loginPageLink.right:after, .kronesForm .loginPageLink.right:after, .upgradeQueryRuleForm .loginPageLink.right:after { content: ""; background: url(../_ui/responsive/theme-KRONES/images/layout/icons-sprite.png) no-repeat -192px -3072px; width: 30px; height: 30px; position: absolute; left: 25px; top: 10px; } } .form-box .loginPageLink span, .pwChange .loginPageLink span, .loginWrap .loginPageLink span, .panel-spacing-withbgnd .loginPageLink span, .requestSKPForm .loginPageLink span, .kronesForm .loginPageLink span, .upgradeQueryRuleForm .loginPageLink span { position: absolute; width: 1.95em; height: 1.75em; top: 10px; z-index: 500; background: url(../_ui/responsive/theme-KRONES/images/layout/icons-sprite.png) -88px -1193px no-repeat transparent; } .form-box p.required, .pwChange p.required, .loginWrap p.required, .panel-spacing-withbgnd p.required, .requestSKPForm p.required, .kronesForm p.required, .upgradeQueryRuleForm p.required { float: left; width: 100%; display: block; font-size: 16px; color: #555; padding: 2em 0 0 0; margin: 2em 0 0 0; border-top: 1px solid #e5e5e5; } .form-box dl, .pwChange dl, .loginWrap dl, .panel-spacing-withbgnd dl, .requestSKPForm dl, .kronesForm dl, .upgradeQueryRuleForm dl { float: left; width: 67.216%; } .form-box dl dd, .form-box dl dt, .pwChange dl dd, .pwChange dl dt, .loginWrap dl dd, .loginWrap dl dt, .panel-spacing-withbgnd dl dd, .panel-spacing-withbgnd dl dt, .requestSKPForm dl dd, .requestSKPForm dl dt, .kronesForm dl dd, .kronesForm dl dt, .upgradeQueryRuleForm dl dd, .upgradeQueryRuleForm dl dt { text-align: left; font-size: 1.3em; margin: 0 0 1.8em 0; padding: 0; } .form-box .selectboxit-container, .pwChange .selectboxit-container, .loginWrap .selectboxit-container, .panel-spacing-withbgnd .selectboxit-container, .requestSKPForm .selectboxit-container, .kronesForm .selectboxit-container, .upgradeQueryRuleForm .selectboxit-container { width: 100%; } .form-box .selectboxit-container .selectboxit, .pwChange .selectboxit-container .selectboxit, .loginWrap .selectboxit-container .selectboxit, .panel-spacing-withbgnd .selectboxit-container .selectboxit, .requestSKPForm .selectboxit-container .selectboxit, .kronesForm .selectboxit-container .selectboxit, .upgradeQueryRuleForm .selectboxit-container .selectboxit { max-width: 100% !important; padding: 0.15em 10px 0.05em 0.5em; } img#kroCaptcha_ReloadIcon { content: url(../_ui/responsive/theme-KRONES/images/layout/icon-reload.png); width: 34px; } .mktoForm .mktoError { position: absolute; right: auto; bottom: auto; left: 0 !important; z-index: 10; width: auto; float: left; } .mktoForm .mktoErrorArrowWrap { position: absolute; top: -8px; left: 9px; } .mktoForm *, .mktoForm ::after, .mktoForm ::before { -webkit-box-sizing: border-box; box-sizing: border-box; } .mktoForm .mktoErrorArrow { width: 0; height: 0; border-style: solid; border-width: 0 15px 15px; border-color: transparent transparent #e60046; } .mktoForm *, .mktoForm ::after, .mktoForm ::before { -webkit-box-sizing: border-box; box-sizing: border-box; } .mktoForm .mktoErrorMsg { float: left; max-width: 250px; padding: 9px 15px; color: #fff; background-color: #e60046; border-radius: 4px; } table { float: left; font-size: 1.6rem; width: 100%; border-collapse: collapse; border-spacing: 0; margin-bottom: 2rem; margin-top: 1.5rem; } table a { font-size: 1.6rem; } table thead tr th { padding: 0.5rem 1rem; font-size: 1.6rem; background: #eaebeb; border-right: 4px solid #fff; border-bottom: 4px solid #fff; text-align: left; font-weight: normal; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; } table thead tr th:last-child { border-right: 0; } table tbody tr { border-bottom: 1px solid #e5e5e5; } table tbody tr:hover { background: #eeeeee; } table tbody tr td { padding: 0.8em .5em; text-align: left; } table tbody tr td a { color: #0060ad; } table tbody tr td a.commission-number { text-decoration: underline; } table tbody tr td i { color: #052a68; padding-right: 0.5rem; } table tbody tr:last-child { border-bottom: 0; } .standardText table { margin: 1em 0; border: 1px solid #eaebeb; } .standardText table thead tr { background-color: #eaebeb; } .standardText table tr:nth-child(even) { background-color: #eaebeb; } .standardText table tr:nth-child(even) td { text-align: left; } .standardText table tr:nth-child(even):hover { background-color: #0060ad; } .standardText table tr:nth-child(even):hover td, .standardText table tr:nth-child(even):hover th { color: #fff; } .standardText table tr:nth-child(even) th, .standardText table tr:nth-child(even) td { text-align: left; vertical-align: top; padding: 0.8em .5em; font-weight: normal; } .standardText table tr:nth-child(even) th p, .standardText table tr:nth-child(even) td p { font-size: 1em; } .standardText table tr:nth-child(even) th { font-family: theSans-LP7-Bold; } table.downloads-AGB { margin-top: 3rem; } table.downloads-AGB a { font-size: 1.6rem; } table.downloads-AGB tbody tr { border-top: 1px solid #e5e5e5; } table.downloads-AGB tbody tr td { float: left; padding-top: 2rem; } div.tablesorter-header-inner { max-width: 100%; white-space: nowrap; } #upgradesResultList table.upgradeInfoTable #header6 div.tablesorter-header-inner, #upgradesResultList table.upgradeInfoTable #header8 div.tablesorter-header-inner { white-space: initial; } table#order_history .submitRemoveRecommendation:link, table#order_history .submitRemoveRecommendation:visited { display: block; float: left; margin: 0 0 0 4em; overflow: hidden; width: 1.4em; } table#order_history .submitRemoveRecommendation:link img, table#order_history .submitRemoveRecommendation:visited img { float: left; height: 18px; width: auto; } table#order_history .submitRemoveRecommendation:link:hover img, table#order_history .submitRemoveRecommendation:link:focus img, table#order_history .submitRemoveRecommendation:link:active img, table#order_history .submitRemoveRecommendation:visited:hover img, table#order_history .submitRemoveRecommendation:visited:focus img, table#order_history .submitRemoveRecommendation:visited:active img { margin: 0 0 0 -1.47em; } table#berechtigungsportal { margin: 0 0 1em 0; } table#berechtigungsportal td, table#berechtigungsportal th { text-align: left; } table#berechtigungsportal td#header6, table#berechtigungsportal td[headers="header6"], table#berechtigungsportal th#header6, table#berechtigungsportal th[headers="header6"] { text-align: right; } table#berechtigungsportal td span.status, table#berechtigungsportal th span.status { display: inline; float: left; width: 1em; height: 1em; margin-left: 1em; } table#berechtigungsportal td span.status.green, table#berechtigungsportal th span.status.green { background: url("../_ui/responsive/theme-KRONES/images/layout/icons-sprite.png") no-repeat scroll -96px -1008px transparent; } table#berechtigungsportal td span.status.red, table#berechtigungsportal th span.status.red { background: url("../_ui/responsive/theme-KRONES/images/layout/icons-sprite.png") no-repeat scroll -192px -912px transparent; } table#berechtigungsportal td a:link, table#berechtigungsportal td a:visited, table#berechtigungsportal th a:link, table#berechtigungsportal th a:visited { text-decoration: underline; } @media only screen and (max-width: 768px) { .company_table thead { display: none; } .company_table tr { display: block; float: left; position: relative; padding-bottom: 1em; } .company_table td { float: left; display: block; padding: 0.4em 0; width: 100%; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .company_table td:before { content: attr(data-th); display: inline-block; font-size: 13px; float: left; text-align: left; width: 30%; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; } .company_table p { padding: 0; margin: 0; } } .cfs-download-icon { font-family: fontello; font-style: normal; font-size: 1.2em; color: #052a68; } .cfs-download-icon.pdf:before { content: "\f1c1"; } .cfs-download-icon.word:before { content: "\f1c2"; } .cfs-download-icon.excel:before { content: "\f1c3"; } .cfs-download-icon.powerpoint:before { content: "\f1c4"; } .cfs-download-icon.image:before { content: "\f1c5"; } .cfs-download-icon.archive:before { content: "\f1c6"; } .cfs-download-icon.audio:before { content: "\f1c7"; } .cfs-download-icon.video:before { content: "\f1c8"; } .cfs-download-icon.csv:before { content: "\f1c9"; } .cfs-download-icon.file:before { content: "\f0f6"; } .loader-background { background: #fff; background: rgba(255, 255, 255, 0.75); position: absolute; height: 100%; width: 100%; z-index: 100; } @media only screen and (max-width: 768px) { .loader-background { margin: 0 4%; width: 92%; } } .loader { background: #052a68; display: none; text-align: center; position: absolute; top: 50px; left: 50%; margin-left: -6em; width: 12em; z-index: 100; } .loader span { background: url(../_ui/responsive/theme-KRONES/images/loading_spinner_blue.svg) no-repeat center center transparent; background-size: 60px auto; float: left; height: 10em; width: 100%; } .loader p { color: #fff; font-size: 1.4em; float: left; width: 100%; } .loadingOverlay { position: fixed; bottom: 0; top: 0; left: 0; right: 0; z-index: 99999; background-color: rgba(249, 249, 249, 0.85); display: none; text-align: center; padding-top: 20%; } .loadingOverlay .loadingIcon .loadingContent { display: block; font-size: 1.6em; margin-top: 15px; } .loadingOverlay .loadingIcon .loadingSpinner { height: 64px; width: 64px; display: inline-block; background: url(../_ui/responsive/theme-KRONES/images/loading_spinner_blue.svg) no-repeat left transparent; } .delivery span.loader { position: static !important; width: 0em; margin-left: 0em; } @supports (-ms-ime-align: auto) { .loadingOverlay .loadingIcon .loadingSpinner, .dataTables_processing .loadingIcon .loadingSpinner { background: url(../_ui/responsive/theme-KRONES/images/loading_spinner_blue.gif) no-repeat left transparent !important; background-size: 64px !important; } } .flex-layout .row, .uspBar .row { display: flex; flex-wrap: wrap; } .flex-layout .col, .uspBar .col, .flex-layout [class^=col-], .uspBar [class^=col-] { float: none; margin: 0; background: none; flex-basis: 0; flex-grow: 1; max-width: 100%; } .flex-layout .col-1, .uspBar .col-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .flex-layout .col-2, .uspBar .col-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .flex-layout .col-3, .uspBar .col-3 { flex: 0 0 25%; max-width: 25%; } .flex-layout .col-4, .uspBar .col-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .flex-layout .col-5, .uspBar .col-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .flex-layout .col-6, .uspBar .col-6 { flex: 0 0 50%; max-width: 50%; } .flex-layout .col-7, .uspBar .col-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .flex-layout .col-8, .uspBar .col-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .flex-layout .col-9, .uspBar .col-9 { flex: 0 0 75%; max-width: 75%; } .flex-layout .col-10, .uspBar .col-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .flex-layout .col-11, .uspBar .col-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .flex-layout .col-12, .uspBar .col-12 { flex: 0 0 100%; max-width: 100%; } @media screen and (min-width: 768px) { .flex-layout .col-sm-1, .uspBar .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } } @media screen and (min-width: 768px) { .flex-layout .col-sm-2, .uspBar .col-sm-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } } @media screen and (min-width: 768px) { .flex-layout .col-sm-3, .uspBar .col-sm-3 { flex: 0 0 25%; max-width: 25%; } } @media screen and (min-width: 768px) { .flex-layout .col-sm-4, .uspBar .col-sm-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } } @media screen and (min-width: 768px) { .flex-layout .col-sm-5, .uspBar .col-sm-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } } @media screen and (min-width: 768px) { .flex-layout .col-sm-6, .uspBar .col-sm-6 { flex: 0 0 50%; max-width: 50%; } } @media screen and (min-width: 768px) { .flex-layout .col-sm-7, .uspBar .col-sm-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } } @media screen and (min-width: 768px) { .flex-layout .col-sm-8, .uspBar .col-sm-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } } @media screen and (min-width: 768px) { .flex-layout .col-sm-9, .uspBar .col-sm-9 { flex: 0 0 75%; max-width: 75%; } } @media screen and (min-width: 768px) { .flex-layout .col-sm-10, .uspBar .col-sm-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } } @media screen and (min-width: 768px) { .flex-layout .col-sm-11, .uspBar .col-sm-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } } @media screen and (min-width: 768px) { .flex-layout .col-sm-12, .uspBar .col-sm-12 { flex: 0 0 100%; max-width: 100%; } } @media screen and (min-width: 1025px) { .flex-layout .col-md-1, .uspBar .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } } @media screen and (min-width: 1025px) { .flex-layout .col-md-2, .uspBar .col-md-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } } @media screen and (min-width: 1025px) { .flex-layout .col-md-3, .uspBar .col-md-3 { flex: 0 0 25%; max-width: 25%; } } @media screen and (min-width: 1025px) { .flex-layout .col-md-4, .uspBar .col-md-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } } @media screen and (min-width: 1025px) { .flex-layout .col-md-5, .uspBar .col-md-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } } @media screen and (min-width: 1025px) { .flex-layout .col-md-6, .uspBar .col-md-6 { flex: 0 0 50%; max-width: 50%; } } @media screen and (min-width: 1025px) { .flex-layout .col-md-7, .uspBar .col-md-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } } @media screen and (min-width: 1025px) { .flex-layout .col-md-8, .uspBar .col-md-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } } @media screen and (min-width: 1025px) { .flex-layout .col-md-9, .uspBar .col-md-9 { flex: 0 0 75%; max-width: 75%; } } @media screen and (min-width: 1025px) { .flex-layout .col-md-10, .uspBar .col-md-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } } @media screen and (min-width: 1025px) { .flex-layout .col-md-11, .uspBar .col-md-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } } @media screen and (min-width: 1025px) { .flex-layout .col-md-12, .uspBar .col-md-12 { flex: 0 0 100%; max-width: 100%; } } .flex-layout .align-items-start, .uspBar .align-items-start { align-items: flex-start; } .flex-layout .align-items-center, .uspBar .align-items-center { align-items: center; } .flex-layout .align-items-end, .uspBar .align-items-end { align-items: flex-end; } .flex-layout .justify-content-start, .uspBar .justify-content-start { justify-content: flex-start; } .flex-layout .justify-content-end, .uspBar .justify-content-end { justify-content: flex-end; } .flex-layout .justify-content-center, .uspBar .justify-content-center { justify-content: center; } .flex-layout .justify-content-between, .uspBar .justify-content-between { justify-content: space-between; } .flex-layout .justify-content-around, .uspBar .justify-content-around { justify-content: space-around; } .flex-layout .align-self-start, .uspBar .align-self-start { align-self: flex-start; } .flex-layout .align-self-end, .uspBar .align-self-end { align-self: flex-end; } .flex-layout .align-self-center, .uspBar .align-self-center { align-self: center; } .flex-layout .align-self-baseline, .uspBar .align-self-baseline { align-self: baseline; } .flex-layout .align-self-stretch, .uspBar .align-self-stretch { align-self: stretch; } .flex-layout .mt-1, .uspBar .mt-1 { margin-top: 10px; } .flex-layout .mt-2, .uspBar .mt-2 { margin-top: 20px; } .flex-layout .mt-3, .uspBar .mt-3 { margin-top: 30px; } .flex-layout .mt-4, .uspBar .mt-4 { margin-top: 40px; } .flex-layout .mt-5, .uspBar .mt-5 { margin-top: 50px; } .flex-layout .mt-6, .uspBar .mt-6 { margin-top: 60px; } .flex-layout .mt-7, .uspBar .mt-7 { margin-top: 70px; } .flex-layout .mt-8, .uspBar .mt-8 { margin-top: 80px; } .flex-layout .mt-9, .uspBar .mt-9 { margin-top: 90px; } .flex-layout .mt-10, .uspBar .mt-10 { margin-top: 100px; } .flex-layout .mt-11, .uspBar .mt-11 { margin-top: 110px; } .flex-layout .mt-12, .uspBar .mt-12 { margin-top: 120px; } .flex-layout .mb-1, .uspBar .mb-1 { margin-bottom: 10px; } .flex-layout .mb-2, .uspBar .mb-2 { margin-bottom: 20px; } .flex-layout .mb-3, .uspBar .mb-3 { margin-bottom: 30px; } .flex-layout .mb-4, .uspBar .mb-4 { margin-bottom: 40px; } .flex-layout .mb-5, .uspBar .mb-5 { margin-bottom: 50px; } .flex-layout .mb-6, .uspBar .mb-6 { margin-bottom: 60px; } .flex-layout .mb-7, .uspBar .mb-7 { margin-bottom: 70px; } .flex-layout .mb-8, .uspBar .mb-8 { margin-bottom: 80px; } .flex-layout .mb-9, .uspBar .mb-9 { margin-bottom: 90px; } .flex-layout .mb-10, .uspBar .mb-10 { margin-bottom: 100px; } .flex-layout .mb-11, .uspBar .mb-11 { margin-bottom: 110px; } .flex-layout .mb-12, .uspBar .mb-12 { margin-bottom: 120px; } @media screen and (min-width: 768px) { .flex-layout .p2, .uspBar .p2 { padding-left: 10px; box-sizing: border-box; } } @media screen and (min-width: 768px) { .flex-layout .p1, .uspBar .p1 { padding-right: 10px; box-sizing: border-box; } } .flex-layout .mt1, .uspBar .mt1 { margin-top: 10px; box-sizing: border-box; } .flex-layout .mb1, .uspBar .mb1 { margin-bottom: 10px; box-sizing: border-box; } .flex-layout .mt-2, .uspBar .mt-2 { margin-top: 20px; box-sizing: border-box; } .flex-layout .mb-2, .uspBar .mb-2 { margin-bottom: 20px; box-sizing: border-box; } .flex-layout .mr1, .uspBar .mr1 { margin-left: 10px; box-sizing: border-box; } .flex-layout .ml1, .uspBar .ml1 { margin-right: 10px; box-sizing: border-box; } @media screen and (min-width: 1025px) { .flex-layout .pl-md-1, .uspBar .pl-md-1 { padding-left: 10px; box-sizing: border-box; } } @media screen and (min-width: 1025px) { .flex-layout .pr-md-1, .uspBar .pr-md-1 { padding-right: 10px; box-sizing: border-box; } } @media screen and (min-width: 768px) { .flex-layout .pl-sd-1, .uspBar .pl-sd-1 { padding-left: 10px; box-sizing: border-box; } } @media screen and (min-width: 768px) { .flex-layout .pr-sd-1, .uspBar .pr-sd-1 { padding-right: 10px; box-sizing: border-box; } } #header { width: 100%; position: relative; z-index: 24; background: #ffffff; border-bottom: 1px solid #eaebeb; } #header.sticky { position: fixed; top: 0; height: 8.8rem; } @media only screen and (min-width: 1025px) { #header.sticky .mainNavigation, #header.sticky .serviceBar { display: none; } #header.sticky .identityInner { height: auto !important; } } @media only screen and (max-width: 767px) { #header.sticky { height: 12em; } } #header .identity { width: 100%; position: relative; z-index: 11; } #header .identity .identityInner { display: flex; flex-wrap: wrap; padding-top: 2rem; height: 14rem; } @media only screen and (max-width: 1024px) { #header .identity .identityInner { width: auto; height: 8.5rem; align-items: center; padding-top: 0; } } @media only screen and (max-width: 767px) { #header .identity .identityInner { height: 10.5rem; margin-bottom: 2rem; } } @media only screen and (max-width: 320px) { #header .identity .identityInner { padding: 0 1.5em; } } #header .identity .logo { width: 35%; } @media only screen and (max-width: 1024px) { #header .identity .logo { width: auto; order: 1; } } @media only screen and (max-width: 767px) { #header .identity .logo { width: 50%; } } #header .identity .logo a img { width: 24rem; } @media only screen and (max-width: 1024px) { #header .identity .logo a img { width: 16rem; } } @media only screen and (max-width: 767px) { #header .identity .logo a img { width: 12rem; } } #header .identity .middleElements { width: 40%; position: relative; } @media only screen and (max-width: 1024px) { #header .identity .middleElements { width: 42%; order: 2; align-self: center; margin-left: auto; margin-right: 1.5rem; } } @media only screen and (max-width: 767px) { #header .identity .middleElements { order: 4; min-width: 85%; margin-left: 0; flex: 1; } } #header .identity .middleElements .search { position: relative; height: 4.8rem; width: 100%; transition-property: all; transition-duration: 300ms; box-sizing: border-box; } @media screen and (min-width: 1025px) { #header .identity .middleElements .search:focus-within { position: absolute; width: 550px; transform: translateX(-80px); transition-property: all; transition-duration: 300ms; } } @media screen and (max-width: 767px) { #header .identity .middleElements .search:focus-within { position: fixed; top: 0; left: 0; width: 100%; z-index: 1; } } #header .identity .middleElements .search:focus-within input { background-color: #eaebeb; } #header .identity .middleElements .search:before { content: "\E867"; font-family: "fontello"; position: absolute; right: 1.6rem; top: 1.3rem; font-size: 2.5rem; } #header .identity .middleElements .search form { width: 100%; display: flex; } #header .identity .middleElements .search form input { flex-grow: 1; } #header .identity .middleElements .search form input[type="text"] { color: #555555; border-right: 0; text-overflow: ellipsis; white-space: nowrap; width: 100%; } #header .identity .middleElements .search form input[type="text"]:focus { border-bottom: 2px solid #052a68; background: white; } #header .identity .middleElements .search form input[type="submit"] { min-width: 6rem; max-width: 6rem; background: none; border: solid 1px #c0c0c0; z-index: 100; } #header .identity .middleElements .search ul.ui-autocomplete { position: absolute; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 100% !important; font-size: 1.4em; background: #fff; display: none; z-index: 1; padding: 0 40px; padding-left: 20px; padding-right: 60px; margin-top: 2em; left: 0.2em; -webkit-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12); } #header .identity .middleElements .search ul.ui-autocomplete .autocompleteClose { position: absolute; right: 15px; top: 15px; cursor: pointer; color: #052a68; } #header .identity .middleElements .search ul.ui-autocomplete li { padding: 12px 0; float: left; width: 100%; border-top: 1px solid #e5e5e5; } #header .identity .middleElements .search ul.ui-autocomplete li:first-child { border: none; } #header .identity .middleElements .search ul.ui-autocomplete li.suggestions { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 20px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.2; letter-spacing: normal; text-align: left; color: #555555; } #header .identity .middleElements .search ul.ui-autocomplete li a { margin: 0; display: flex !important; width: 100%; border-bottom: 0 solid transparent; height: auto; } #header .identity .middleElements .search ul.ui-autocomplete li a:hover { border-bottom: 0 solid transparent; } #header .identity .middleElements .search ul.ui-autocomplete li .thumb { float: left; max-width: 30%; } #header .identity .middleElements .search ul.ui-autocomplete li .thumb img { max-width: 100%; border: 1px solid #e5e5e5; float: left; } #header .identity .middleElements .search ul.ui-autocomplete li .left { margin: -0.25em 0 0 1.4em; line-height: 1.45em; } @media only screen and (max-width: 1024px) { #header .identity .middleElements .search ul.ui-autocomplete li .left { width: 160px; } } #header .identity .middleElements .search ul.ui-autocomplete li .left .title { float: left; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 20px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.2; letter-spacing: normal; text-align: left; color: #555555; } #header .identity .middleElements .search ul.ui-autocomplete li .left .desc { float: left; clear: both; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.75; letter-spacing: normal; text-align: left; color: #555555; } #header .identity .middleElements .search ul.ui-autocomplete li .price { float: right; width: 4em; text-align: right; margin: -0.25em 0 0 0; flex: 1; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.75; letter-spacing: normal; color: #555555; } @media only screen and (max-width: 1024px) { #header .identity .middleElements .search ul.ui-autocomplete li .price { margin: 0.4em; } } #header .identity .orderButtons { width: 25%; display: flex; justify-content: flex-end; } @media only screen and (max-width: 1024px) { #header .identity .orderButtons { width: auto; order: 4; align-self: center; } } @media only screen and (max-width: 767px) { #header .identity .orderButtons { order: 3; margin-right: -1rem; } } #header .identity .orderButtons .kro-flyout > a { width: auto; min-width: 62px; height: auto; display: flex; flex-direction: column; position: relative; color: #8a939a; font-size: 1.2rem; text-align: center; margin-left: 2rem; border-bottom: 4px solid #fff; } @media only screen and (max-width: 1024px) { #header .identity .orderButtons .kro-flyout > a { margin-left: 0; height: 4.8rem; justify-content: center; width: 4.5rem; } } #header .identity .orderButtons .kro-flyout > a:hover, #header .identity .orderButtons .kro-flyout > a:active { border-bottom: 4px solid #052a68; } #header .identity .orderButtons .kro-flyout > a .amount { width: 1.5rem; height: 1.5rem; padding: 0.2rem; position: absolute; top: 0; right: 0.8rem; border-radius: 50%; font-size: 1.2rem; background: #e34805; color: #fff; } @media only screen and (max-width: 1024px) { #header .identity .orderButtons .kro-flyout > a .amount { right: 0; top: 0.5rem; } } @media only screen and (max-width: 1024px) { #header .identity .orderButtons .kro-flyout.account > a { pointer-events: none; cursor: default; } } #header .identity .orderButtons .kro-flyout.account > a .amount { right: calc(45% - 20px); } @media only screen and (max-width: 1024px) { #header .identity .orderButtons .text { display: none; } } #header .identity .orderButtons .kro-flyout:hover .kro-flyout > a { border-color: #052a68; } #header .identity .mainNavigation { flex-grow: 2; align-self: flex-end; } @media only screen and (max-width: 1024px) { #header .identity .mainNavigation { width: auto; order: 5; align-self: center; } } @media only screen and (max-width: 767px) { #header .identity .mainNavigation { order: 5; } } @media only screen and (max-width: 1024px) { #header .identity .mainNavigation li { display: none; } } #header .identity .mainNavigation .megaMenuButton { display: none; } @media only screen and (max-width: 1024px) { #header .identity .mainNavigation .megaMenuButton { display: inline-block; } } #header .identity .mainNavigation .bab-e-navigationElementsHolder { display: none; } #header .identity .serviceBar { flex-grow: 1; align-self: flex-end; display: flex; justify-content: end; } @media only screen and (max-width: 1024px) { #header .identity .serviceBar { width: auto; align-self: center; order: 3; } } @media only screen and (max-width: 767px) { #header .identity .serviceBar { order: 2; margin-left: auto; } } #header .identity .serviceBar div a { display: flex; align-items: center; font-size: 1.6rem; color: #555555; border-bottom: 4px solid #fff; height: 3.5rem; } @media only screen and (min-width: 1024px) { #header .identity .serviceBar div a { margin-left: 4rem; } } @media only screen and (max-width: 1024px) { #header .identity .serviceBar div a { padding-right: 0; } } #header .identity .serviceBar div a:hover, #header .identity .serviceBar div a:active, #header .identity .serviceBar div a.active { text-decoration: none; border-bottom: 4px solid #052a68; } #header .identity .serviceBar .languageLink i { font-size: 2.2rem; } @media only screen and (max-width: 1024px) { #header .identity .serviceBar .ecat, #header .identity .serviceBar .emedia, #header .identity .serviceBar .help { display: none; } } #header .identity ul { display: flex; } #header .identity ul li a { display: flex; align-items: center; font-size: 1.6rem; color: #555555; margin-right: 4rem; border-bottom: 4px solid #fff; } @media only screen and (max-width: 1024px) { #header .identity ul li a { padding-right: 0; } } #header .identity ul li a:hover, #header .identity ul li a:active, #header .identity ul li a.active { text-decoration: underline; } #header .identity ul li:last-child a { margin-right: 0; } @media only screen and (max-width: 1024px) { #header .identity ul li .text { display: none; } } #header .identity i { font-size: 3rem; } @media only screen and (max-width: 767px) { #header .identity i { font-size: 2.4rem; } } #header .identity .mainNavigation ul li a:hover, #header .identity .mainNavigation ul li a.active, #header .identity .serviceBar ul li a:hover, #header .identity .serviceBar ul li a.active { text-decoration: none; border-bottom: 4px solid #052a68; } #header .identity .accountMenu { padding: 20px 20px 0 20px; overflow: auto; overflow-y: auto; max-height: 540px; } @media only screen and (max-width: 767px) { #header .identity .accountMenu { max-height: 530px; } } @media only screen and (min-width: 1439px) { #header .identity .accountMenu { max-height: 960px; } } #header .identity .accountMenu::-webkit-scrollbar { width: 6px; } #header .identity .accountMenu::-webkit-scrollbar-track { background: #eaebeb; border-radius: 5px; } #header .identity .accountMenu::-webkit-scrollbar-thumb { background: #052a68; border-radius: 5px; } #header .identity .accountMenu ul { flex-wrap: wrap; margin: 0 0 0 0; padding: 0.8rem 1rem; border-bottom: 1px solid #eaebeb; } #header .identity .accountMenu ul li { width: 100%; position: relative; } #header .identity .accountMenu ul a { height: auto; padding: 1rem 1rem; border-bottom: none; font-size: 1.6rem; } #header .identity .accountMenu ul a:hover, #header .identity .accountMenu ul a:focus, #header .identity .accountMenu ul a:active { border: 0; text-decoration: underline; } #header .identity .accountMenu ul a .amount { color: #8a939a; padding-left: 0.5rem; } #header .identity .accountMenu .register { font-size: 1.6rem; text-align: center; margin-bottom: 2.5rem; } #header .identity .accountMenu .register a { padding-left: 3rem; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 1.6rem; color: #555555; position: relative; } #header .identity .accountMenu .register a:before { content: '\e831'; font-family: 'fontello'; font-size: 1.2rem; position: absolute; color: #8a939a; left: 1rem; top: 50%; margin-top: -0.6rem; } #header .mainNavigation ul, #header .serviceBar ul { display: flex; } #header .mainNavigation ul li a, #header .serviceBar ul li a { height: 3.5rem; } #sideWrap { float: left; width: 25%; min-height: 15em; } #sideNavigation { float: left; width: 100%; margin: 0 0 2em 0; padding: 0 0 1em 0; background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; position: relative; z-index: 1; } @media only screen and (max-width: 1024px) { #sideNavigation { position: absolute; width: 25.7em; z-index: 9990; margin: 0; left: -28.7em; top: 0em; min-height: 41em; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px; -ms-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; transition: all 0.3s ease-out 0s; background: #052a68; -webkit-box-shadow: 1px 1px 2px 0 rgba(50, 50, 50, 0.75); -moz-box-shadow: 1px 1px 2px 0 rgba(50, 50, 50, 0.75); box-shadow: 1px 1px 2px 0 rgba(50, 50, 50, 0.75); } } @media only screen and (max-width: 768px) { #sideNavigation { left: -85%; top: -95px; width: 85%; height: 100%; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; box-shadow: none; transition: none; } } #sideNavigation.mobileNavigation { background: transparent; } @media only screen and (max-width: 768px) { #sideNavigation.mobileNavigation { background: #052a68; } } @media only screen and (max-width: 768px) { #sideNavigation.searchActive { top: -160px; } } @media only screen and (max-width: 768px) { #sideNavigation.navi { box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.75); } } #sideNavigation .tabletSwitch { display: none; } @media only screen and (max-width: 1024px) { #sideNavigation .tabletSwitch { width: 2.4em; height: 15em; position: absolute; right: -2.35em; top: 0; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px; -ms-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; -ms-border-top-right-radius: 5px; border-top-right-radius: 5px; background-image: url(../_ui/responsive/images/layout/icons-sprite_retina.png); background-position: -14em -191em; background-repeat: no-repeat; background-size: 288px auto; background-color: #052a68; -webkit-box-shadow: 1px 1px 2px -2px rgba(50, 50, 50, 0.75); -moz-box-shadow: 1px 1px 2px -2px rgba(50, 50, 50, 0.75); box-shadow: 1px 1px 2px -2px rgba(50, 50, 50, 0.75); } } @media only screen and (max-width: 768px) { #sideNavigation .tabletSwitch { display: none; } } #sideNavigation button.back { display: none; } @media only screen and (max-width: 768px) { #sideNavigation button.back { display: block; color: #666; width: 95%; text-align: right; margin: 1.5em 0; padding: 0.2em 1em 0 0; } #sideNavigation button.back span { float: left; margin-left: 0.5em; height: 1.5em; width: 1.5em; background: url(../_ui/responsive/images/layout/icons-sprite.png) -143px -93px no-repeat transparent; } } #sideNavigation h2 { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 2.1em; margin-bottom: 10px; } @media only screen and (max-width: 1024px) { #sideNavigation h2 { color: #fff; } } #sideNavigation ul { float: left; width: 100%; margin: 12px 0 0 0; border-top: 1px solid #e5e5e5; } @media only screen and (max-width: 1024px) { #sideNavigation ul { margin: 0.3em 0 0 0; position: relative; z-index: 20; } } #sideNavigation ul li { float: left; position: relative; width: 100%; border-top: none; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #sideNavigation ul li a { padding-left: 0; } @media only screen and (max-width: 1024px) { #sideNavigation ul li { border: none; background: none; } } #sideNavigation ul li a:link, #sideNavigation ul li a:visited, #sideNavigation ul li strong { float: left; width: 100%; font-size: 14px; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; background: none; margin-top: 1rem; } @media only screen and (max-width: 1024px) { #sideNavigation ul li a:link, #sideNavigation ul li a:visited, #sideNavigation ul li strong { font-size: 1.4em; padding: 0.67em 0; color: #fff; background-image: none; width: 100% !important; } } #sideNavigation ul li strong { color: #052a68; font-weight: normal; background: url(../_ui/responsive/theme-KRONES/images/layout/icons-sprite.png) -13.714em -2.357em no-repeat transparent; } #sideNavigation ul li.specialCategory { border-top: 1px dashed #e5e5e5; padding-top: 0px; } #sideNavigation ul li.specialCategory:hover:after { margin-top: 0px; } #sideNavigation ul li.firstLine { border-top: 1px dashed #052a68; } @media only screen and (max-width: 1024px) { #sideNavigation ul li a:hover, #sideNavigation ul li a:focus, #sideNavigation ul li a:active { color: #052a68; background-image: none; } } #sideNavigation ul li ul { background: none repeat scroll 0 0 #052a68; display: none; left: 100%; position: absolute; top: -2px; width: 100%; border: none; padding: 0 0.3em; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -webkit-border-top-left-radius: 0px; -moz-border-top-left-radius: 0px; -ms-border-top-left-radius: 0px; border-top-left-radius: 0px; } @media only screen and (max-width: 1024px) { #sideNavigation ul li ul { border-left: none; } } #sideNavigation ul li ul li { padding: 0 0 0 9px; width: 100%; margin-left: 0px; } @media only screen and (max-width: 1024px) { #sideNavigation ul li ul li { background: none; border-top: 1px solid #e5e5e5; z-index: 100; } } #sideNavigation ul li ul li a { color: #fff; } #sideNavigation ul li ul li a:link, #sideNavigation ul li ul li a:visited { padding: 0.6em 0 0.6em 0; background: none; } @media only screen and (max-width: 1024px) { #sideNavigation ul li ul li a:link, #sideNavigation ul li ul li a:visited { color: #0060ad; } } @media only screen and (max-width: 1024px) { #sideNavigation ul li ul li a:hover, #sideNavigation ul li ul li a:focus, #sideNavigation ul li ul li a:active { color: #052a68; } } #sideNavigation ul li ul li:hover { background: #eaebeb; border: none; } @media only screen and (max-width: 1024px) { #sideNavigation ul li ul li:hover { background: #eaebeb; width: 93.055%; } } #sideNavigation ul li ul li:hover a { color: #052a68; } @media only screen and (max-width: 1024px) { #sideNavigation ul li ul li:hover a { color: #052a68; } } #sideNavigation ul li ul li:first-child:hover { border-color: #fafaf9; } #sideNavigation ul li.active a { margin-top: 1rem !important; } #sideNavigation ul li.top { border-bottom: none; } @media only screen and (max-width: 1024px) { #sideNavigation ul li.top { border-bottom-color: rgba(0, 0, 0, 0); } } #sideNavigation ul li.top:hover { border-bottom-color: #e5e5e5; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #sideNavigation ul li.top ul { border: none; -webkit-border-top-left-radius: 3px; -moz-border-top-left-radius: 3px; -ms-border-top-left-radius: 3px; border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 0px; -moz-border-bottom-left-radius: 0px; -ms-border-bottom-left-radius: 0px; border-top-bottom-radius: 0px; left: 100%; padding: 0 2em; position: absolute; bottom: 0px; top: auto; width: 100%; } @media only screen and (max-width: 1024px) { #sideNavigation ul li:hover { width: 100%; background: #fff; } } #sideNavigation ul li:hover a { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif !important; color: #555555; } #sideNavigation ul li.active a:link, #sideNavigation ul li.active a:visited { background: #fff; color: #e34805; width: 100%; font-size: 15px; } @media only screen and (max-width: 1024px) { #sideNavigation ul li.active a:link, #sideNavigation ul li.active a:visited { color: #052a68; background-image: none; width: 100% !important; } } #sideNavigation ul li.active a:hover, #sideNavigation ul li.active a:focus, #sideNavigation ul li.active a:active { color: #e34805; font-size: 15px; } #sideNavigation ul li.active ul { display: block; position: relative; float: left; width: 100%; border: none; left: 0; padding: 0 !important; background: #fff; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; background: none; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } @media only screen and (max-width: 1024px) { #sideNavigation ul li.active ul { padding-left: 1.2em; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } } #sideNavigation ul li.active ul li { float: left; display: block; padding: 0 0 0 2.7rem; width: 100%; border: none; } #sideNavigation ul li.active ul li.active { background: #eaebeb; } #sideNavigation ul li.active ul li a:link, #sideNavigation ul li.active ul li a:visited { float: left; padding: 0; background: none; width: 100%; color: #0060ad; } @media only screen and (max-width: 1024px) { #sideNavigation ul li.active ul li a:link, #sideNavigation ul li.active ul li a:visited { float: left; padding: 0; background: none; width: 100%; color: #fff; } } #sideNavigation ul li.active ul li.active a:link, #sideNavigation ul li.active ul li.active a:visited { color: #052a68; } #sideNavigation ul li.active li:after, #sideNavigation ul li.active li:hover:after { display: none; } #sideNavigation ul li.active li:hover { background: #fff; background: #eaebeb; } @media only screen and (max-width: 1024px) { #sideNavigation ul li.active li:hover a:link, #sideNavigation ul li.active li:hover a:visited { color: #052a68; width: 100%; } } #sideNavigation ul li.active:hover { background: #fff; } #sideNavigation ul li.active:hover strong a:link, #sideNavigation ul li.active:hover strong a:visited { width: 100%; } #sideNavigation ul li.active:hover:after { display: none; } @media only screen and (max-width: 1024px) { #sideNavigation ul li.active strong a:link, #sideNavigation ul li.active strong a:visited { color: #fff; } #sideNavigation ul li.active a:link, #sideNavigation ul li.active a:visited { color: #e34805; background-image: none; width: 100% !important; background: none; } } #sideNavigation ul li a { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; padding-left: 18px; } @media only screen and (max-width: 1024px) { #sideNavigation ul li a { padding-left: 0; } } #sideNavigation ul li:hover:after { display: none; } #sideNavigation ul li:first-child:hover { border-top-color: #fff; } #sideNavigation ul li:hover ul { display: none; } #sideNavigation ul .categoryNavigationBreadcrumbItem { background: #fff; color: #e34805; width: 100%; border-bottom: 1px solid #e5e5e5; } @media only screen and (max-width: 1024px) { #sideNavigation ul .categoryNavigationBreadcrumbItem { background: none; } } #sideNavigation ul .categoryNavigationBreadcrumbItem:hover { background: #eaebeb; } #sideNavigation ul .categoryNavigationBreadcrumbItem:hover a { color: #0060ad; } #sideNavigation ul .categoryNavigationBreadcrumbItem a { color: #0060ad; } #sideNavigation ul .categoryNavigationBreadcrumbItem a:after { font-family: "fontello"; content: '\e830'; display: inline-block; position: absolute; left: 0; font-size: 1rem; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); color: #555555; } #sideNavigation ul .categoryNavigationBreadcrumbItem a:link, #sideNavigation ul .categoryNavigationBreadcrumbItem a:visited { width: 100%; padding-left: 18px; font-size: 15px; } @media only screen and (max-width: 1024px) { #sideNavigation ul .categoryNavigationBreadcrumbItem a:link, #sideNavigation ul .categoryNavigationBreadcrumbItem a:visited { color: #fff; } } #sideNavigation ul .categoryNavigationActiveItem { background: #fff; border-bottom: 1px solid #e5e5e5; } @media only screen and (max-width: 1024px) { #sideNavigation ul .categoryNavigationActiveItem { background: none; border-bottom: 1px solid #e5e5e5; margin-bottom: 0; } } #sideNavigation ul .categoryNavigationActiveItem a:after { content: none; } #sideNavigation ul .categoryNavigationActiveItem ~ li a { padding-left: 18px; margin-top: 1em; } @media only screen and (max-width: 1024px) { #sideNavigation ul .categoryNavigationActiveItem ~ li a { padding-left: 0; } } #sideNavigation ul .categoryNavigationActiveItem a:link, #sideNavigation ul .categoryNavigationActiveItem a:visited { color: #e34805; font-size: 15px; padding-left: 18px; } @media only screen and (max-width: 1024px) { #sideNavigation ul .categoryNavigationActiveItem a:link, #sideNavigation ul .categoryNavigationActiveItem a:visited { color: #e34805; } } #sideNavigation ul li.navigationNodeNotFound { display: none; } @media only screen and (max-width: 1024px) { #sideNavigation ul li:hover ul, #sideNavigation ul li:focus ul, #sideNavigation ul li:active ul { display: none; } #sideNavigation ul li.hover:hover ul, #sideNavigation ul li.focus:hover ul, #sideNavigation ul li.active:hover ul { display: block; } } @media only screen and (max-width: 1024px) { #sideNavigation ul .active .tabletSwitch { background-position: -18.75em -186.5em, 0 0; } } .contentPage2 #sideNavigation ul, .layoutPage1 #sideNavigation ul { margin: 0; padding: 0; } .bab-m-megamenue { display: none; position: absolute; width: 100%; background-color: #fff; z-index: 100; border-bottom: 1px solid #e5e5e5; } .bab-m-megamenue.active { display: block; } @media screen and (max-width: 1024px) { .bab-m-megamenue { display: none; } } .bab-m-megamenue:after { content: ""; display: table; clear: both; } .bab-m-megamenue .bab-m-contentHolder { max-width: 1180px; margin: 0 auto; padding: 14px 30px; box-sizing: border-box; } .bab-m-megamenue .bab-m-contentHolder:after { content: ""; display: table; clear: both; } .bab-m-megamenue .bab-m-contentHolder h2 { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 2rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.5; color: #555555; } .bab-m-megamenue .bab-m-contentHolder h2 a { font-size: 2rem; color: #555555; } .bab-m-megamenue .bab-m-contentHolder h2 a:hover { border-bottom: 4px solid transparent !important; text-decoration: underline; } .bab-m-megamenue .bab-e-navigationElementsHolder { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; } .bab-m-megamenue .bab-e-navigationElementsHolder.lessChildren { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; } .bab-m-megamenue .bab-e-navigationElementsHolder:after { content: ""; display: table; clear: both; } .bab-m-megamenue .bab-e-navigationElementsHolder .bab-e-navigationElementsHolderSection { display: block; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 15px; } .bab-m-megamenue .bab-e-navigationElementsHolder .bab-e-navigationElementsHolderSection h2 { margin-bottom: 15px; margin-bottom: 5px; } .bab-m-megamenue .bab-e-navigationElementsHolder .bab-e-navigationElementsHolderSection ul { display: inline-block !important; } .bab-m-megamenue .bab-e-navigationElementsHolder .bab-e-navigationElementsHolderSection ul > li { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 1.6rem; font-weight: normal; font-style: normal; font-stretch: normal; color: #555555; } .bab-m-megamenue .bab-e-navigationElementsHolder .bab-e-navigationElementsHolderSection ul > li:hover a { border-bottom: 4px solid transparent !important; } .bab-m-megamenue .bab-e-navigationElementsHolder .bab-e-navigationElementsHolderSection ul > li a:hover { border-bottom: 4px solid transparent !important; text-decoration: underline; } .bab-m-megamenue .bab-e-navigationElementsHolder .bab-e-navigationElementsHolderSection ul > li strong { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; } .bab-m-megamenue .bab-e-navigationElementsHolder .bab-e-navigationElementsHolderSection ul > li a { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 1.6rem; font-weight: normal; font-style: normal; font-stretch: normal; color: #555555; height: auto; display: inline-block; margin: 0.4em 0; } .bab-m-megamenue .bab-e-navigationElementsHolder .bab-e-navigationElementsHolderSection ul > li > ul { display: none !important; } .bab-m-megamenue .bab-e-megamenue-service { display: inline-block; width: 33.33%; float: left; background-color: #eaebeb; padding-left: 21px; padding-bottom: 9px; box-sizing: border-box; } .bab-m-megamenue .bab-e-megamenue-service h2 { margin-bottom: 5px; } .bab-m-megamenue .bab-e-megamenue-service ul { flex-wrap: wrap; } .bab-m-megamenue .bab-e-megamenue-service ul li, .bab-m-megamenue .bab-e-megamenue-service ul a { width: 100%; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 1.6rem !important; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.88; color: #555555 !important; height: auto !important; margin-right: 0 !important; display: inline-block !important; border-bottom: none !important; } .bab-m-megamenue .bab-e-megamenue-service ul li:hover, .bab-m-megamenue .bab-e-megamenue-service ul a:hover { border-bottom: none !important; } .bab-m-megamenue .bab-e-megamenue-navigation { display: inline-block; width: 66.66%; float: left; } .bab-m-mobileNavigation { display: none; } @media screen and (max-width: 1024px) { .bab-m-mobileNavigation { width: 100% !important; } } .bab-m-mobileNavigation:after { content: ""; display: table; clear: both; } @media screen and (max-width: 1024px) { .bab-m-mobileNavigation.active { display: block; } } .bab-m-mobileNavigation .bab-a-closeMobileNavi { display: inline-block; float: right; padding-right: 19px; padding-top: 19px; width: 100%; text-align: right; font-size: 2.4rem; } .bab-m-mobileNavigation .bab-a-closeMobileNavi a { font-size: 2.4rem; } .bab-m-mobileNavigation .bab-e-mobileNavigation-serviceList { margin-top: 57px !important; } @media screen and (max-width: 1024px) { .bab-m-mobileNavigation .bab-e-mobileNavigation-content { position: fixed !important; left: 0 !important; top: 0 !important; bottom: 0; overflow-y: scroll; width: 100% !important; background-color: #fff !important; box-shadow: none !important; padding-left: 0 !important; } .bab-m-mobileNavigation .bab-e-mobileNavigation-content ul li a { font-size: 2rem !important; line-height: 2 !important; } .bab-m-mobileNavigation .bab-e-mobileNavigation-content ul li a:after { right: 20px; } } .bab-m-mobileNavigation .bab-e-mobileNavigation-content h2 { color: #555555 !important; } .bab-m-mobileNavigation .bab-e-mobileNavigation-content ul { box-sizing: border-box; border-top: none !important; } .bab-m-mobileNavigation .bab-e-mobileNavigation-content ul li.specialCategory { border-top: none !important; } .bab-m-mobileNavigation .bab-e-mobileNavigation-content ul li.backColorGrey { background-color: #eaebeb !important; } .bab-m-mobileNavigation .bab-e-mobileNavigation-content ul li:hover a { color: #555555 !important; } .bab-m-mobileNavigation .bab-e-mobileNavigation-content ul li a { color: #555555 !important; font-size: 1.6rem !important; font-weight: normal; font-style: normal; font-stretch: normal; padding-top: 0 !important; padding-bottom: 0 !important; letter-spacing: normal; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif !important; position: relative; } .bab-m-mobileNavigation .bab-e-mobileNavigation-content ul li:not(.noSub) a:after { font-family: "fontello"; content: '\e831'; display: inline-block; position: absolute; right: 0; font-size: 1rem; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); color: #555555; } .bab-m-mobileNavigation .bab-e-mobileNavigation-content ul li.firstLevelNaviPoint a, .bab-m-mobileNavigation .bab-e-mobileNavigation-content ul li.categoryNavigationBreadcrumbItem a, .bab-m-mobileNavigation .bab-e-mobileNavigation-content ul li.categoryNavigationActiveItem a, .bab-m-mobileNavigation .bab-e-mobileNavigation-content ul li.active a { padding-bottom: 15px !important; padding-top: 14px !important; margin: 0 !important; font-family: Noto Sans Bold, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif !important; } .bab-m-mobileNavigation .bab-e-mobileNavigation-content ul li.active a { padding-top: 0 !important; padding-bottom: 0 !important; } .bab-m-mobileNavigation .bab-e-mobileNavigation-content ul li.active ul li a { padding-top: 0 !important; padding-bottom: 0 !important; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif !important; } @media screen and (min-width: 768px) and (max-width: 1024px) { .bab-m-mobileNavigation .bab-e-mobileNavigation-content ul { padding: 0 64px 0 64px !important; } } @media screen and (max-width: 767px) { .bab-m-mobileNavigation .bab-e-mobileNavigation-content ul { padding: 0 10px 0 19px !important; } } @media only screen and (max-width: 1024px) { #sideNavigation .mobileNavDynamicPart li a, #sideNavigation .mobileNavStaticPart li a { margin-top: 0 !important; padding: 0 0 0 2rem !important; } #sideNavigation .mobileNavStaticPart ul li:last-of-type { border-bottom: solid 1px #e5e5e5; } } .mobileNavStaticPart { display: none; } @media only screen and (max-width: 1024px) { .mobileNavStaticPart { display: inherit; } } .mobileNavStaticPart ul:last-of-type { margin-bottom: 7em !important; } .bab-m-mobileNavigation.active .bab-e-mobileNavigation-content ul li.specialCategory { border-top: none; } #filter, #smartFilterContent { float: left; width: 100%; min-height: 20em; margin: .4em 0 2em 0; } @media only screen and (max-width: 1024px) { #filter, #smartFilterContent { position: absolute; width: 25.7em; z-index: 500; margin: 0; left: -28.7em; top: 0em; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px; -ms-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; -ms-border-top-right-radius: 5px; border-top-right-radius: 5px; min-height: 41em; transition: all 0.3s ease-out 0s; background: #052a68; -webkit-box-shadow: 1px 1px 2px 0 rgba(50, 50, 50, 0.75); -moz-box-shadow: 1px 1px 2px 0 rgba(50, 50, 50, 0.75); box-shadow: 1px 1px 2px 0 rgba(50, 50, 50, 0.75); } #filter .tabletSwitch, #smartFilterContent .tabletSwitch { display: none; width: 2.4em; height: 15em; position: absolute; right: -2.3em; top: 17em; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px; -ms-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; -ms-border-top-right-radius: 5px; border-top-right-radius: 5px; background-image: url(../_ui/responsive/images/layout/icons-sprite_retina.png); background-position: -9.2em -195.8em; background-repeat: no-repeat; background-size: 288px auto; background-color: #052a68; -webkit-box-shadow: 1px 1px 2px -2px rgba(50, 50, 50, 0.75); -moz-box-shadow: 1px 1px 2px -2px rgba(50, 50, 50, 0.75); box-shadow: 1px 1px 2px -2px rgba(50, 50, 50, 0.75); } } @media only screen and (max-width: 768px) { #filter, #smartFilterContent { left: 100%; top: 0; width: 85%; display: none; } #filter .tabletSwitch, #smartFilterContent .tabletSwitch { display: none; } } #filter .filterBox, #smartFilterContent .filterBox { float: left; width: 100%; padding: 2em 0 2em 2em; margin: 0 0 2em 0; background-color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } @media only screen and (max-width: 1024px) { #filter .filterBox, #smartFilterContent .filterBox { background: transparent; color: #fff; padding: 0 2em; } } #filter .filterBox h2, #smartFilterContent .filterBox h2 { display: none; } @media only screen and (max-width: 1024px) { #filter .filterBox h2, #smartFilterContent .filterBox h2 { display: block; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 2.1em; margin: 1em 0 .5em; color: #fff; } } #filter .filterBox h3, #smartFilterContent .filterBox h3 { font-size: 2.1em; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; color: #333; width: 93%; font-weight: normal; padding-bottom: 0.7em; margin-bottom: 0.5em; border-bottom: 1px solid #e5e5e5; } @media only screen and (max-width: 1024px) { #filter .filterBox h3, #smartFilterContent .filterBox h3 { color: #fff; font-size: 1.9em; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; } } @media only screen and (max-width: 1024px) { #filter .filterBox h4, #smartFilterContent .filterBox h4 { font-size: 1em; color: #fff; } } #filter .filterBox .item, #smartFilterContent .filterBox .item { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 1.4em; } #filter .filterBox .item ul.facet_block li, #smartFilterContent .filterBox .item ul.facet_block li { float: left; clear: both; line-height: 1.5em; vertical-align: middle; padding-bottom: 0.3em; } #filter .filterBox .item ul.facet_block li a:link, #filter .filterBox .item ul.facet_block li a:visited, #smartFilterContent .filterBox .item ul.facet_block li a:link, #smartFilterContent .filterBox .item ul.facet_block li a:visited { float: right; color: #555; } @media only screen and (max-width: 1024px) { #filter .filterBox .item ul.facet_block li a:link, #filter .filterBox .item ul.facet_block li a:visited, #smartFilterContent .filterBox .item ul.facet_block li a:link, #smartFilterContent .filterBox .item ul.facet_block li a:visited { color: #fff; } } #filter .filterBox .item ul.facet_block li .facet_block-label, #smartFilterContent .filterBox .item ul.facet_block li .facet_block-label { vertical-align: middle; line-height: 1.85em; } #filter .filterBox .item ul.facet_block li .facet_block-label input[type="checkbox"], #smartFilterContent .filterBox .item ul.facet_block li .facet_block-label input[type="checkbox"] { float: left; margin: 0.4em 1em 0 0; } #filter .filterBox .item ul.facet_block li span.remove img, #smartFilterContent .filterBox .item ul.facet_block li span.remove img { width: 1.142em; margin: 0.1em 0.5em 0 0; } #filter .filterBox .item .category, #smartFilterContent .filterBox .item .category { float: left; width: 93%; vertical-align: middle; line-height: 2em; } #filter .filterBox .item .category a:link, #filter .filterBox .item .category a:visited, #smartFilterContent .filterBox .item .category a:link, #smartFilterContent .filterBox .item .category a:visited { color: #999; } #filter .filterBox .item .category .refinementToggle, #smartFilterContent .filterBox .item .category .refinementToggle { float: left; width: 85%; } #filter .filterBox .item .category .collapsableArrow, #smartFilterContent .filterBox .item .category .collapsableArrow { float: right; width: 1.428em; height: 1.428em; line-height: 1.428em; vertical-align: middle; } #filter .filterBox .item .category .collapsableArrow .dropdown, #smartFilterContent .filterBox .item .category .collapsableArrow .dropdown { float: right; margin: 0.3em 0 0 0; width: 1.428em; height: 1.428em; border: 1px solid #bababa; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; background: #eee; background-image: -moz-linear-gradient(90deg, #cdcdcd 0%, white 100%); background-image: -webkit-linear-gradient(90deg, #cdcdcd 0%, white 100%); background-image: -ms-linear-gradient(90deg, #cdcdcd 0%, white 100%); } #filter .filterBox .item .category .collapsableArrow .dropdown .dropdown-img, #smartFilterContent .filterBox .item .category .collapsableArrow .dropdown .dropdown-img { float: left; width: 100%; height: 100%; background: url(../_ui/responsive/theme-KRONES/images/layout/icons-sprite.png) -189px -1389px no-repeat transparent; } #filter .filterBox .item .category .collapsableArrow.toggleArrow .dropdown .dropdown-img, #smartFilterContent .filterBox .item .category .collapsableArrow.toggleArrow .dropdown .dropdown-img { background-position: -236px -1336px; } #filter .filterBox .item .facetValues, #smartFilterContent .filterBox .item .facetValues { float: left; clear: both; width: 93%; max-height: 0; overflow: hidden; -webkit-transition: max-height 1.5s linear; -moz-transition: max-height 1.5s linear; transition: max-height 1.5s linear; } #filter .filterBox .item .facetValues .facet_block li, #smartFilterContent .filterBox .item .facetValues .facet_block li { float: left; width: 100%; } #filter .filterBox .item .facetValues .facet_block li a:link, #filter .filterBox .item .facetValues .facet_block li a:visited, #smartFilterContent .filterBox .item .facetValues .facet_block li a:link, #smartFilterContent .filterBox .item .facetValues .facet_block li a:visited { float: none; word-wrap: break-word; } #filter .filterBox .item .facetValues.toggleHeight, #smartFilterContent .filterBox .item .facetValues.toggleHeight { max-height: 999px; border-bottom: 1px solid #e5e5e5; padding: 0 0 1em 0; margin: 0 0 1em 0; } @media only screen and (max-width: 1024px) { #filter .active, #smartFilterContent .active { left: -3em; transition: all 0.3s ease-out 0s; z-index: 5000; } #filter .active .tabletSwitch, #smartFilterContent .active .tabletSwitch { background-position: -18.75em -186.5em, 0 0; } } #footerWrap { clear: both; background-color: rgba(234, 235, 235, 0.1); position: relative; z-index: 5; bottom: 0; height: auto; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22884.804%22%20height%3D%221127.011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20style%3D%22opacity%3A.3%3Bfill%3A%236083a4%3Bfill-opacity%3A1%3Bstroke%3A%236083a4%3Bstroke-opacity%3A1%22%3E%3Cpath%20style%3D%22fill%3A%236083a4%3Bfill-opacity%3A1%3Bfill-rule%3Aevenodd%3Bstroke%3A%236083a4%3Bstroke-width%3A1%3Bstroke-opacity%3A1%22%20d%3D%22m193.5%20100.5%2054.278%20252.023m0%200-126.401-61.799M153.21%20896.84l92.857-368.853m.001%200%2043.981%20289.221m.001%200%20192.242-212.094m0%200-236.224-77.127m236.224%2077.127L537%20908.384m0%20.001%2045.029-148.17m-.001%200-99.735-155.101m99.735%20155.101L772.766%20867.64M537%20908.385l219.586%2086.231m0-.001%2016.18-126.976M537%20908.385l-54.102%20194.303m-.001%200%20120.193%2019.857m0%200L537%20908.385m0%200L153.21%20896.84M598.5%201042.5l-426.88%2013.41m318.794%20156.302-163.553-70.57m0-.002-4.532-182.26M153.21%20896.84%2080.902%20681.142m276.192-257.318-109.316-71.3m-1.71%20175.463L115.53%20366.507m.002%200-34.63%20314.637m.001-.001%2094.515-124.27m.001-.001%20114.63%20260.336m-114.63-260.336L159.122%20420.43m0%200%2088.656-67.83m0%200-72.36%20204.273m307.479%20545.815-156.036%2038.953m156.036-38.953%207.517%20109.525M322.329%20959.379l160.568%20143.308M377.355%20834.3l-20.262-410.476m.001%200L563.5%20491.5m-81.208%20113.614L377.355%20834.301m0-.001L322.33%20959.379M369.355%20836.3%20171.5%201054.5m205.855-220.2%20223.84%20208.94M377.355%20834.3%20247.778%20352.6m353.417%20690.64%20171.571-175.6m-171.571%20175.6-19.167-283.024M377.355%20834.3l395.41%2033.339M603.09%201122.545%20772.764%20867.64M115.532%20366.507l5.844-75.782m0-.001L192.5%20101.5m53.568%20426.487%20111.026-104.162M557.5%20493.5l-398.378-73.07M558.5%20496.5l-76.207%20108.614M562.5%20495.5l19.528%20264.715m174.558%20234.4-153.497%20127.93m.001%200-112.676%2089.668m112.676-89.668%20185.87%2054.366m.001-.001-32.374-182.295m-.001%200%20194.723%2063.965m.001%200-162.35%20118.33m162.35-118.33L772.766%20867.64m-171.571%20175.6-118.298%2059.448M322.329%20959.379l-169.12-62.54m138.248-79.631-138.248%2079.63m94.569-544.315%20139.178-164.778m0%200L193.5%20100.5m193.456%2087.245-29.863%20236.08m125.199%20181.289-401.39%2076.03m72.308%20207.291c4.632%200%208.385%203.762%208.385%208.404%200%204.641-3.753%208.405-8.386%208.405-4.633%200-8.386-3.764-8.386-8.405%200-4.642%203.753-8.404%208.386-8.404m224.146-65.49c6.26%200%2011.332%205.083%2011.332%2011.355s-5.071%2011.355-11.332%2011.355c-6.26%200-11.331-5.083-11.331-11.355s5.07-11.355%2011.331-11.355m105.542%20268.387c6.26%200%2011.332%205.084%2011.332%2011.355%200%206.272-5.071%2011.356-11.332%2011.356-6.26%200-11.331-5.084-11.331-11.355%200-6.272%205.07-11.356%2011.331-11.356m6%20105c6.26%200%2011.332%205.084%2011.332%2011.355%200%206.272-5.071%2011.356-11.332%2011.356-6.26%200-11.331-5.084-11.331-11.355%200-6.272%205.07-11.356%2011.331-11.356m300.181-31.587c6.26%200%2011.331%205.084%2011.331%2011.356%200%206.271-5.07%2011.355-11.331%2011.355-6.261%200-11.332-5.084-11.332-11.355%200-6.272%205.071-11.356%2011.332-11.356m-227.37-681.729c4.808%200%208.701%203.903%208.701%208.72%200%204.816-3.893%208.72-8.701%208.72-4.808%200-8.701-3.904-8.701-8.72%200-4.817%203.893-8.72%208.701-8.72m-313.93%2036.251c4.808%200%208.702%203.903%208.702%208.72%200%204.816-3.894%208.72-8.702%208.72-4.807%200-8.7-3.904-8.7-8.72%200-4.817%203.893-8.72%208.7-8.72M121.376%20282.004c4.808%200%208.702%203.903%208.702%208.72%200%204.816-3.894%208.72-8.702%208.72-4.807%200-8.7-3.904-8.7-8.72%200-4.817%203.893-8.72%208.7-8.72m479.819%20752.516c4.808%200%208.701%203.903%208.701%208.72%200%204.816-3.893%208.72-8.701%208.72-4.808%200-8.701-3.904-8.701-8.72%200-4.817%203.893-8.72%208.7-8.72m-19.166-280.727c3.542%200%206.408%202.875%206.408%206.422%200%203.546-2.866%206.422-6.408%206.422-3.541%200-6.408-2.876-6.408-6.422%200-3.547%202.867-6.422%206.408-6.422M290.05%20810.786c3.541%200%206.408%202.875%206.408%206.422%200%203.546-2.867%206.422-6.408%206.422-3.542%200-6.408-2.876-6.408-6.422%200-3.547%202.866-6.422%206.408-6.422M175.419%20549.517c3.541%200%206.408%202.875%206.408%206.42%200%203.548-2.867%206.423-6.408%206.423-3.542%200-6.408-2.875-6.408-6.422%200-3.546%202.866-6.421%206.408-6.421m210.752-368.193c3.542%200%206.408%202.875%206.408%206.42%200%203.548-2.866%206.423-6.408%206.423-3.542%200-6.408-2.875-6.408-6.422%200-3.546%202.866-6.42%206.408-6.42M254.477%20352.523c0%203.707-2.999%206.712-6.698%206.712-3.7%200-6.699-3.005-6.699-6.712s2.999-6.712%206.699-6.712c3.7%200%206.698%203.005%206.698%206.712M87.601%20681.143c0%203.707-2.998%206.712-6.698%206.712s-6.699-3.005-6.699-6.712%202.999-6.712%206.699-6.712c3.7%200%206.698%203.005%206.698%206.712m243.693%20278.236c0%203.707-3%206.711-6.699%206.711-3.7%200-6.699-3.004-6.699-6.711%200-3.708%203-6.712%206.699-6.712%203.7%200%206.699%203.004%206.699%206.712m2.266%20182.261c0%203.708-2.999%206.713-6.699%206.713-3.7%200-6.698-3.005-6.698-6.712s2.998-6.712%206.698-6.712%206.699%203.005%206.699%206.712m210.138-233.256c0%203.707-2.999%206.712-6.699%206.712-3.7%200-6.698-3.005-6.698-6.712s2.999-6.712%206.698-6.712c3.7%200%206.7%203.005%206.7%206.712M179.41%201055.744c0%203.707-3%206.712-6.7%206.712s-6.698-3.005-6.698-6.712%202.999-6.712%206.699-6.712c3.7%200%206.698%203.005%206.698%206.712m778.6%202.836c0%203.708-3%206.712-6.699%206.712-3.7%200-6.699-3.004-6.699-6.712%200-3.707%203-6.711%206.699-6.711%203.7%200%206.699%203.004%206.699%206.711M488.397%20605.114c0%203.707-2.999%206.712-6.699%206.712-3.7%200-6.698-3.005-6.698-6.712s2.999-6.712%206.698-6.712c3.7%200%206.699%203.005%206.699%206.712M198.41%2099.744c0%203.707-3%206.712-6.7%206.712s-6.698-3.005-6.698-6.712%202.999-6.712%206.699-6.712c3.7%200%206.698%203.005%206.698%206.712m-39.287%20314.265c3.542%200%206.408%202.874%206.408%206.42%200%203.548-2.866%206.422-6.408%206.422-3.542%200-6.408-2.874-6.408-6.422%200-3.546%202.866-6.42%206.408-6.42m442.073%20699.436c4.808%200%208.701%203.902%208.701%208.72%200%204.815-3.893%208.72-8.701%208.72-4.808%200-8.701-3.905-8.701-8.72%200-4.818%203.893-8.72%208.7-8.72m155.392-127.549c4.808%200%208.702%203.902%208.702%208.72%200%204.815-3.894%208.72-8.702%208.72-4.807%200-8.701-3.905-8.701-8.72%200-4.818%203.894-8.72%208.701-8.72M360.296%20411.71c4.808%200%208.702%203.902%208.702%208.72%200%204.815-3.894%208.72-8.702%208.72-4.807%200-8.7-3.905-8.7-8.72%200-4.818%203.893-8.72%208.7-8.72m412.47%20447.21c4.807%200%208.701%203.902%208.701%208.72%200%204.815-3.894%208.72-8.701%208.72-4.808%200-8.702-3.905-8.702-8.72%200-4.818%203.894-8.72%208.702-8.72M115.708%20358.016c4.808%200%208.701%203.903%208.701%208.72%200%204.816-3.893%208.72-8.701%208.72-4.808%200-8.701-3.904-8.701-8.72%200-4.817%203.893-8.72%208.701-8.72%22%20transform%3D%22translate(-73.704%20-238.532)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 8vw top; background-repeat: no-repeat; } @media only screen and (max-width: 1024px) { #footerWrap { float: left; width: 100%; height: auto; margin-top: 2em; padding-bottom: 1em; } } @media only screen and (max-width: 768px) { #footerWrap { min-width: 320px; } } #footerWrap .footerHeaderWrapp { background-image: linear-gradient(94deg, #0099d6, #081d41 49%, #052a68 105%); height: auto; padding: 1.25rem 0; } #footerWrap .footerHeaderWrapp:after { content: ""; display: table; clear: both; } #footerWrap .footerHeader { max-width: 1180px; width: 100%; margin: 0 auto; padding: 0 3em; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; display: flex; flex-wrap: wrap; } #footerWrap .footerHeader:after { content: ""; display: table; clear: both; } #footerWrap .footer-claim { display: inline-block; float: left; width: 50%; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 2.6rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2.5; letter-spacing: normal; text-align: left; color: #fff; } @media only screen and (max-width: 767px) { #footerWrap .footer-claim { width: 100%; text-align: center; padding: 0; } } #footerWrap .footer-claim img.js-responsive-image { width: 404px; } @media only screen and (max-width: 767px) { #footerWrap .footer-claim img.js-responsive-image { width: 27vw; margin-top: 20px; } } #footerWrap .footer-socialListHolder { display: inline-block; float: left; width: 50%; font-size: 2.6rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2.23; letter-spacing: normal; text-align: left; color: #fff; } @media only screen and (max-width: 767px) { #footerWrap .footer-socialListHolder { width: 100%; text-align: center; } } #footerWrap .social-media-list { align-content: center; display: flex; justify-content: flex-end; color: #fff; min-height: 100%; align-items: center; } @media only screen and (max-width: 767px) { #footerWrap .social-media-list { justify-content: center; } } #footerWrap .social-media-list li, #footerWrap .social-media-list a { color: #fff; } #footerWrap .social-media-list a { font-size: 22px; } #footerWrap .social-media-list li { margin-left: 10px; } #footerWrap .footerBody { padding-bottom: 18px; } #footerWrap .footerBody:after { content: ""; display: table; clear: both; } #footerWrap .footerBody-left, #footerWrap .footerBody-right { width: 50%; float: left; } @media screen and (max-width: 767px) { #footerWrap .footerBody-left, #footerWrap .footerBody-right { width: 100%; } } #footerWrap .footerBody-left .footerSitemap:after, #footerWrap .footerBody-right .footerSitemap:after { content: ""; display: table; clear: both; } #footerWrap .footerBody-left .footerSitemap { width: 100%; } #footerWrap .footerMeta { width: 100%; margin-bottom: 28px; } #footerWrap .footerMeta:after { content: ""; display: table; clear: both; } @media screen and (max-width: 1024px) { #footerWrap .footerMeta { margin-bottom: 0; } } #footerWrap .footerMeta-left, #footerWrap .footerMeta-right { float: left; display: inline-block; } @media screen and (max-width: 767px) { #footerWrap .footerMeta-left, #footerWrap .footerMeta-right { width: 100%; } } #footerWrap .footerMeta-left ul, #footerWrap .footerMeta-right ul { display: inline-block; } #footerWrap .footerMeta-left ul:after, #footerWrap .footerMeta-right ul:after { content: ""; display: table; clear: both; } #footerWrap .footerMeta-left ul li, #footerWrap .footerMeta-right ul li { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2.43; letter-spacing: normal; text-align: left; color: #052a68; display: inline-block; float: left; margin-right: 14px; } @media screen and (max-width: 767px) { #footerWrap .footerMeta-left ul li, #footerWrap .footerMeta-right ul li { width: 100%; } } #footerWrap .footerMeta-left ul li a, #footerWrap .footerMeta-right ul li a { color: #052a68; font-size: 1.5rem; } #footerWrap .footerMeta-left ul li a:hover, #footerWrap .footerMeta-left ul li a:focus, #footerWrap .footerMeta-left ul li a:active, #footerWrap .footerMeta-right ul li a:hover, #footerWrap .footerMeta-right ul li a:focus, #footerWrap .footerMeta-right ul li a:active { text-decoration: underline; } #footerWrap .footerMeta-right { float: right; } @media screen and (max-width: 767px) { #footerWrap .footerMeta-right { float: left; margin-top: 16px; } } #footerWrap .footerMeta-right ul { display: inline-block; } #footerWrap .footerMeta-right ul:after { content: ""; display: table; clear: both; } #footerWrap .footerMeta-right ul li { margin-right: 0; } #footerWrap #footer { max-width: 1180px; width: 100%; margin: 0 auto; padding: 0 3em; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; height: auto; } #footerWrap #footer:after { content: ""; display: table; clear: both; } @media only screen and (max-width: 1024px) { #footerWrap #footer { float: left; height: auto; width: 100%; padding: 0 3em 0 4em; } } #footerWrap #footer .footerSitemap { float: left; width: calc(33.33% - 11px); margin-right: 11px; margin-top: 30px; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding-left: 0; word-break: break-all; word-break: break-word; } @media only screen and (max-width: 1024px) { #footerWrap #footer .footerSitemap { float: left; width: 50%; margin: 0; } #footerWrap #footer .footerSitemap:first-child { margin-left: 0; } } @media only screen and (max-width: 767px) { #footerWrap #footer .footerSitemap { width: 100%; } } #footerWrap #footer .footerSitemap h2 { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 2rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; text-align: left; color: #555555; margin-bottom: 17px; word-break: normal; } @media only screen and (max-width: 1024px) { #footerWrap #footer .footerSitemap h2 { display: block; width: 100%; cursor: pointer; padding: 0 0 0 0; line-height: 3.2em; vertical-align: middle; position: relative; } #footerWrap #footer .footerSitemap h2 span { position: absolute; right: 0; top: .75em; width: 1.5em; height: 1.5em; } } #footerWrap #footer .footerSitemap ul li { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 1.6rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.63; letter-spacing: normal; text-align: left; color: #555555; } #footerWrap #footer .footerSitemap ul li a { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 1.6rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.63; letter-spacing: normal; text-align: left; color: #555555; } #footerWrap #footer .footerSitemap ul li a:hover, #footerWrap #footer .footerSitemap ul li a:focus, #footerWrap #footer .footerSitemap ul li a:active { text-decoration: underline; } #footerWrap #footer .footerSitemap ul li img { max-width: 100%; } #footerWrap #footer .footerSitemap.infoBox { margin-right: 0; width: 100%; word-break: normal; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #footerWrap #footer .footerSitemap.infoBox div { box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; position: relative; color: #555555; } #footerWrap #footer .footerSitemap.infoBox div h2 { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 2rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; text-align: left; color: #555555; } #footerWrap #footer .footerSitemap.infoBox div p { border-top: 1px solid #fff; border-bottom: 1px solid #fff; margin-bottom: 0; margin-top: 5px; padding-top: 12px; padding-bottom: 16px; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 1.4rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.86; letter-spacing: normal; text-align: left; color: #555555; } @media only screen and (max-width: 1024px) { #footerWrap #footer .footerSitemap .footerListe { width: 100%; } #footerWrap #footer .footerSitemap.infoBox { width: 100%; margin: 0 0 0 0; top: 0; } #footerWrap #footer .footerSitemap.infoBox div { border: none; padding: 0; } #footerWrap #footer .footerSitemap.infoBox h2 { background: none; } #footerWrap #footer .footerSitemap:first-child h2 { background-image: none; } } @media screen and (max-width: 1024px) { #footerWrap #footer .footerSitemap.paymentSystems { width: 100%; } } #footerWrap #footer .footerSitemap.paymentSystems .footerListe { float: left; width: 100%; } @media screen and (max-width: 1024px) { #footerWrap #footer .footerSitemap.paymentSystems ul { margin-left: -17px; } } #footerWrap #footer .footerSitemap.paymentSystems ul li { margin-bottom: 17px; } @media screen and (max-width: 1024px) { #footerWrap #footer .footerSitemap.paymentSystems ul li { width: auto; display: inline-block; float: left; margin-left: 17px; } #footerWrap #footer .footerSitemap.paymentSystems ul li img { max-width: 150px; } } #footerWrap #footer .footerSitemap.accordionContainer { width: 100%; } @media screen and (max-width: 1024px) { #footerWrap #footer .footerSitemap.accordionContainer { width: 100%; } } #footerWrap #footer .footerSitemap.accordionContainer .footerListe { position: relative; float: left; } #footerWrap #footer .footerSitemap.accordionContainer .footerListe:after { content: ""; display: table; clear: both; } #footerWrap #footer .footerSitemap.accordionContainer .footerListe [class*="icon"] { color: #555555; border: 1px solid #555555; font-size: 20px; margin-right: 10px; } #footerWrap #footer .footerSitemap.accordionContainer .footerListe > li { margin-bottom: 10px; } @media screen and (max-width: 1024px) { #footerWrap #footer .footerSitemap.accordionContainer .footerListe > li { position: relative; } } #footerWrap #footer .footerSitemap.accordionContainer .footerListe > li:after { content: "\E831"; font-family: "fontello"; color: #555555; font-size: 1.2rem; float: right; margin-right: 10px; margin-top: 10px; opacity: 0; } @media screen and (max-width: 1024px) { #footerWrap #footer .footerSitemap.accordionContainer .footerListe > li:after { transform: rotate(90deg); opacity: 1; position: absolute; right: 10px; top: 0; } } #footerWrap #footer .footerSitemap.accordionContainer .footerListe > li.active:after { opacity: 1; transition-duration: 200ms; transition-property: all; } @media screen and (max-width: 1024px) { #footerWrap #footer .footerSitemap.accordionContainer .footerListe > li.active:after { transform: rotate(270deg); right: 7px; } } #footerWrap #footer .footerSitemap.accordionContainer .footerListe li { cursor: pointer; } #footerWrap #footer .footerSitemap.accordionContainer .footerListe li:hover, #footerWrap #footer .footerSitemap.accordionContainer .footerListe li.active, #footerWrap #footer .footerSitemap.accordionContainer .footerListe li:focus, #footerWrap #footer .footerSitemap.accordionContainer .footerListe li:active { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; } #footerWrap #footer .footerSitemap.accordionContainer .footerListe li:hover [class*="icon"], #footerWrap #footer .footerSitemap.accordionContainer .footerListe li.active [class*="icon"], #footerWrap #footer .footerSitemap.accordionContainer .footerListe li:focus [class*="icon"], #footerWrap #footer .footerSitemap.accordionContainer .footerListe li:active [class*="icon"] { background-color: #555555; color: #fff; } #footerWrap #footer .footerSitemap.accordionContainer .footerListe li:hover span, #footerWrap #footer .footerSitemap.accordionContainer .footerListe li.active span, #footerWrap #footer .footerSitemap.accordionContainer .footerListe li:focus span, #footerWrap #footer .footerSitemap.accordionContainer .footerListe li:active span { text-decoration: underline; } #footerWrap #footer .footerSitemap.accordionContainer .footerListe li ul { display: none; } #footerWrap #footer .footerSitemap.accordionContainer .footerListe li.active ul { display: inline-table; position: absolute; left: 100%; width: 100%; top: 0; } @media screen and (max-width: 1024px) { #footerWrap #footer .footerSitemap.accordionContainer .footerListe li.active ul { position: relative; left: auto; width: 100%; top: auto; padding-left: 40px; } } #footerWrap #footer .claimWrap { float: right; margin: 2em 0 0 0; height: 17.5em; height: 84%; width: 20%; color: #fff; text-align: right; position: relative; } @media only screen and (max-width: 1024px) { #footerWrap #footer .claimWrap { width: 100%; padding: 2em 0 3em 0; margin: 2em 0 0 0; } } #footerWrap #footer .claimWrap p { display: block; position: absolute; bottom: 0; right: 0; font-size: 1.3em; margin: 0; } @media only screen and (max-width: 1024px) { #footerWrap #footer .claimWrap p { position: relative; top: 0.75em; } } #footerWrap #footer .claimWrap img { width: 100%; max-width: 15.1em; height: auto; } @media only screen and (max-width: 1024px) { #footerWrap #footer .claimWrap img { float: left; width: 100%; max-width: 15.1em; height: auto; } } @media only screen and (max-width: 1024px) { #footerWrap #footer .claimWrap img { width: 100%; max-width: 15.1em; } } @media only screen and (max-width: 1024px) { #footerWrap #footer .claimWrap.mobile { background: none; } } @media only screen and (max-width: 1024px) { #footerWrap:before, #footerWrap:after { display: none; } } @media only screen and (max-width: 1024px) { #footerWrap:before, #footerWrap:after { height: 0; top: 0; } } #mainContent { float: left; width: calc(75% - 2rem); height: auto; min-height: 35em; margin-top: 1rem; margin-left: 2rem; margin-bottom: 3rem; float: left; } @media only screen and (max-width: 1024px) { #mainContent { position: relative; width: 100%; margin: 2em 0 0 0; min-height: 50em; } #mainContent .prod { height: auto; } } @media only screen and (max-width: 767px) { #mainContent { margin: 0 0; min-height: 1em; } } @media only screen and (max-width: 420px) { #mainContent { margin: 0; } } #mainContent .title_holder h1 { margin: 0; padding: 0; } @media only screen and (max-width: 767px) { #mainContent .title_holder { width: 95%; } } #mainContent .title_holder_img { background: #fff; margin-right: 2em; padding-top: 2em; padding-bottom: 2em; padding-left: 0; } #mainContent .title_holder_img div:first-of-type { float: left; padding-left: 2em; width: 60%; } #mainContent .title_holder_img div:last-of-type { float: right; width: 30%; padding-right: 2em; } #mainContent .title_holder_img div:last-of-type img { display: block; width: 100%; } #mainContent a.expandLightbox { background: url(../_ui/responsive/theme-KRONES/images/layout/icons-sprite.png) -45px -3690px no-repeat transparent; display: block; float: right; margin-bottom: 0.8em; text-indent: -9999px; height: 3em; width: 3em; } @media only screen and (max-width: 767px) { #mainContent .standardText { width: 100%; } } #mainContent .standardText h1 { margin: 0; padding: 0; } #mainContent .standardText.myProfileOverview { position: unset; z-index: 300; width: 12em; margin-bottom: 3em; } @media only screen and (max-width: 767px) { #mainContent .standardText.myProfileOverview { position: inherit; } } #mainContent .standardText.myProfileHomePage ul { margin: 0 0 0 1em; } #mainContent .standardText.myProfileHomePage h3 { margin: 20px 0 10px 0; padding: 5px 0; border-bottom: 1px solid #e5e5e5; } #mainContent .standardText p.noresulttext { padding: 20px 0; } @media only screen and (max-width: 767px) { #mainContent .standardText table { display: none; } } #mainContent .standardText.componentTicketDescription { margin-bottom: 1.5em; border-bottom: 1px solid #e5e5e5; padding: 20px; } #mainContent .standardText.componentTicketDescription .actionIcons { display: flow-root; } @media only screen and (max-width: 767px) { #mainContent .standardText.componentTicketDescription { width: calc(100% - 40px); } } #mainContent .productDetails { width: 100%; font-size: 1.6rem; box-sizing: border-box; } #mainContent .productDetails ul li, #mainContent .productDetails ol li { list-style: none; margin: 0.5em 0; padding: 0 0 0 1em; float: none; clear: both; } #mainContent .productDetails ul li:before, #mainContent .productDetails ol li:before { content: ""; width: 0.3rem; height: 0.3rem; background: #555555; border-radius: 50%; position: relative; display: inline-block; top: -0.3rem; left: -1.5rem; } #mainContent .productDetails ul li ul, #mainContent .productDetails ol li ul { font-size: 1em; margin: 0 0 0 5%; } #mainContent .productDetails ul li ol, #mainContent .productDetails ol li ol { font-size: 1em; margin: 0 0 0 3%; } #mainContent .productDetails ul li:last-child, #mainContent .productDetails ol li:last-child { margin-bottom: 2em; } #mainContent .productDetails.productDetailsList { background: #eaebeb; padding: 3rem 2rem 1rem; } #mainContent .productDetails.productDetailsList h2 { color: #555555; } #mainContent .productDetails.productDetailsList h4 { color: #000; } #mainContent .productDetails.productDownloads { margin-top: 3rem; } #mainContent #upgrade-overview-page .title_holder_img div:first-of-type { padding: 0; } #mainContent #upgrade-overview-page .prod_refine { padding: 0; } #mainContent #upgrade-overview-page .prod_refine .resultOptions .search { margin-bottom: 2em; } #mainContent #upgrade-overview-page .prod_refine .search { padding-left: 1em; padding-bottom: 1em; background: #eaebeb; } #mainContent #upgrade-overview-page .prod_refine .search .colFilter { max-width: unset !important; width: auto; } #mainContent #upgrade-overview-page .prod_refine .search .colFilter .filterSelectedWrap { background: none; margin: 0; padding: 0; } #mainContent #upgrade-overview-page .prod_refine .search .colFilter .filterSelectedWrap .filterSelected, #mainContent #upgrade-overview-page .prod_refine .search .colFilter .filterSelectedWrap > a { margin: 1em 0.4em 0.4em 0; } #mainContent #upgrade-overview-page .prod_refine .search .filterForm { background: none; margin: 0; } @media only screen and (max-width: 767px) { #mainContent #upgrade-overview-page .prod_refine .search .filterForm { margin-right: 1em; } } #mainContent #upgrade-overview-page .prod_refine .search .colSearch { margin: 1rem 1rem 0 0; width: 100%; } @media only screen and (max-width: 767px) { #mainContent #upgrade-overview-page .prod_refine .search .colSearch .form_field-input { width: unset; margin-right: 1rem; } } #mainContent #upgrade-overview-page .prod_refine .search form { width: 100%; } #mainContent #upgrade-overview-page .prod_refine .search input[type="text"] { width: 70%; margin-right: 2em; } @media only screen and (max-width: 767px) { #mainContent #upgrade-overview-page .prod_refine .search input[type="text"] { width: 100% !important; margin: 0 0 1em 0; } } #mainContent #upgrade-overview-page .prod_refine .search input[type="submit"] { width: 25%; margin-right: 0; } @media only screen and (max-width: 767px) { #mainContent #upgrade-overview-page .prod_refine .search input[type="submit"] { width: 100% !important; } } @media only screen and (max-width: 767px) { #mainContent #upgrade-overview-page .title_holder_img div:first-of-type { width: 100%; } #mainContent #upgrade-overview-page .title_holder_img div:last-of-type { width: 100%; float: left; } #mainContent #upgrade-overview-page .prod_refine .search .colSearch { width: 100%; } } #mainContent #upgrade-overview-page .standardBox.myupgrades, #mainContent #upgrade-overview-page .myupgrades.helpSearchBox { overflow: auto; } #mainContent .threeColText .textCol { float: left; margin-left: 2%; width: 30%; min-width: 270px; } #mainContent .stageStatic.default .textContainer { background: none; } #mainContent .stageStatic.default .textContainer h1 { opacity: .9; background: #555555; width: 50%; } @media only screen and (max-width: 767px) { #mainContent .stageStatic.default .textContainer h1 { width: calc(100% - 20px); font-size: 1.6em; padding: 0 10px 0 10px; } } #mainContent .stageStatic.default .textContainer h1 span { color: #fff; padding: 2em; margin-top: 20px; } @media only screen and (max-width: 767px) { #mainContent .stageStatic.default .textContainer h1 span { padding: 0; } } #mainContent .stageStatic.default .imageContainer { background: #000; } #mainContent .stageStatic.default .imageContainer img { opacity: 0.9; } @media only screen and (max-width: 767px) { #mainContent .stageStatic .imageContainer img { width: auto; height: auto; } #mainContent .stageStatic .textContainer { position: absolute; } } #mainContent .twoColText, #mainContent .threeColText { margin-top: 20px; } #mainContent .textCol p, #mainContent .textCol ul, #mainContent .content ul { font-size: 1.4em; margin-top: 0px; } #mainContent .textCol ul li, #mainContent .content ul li { padding: 0px 1.4em; margin: 0px 0px 0.5em; background: url(../_ui/responsive/theme-KRONES/images/layout/icons-sprite.png) -239px -2153px no-repeat; } #mainContent .content ul { font-size: 1.4em; margin-top: 0px; } #mainContent .content a.button { display: inline-block; margin-top: 30px; padding: 8px 15px; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 16px; font-weight: 600; line-height: 28px; text-align: center; color: #052a68; border: 2px solid #052a68; } #mainContent .content a.button:focus, #mainContent .content a.button:hover { background: rgba(5, 42, 104, 0.7); border: solid 2px #0060ad; } #mainContent .content .row { box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; display: flex; -ms-flex: 0 1 auto; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex-direction: row; flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-wrap: wrap; flex-wrap: wrap; } #mainContent .content [class*="col-"] img { max-width: 100%; } #mainContent .content .col-xs-1, #mainContent .content .col-xs-2, #mainContent .content .col-xs-3, #mainContent .content .col-xs-4, #mainContent .content .col-xs-5, #mainContent .content .col-xs-6, #mainContent .content .col-xs-7, #mainContent .content .col-xs-8, #mainContent .content .col-xs-9, #mainContent .content .col-xs-10, #mainContent .content .col-xs-11, #mainContent .content .col-xs-12 { padding-right: 1rem; padding-left: 1rem; } #mainContent .content .col-xs-1 .align-center, #mainContent .content .col-xs-2 .align-center, #mainContent .content .col-xs-3 .align-center, #mainContent .content .col-xs-4 .align-center, #mainContent .content .col-xs-5 .align-center, #mainContent .content .col-xs-6 .align-center, #mainContent .content .col-xs-7 .align-center, #mainContent .content .col-xs-8 .align-center, #mainContent .content .col-xs-9 .align-center, #mainContent .content .col-xs-10 .align-center, #mainContent .content .col-xs-11 .align-center, #mainContent .content .col-xs-12 .align-center { display: block; margin-left: auto; margin-right: auto; } #mainContent .content .col-xs-1 p.align-center, #mainContent .content .col-xs-1 h1.align-center, #mainContent .content .col-xs-1 h2.align-center, #mainContent .content .col-xs-1 h3.align-center, #mainContent .content .col-xs-1 h4.align-center, #mainContent .content .col-xs-1 h5.align-center, #mainContent .content .col-xs-1 h6.align-center, #mainContent .content .col-xs-2 p.align-center, #mainContent .content .col-xs-2 h1.align-center, #mainContent .content .col-xs-2 h2.align-center, #mainContent .content .col-xs-2 h3.align-center, #mainContent .content .col-xs-2 h4.align-center, #mainContent .content .col-xs-2 h5.align-center, #mainContent .content .col-xs-2 h6.align-center, #mainContent .content .col-xs-3 p.align-center, #mainContent .content .col-xs-3 h1.align-center, #mainContent .content .col-xs-3 h2.align-center, #mainContent .content .col-xs-3 h3.align-center, #mainContent .content .col-xs-3 h4.align-center, #mainContent .content .col-xs-3 h5.align-center, #mainContent .content .col-xs-3 h6.align-center, #mainContent .content .col-xs-4 p.align-center, #mainContent .content .col-xs-4 h1.align-center, #mainContent .content .col-xs-4 h2.align-center, #mainContent .content .col-xs-4 h3.align-center, #mainContent .content .col-xs-4 h4.align-center, #mainContent .content .col-xs-4 h5.align-center, #mainContent .content .col-xs-4 h6.align-center, #mainContent .content .col-xs-5 p.align-center, #mainContent .content .col-xs-5 h1.align-center, #mainContent .content .col-xs-5 h2.align-center, #mainContent .content .col-xs-5 h3.align-center, #mainContent .content .col-xs-5 h4.align-center, #mainContent .content .col-xs-5 h5.align-center, #mainContent .content .col-xs-5 h6.align-center, #mainContent .content .col-xs-6 p.align-center, #mainContent .content .col-xs-6 h1.align-center, #mainContent .content .col-xs-6 h2.align-center, #mainContent .content .col-xs-6 h3.align-center, #mainContent .content .col-xs-6 h4.align-center, #mainContent .content .col-xs-6 h5.align-center, #mainContent .content .col-xs-6 h6.align-center, #mainContent .content .col-xs-7 p.align-center, #mainContent .content .col-xs-7 h1.align-center, #mainContent .content .col-xs-7 h2.align-center, #mainContent .content .col-xs-7 h3.align-center, #mainContent .content .col-xs-7 h4.align-center, #mainContent .content .col-xs-7 h5.align-center, #mainContent .content .col-xs-7 h6.align-center, #mainContent .content .col-xs-8 p.align-center, #mainContent .content .col-xs-8 h1.align-center, #mainContent .content .col-xs-8 h2.align-center, #mainContent .content .col-xs-8 h3.align-center, #mainContent .content .col-xs-8 h4.align-center, #mainContent .content .col-xs-8 h5.align-center, #mainContent .content .col-xs-8 h6.align-center, #mainContent .content .col-xs-9 p.align-center, #mainContent .content .col-xs-9 h1.align-center, #mainContent .content .col-xs-9 h2.align-center, #mainContent .content .col-xs-9 h3.align-center, #mainContent .content .col-xs-9 h4.align-center, #mainContent .content .col-xs-9 h5.align-center, #mainContent .content .col-xs-9 h6.align-center, #mainContent .content .col-xs-10 p.align-center, #mainContent .content .col-xs-10 h1.align-center, #mainContent .content .col-xs-10 h2.align-center, #mainContent .content .col-xs-10 h3.align-center, #mainContent .content .col-xs-10 h4.align-center, #mainContent .content .col-xs-10 h5.align-center, #mainContent .content .col-xs-10 h6.align-center, #mainContent .content .col-xs-11 p.align-center, #mainContent .content .col-xs-11 h1.align-center, #mainContent .content .col-xs-11 h2.align-center, #mainContent .content .col-xs-11 h3.align-center, #mainContent .content .col-xs-11 h4.align-center, #mainContent .content .col-xs-11 h5.align-center, #mainContent .content .col-xs-11 h6.align-center, #mainContent .content .col-xs-12 p.align-center, #mainContent .content .col-xs-12 h1.align-center, #mainContent .content .col-xs-12 h2.align-center, #mainContent .content .col-xs-12 h3.align-center, #mainContent .content .col-xs-12 h4.align-center, #mainContent .content .col-xs-12 h5.align-center, #mainContent .content .col-xs-12 h6.align-center { text-align: center; } #mainContent .content .col-xs-1 .align-right, #mainContent .content .col-xs-2 .align-right, #mainContent .content .col-xs-3 .align-right, #mainContent .content .col-xs-4 .align-right, #mainContent .content .col-xs-5 .align-right, #mainContent .content .col-xs-6 .align-right, #mainContent .content .col-xs-7 .align-right, #mainContent .content .col-xs-8 .align-right, #mainContent .content .col-xs-9 .align-right, #mainContent .content .col-xs-10 .align-right, #mainContent .content .col-xs-11 .align-right, #mainContent .content .col-xs-12 .align-right { display: block; margin-left: auto; } #mainContent .content .col-xs-1 p, #mainContent .content .col-xs-2 p, #mainContent .content .col-xs-3 p, #mainContent .content .col-xs-4 p, #mainContent .content .col-xs-5 p, #mainContent .content .col-xs-6 p, #mainContent .content .col-xs-7 p, #mainContent .content .col-xs-8 p, #mainContent .content .col-xs-9 p, #mainContent .content .col-xs-10 p, #mainContent .content .col-xs-11 p, #mainContent .content .col-xs-12 p { margin-top: 1rem; margin-bottom: 1rem; } #mainContent .content .col-xs-1 .first-object, #mainContent .content .col-xs-2 .first-object, #mainContent .content .col-xs-3 .first-object, #mainContent .content .col-xs-4 .first-object, #mainContent .content .col-xs-5 .first-object, #mainContent .content .col-xs-6 .first-object, #mainContent .content .col-xs-7 .first-object, #mainContent .content .col-xs-8 .first-object, #mainContent .content .col-xs-9 .first-object, #mainContent .content .col-xs-10 .first-object, #mainContent .content .col-xs-11 .first-object, #mainContent .content .col-xs-12 .first-object { margin-top: 1rem; } #mainContent .content .col-xs-1 { box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-flex-preferred-size: 8.333%; flex-basis: 8.333%; max-width: 8.333%; } #mainContent .content .col-xs-2 { box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-flex-preferred-size: 16.667%; flex-basis: 16.667%; max-width: 16.667%; } #mainContent .content .col-xs-3 { box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } #mainContent .content .col-xs-4 { box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; max-width: 33.333%; } #mainContent .content .col-xs-5 { box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-flex-preferred-size: 41.667%; flex-basis: 41.667%; max-width: 41.667%; } #mainContent .content .col-xs-6 { box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } #mainContent .content .col-xs-7 { box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-flex-preferred-size: 58.333%; flex-basis: 58.333%; max-width: 58.333%; } #mainContent .content .col-xs-8 { box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-flex-preferred-size: 66.667%; flex-basis: 66.667%; max-width: 66.667%; } #mainContent .content .col-xs-9 { box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } #mainContent .content .col-xs-10 { box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-flex-preferred-size: 83.333%; flex-basis: 83.333%; max-width: 83.333%; } #mainContent .content .col-xs-11 { box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-flex-preferred-size: 91.667%; flex-basis: 91.667%; max-width: 91.667%; } #mainContent .content .col-xs-12 { box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } @media only screen and (max-width: 420px) { #mainContent .content .row { margin-right: 0rem; margin-left: 0rem; } #mainContent .content .col-xs-1, #mainContent .content .col-xs-2, #mainContent .content .col-xs-3, #mainContent .content .col-xs-4, #mainContent .content .col-xs-5, #mainContent .content .col-xs-6, #mainContent .content .col-xs-7, #mainContent .content .col-xs-8, #mainContent .content .col-xs-9, #mainContent .content .col-xs-10, #mainContent .content .col-xs-11, #mainContent .content .col-xs-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } #mainContent .col-xs-1 .button, #mainContent .col-xs-2 .button, #mainContent .col-xs-3 .col-xs-4 .button, #mainContent .col-xs-5 .button { width: calc(100% - 34px); } #mainContent .col-xs-6 .button, #mainContent .col-xs-7 .button, #mainContent .col-xs-8 .button, #mainContent .col-xs-9 .button, #mainContent .col-xs-10 .button, #mainContent .col-xs-11 .button, #mainContent .col-xs-12 .button { width: calc(75% - 34px); } #mainContent .fourColText { box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; display: flex; -ms-flex: 0 1 auto; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex-direction: row; flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -1rem; margin-left: -1rem; } #mainContent .fourColText .textCol { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } @media only screen and (max-width: 767px) { #mainContent .twoColText .textCol:first-child { margin-top: 5px; } #mainContent .twoColText .textCol { margin-top: 20px; } #mainContent .twoColText, #mainContent .threeColText { margin-top: 10px; } } .noSideNav #mainContent, .emptySideNav #mainContent { width: 100%; margin-left: 0; } .wrapAll, .registrationBanner .innerWrap, .uspBar .innerWrap, .linkBar .swiper-wrap { max-width: 1180px; width: 100%; margin: 0 auto; padding: 0 3em; height: auto; min-height: calc(100% - 27em); position: relative; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } @media only screen and (max-width: 767px) { .wrapAll, .registrationBanner .innerWrap, .uspBar .innerWrap, .linkBar .swiper-wrap { min-width: 320px; margin: 0; position: relative; left: 0; transition: .5s; overflow: visible; } } .wrapAll .innerWrap:before, .registrationBanner .innerWrap .innerWrap:before, .uspBar .innerWrap .innerWrap:before, .linkBar .swiper-wrap .innerWrap:before { bottom: 0; content: ""; float: left; height: 34.9em; left: -0.5em; position: absolute; width: 0.5em; } @media only screen and (max-width: 1024px) { .wrapAll .innerWrap:before, .registrationBanner .innerWrap .innerWrap:before, .uspBar .innerWrap .innerWrap:before, .linkBar .swiper-wrap .innerWrap:before { display: none; } } .wrapAll .innerWrap:after, .registrationBanner .innerWrap .innerWrap:after, .uspBar .innerWrap .innerWrap:after, .linkBar .swiper-wrap .innerWrap:after { content: ""; float: right; height: 34.9em; position: absolute; right: -0.5em; bottom: 0; width: 0.5em; } @media only screen and (max-width: 1024px) { .wrapAll .innerWrap:after, .registrationBanner .innerWrap .innerWrap:after, .uspBar .innerWrap .innerWrap:after, .linkBar .swiper-wrap .innerWrap:after { display: none; } } .wrapAll .innerWrap, .registrationBanner .innerWrap .innerWrap, .uspBar .innerWrap .innerWrap, .linkBar .swiper-wrap .innerWrap { width: 100%; position: relative; float: left; background-color: #fff; } .wrapAll .innerWrap.emptySideNav #sideWrap, .registrationBanner .innerWrap .innerWrap.emptySideNav #sideWrap, .uspBar .innerWrap .innerWrap.emptySideNav #sideWrap, .linkBar .swiper-wrap .innerWrap.emptySideNav #sideWrap { display: none; } @media only screen and (max-width: 767px) { .wrapAll .innerWrap.emptySideNav #sideWrap, .registrationBanner .innerWrap .innerWrap.emptySideNav #sideWrap, .uspBar .innerWrap .innerWrap.emptySideNav #sideWrap, .linkBar .swiper-wrap .innerWrap.emptySideNav #sideWrap { display: block; } } @media only screen and (max-width: 1024px) { .wrapAll .innerWrap.forceEmptySideNav #sideWrap, .registrationBanner .innerWrap .innerWrap.forceEmptySideNav #sideWrap, .uspBar .innerWrap .innerWrap.forceEmptySideNav #sideWrap, .linkBar .swiper-wrap .innerWrap.forceEmptySideNav #sideWrap { display: none; } .wrapAll .innerWrap.forceEmptySideNav #sideWrap.active, .registrationBanner .innerWrap .innerWrap.forceEmptySideNav #sideWrap.active, .uspBar .innerWrap .innerWrap.forceEmptySideNav #sideWrap.active, .linkBar .swiper-wrap .innerWrap.forceEmptySideNav #sideWrap.active { display: block; } } .wrapAll .searchSpellingSuggestionPrompt, .registrationBanner .innerWrap .searchSpellingSuggestionPrompt, .uspBar .innerWrap .searchSpellingSuggestionPrompt, .linkBar .swiper-wrap .searchSpellingSuggestionPrompt { padding: 0 20px; } @media only screen and (max-width: 767px) { .wrapAll .searchSpellingSuggestionPrompt, .registrationBanner .innerWrap .searchSpellingSuggestionPrompt, .uspBar .innerWrap .searchSpellingSuggestionPrompt, .linkBar .swiper-wrap .searchSpellingSuggestionPrompt { padding: 0 0.6em; margin-left: 4%; } } @media only screen and (max-width: 767px) { .wrapAll.navi, .registrationBanner .navi.innerWrap, .uspBar .navi.innerWrap, .linkBar .navi.swiper-wrap { left: 85%; transition: .5s; z-index: 9999; } .wrapAll.login, .registrationBanner .login.innerWrap, .uspBar .login.innerWrap, .linkBar .login.swiper-wrap { left: -85%; transition: .5s; } } @media only screen and (max-width: 767px) { .wrapAll, .registrationBanner .innerWrap, .uspBar .innerWrap, .linkBar .swiper-wrap { padding: 0 2em; } } .section { clear: both; padding: 0px; margin: 0px; } .col { display: block; float: left; height: auto; background-color: transparent; position: relative; margin-bottom: 0px; } @media only screen and (max-width: 767px) { .col { margin: 0 0 2em 3.5%; } } .col:first-child { margin-left: 0; } .col.span_3_of_3 { margin-left: 0; margin-bottom: 0.75em; margin-top: 0.75em; } .col.span_1_of_3 { margin: 0 0 1.5em 3.5%; margin-bottom: 0.75em; margin-top: 0.75em; } @media only screen and (max-width: 767px) { .col.span_1_of_3 { margin-left: 0; } } .col.span_1_of_3:first-child { margin-left: 0; } .group:before, .group:after { content: ""; display: table; } .group:after { clear: both; } .group { zoom: 1; } .span_3_of_3 { width: 100%; } .span_3_of_3:after { content: ""; display: table; clear: both; } .span_2_of_3 { width: 66.21%; } .span_2_of_3:after { content: ""; display: table; clear: both; } .span_1_of_3 { width: 31%; } .span_1_of_3:after { content: ""; display: table; clear: both; } @media only screen and (max-width: 767px) { .col { margin: 1% 0 1% 0%; } .span_1_of_3, .span_2_of_3, .span_3_of_3 { margin-left: 0; width: 100%; } } .searchOverlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(255, 255, 255, 0.75); z-index: 1; display: none; } .standardBox, .helpSearchBox { float: left; width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .standardBox ul.address, .helpSearchBox ul.address { font-size: 1.4em; } .standardBox#upgradesResultList, #upgradesResultList.helpSearchBox { overflow: auto; } .cmsimage img { width: 100%; } input::-ms-clear { display: none; } .standard-box { box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; margin: 0; padding: 0; display: inline-block; } .standard-box .grey { background: #eaebeb; } .standard-box h1 { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 3.2rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.81; letter-spacing: normal; color: #000; } @media only screen and (max-width: 768px) { .standard-box h1 { padding: 0; margin: 0; } } .standard-box p { display: inline-block; width: 100%; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 1.6rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; color: #555555; } .breadcrumb { width: 100%; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 2rem 0 2rem; } @media only screen and (max-width: 768px) { .breadcrumb { border: none; padding-left: 10px; width: 97%; } } .breadcrumb ul li { float: left; padding: 0 2rem 0 2rem; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; position: relative; margin-bottom: 0.5rem; } .breadcrumb ul li a:link, .breadcrumb ul li a:visited, .breadcrumb ul li span { float: left; width: 100%; font-size: 1.2rem; color: #555555; } .breadcrumb ul li:before { content: ''; width: 1px; height: 10px; background: #cccccc; display: inline-block; position: absolute; top: 4px; left: 0; } .breadcrumb ul li:first-child { background: none; padding-left: 0; } .breadcrumb ul li:first-child:before { width: 0; } #mainContent .login .link-with-arrow { padding-top: 1.5em; } #mainContent .login h2 { border-bottom: 1px solid #e5e5e5; font-size: 2rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2.9; letter-spacing: normal; color: #000; } @media only screen and (min-width: 767px) { #mainContent .login .btn-outline-primary { width: 50%; margin: 3rem 0; } } #mainContent .login .loginPageLink { float: left; margin-bottom: 0; width: 50%; margin-left: 0; right: 0; } @media only screen and (max-width: 768px) { #mainContent .login .loginPageLink { margin: 0; width: 100%; } } #mainContent .login .loginPageLink.guest { width: 100%; border: none; color: #fff; font-size: 1.6rem; line-height: 2.8rem; text-align: center; padding: 1rem; display: block; box-sizing: border-box; background: #eaebeb; color: #555555; float: right; margin-top: 0; } #mainContent .login .loginPageLink.guest:hover, #mainContent .login .loginPageLink.guest:focus { background-color: #f7f7f7; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #c4c4c4)); background: -webkit-linear-gradient(top, #f7f7f7 0%, #c4c4c4 100%); background: -moz-linear-gradient(top, #f7f7f7 0%, #c4c4c4 100%); background: -o-linear-gradient(top, #f7f7f7, #c4c4c4); background: -ms-linear-gradient(top, #f7f7f7, #c4c4c4); background: linear-gradient(to bottom, #f7f7f7, #c4c4c4); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#c4c4c4'); } #mainContent .login .loginPageLink.guest:active { background-color: #323c43; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #323c43), color-stop(100%, #333d45)); background: -webkit-linear-gradient(top, #323c43 0%, #333d45 100%); background: -moz-linear-gradient(top, #323c43 0%, #333d45 100%); background: -o-linear-gradient(top, #323c43, #333d45); background: -ms-linear-gradient(top, #323c43, #333d45); background: linear-gradient(to bottom, #323c43, #333d45); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#323c43', endColorstr='#333d45'); color: #fff; } .title_holder { float: left; width: 100%; min-height: 7em; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; } .title_holder h1 { font-size: 3.2rem; color: #555555; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.81; letter-spacing: normal; } .title_holder p { font-size: 1.6em; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; } .bab-module-cookie-bottom { position: fixed; min-width: 100vw; min-height: 77px; bottom: -1px; background-color: rgba(30, 30, 30, 0.75); display: none; z-index: 90000; color: #fff; } .bab-module-cookie-bottom.grey { background-color: rgba(30, 30, 30, 0.75); } .bab-module-cookie-bottom.blau { background-color: rgba(30, 30, 30, 0.75); } .bab-module-cookie-bottom .bab-element-cookie-content { color: #fff; position: relative; max-width: 1180px; width: 100%; margin: 0 auto; padding: 0 3em; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; display: flex; flex-wrap: wrap; } .bab-module-cookie-bottom .bab-element-cookie-content:after, .bab-module-cookie-bottom .bab-element-cookie-content:before { content: ""; display: table; } .bab-module-cookie-bottom .bab-element-cookie-content:after { clear: both; } @media screen and (max-width: 1280px) { .bab-module-cookie-bottom .bab-element-cookie-content { width: 90%; } } .bab-module-cookie-bottom .bab-element-cookie-text { color: #fff; position: relative; width: 75%; float: left; } .bab-module-cookie-bottom .bab-element-cookie-text p, .bab-module-cookie-bottom .bab-element-cookie-text h2, .bab-module-cookie-bottom .bab-element-cookie-text h3, .bab-module-cookie-bottom .bab-element-cookie-text h4, .bab-module-cookie-bottom .bab-element-cookie-text h5, .bab-module-cookie-bottom .bab-element-cookie-text a { color: #fff; } .bab-module-cookie-bottom .bab-element-cookie-text a { text-decoration: underline; font-size: 1.4rem; } .bab-module-cookie-bottom .bab-element-cookie-text p { font-size: 1.4rem; line-height: 18px; } .bab-module-cookie-bottom .bab-element-cookie-text:after, .bab-module-cookie-bottom .bab-element-cookie-text:before { content: ""; display: table; } .bab-module-cookie-bottom .bab-element-cookie-text:after { clear: both; } @media screen and (max-width: 921px) { .bab-module-cookie-bottom .bab-element-cookie-text { width: 60%; } } @media screen and (max-width: 420px) { .bab-module-cookie-bottom .bab-element-cookie-text { width: 100%; } } .bab-module-cookie-bottom .bab-element-cookie-buttons { position: relative; width: 24%; float: left; padding-top: 10px; text-align: right; } .bab-module-cookie-bottom .bab-element-cookie-buttons .bab-element-cookie-buttons-floated { display: inline-block; position: relative; margin-left: 10px; margin-right: 10px; float: right; width: 100%; } @media screen and (max-width: 420px) { .bab-module-cookie-bottom .bab-element-cookie-buttons .bab-element-cookie-buttons-floated { margin: 10px; } } .bab-module-cookie-bottom .bab-element-cookie-buttons .bab-atom-btn-cookie-close { color: #fff; font-size: 24px; line-height: 18px; } .bab-module-cookie-bottom .bab-element-cookie-buttons .bab-atom-btn-cookie-closea { display: none; } .bab-module-cookie-bottom .bab-element-cookie-buttons .bab-atom-btn-cookie-closea:first-child { display: block; } .bab-module-cookie-bottom .bab-element-cookie-buttons .bab-atom-btn-cookie-more { background-color: white; position: relative; display: inline-block; border-radius: 2px; color: #052a68; margin-left: 10px; margin-right: 10px; font-size: 16px; padding: 10px; min-width: 150px; text-align: center; line-height: 14px; } @media screen and (max-width: 420px) { .bab-module-cookie-bottom .bab-element-cookie-buttons .bab-atom-btn-cookie-more { width: 70%; } } .bab-module-cookie-bottom .bab-element-cookie-buttons:after, .bab-module-cookie-bottom .bab-element-cookie-buttons:before { content: ""; display: table; } .bab-module-cookie-bottom .bab-element-cookie-buttons:after { clear: both; } @media screen and (max-width: 921px) { .bab-module-cookie-bottom .bab-element-cookie-buttons { width: 39%; } } @media screen and (max-width: 420px) { .bab-module-cookie-bottom .bab-element-cookie-buttons { width: 100%; text-align: left; } } .simple_disp-img { width: 100%; height: auto; background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; } @media only screen and (max-width: 768px) { .simple_disp-img { display: none; } } .simple_disp-img img { margin: 0; width: 100%; height: auto; } .featureBox { float: left; height: auto; width: 100%; max-width: 100%; background: #fff; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; position: relative; } .featureBox a { color: #0060ad; } .featureBox a.phone { display: block; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; color: #0060ad; font-size: 2.4em; margin-bottom: 0.5em; } .featureBox a h2 span.text { float: left; width: 90%; word-break: break-all; } .featureBox a h2 span.icon { float: left; width: 10%; height: 1.1em; } @media only screen and (max-width: 1024px) { .featureBox a h2 span.icon { background-position: -4.4em -6.85em; height: 1.3em; } } .featureBox .button { margin-top: 15px; float: left; width: 100%; } .featureBox .richText { float: left; width: 100%; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 1.8rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: normal; text-align: left; color: #555555; } @media only screen and (max-width: 420px) { .featureBox .richText { margin-bottom: 1em; } } .featureBox .richText p { margin: 0; clear: both; } .featureBox button { width: 100%; border: none; color: #fff; font-size: 1.6rem; line-height: 2.8rem; text-align: center; padding: 1rem; display: block; box-sizing: border-box; color: #052a68; background: transparent; border: solid 2px #052a68; line-height: 2.4rem; transition: all .3s ease-in-out; margin: 15px 0 0 0; } .featureBox button:hover, .featureBox button:focus { background: rgba(5, 42, 104, 0.4); border: solid 2px #697fa4; } @media only screen and (max-width: 420px) { .featureBox button { width: 100%; display: inline; } } .featureBox .featureBox-link { position: absolute; bottom: 0; left: 20px; width: calc(100% - 40px); height: 48px; display: flex; justify-content: center; align-items: center; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 1.6rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.75; letter-spacing: normal; text-align: center; color: #555555; } .featureBox .featureBox-link:before { color: #555555; content: "\E831"; font-family: "fontello"; padding-right: 5px; font-size: 1.2rem; } .featureBox h2 { float: left; padding: 18px 0 18px 0; width: 100%; margin: 0 0 0 0; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 2rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; text-align: left; color: #000; } .featureBox h2 a { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 2rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; text-align: left; color: #000; } .featureBox img { float: left; height: auto; width: 100%; max-width: 100%; border: 1px solid #e5e5e5; } @media only screen and (max-width: 768px) { .featureBox { padding: 0; } } .section6 .col.span_1_of_3 { width: 48%; } @media only screen and (max-width: 420px) { .section6 .col.span_1_of_3 { width: 100%; } } .section6 .featureBox .button { height: 100%; position: absolute; top: 0; left: 0; width: 100%; margin: 0px; } .section6 .featureBox .button form { width: 100%; height: 100%; } .section6 .featureBox .button button { border-color: #fff; color: #fff; position: absolute; display: block; width: 50%; max-width: 100%; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); } .section6 .featureBox .button button:hover, .section6 .featureBox .button button:focus { background: rgba(255, 255, 255, 0.4); } .searchmask .requestSKPForm { padding: 0; } .searchmask .editPriceCatalogConfigurationForm { padding: 0; } .searchmask legend { padding: 0; } .searchmask p.required { border: none; padding: 0; margin: 0; margin-bottom: 1em; width: auto; } .searchmask button { cursor: pointer; } .searchmask input[name="q"] { float: left; color: #555555; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 1.6rem; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: calc(100% - 6rem); border: solid 1px #c0c0c0; height: 4.8rem; padding: 0 1.5rem; opacity: 1; margin-bottom: 2em; } .searchmask input[name="q"]::-webkit-input-placeholder { color: #707172; font-size: 14px; opacity: 1; } .searchmask input[name="q"]::-moz-placeholder { color: #707172; font-size: 14px; opacity: 1; } .searchmask input[name="q"]:-ms-input-placeholder { color: #707172; font-size: 14px; opacity: 1; } .searchmask input[name="q"]:-moz-placeholder { color: #707172; font-size: 14px; opacity: 1; } @media only screen and (min-width: 480px) { .searchmask input[type="text"] { width: calc(100% - 180px); background: url(../_ui/responsive/theme-KRONES/images/layout/icons-sprite.png) 0.8em -232.3em no-repeat transparent; } } @media only screen and (max-width: 479px) { .searchmask input[type="text"] { width: calc(100% - 80px); } } .select2-selection { background: #ffffff url("../_ui/responsive/theme-KRONES/images/layout/inputBG.gif") repeat-x scroll center top; } .select2-results__option, .select2-search__field { font-size: 13px; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background: #eaebeb !important; color: #333 !important; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #E4E4E4; border: 1px solid #AAA; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 10px 10px; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; font-size: 2.0em; } @media only screen and (max-width: 1024px) { .emedia .prod_refine { padding: 0 !important; } } @media only screen and (max-width: 767px) { .emedia .prod_refine .resultOptions h2.filter { display: none !important; } } #fileDropZone { width: 100%; border: 2px dashed #ccc; border-radius: 5px; background: white; text-align: center; padding: 41px 0; } #fileDropZone span { font-size: 1.3em; } #fileDropZone.is-dragover { background: #eee; } #ticketImagePreview, #ticketFilePreview { display: none; position: relative; width: 100%; padding: 0; } #ticketFilePreview:before { margin-right: 7px; font-family: fontello; font-style: normal; font-size: 1.6em; color: #052a68; content: '\f0f6'; } #ticketFilePreview canvas { border: 1px solid #ccc; } #ticketImagePreview { margin-top: 10px; } #ticketImageEditMenu { width: 25%; margin-right: 5%; display: none; } @media only screen and (max-width: 420px) { #ticketImageEditMenu { width: 100%; } } #ticketImageEditMenu label { margin-bottom: 25px; } #ticketImageEditMenu button { font-size: 1em; margin-left: 0; margin-right: 10px; left: 0; clear: none; } #ticketImageEditMenu .colorpicker { width: 100%; margin-top: 10px; background-clip: padding-box; border: 2px solid #000000; } #ticketAttachmentPreview { width: 70%; } @media only screen and (max-width: 420px) { #ticketAttachmentPreview { width: 100%; } } .myComponentTicketsTable .iconCheck, .ticketDocumentationField .iconCheck { font-family: fontello; font-style: normal; color: #052a68; } .myComponentTicketsTable .iconCheck:before, .ticketDocumentationField .iconCheck:before { content: "\e821"; } .componentTicketDescription { clear: both; padding: 10px 0; } .componentTicketDetails { border-bottom: 1px solid #e5e5e5; } .addComponentTicketNoteButton { margin-top: 25px; margin-bottom: 30px; } #openEditComponentTicketDescriptionPopup { float: right; } .editComponentTicketDescriptionPopup { padding: 30px 25px; } .editComponentTicketDescriptionPopup textarea { width: 100%; height: 120px; margin-bottom: 20px; resize: none; margin-top: 30px; } .editComponentTicketDescriptionPopup button { margin-right: 15px; } .editComponentTicketDescriptionPopup button.orange-button { background: #e34805 none repeat scroll 0 0 !important; } #cboxWrapper .editComponentTicketDescriptionPopup button { width: calc(50% - 2rem); float: left; } .checkout_summary_flow .select.form_field-error select { border: 1px solid #b0232a; color: #b0232a; } .checkout_summary_flow_c.validationfailed .item_container .text p, .checkout_summary_flow_b.validationfailed .item_container .text li { color: #b0232a; } .checkout_summary_flow .select.form_field-error select { border: 1px solid #b0232a; color: #b0232a; } .checkout_summary_flow { padding: 2em 3%; float: left; border-radius: 5px; box-sizing: border-box; } @media only screen and (max-width: 767px) { .checkout_summary_flow .checkout_summary_flow_a, .checkout_summary_flow .checkout_summary_flow_b, .checkout_summary_flow .checkout_summary_flow_c { background: #fff; float: left; width: 100%; } .checkout_summary_flow .item_container_holder { min-height: auto; width: 100%; padding: 1em 4% 1.2em; } .checkout_summary_flow .item_container_holder:first-child { padding-top: 1em; } .checkout_summary_flow .item_container_holder h2 { font-size: 1.8em; } .checkout_summary_flow .item_container_holder button { margin-top: 1em; } .checkout_summary_flow select { width: 100%; } .checkout_summary_flow .text p { margin-bottom: 0; } } .checkout_summary_flow .title_holder h1 { border-bottom: 1px solid #e5e5e5; } .checkout_summary_flow .item_container_holder { padding: 0em !important; } @media only screen and (max-width: 1024px) { .checkout_summary_flow .item_container_holder { min-height: 4em; } .checkout_summary_flow .item_container_holder h2 { font-size: 1.6em; } .checkout_summary_flow .item_container_holder button { height: auto; } } @media only screen and (max-width: 1024px) { .checkout_summary_flow select, .checkout_summary_flow label { width: 95%; } } .checkout_summary_flow .checkout_summary_flow_a, .checkout_summary_flow .checkout_summary_flow_b, .checkout_summary_flow .checkout_summary_flow_c { background: #fff none repeat scroll 0 0; float: left; height: auto; width: 25%; margin-top: 10px; } .checkout_progress_bar { border-radius: 5px; box-sizing: border-box; background: #fff none repeat scroll 0 0; float: left; width: 100%; padding: 0 20px; } @media only screen and (max-width: 768px) { .checkout_progress_bar div.active { display: block; background: #fff none repeat scroll 0 0; padding: 0; } } .checkout_progress_bar .title_holder { float: left; width: 100%; box-sizing: border-box; display: flex; min-height: auto; padding-left: 10px; } .checkout_progress_bar .title_holder p { display: flex; align-items: center; } .checkout_progress_bar .item_container_holder { min-height: 6em; max-height: 6em; background: #fff none repeat scroll 0 0; box-sizing: border-box; float: left; width: 100%; padding-left: 40px; display: flex; } .checkout_progress_bar .item_container_holder:after { content: ""; clear: both; display: table; } .checkout_progress_bar .checkout_progress_bar_a, .checkout_progress_bar .checkout_progress_bar_b, .checkout_progress_bar .checkout_progress_bar_c { float: left; height: 60px; width: 25%; position: relative; } @media only screen and (max-width: 1024px) { .checkout_progress_bar .checkout_progress_bar_a .title_holder, .checkout_progress_bar .checkout_progress_bar_b .title_holder, .checkout_progress_bar .checkout_progress_bar_c .title_holder { padding-left: 0; } .checkout_progress_bar .checkout_progress_bar_a .title_holder p span:first-child, .checkout_progress_bar .checkout_progress_bar_b .title_holder p span:first-child, .checkout_progress_bar .checkout_progress_bar_c .title_holder p span:first-child { display: none; } } .checkout_progress_bar .checkout_progress_bar_a:after, .checkout_progress_bar .checkout_progress_bar_b:after, .checkout_progress_bar .checkout_progress_bar_c:after { content: attr(data-number); position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border-radius: 100px; background-color: #eaebeb; color: #fff; display: flex; justify-content: center; align-items: center; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 24px; } .checkout_progress_bar .checkout_progress_bar_a .line_holder, .checkout_progress_bar .checkout_progress_bar_b .line_holder, .checkout_progress_bar .checkout_progress_bar_c .line_holder { flex: 1; flex-shrink: 0; background-color: #eaebeb; height: 4px; margin-left: 10px; margin-right: 10px; } @media only screen and (max-width: 767px) { .checkout_progress_bar .checkout_progress_bar_a .line_holder, .checkout_progress_bar .checkout_progress_bar_b .line_holder, .checkout_progress_bar .checkout_progress_bar_c .line_holder { margin-left: 3px; margin-right: 2px; } } .checkout_progress_bar .checkout_progress_bar_a.active:after, .checkout_progress_bar .checkout_progress_bar_b.active:after, .checkout_progress_bar .checkout_progress_bar_c.active:after { background-color: #052a68; } .checkout_progress_bar .checkout_progress_bar_a.active .line_holder, .checkout_progress_bar .checkout_progress_bar_b.active .line_holder, .checkout_progress_bar .checkout_progress_bar_c.active .line_holder { background-color: #052a68; } .checkout_progress_bar .checkout_progress_bar_a.active.lastActive .line_holder, .checkout_progress_bar .checkout_progress_bar_b.active.lastActive .line_holder, .checkout_progress_bar .checkout_progress_bar_c.active.lastActive .line_holder { background-color: #eaebeb; } .checkout_progress_bar .item_container_holder .title_holder { font-size: 1.2em; } @media only screen and (max-width: 768px) { .checkout_progress_bar .item_container_holder .title_holder { min-height: 2em; padding-left: 0 !important; } } .checkout_progress_bar .item_container_holder .title_holder h3 { -webkit-margin-before: 0.15em; -webkit-margin-after: 0.45em; } .checkout_progress_bar .item_container_holder .title_holder p { color: #EEEEEE; width: 100%; margin: 0; height: 60px; } @media only screen and (max-width: 768px) { .checkout_progress_bar .item_container_holder .title_holder p { margin: 0; } } .checkout_progress_bar .active .item_container_holder .title_holder span { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 1.6rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.75; letter-spacing: normal; color: #555555; } .checkout_progress_bar_link { font-size: 1rem; } .checkoutElement { float: left; width: 30%; margin-right: 3%; } @media only screen and (max-width: 767px) { .checkoutElement { float: left; width: 100%; margin-right: 0; } .checkoutElement button { width: 100% !important; } } .checkoutElement button { margin-top: 0 !important; width: auto !important; float: left; display: inline-block; padding: 10px 20px; } .checkoutElement button.poUploadButton { width: 100% !important; } .filterSelectedWrap, .smartFilterSelectedWrap { float: left; font-weight: normal; line-height: 2em; vertical-align: middle; padding: 1rem 0 1rem 0; width: calc(100% + 2rem); margin: 0 -1rem; background: transparent; order: 5; } @media only screen and (max-width: 767px) { .filterSelectedWrap, .smartFilterSelectedWrap { display: none; } } .filterSelectedWrap span, .smartFilterSelectedWrap span { display: none; } .filterSelectedWrap span.filterSelected, .smartFilterSelectedWrap span.filterSelected { display: block; } .filterSelectedWrap .filterSelected, .smartFilterSelectedWrap .filterSelected { float: left; margin-left: 1rem; background: #0060ad; padding: 0.5rem 0 0.5rem 1.5rem; margin-bottom: 1rem; border-radius: 19rem; color: #fff; font-size: 1.6rem; } .filterSelectedWrap .filterSelected a.close, .smartFilterSelectedWrap .filterSelected a.close { float: right; padding: 0 1.5rem; } .filterSelectedWrap .filterSelected a.close:before, .smartFilterSelectedWrap .filterSelected a.close:before { content: '\E833'; font-family: "fontello"; font-size: 1.2rem; color: #fff; } .filterSelectedWrap > a, .smartFilterSelectedWrap > a { margin-left: 1rem; background: #fff; padding: 0.5rem 3.3rem 0.5rem 1.5rem; border-radius: 19rem; color: #0060ad; font-size: 1.6rem; display: inline-block; } .filterSelectedWrap > a:after, .smartFilterSelectedWrap > a:after { content: '\E833'; font-family: "fontello"; font-size: 1.2rem; color: #555555; right: -1.5rem; position: relative; } .checkout .span-8, .checkout .item_container { display: inline-block; width: 100%; } .checkout .span-8:after, .checkout .item_container:after { content: ""; display: table; clear: both; } .checkout .order_totals { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 1.6rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; color: #8a939a; } .checkout .order_totals dd { color: #555555; } .checkout #totals .title h2 { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 3.2rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: normal; color: #555555; } .checkout #totals dt { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 1.6rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; color: #8a939a; } .guestCheckoutElement { float: left; margin-right: 70px; } .checkoutElement h2, .guestCheckoutElement h2 { font-size: 2.1em; margin-bottom: 0.4em; padding-bottom: 0.2em; } .checkoutElement .form_field-input .radio label::before, .guestCheckoutElement .form_field-input .radio label::before { margin: 0; } .checkoutElement .formline label, .guestCheckoutElement .formline label { float: left; margin: 0 0 0.5em; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 1.4rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.75; letter-spacing: normal; color: #555555; } .checkoutElement .formline label.existingDocumentFileName, .guestCheckoutElement .formline label.existingDocumentFileName { width: 100% !important; margin: 0.5em 0 0.5em 0; padding: 0; } .checkoutElement .form_fieldContainer, .guestCheckoutElement .form_fieldContainer { font-size: 1em; padding-bottom: 0; } .checkoutElement .form_fieldContainer .form_field-input .radio label, .guestCheckoutElement .form_fieldContainer .form_field-input .radio label { padding-left: 10px; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.75; letter-spacing: normal; color: #555555; } .checkoutElement .formline input, .guestCheckoutElement .formline input { border: 1px solid #bababa; box-sizing: border-box; clear: both; float: left; height: 4.8rem; min-width: 1.5em; padding: 0 0.6em; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 1.6rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.75; letter-spacing: normal; color: #555555; width: 100%; } .checkoutElement .formline input#select_date, .guestCheckoutElement .formline input#select_date { margin-bottom: 1rem; } .checkoutElementSeparator { border-bottom: 1px solid #e5e5e5; border-left: none; border-top: none; width: 100%; float: left; margin-bottom: 10px; position: relative; left: 0; } .checkoutElement .selectboxit-container, .guestCheckoutElement .selectboxit-container { float: left; margin-bottom: 1em; padding: 0; position: relative; width: 100%; } @media screen and (max-width: 767px) { .checkoutElement .selectboxit-container, .guestCheckoutElement .selectboxit-container { height: auto; } } .checkoutElement div.form_field-input input[type="file"] { padding: 0; border: none; height: auto; min-height: 2.1em; background: none; width: auto; box-shadow: none; } div.checkoutElement.orderDocument { clear: both; margin-top: 1em; } .checkoutElement.orderDocument div.form_field-error .error_box { display: none; } .checkoutElement.orderDocument div.form_field-error .status.error { display: none; } .checkoutElement.customerReference { margin-bottom: 12px; } .checkoutElement button.uploadReset { width: 100%; border: none; color: #fff; font-size: 1.6rem; line-height: 2.8rem; text-align: center; padding: 1rem; display: block; box-sizing: border-box; background: #052a68; width: 100% !important; margin-bottom: 1rem; } .checkoutElement button.uploadReset:hover, .checkoutElement button.uploadReset:focus { background: #042153; } .checkoutElement button.uploadReset:active { background: #323c43; } .checkoutElement button.uploadReset[disabled="disabled"] { background: #99adc2; } .checkoutElement button.uploadReset[disabled="disabled"]:hover { background: #99adc2; } @media only screen and (max-width: 767px) { .checkoutElement button.uploadReset { width: 100%; } } .checkout .text_error_message { clear: both; float: left; border: 1px solid #b3282e; padding: 0 10px 10px 10px; border-radius: 3px; } .checkout .text_error_message h4 { font-family: "theSans-LP7-Bold",Arial,sans-serif; font-size: 1.6em; margin: 1em 0; color: #b3282e; } .checkout .text_error_message p { font-size: 1.3em; color: #b3282e; } @media only screen and (max-width: 1024px) { .checkout .info_container_holder { width: 50%; } .checkout .info_container_holder .info_container { width: 100%; } .checkout .info_container_holder .info_container:first-child { margin-bottom: 1em; } .checkout .text { width: 100%; } .checkoutElement .info_container_holder { width: 100%; } .contactForm.orderCheckoutGuest div.form_fieldContainer.form_field-error .error_box { left: 31%; } #resultsList.listView .col.span_1_of_3 .prod_list .prodCart form button.cartLink span.hidden { left: 38px; display: none; } } @media only screen and (min-width: 768px) { .checkout .info_container_holder { width: 100%; } } @media only screen and (max-width: 767px) { .checkout .info_container_holder, .checkout .text { width: 100%; } .checkout .text fieldset .form_field-input .checkbox_label { width: 90%; } .checkout .text fieldset .form_field-input .checkbox_label:before { height: 1.8em; margin: -0.1em 0 0.5em -3.5em; width: 1.8em; } .contactForm.orderCheckoutGuest div.form_fieldContainer.form_field-error .error_box { left: 0; width: 100%; top: 0; } } .savedCartButtons { position: relative; } .savedCartButtons:after { content: ""; display: table; clear: both; } .savedCartButtons a { float: right; margin-left: 15px; width: 40%; } @media only screen and (max-width: 767px) { .savedCartButtons a { width: 100%; } .savedCartButtons a.edit-item-link { margin-top: 8px; } } .info_container_holder .info_container input[type="file"] { cursor: pointer; cursor: inherit; display: block; font-size: 999px; filter: alpha(opacity=0); min-height: 100%; min-width: 100%; opacity: 0; position: absolute; right: 0; text-align: right; top: 0; } .info_container_holder .info_container .upload_excel_form label { display: inline; } .info_container_holder .info_container .upload_excel_form label.download-btn { overflow: hidden; position: relative; } .info_container_holder .info_container .upload_excel_form .formline { width: 100%; } .info_container_holder .info_container .upload_excel_form label#filename-lbl { text-overflow: ellipsis; border: none; color: #fff; font-size: 1.6rem; line-height: 2.8rem; text-align: center; padding: 13px; -webkit-appearance: none; outline: none; -webkit-box-sizing: border-box; box-sizing: border-box; color: #CDCDCD; background: transparent; line-height: 2.4rem; margin-left: 1em; margin-bottom: 0; min-width: 40%; text-overflow: ellipsis; white-space: nowrap; } .info_container_holder .info_container .upload_excel_form label.download-lbl { width: 100%; } .info_container_holder .info_container .upload_excel_form label.download-btn { border: none; color: #fff; font-size: 1.6rem; line-height: 2.8rem; text-align: center; padding: 1rem; display: block; -webkit-appearance: none; outline: none; -webkit-box-sizing: border-box; box-sizing: border-box; color: #052a68; background: transparent; border: solid 2px #052a68; line-height: 2.4rem; cursor: pointer; } .info_container_holder .info_container .upload_excel_form label.download-btn:hover, .info_container_holder .info_container .upload_excel_form label.download-btn:focus { background: rgba(5, 42, 104, 0.4); border: solid 2px #697fa4; } .info_container_holder .info_container .upload_excel_form input[type="file"] { cursor: pointer; } #checkout-quote-completed .checkout_summary_flow, #checkout-order-completed .checkout_summary_flow { padding: 20px; } #guestCheckoutForm .form-flex-row, #register-page .form-flex-row, #guest-checkout-page .form-flex-row, #guestcheckout-paypal-confirmation .form-flex-row, #placeGuestOrderForm2 .form-flex-row { width: 100%; display: flex; } @media only screen and (max-width: 767px) { #guestCheckoutForm .form-flex-row, #register-page .form-flex-row, #guest-checkout-page .form-flex-row, #guestcheckout-paypal-confirmation .form-flex-row, #placeGuestOrderForm2 .form-flex-row { flex-direction: column; } } #guestCheckoutForm .form-flex-row > div, #register-page .form-flex-row > div, #guest-checkout-page .form-flex-row > div, #guestcheckout-paypal-confirmation .form-flex-row > div, #placeGuestOrderForm2 .form-flex-row > div { flex-basis: 50%; } @media only screen and (max-width: 767px) { #guestCheckoutForm .form-flex-row > div, #register-page .form-flex-row > div, #guest-checkout-page .form-flex-row > div, #guestcheckout-paypal-confirmation .form-flex-row > div, #placeGuestOrderForm2 .form-flex-row > div { flex-basis: 100%; } } #globalMessages, #infoMessages { float: left; width: 100%; } #globalMessages .information_message, #infoMessages .information_message { color: #fff; float: left; margin-bottom: 1em; padding: 19px 1em; position: relative; width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 1.4rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.71; letter-spacing: normal; } @media only screen and (max-width: 767px) { #globalMessages .information_message, #infoMessages .information_message { margin-top: 1em; } } #globalMessages .information_message span, #infoMessages .information_message span { position: absolute; left: 2.2em; top: 1em; font-size: 0.6em; height: 2.2em; width: 3.8em; } #globalMessages .information_message p, #infoMessages .information_message p { float: left; margin: 0; width: 100%; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 1.4rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.71; letter-spacing: normal; } @media only screen and (max-width: 768px) { #globalMessages .information_message p, #infoMessages .information_message p { padding-left: 2.8em; } } #globalMessages .information_message.positive, #infoMessages .information_message.positive { background: #00987a; } #globalMessages .information_message.positive a, #infoMessages .information_message.positive a { color: #fff; text-decoration: underline; } #globalMessages .information_message.negative, #infoMessages .information_message.negative { background: #80333a; } #globalMessages .information_message.negative a, #infoMessages .information_message.negative a { color: #fff; text-decoration: underline; } #globalMessages .information_message.alert, #infoMessages .information_message.alert { background: #e0b000; } #globalMessages .information_message.alert a, #infoMessages .information_message.alert a { color: #fff; text-decoration: underline; } @media only screen and (max-width: 768px) { #globalMessages + div.section.group { min-height: 20px; } } .uploadErros { float: left; width: 100%; color: #fff; float: left; margin-bottom: 1em; padding: 19px; position: relative; width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 1.4rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.71; letter-spacing: normal; background: #e0b000; } @media only screen and (max-width: 767px) { .uploadErros { margin-top: 1em; } } .uploadErros div a { float: left; padding-left: 2.5em; margin: 0; width: 100%; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 1.4rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.71; letter-spacing: normal; color: #fff !important; } .uploadErros div :after { content: "\E847"; font-family: 'fontello'; font-size: 1.2rem; position: relative; left: 6px; } .uploadErros .uploadErrosMsg { background: #eaebeb; color: #000; left: 2.2em; top: 1em; margin: 3rem 4rem 0 3.5rem; padding: 1em; } .productCountBox { margin: 5px; text-align: center; padding: 10px; border: 1px solid white; height: 50px; width: 16.5%; color: #052a68; display: flex; justify-content: center; align-items: center; background: white; border-radius: 3px; flex-grow: 0; flex-shrink: 0; flex-basis: 151px; } @media screen and (max-width: 480px) { .productCountBox { flex-basis: 40%; flex-shrink: 1; } } .productCountBox:hover { margin: 5px; text-align: center; padding: 10px; border: 1px solid #052a68; height: 50px; color: #052a68; display: flex; justify-content: center; align-items: center; background: #052a68; border-radius: 3px; } .productcount { width: calc(100% + 10px); margin-left: -5px; display: flex; padding: 0px; flex-wrap: wrap; } #mainContent .stageStatic { position: relative; } @media only screen and (max-width: 767px) { #mainContent .stageStatic { background: none; float: left; height: auto; position: relative; margin-left: -2em; width: calc(100vw); } } #mainContent .stageStatic .imageContainer { overflow: hidden; float: left; position: relative; max-height: 322px; width: 100%; min-height: auto; max-height: 100%; background: #eaebeb; } #mainContent .stageStatic .imageContainer img { float: right; border: none; } @media only screen and (max-width: 767px) { #mainContent .stageStatic .imageContainer img { width: 100%; height: auto; } } #mainContent .stageStatic .textContainer { box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; position: absolute; float: left; top: 50%; left: 0; width: 100%; min-height: 29.5em; padding: 5em 2em 0 2em; } @media only screen and (max-width: 767px) { #mainContent .stageStatic .textContainer { position: relative; padding: 0 1.5em; padding: 0 1.5em; margin-top: 15px; min-height: auto; font-size: 1.6em; } } #mainContent .stageStatic .textContainer h1 { margin: 0 0 9px 0; font-size: 2.4em; color: #555555; line-height: normal; } @media only screen and (max-width: 767px) { #mainContent .stageStatic .textContainer h1 { font-size: 1.6em; width: auto; margin: 10px 0; } } #mainContent .stageStatic .textContainer h1 span { color: #000; font-size: 1.25em; } @media only screen and (max-width: 767px) { #mainContent .stageStatic .textContainer h1 span { font-size: 1.5em; } } #mainContent .stageStatic .textContainer h1 a { color: #0060ad; } #mainContent .stageStatic .textContainer p, #mainContent .stageStatic .textContainer div.content { color: #555555; font-size: 1.6rem; } #mainContent .stageStatic:not(.noBg) .textContainer { background: -moz-linear-gradient(left, #eaebeb 0%, rgba(234, 235, 235, 0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #eaebeb), color-stop(100%, rgba(234, 235, 235, 0))); background: -webkit-linear-gradient(left, #eaebeb 0%, rgba(234, 235, 235, 0) 100%); background: -o-linear-gradient(left, #eaebeb 0%, rgba(234, 235, 235, 0) 100%); background: -ms-linear-gradient(left, #eaebeb 0%, rgba(234, 235, 235, 0) 100%); background: linear-gradient(to right, #eaebeb 0%, rgba(234, 235, 235, 0) 100%); } @media only screen and (max-width: 767px) { #mainContent .stageStatic:not(.noBg) .textContainer { background: #fff; } } #mainContent .stageStatic.whitereduced .imageContainer { background: white !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; min-height: 20em; } #mainContent .stageStatic.whitereduced .textContainer { background: none; min-height: 20em; } #mainContent .stageStatic.blue .imageContainer { background: #0060ad !important; } #mainContent .stageStatic.blue .textContainer { background: -moz-linear-gradient(left, #0060ad 0%, rgba(0, 96, 173, 0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #0060ad), color-stop(100%, rgba(0, 96, 173, 0))); background: -webkit-linear-gradient(left, #0060ad 0%, rgba(0, 96, 173, 0) 100%); background: -o-linear-gradient(left, #0060ad 0%, rgba(0, 96, 173, 0) 100%); background: -ms-linear-gradient(left, #0060ad 0%, rgba(0, 96, 173, 0) 100%); background: linear-gradient(to right, #0060ad 0%, rgba(0, 96, 173, 0) 100%); } #mainContent .stageStatic.blue .textContainer h1, #mainContent .stageStatic.blue .textContainer p, #mainContent .stageStatic.blue .textContainer h1 span { color: #fff; } @media only screen and (max-width: 767px) { #mainContent .stageStatic.blue .textContainer { background: #fff; min-height: 0; } #mainContent .stageStatic.blue .textContainer h1, #mainContent .stageStatic.blue .textContainer p { color: #555555; } #mainContent .stageStatic.blue .textContainer h1 span { color: #0060ad; } } #mainContent .stageStatic.lightBlue .imageContainer { background: #052a68 !important; } #mainContent .stageStatic.lightBlue .textContainer { background: -moz-linear-gradient(left, #ad1f23 0%, rgba(173, 31, 35, 0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ad1f23), color-stop(100%, rgba(173, 31, 35, 0))); background: -webkit-linear-gradient(left, #ad1f23 0%, rgba(173, 31, 35, 0) 100%); background: -o-linear-gradient(left, #ad1f23 0%, rgba(173, 31, 35, 0) 100%); background: -ms-linear-gradient(left, #ad1f23 0%, rgba(173, 31, 35, 0) 100%); background: linear-gradient(to right, #ad1f23 0%, rgba(173, 31, 35, 0) 100%); } #mainContent .stageStatic.lightBlue .textContainer h1, #mainContent .stageStatic.lightBlue .textContainer p, #mainContent .stageStatic.lightBlue .textContainer h1 span { color: #fff; } #mainContent .stageStatic.darkGray .imageContainer { background: #000; } #mainContent .stageStatic.darkGray .imageContainer img { opacity: 0.9; } #mainContent .stageStatic.darkGray .textContainer { background: none; } #mainContent .stageStatic.darkGray .textContainer h1 { width: 50%; opacity: 0.9; } @media only screen and (min-width: 768px) { #mainContent .stageStatic.darkGray .textContainer h1 { background: #eaebeb; } } @media only screen and (max-width: 767px) { #mainContent .stageStatic.darkGray .textContainer h1 { width: 100%; padding: 0 10px 0 10px; } } #mainContent .stageStatic.darkGray .textContainer h1 span { color: #555555; font-size: 1.25em; padding: 2em; margin-top: 20px; } @media only screen and (max-width: 767px) { #mainContent .stageStatic.darkGray .textContainer h1 span { padding: 0; } } #mainContent .stageStatic.orange .imageContainer { background: #e34805 !important; } #mainContent .stageStatic.orange .textContainer { background: -moz-linear-gradient(left, #e34805 0%, rgba(227, 72, 5, 0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e34805), color-stop(100%, rgba(227, 72, 5, 0))); background: -webkit-linear-gradient(left, #e34805 0%, rgba(227, 72, 5, 0) 100%); background: -o-linear-gradient(left, #e34805 0%, rgba(227, 72, 5, 0) 100%); background: -ms-linear-gradient(left, #e34805 0%, rgba(227, 72, 5, 0) 100%); background: linear-gradient(to right, #e34805 0%, rgba(227, 72, 5, 0) 100%); } #mainContent .stageStatic.orange .textContainer h1, #mainContent .stageStatic.orange .textContainer p, #mainContent .stageStatic.orange .textContainer h1 span, #mainContent .stageStatic.orange .textContainer a:link, #mainContent .stageStatic.orange .textContainer a:visited, #mainContent .stageStatic.orange .textContainer span { color: #fff !important; } @media only screen and (max-width: 767px) { #mainContent .stageStatic.orange .textContainer h1, #mainContent .stageStatic.orange .textContainer p { color: #555555; } } #mainContent .stageStatic.orange .specialBanner { background-color: #000; } #mainContent .stageStatic.orange .specialBanner:after { border-color: transparent transparent transparent #000; } #mainContent .stageStatic.ecomac .imageContainer { background: #ad1f23; } #mainContent .stageStatic.ecomac .textContainer { background: -moz-linear-gradient(left, #ad1f23 0%, rgba(173, 31, 35, 0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ad1f23), color-stop(100%, rgba(173, 31, 35, 0))); background: -webkit-linear-gradient(left, #ad1f23 0%, rgba(173, 31, 35, 0) 100%); background: -o-linear-gradient(left, #ad1f23 0%, rgba(173, 31, 35, 0) 100%); background: -ms-linear-gradient(left, #ad1f23 0%, rgba(173, 31, 35, 0) 100%); background: linear-gradient(to right, #ad1f23 0%, rgba(173, 31, 35, 0) 100%); } #mainContent .stageStatic.ecomac .textContainer h1, #mainContent .stageStatic.ecomac .textContainer p, #mainContent .stageStatic.ecomac .textContainer h1 span { color: #fff; } #mainContent .stageStatic.ecomac .textContainer p { font-size: 1.6rem; } #mainContent .stageStatic.ecomac .textContainer .specialBanner { background-color: #000; } #mainContent .stageStatic.ecomac .textContainer .specialBanner:after { border-color: transparent transparent transparent #000; } #mainContent .stageStatic.ecomac .textContainer .specialBanner a { color: #fff; } #mainContent .stageStatic.block-background-blue .textContainer, #mainContent .stageStatic.block-background-dark-blue .textContainer, #mainContent .stageStatic.block-background-dark-grey .textContainer, #mainContent .stageStatic.block-background-grey .textContainer, #mainContent .stageStatic.block-background-white .textContainer, #mainContent .stageStatic.block-background-light .textContainer, #mainContent .stageStatic.block-background-transparent .textContainer, #mainContent .stageStatic.text-white .textContainer { opacity: .9; width: 57%; max-width: 57%; overflow: hidden; padding: 0 15px 15px 15px; margin: 0 0 0 7.142%; min-height: auto; top: 75px; } #mainContent .stageStatic.block-background-blue .textContainer h1, #mainContent .stageStatic.block-background-dark-blue .textContainer h1, #mainContent .stageStatic.block-background-dark-grey .textContainer h1, #mainContent .stageStatic.block-background-grey .textContainer h1, #mainContent .stageStatic.block-background-white .textContainer h1, #mainContent .stageStatic.block-background-light .textContainer h1, #mainContent .stageStatic.block-background-transparent .textContainer h1, #mainContent .stageStatic.text-white .textContainer h1 { margin: 15px 0 0 0; } #mainContent .stageStatic.block-background-blue .textContainer h1 span, #mainContent .stageStatic.block-background-dark-blue .textContainer h1 span, #mainContent .stageStatic.block-background-dark-grey .textContainer h1 span, #mainContent .stageStatic.block-background-grey .textContainer h1 span, #mainContent .stageStatic.block-background-white .textContainer h1 span, #mainContent .stageStatic.block-background-light .textContainer h1 span, #mainContent .stageStatic.block-background-transparent .textContainer h1 span, #mainContent .stageStatic.text-white .textContainer h1 span { font-size: 4.8rem; } #mainContent .stageStatic.block-background-blue .textContainer .content, #mainContent .stageStatic.block-background-dark-blue .textContainer .content, #mainContent .stageStatic.block-background-dark-grey .textContainer .content, #mainContent .stageStatic.block-background-grey .textContainer .content, #mainContent .stageStatic.block-background-white .textContainer .content, #mainContent .stageStatic.block-background-light .textContainer .content, #mainContent .stageStatic.block-background-transparent .textContainer .content, #mainContent .stageStatic.text-white .textContainer .content { margin: 1rem 0 0 0; font-size: 1.8rem; } @media only screen and (max-width: 767px) { #mainContent .stageStatic.block-background-blue .textContainer, #mainContent .stageStatic.block-background-dark-blue .textContainer, #mainContent .stageStatic.block-background-dark-grey .textContainer, #mainContent .stageStatic.block-background-grey .textContainer, #mainContent .stageStatic.block-background-white .textContainer, #mainContent .stageStatic.block-background-light .textContainer, #mainContent .stageStatic.block-background-transparent .textContainer, #mainContent .stageStatic.text-white .textContainer { width: 100%; max-width: unset; margin: 0; top: 0; } #mainContent .stageStatic.block-background-blue .textContainer h1 span, #mainContent .stageStatic.block-background-dark-blue .textContainer h1 span, #mainContent .stageStatic.block-background-dark-grey .textContainer h1 span, #mainContent .stageStatic.block-background-grey .textContainer h1 span, #mainContent .stageStatic.block-background-white .textContainer h1 span, #mainContent .stageStatic.block-background-light .textContainer h1 span, #mainContent .stageStatic.block-background-transparent .textContainer h1 span, #mainContent .stageStatic.text-white .textContainer h1 span { font-size: 1.5em; } } #mainContent .stageStatic.block-background-blue .textContainer { background: #0060ad; } #mainContent .stageStatic.block-background-dark-blue .textContainer { background: #052a68; } #mainContent .stageStatic.block-background-dark-grey .textContainer { background: #555555; } #mainContent .stageStatic.block-background-grey .textContainer { background: #8a939a; } #mainContent .stageStatic.block-background-white .textContainer { background: #fff; } #mainContent .stageStatic.block-background-light .textContainer { background: #eaebeb; } @media only screen and (min-width: 768px) { #mainContent .stageStatic.text-dark-grey .textContainer p { color: #555555; } #mainContent .stageStatic.text-dark-grey .textContainer p.topLine { color: #555555; } #mainContent .stageStatic.text-dark-grey .textContainer h1, #mainContent .stageStatic.text-dark-grey .textContainer h1 span { color: #555555; } #mainContent .stageStatic.text-dark-grey .textContainer h2 { color: #555555; } #mainContent .stageStatic.text-dark-grey .textContainer h3 { color: #555555; } #mainContent .stageStatic.text-dark-grey .textContainer .moreLink { color: #555555; border: solid 2px #555555; } #mainContent .stageStatic.text-dark-grey .textContainer .content { color: #555555; } } @media only screen and (min-width: 768px) { #mainContent .stageStatic.text-white .textContainer p { color: #fff; } #mainContent .stageStatic.text-white .textContainer p.topLine { color: #fff; } #mainContent .stageStatic.text-white .textContainer h1, #mainContent .stageStatic.text-white .textContainer h1 span { color: #fff; } #mainContent .stageStatic.text-white .textContainer h2 { color: #fff; } #mainContent .stageStatic.text-white .textContainer h3 { color: #fff; } #mainContent .stageStatic.text-white .textContainer .moreLink { color: #fff; border: solid 2px #fff; } #mainContent .stageStatic.text-white .textContainer .content { color: #fff; } } #mainContent .specialBanner { align-items: center; display: flex; justify-content: center; flex-flow: row wrap; margin-top: 5px; min-height: 59px; padding: 2px 2em 2px 27px; } #mainContent .specialBanner a { height: auto; } #mainContent .specialBanner a:link { padding: 0; } #mainContent .specialBanner a:visited { padding: 0; } #mainContent .specialCat .specialBanner { min-width: 51%; left: -2.8em; } .kro-flyout:hover .kro-flyoutBox { display: block; } .kro-flyout .kro-flyoutBox { position: absolute; right: 0; display: none; background: #fff; box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12); z-index: 101; box-sizing: border-box; width: 40rem; max-width: 40rem; } @media only screen and (max-width: 767px) { .kro-flyout .kro-flyoutBox { width: 100%; max-width: initial; right: 0; } } .kro-flyout .kro-flyoutBox h4 { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 18px; padding: 0rem 1rem 1rem 1rem; } .account .kro-flyoutBox, .cart .kro-flyoutBox { overflow: hidden; } #cboxOverlay.review-popup-colorbox { top: 0 !important; } #cboxWrapper #printReviewForm input.formFile { padding: 0; } #cboxWrapper #printReviewForm .selectBoxWrapper { width: 100%; } #cboxWrapper #printReviewForm disabled-submit { background: #99adc2 !important; } #cboxWrapper #printReviewForm .review-form-thumbnail { width: 10rem; } #cboxWrapper #printReviewForm .review-form-header { justify-content: space-between; display: flex; } #cboxWrapper #printReviewForm .select_input_file { border: none; } #cboxWrapper #printReviewForm .select_input { position: relative; width: 100%; padding: 0 0.5em; height: 48px; border: 1px solid #bababa; color: #555555; float: left; font-family: "TheSans-LP3Lig", Arial, sans-serif; padding: 0 0.6em; min-width: 1.5em; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin-right: 4%; } #cboxWrapper #printReviewForm span.select2.select2-container.select2-container--default { width: 100% !important; } #cboxWrapper .review-popup { padding: 2rem; } #cboxWrapper .review-popup .input { width: 100%; } #cboxWrapper .review-popup .select { width: 100%; } .slider_component { position: relative; height: auto; width: 100%; float: left; } @media only screen and (max-width: 1024px) { .slider_component { position: relative; height: auto; width: 100%; float: left; } } @media only screen and (max-width: 768px) { .slider_component { position: relative; height: auto; width: 100%; float: left; margin-left: 0em; position: relative; } } @media only screen and (max-width: 420px) { .slider_component { position: relative; height: auto; width: calc(100% + 4em); float: left; margin-left: -2em; } } .slider_component #homepage_slider, .slider_component #product_slider { width: 100%; height: auto; position: relative; z-index: 0; } @media only screen and (max-width: 1024px) { .slider_component #homepage_slider, .slider_component #product_slider { height: auto; position: relative; z-index: 0; } } @media only screen and (max-width: 768px) { .slider_component #homepage_slider, .slider_component #product_slider { height: auto; } } .slider_component #homepage_slider .swiper-wrapper, .slider_component #product_slider .swiper-wrapper { width: 5000%; } .slider_component #homepage_slider .stripViewer, .slider_component #product_slider .stripViewer { float: left; width: 100%; height: auto; overflow: hidden; } @media only screen and (max-width: 1024px) { .slider_component #homepage_slider .stripViewer, .slider_component #product_slider .stripViewer { float: left; width: 100%; height: auto; overflow: hidden; } } .slider_component #homepage_slider ul, .slider_component #product_slider ul { float: left; height: 100%; } @media only screen and (max-width: 768px) { .slider_component #homepage_slider ul, .slider_component #product_slider ul { background: #fff; } } .slider_component #homepage_slider ul li, .slider_component #product_slider ul li { float: left; position: relative; } @media only screen and (max-width: 768px) { .slider_component #homepage_slider ul li, .slider_component #product_slider ul li { background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; } } @media only screen and (max-width: 768px) { .slider_component #homepage_slider ul li:after, .slider_component #product_slider ul li:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } } .slider_component #homepage_slider ul li img, .slider_component #product_slider ul li img { float: left; width: calc(100% - 2px); position: relative; border: 1px solid #e5e5e5; } .slider_component #homepage_slider ul li .text, .slider_component #product_slider ul li .text { position: absolute; width: 57%; min-height: auto; overflow: hidden; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; padding: 0 15px 15px 15px; margin: 0 0 0 7.142%; display: inline-block; left: 0; top: 75px; } @media only screen and (max-width: 1024px) { .slider_component #homepage_slider ul li .text, .slider_component #product_slider ul li .text { padding: 2em 6% 0 3.571%; width: 55.297%; } } @media only screen and (max-width: 767px) { .slider_component #homepage_slider ul li .text, .slider_component #product_slider ul li .text { padding: 2em 3.571% 0 3.571%; margin: 0; width: 100%; } } .slider_component #homepage_slider ul li .text p, .slider_component #product_slider ul li .text p { padding: 0 1rem; margin: 1rem 0 0 0; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 1.8rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: normal; text-align: left; color: #fff; } .slider_component #homepage_slider ul li .text p.topLine, .slider_component #product_slider ul li .text p.topLine { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 1.6rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; text-align: left; color: #fff; background: none; } @media only screen and (max-width: 768px) { .slider_component #homepage_slider ul li .text p.topLine, .slider_component #product_slider ul li .text p.topLine { display: block; } } .slider_component #homepage_slider ul li .text h2, .slider_component #product_slider ul li .text h2 { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 4.8rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.21; letter-spacing: normal; text-align: left; color: #fff; margin-top: 0.2rem; padding: 0 1rem; } @media only screen and (max-width: 768px) { .slider_component #homepage_slider ul li .text h2, .slider_component #product_slider ul li .text h2 { font-size: 2.6em; } } .slider_component #homepage_slider ul li .text h3, .slider_component #product_slider ul li .text h3 { color: #fff; line-height: 1em; font-size: 2.1em; padding: 10px 1rem; margin-top: 0.2rem; } @media only screen and (max-width: 768px) { .slider_component #homepage_slider ul li .text h3, .slider_component #product_slider ul li .text h3 { font-size: 2.1em; } } .slider_component #homepage_slider ul li { background-color: #fff; } @media only screen and (max-width: 1024px) { .slider_component #homepage_slider ul li .text { position: static; transform: none; width: 100%; padding: 0; margin: 0; } .slider_component #homepage_slider ul li .text h2, .slider_component #homepage_slider ul li .text p, .slider_component #homepage_slider ul li .text p.topLine, .slider_component #homepage_slider ul li .text p a { color: #000 !important; padding: 0 1rem !important; margin-top: 1rem; } } .slider_component #homepage_slider ul li img { width: 100%; border: none; opacity: 0.9; } @media only screen and (max-width: 767px) { .slider_component #homepage_slider ul { height: auto !important; } .slider_component #homepage_slider ul li { display: inline-block; } } .slider_component #product_slider ul li .text a.moreLink:hover, .slider_component #product_slider ul li .text a.moreLink:focus, .slider_component #product_slider ul li .text a.moreLink:active { text-decoration: underline; } @media only screen and (max-width: 1024px) { .slider_component #product_slider ul li .text a.moreLink { border: solid 2px #e5e5e5; } } .slider_component .stripTransmitter { left: 0; position: absolute; width: 100%; bottom: 2em; } @media only screen and (max-width: 1024px) { .slider_component .stripTransmitter { display: none; } } .slider_component .stripTransmitter.stripTransmitterLeft { width: auto; } .slider_component .stripTransmitter.stripTransmitterLeft .stripTransmitterNavi { text-align: center; display: inline-block; position: absolute; width: 100%; } .slider_component .stripTransmitter.stripTransmitterLeft .stripTransmitterNavi a { margin: 0 0 0 1.428em; } .slider_component .stripTransmitter .stripTransmitterNavi { text-align: center; display: inline-block; position: absolute; width: 100%; bottom: 0; } .slider_component .stripTransmitter .stripTransmitterNavi a { display: inline-block; width: 8px; height: 8px; margin: 0 1.428em 0 0; cursor: pointer; vertical-align: middle; border-radius: 100px; background-color: transparent; border: 1px solid #fff; } .slider_component .stripTransmitter .stripTransmitterNavi a.swiper-active-switch { width: 13px; height: 13px; background: #fff; border: 1px solid transparent; } .slider_component .stripTransmitter .stripTransmitterNavi a:hover, .slider_component .stripTransmitter .stripTransmitterNavi a:focus, .slider_component .stripTransmitter .stripTransmitterNavi a:active { width: 13px; height: 13px; background: #fff; border: 1px solid transparent; } @media only screen and (max-width: 767px) { .slider_component .stripTransmitter.stripTransmitterThumbnail { display: none; } } .slider_component .stripTransmitterThumbnailNavi img.swiper-pagination-switch { width: 14.4%; float: left; margin: 1rem 1rem 0 0; cursor: pointer; border: 1px solid #e5e5e5; } .slider_component .stripTransmitterThumbnailNavi img.swiper-pagination-switch:nth-child(6) { margin-right: 0; } .slider_component .stripTransmitterThumbnailNavi img.swiper-pagination-switch.swiper-active-switch { border-bottom: 4px solid #052a68; } .slider_component #product_slider .flex-direction-nav { height: 0px; margin: 0; padding: 0; list-style: none; } .slider_component #product_slider .flex-direction-nav a:before { font-family: "krones-iconfont"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; font-size: 2.5em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slider_component #product_slider .flex-direction-nav a.flex-prev:before { content: '\E85D'; font-family: "fontello"; } .slider_component #product_slider .flex-direction-nav a.flex-next:before { content: '\E85C'; font-family: "fontello"; } .slider_component #product_slider .flex-direction-nav .flex-prev { left: 10px; } .slider_component #product_slider .flex-direction-nav .flex-next { right: 10px; text-align: right; } .slider_component #product_slider .flex-direction-nav a { display: block; width: 5em; height: 5em; } .slider_component #product_slider .flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 40px; position: absolute; top: calc(45% - 2rem); z-index: 10; overflow: hidden; cursor: pointer; color: #555555; opacity: 0.3; } #homepage_slider.stripTransmitter .stripTransmitterNavi { bottom: 20px; } #homepage_slider ul li.block-background-blue .text { opacity: .9; background: #0060ad; } #homepage_slider ul li.block-background-dark-blue .text { opacity: .9; background: #052a68; } #homepage_slider ul li.block-background-dark-grey .text { opacity: .9; background: #555555; } #homepage_slider ul li.block-background-grey .text { opacity: .9; background: #8a939a; } #homepage_slider ul li.block-background-white .text { opacity: .9; background: #fff; } #homepage_slider ul li.block-background-light .text { opacity: .9; background: #eaebeb; } #homepage_slider ul li.text-dark-grey .text p { color: #555555; } #homepage_slider ul li.text-dark-grey .text p.topLine { color: #555555; } #homepage_slider ul li.text-dark-grey .text h2 { color: #555555; } #homepage_slider ul li.text-dark-grey .text h3 { color: #555555; } #homepage_slider ul li.text-dark-grey .text .moreLink { color: #555555; border: solid 2px #555555; } .prod_image_main .slider_component .stripTransmitter { position: relative; width: 100%; top: 0; } #cboxOverlay { background: #000; opacity: 0.7; position: fixed; width: 100%; height: 100%; z-index: 9000; } #colorbox, #cboxWrapper { background: #eaebeb; border: 1px solid white; z-index: 9998; } #cboxWrapper { position: relative; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } @media only screen and (max-width: 768px) { #cboxWrapper { top: 0 !important; position: relative; } } #cboxWrapper h1 { font-size: 3.2em; line-height: 1; } @media only screen and (max-width: 768px) { #cboxWrapper h1 { font-size: 2.6em; } } #cboxWrapper input { position: relative; width: 100%; padding: 0 0.5em; height: 48px; border: 1px solid #bababa; color: #555555; float: left; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; padding: 0 0.6em; min-width: 1.5em; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #cboxWrapper input:focus { border-bottom: 2px solid #052a68; } #cboxWrapper input:-moz-read-only { color: #8a939a; } #cboxWrapper input:read-only { color: #8a939a; } #cboxWrapper input#equipmentCode { margin-bottom: 15px; } #cboxWrapper input#commissionNumber { margin-bottom: 15px; } #cboxWrapper input#customerReferenceNumber { margin-bottom: 15px; } #cboxWrapper button { width: 100%; border: none; color: #fff; font-size: 1.6rem; line-height: 2.8rem; text-align: center; padding: 1rem; display: block; box-sizing: border-box; background: #052a68; padding-left: 0.75em; z-index: 9999; } #cboxWrapper button:hover, #cboxWrapper button:focus { background: #042153; } #cboxWrapper button:active { background: #323c43; } #cboxWrapper button[disabled="disabled"] { background: #99adc2; } #cboxWrapper button[disabled="disabled"]:hover { background: #99adc2; } @media only screen and (max-width: 767px) { #cboxWrapper button { width: 100%; } } @media only screen and (max-width: 767px) { #cboxWrapper button { font-size: 1.6rem; height: unset; text-align: center; } } #cboxWrapper button.orange-button { width: 100%; border: none; color: #fff; font-size: 1.6rem; line-height: 2.8rem; text-align: center; padding: 1rem; display: block; box-sizing: border-box; background: #e34805; } #cboxWrapper button.orange-button:hover, #cboxWrapper button.orange-button:focus { background: #b53904; } #cboxWrapper button.orange-button:active { background: #B13804; } #cboxWrapper button.btn-outline-primary { width: 100%; border: none; color: #fff; font-size: 1.6rem; line-height: 2.8rem; text-align: center; padding: 1rem; display: block; box-sizing: border-box; color: #052a68; background: transparent; border: solid 2px #052a68; line-height: 2.4rem; transition: all .3s ease-in-out; } #cboxWrapper button.btn-outline-primary:hover, #cboxWrapper button.btn-outline-primary:focus { background: rgba(5, 42, 104, 0.4); border: solid 2px #697fa4; } #cboxWrapper button span { float: right; display: block; position: relative; right: 0; width: 1.4em; height: 1.4em; background: url(../_ui/responsive/theme-KRONES/images/layout/icons-sprite.png) 6px -238px no-repeat transparent; } @media only screen and (max-width: 768px) { #cboxWrapper button span { display: none; } } #cboxWrapper p { font-size: 1.6em; margin-top: 0; width: 100%; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; } @media screen and (min-width: 768px) { #cboxWrapper p { width: calc(100% - 40px); } } #cboxWrapper p.disclaimer { border-top: 1px solid #e5e5e5; font-size: 1.6em; padding-top: 1em; margin-top: 1.4em; display: inline-block; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; } @media only screen and (max-width: 768px) { #cboxWrapper p.disclaimer { margin-top: 0; } } #cboxWrapper p.disclaimer-top { font-size: 1.2em; margin-top: 0.4em; display: inline-block; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; } @media only screen and (max-width: 768px) { #cboxWrapper p.disclaimer-top { margin-top: 0; } } #cboxWrapper div.delivery { text-align: center; } #cboxWrapper p.delivery { font-size: 1.5em; margin-top: 0; width: 100%; text-align: center; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; } #cboxWrapper span.loader { background: url(../_ui/responsive/theme-KRONES/images/loading_spinner_blue.svg) no-repeat left transparent; display: inline-block; background-size: 80px 80px; padding: 5em; } @media only screen and (max-width: 768px) { #cboxWrapper .existing_address button { width: auto; } } #cboxWrapper .add_shoppinglist_form .buttonsright button.orange-button { width: 100%; } #cboxWrapper .add_shoppinglist_form fieldset h2 { font-size: 3rem; margin-bottom: 10px; } #cboxWrapper #enterMaintecRequestForm input, #cboxWrapper .maintec-request-popup input { box-shadow: none; border-radius: 0; margin-right: 0; margin-bottom: .5rem; } #cboxWrapper #enterMaintecRequestForm table, #cboxWrapper .maintec-request-popup table { margin: 0 !important; } #cboxWrapper #enterMaintecRequestForm p, #cboxWrapper .maintec-request-popup p { font-size: 1.6rem; margin-top: 14px; } #cboxWrapper #enterMaintecRequestForm p.disclaimer, #cboxWrapper .maintec-request-popup p.disclaimer { width: 100%; margin-bottom: 0px; } #cboxWrapper #enterMaintecRequestForm label.maintecRequestUpload, #cboxWrapper .maintec-request-popup label.maintecRequestUpload { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 1.6rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.88; letter-spacing: normal; color: #555555; display: block; } #cboxWrapper #enterMaintecRequestForm .form_fieldContainer label, #cboxWrapper .maintec-request-popup .form_fieldContainer label { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 1.5rem; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: normal; color: #555555; } #popupGlobalMessages, #infoMessages { float: left; width: 100%; } #popupGlobalMessages .information_message, #infoMessages .information_message { color: #fff; float: left; font-size: 1.6em; margin-bottom: 1em; padding: 0.6em 1em; position: relative; width: 95%; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #popupGlobalMessages .information_message span, #infoMessages .information_message span { position: absolute; left: 2.2em; top: 1em; font-size: 0.6em; height: 2.2em; width: 3.8em; } #popupGlobalMessages .information_message p, #infoMessages .information_message p { float: left; padding-left: 2.8em; margin: 0; width: 100%; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #popupGlobalMessages .information_message.positive, #infoMessages .information_message.positive { background: #00987a; } #popupGlobalMessages .information_message.positive span, #infoMessages .information_message.positive span { background: url(../_ui/responsive/theme-KRONES/images/layout/icons-sprite.png) no-repeat -25em -89.8em transparent; } #popupGlobalMessages .information_message.negative, #infoMessages .information_message.negative { background: #b3282e; } #popupGlobalMessages .information_message.negative span, #infoMessages .information_message.negative span { background: url(../_ui/responsive/theme-KRONES/images/layout/icons-sprite.png) no-repeat -20em -65em transparent; } #popupGlobalMessages .information_message.alert, #infoMessages .information_message.alert { background: #ffdd00; color: #000; } #popupGlobalMessages .information_message.alert span, #infoMessages .information_message.alert span { background: url(../_ui/responsive/theme-KRONES/images/layout/icons-sprite.png) no-repeat -9.2em -355em transparent; } .sidebuttons { display: flex; flex-direction: column; align-items: flex-end; z-index: 99; position: fixed; top: 315px; right: 0; height: auto; } @media only screen and (max-width: 767px) { .sidebuttons { display: inline-block; position: initial; width: 100%; } } .sidebuttons .sidebutton { margin-top: 1px; } @media only screen and (max-width: 767px) { .sidebuttons .sidebutton { margin-top: 0.5em; } } #feedback_button, #feedback_button_chinese { border-top-left-radius: 50px; border-bottom-left-radius: 50px; height: 60px; z-index: 100; transform: translateX(calc(100% - 60px)); -ms-transform: translateX(100%) translateX(-60px); transition-duration: 100ms; padding-right: 10px; background-color: #0060ad; } #feedback_button:before, #feedback_button_chinese:before { font-family: "fontello"; content: ""; font-size: 4rem; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); color: #fff; } #feedback_button:hover, #feedback_button_chinese:hover { transform: translateX(0); transition-duration: 200ms; } @media only screen and (max-width: 767px) { #feedback_button, #feedback_button_chinese { background-size: 4.2em auto; -webkit-box-shadow: none; box-shadow: none; height: 4.2em; margin-top: 1em; margin-left: 2em; width: calc(100% - 4em); transform: translateX(0); box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; } #feedback_button:hover, #feedback_button_chinese:hover { transform: translateX(0); } } @media only screen and (max-width: 420px) { #feedback_button, #feedback_button_chinese { min-width: calc(320px - 4em); border-radius: 0; height: 4.8em; } } #feedback_button a:link, #feedback_button a:visited, #feedback_button_chinese a:link, #feedback_button_chinese a:visited { float: left; height: 100%; width: 100%; } #feedback_button span, #feedback_button_chinese span { padding: 0.34em 0.6em; margin: 0; color: #fff; float: left; padding-left: 70px; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 1.6rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.75; letter-spacing: normal; text-align: center; display: flex; min-height: 100%; box-sizing: border-box; align-items: center; } @media only screen and (max-width: 768px) { #feedback_button span, #feedback_button_chinese span { transform: rotate(0deg); } } #chatbot_button { border-top-left-radius: 50px; border-bottom-left-radius: 50px; height: 60px; z-index: 100; transform: translateX(calc(100% - 60px)); -ms-transform: translateX(100%) translateX(-60px); transition-duration: 100ms; padding-right: 10px; background-color: #0060ad; } #chatbot_button:before { font-family: "fontello"; content: ""; font-size: 4rem; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); color: #fff; } #chatbot_button:hover { transform: translateX(0); transition-duration: 200ms; } @media only screen and (max-width: 767px) { #chatbot_button { background-size: 4.2em auto; -webkit-box-shadow: none; box-shadow: none; height: 4.2em; margin-top: 1em; margin-left: 2em; width: calc(100% - 4em); transform: translateX(0); box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; } #chatbot_button:hover { transform: translateX(0); } } @media only screen and (max-width: 420px) { #chatbot_button { min-width: calc(320px - 4em); border-radius: 0; height: 4.8em; } } #chatbot_button a:link, #chatbot_button a:visited { float: left; height: 100%; width: 100%; } #chatbot_button span { padding: 0.34em 0.6em; margin: 0; color: #fff; float: left; padding-left: 70px; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 1.6rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.75; letter-spacing: normal; text-align: center; display: flex; min-height: 100%; box-sizing: border-box; align-items: center; } @media only screen and (max-width: 768px) { #chatbot_button span { transform: rotate(0deg); } } #requestPart_button { border-top-left-radius: 50px; border-bottom-left-radius: 50px; height: 60px; z-index: 100; transform: translateX(calc(100% - 60px)); -ms-transform: translateX(100%) translateX(-60px); transition-duration: 100ms; padding-right: 10px; background-color: #0060ad; } #requestPart_button:before { font-family: "fontello"; content: ""; font-size: 4rem; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); color: #fff; } #requestPart_button:hover { transform: translateX(0); transition-duration: 200ms; } @media only screen and (max-width: 767px) { #requestPart_button { background-size: 4.2em auto; -webkit-box-shadow: none; box-shadow: none; height: 4.2em; margin-top: 1em; margin-left: 2em; width: calc(100% - 4em); transform: translateX(0); box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; } #requestPart_button:hover { transform: translateX(0); } } @media only screen and (max-width: 420px) { #requestPart_button { min-width: calc(320px - 4em); border-radius: 0; height: 4.8em; } } #requestPart_button a:link, #requestPart_button a:visited { float: left; height: 100%; width: 100%; } #requestPart_button span { padding: 0.34em 0.6em; margin: 0; color: #fff; float: left; padding-left: 70px; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 1.6rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.75; letter-spacing: normal; text-align: center; display: flex; min-height: 100%; box-sizing: border-box; align-items: center; } @media only screen and (max-width: 768px) { #requestPart_button span { transform: rotate(0deg); } } @media only screen and (max-width: 768px) { #cboxLoadedContent { width: 99% !important; } } #cboxLoadedContent .forgotten-pwd, #cboxLoadedContent .feedback, #cboxLoadedContent .serviceTechnicianRequest { float: left; padding: 2.5em; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } @media only screen and (max-width: 768px) { #cboxLoadedContent .forgotten-pwd .status.error, #cboxLoadedContent .feedback .status.error, #cboxLoadedContent .serviceTechnicianRequest .status.error { margin-right: 7em; } } #cboxLoadedContent .skpType p { float: none; } #cboxLoadedContent .skpType ul { margin-left: 20px; } #cboxLoadedContent .skpType ul li { font-size: 11px; list-style-type: disc !important; } #cboxLoadedContent .title_holder { float: none; min-height: 5em; padding-left: 0; } #cboxLoadedContent .delete-cart { padding: 2em; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #cboxLoadedContent .delete-cart button { width: 15.8em; float: left; margin-right: 1em; } @media only screen and (max-width: 768px) { #cboxLoadedContent .delete-cart button { width: 100%; } } #cboxLoadedContent .delete-cart .orange-button { width: 100%; border: none; color: #fff; font-size: 1.6rem; line-height: 2.8rem; text-align: center; padding: 1rem; display: block; box-sizing: border-box; background: #e34805; width: 15.8em; float: left; } #cboxLoadedContent .delete-cart .orange-button:hover, #cboxLoadedContent .delete-cart .orange-button:focus { background: #b53904; } #cboxLoadedContent .delete-cart .orange-button:active { background: #B13804; } @media only screen and (max-width: 768px) { #cboxLoadedContent .delete-cart .orange-button { width: 100%; margin: 1em 0 0 0; } } #cboxLoadedContent .feedback .disclaimer { border: none !important; } #cboxLoadedContent .feedback, #cboxLoadedContent .serviceTechnicianRequest, #cboxLoadedContent .maintec-request-popup { float: none; } #cboxLoadedContent .feedback fieldset, #cboxLoadedContent .serviceTechnicianRequest fieldset, #cboxLoadedContent .maintec-request-popup fieldset { width: 100%; padding: 0; margin: 0 0 2em 0; } #cboxLoadedContent .feedback fieldset h4, #cboxLoadedContent .serviceTechnicianRequest fieldset h4, #cboxLoadedContent .maintec-request-popup fieldset h4 { line-height: 2.9; } #cboxLoadedContent .feedback fieldset .form_fieldContainer, #cboxLoadedContent .serviceTechnicianRequest fieldset .form_fieldContainer, #cboxLoadedContent .maintec-request-popup fieldset .form_fieldContainer { width: 100%; } #cboxLoadedContent .feedback fieldset .form_fieldContainer .error_box, #cboxLoadedContent .serviceTechnicianRequest fieldset .form_fieldContainer .error_box, #cboxLoadedContent .maintec-request-popup fieldset .form_fieldContainer .error_box { font-size: 1.3em; position: absolute; top: -2.5em; width: 100%; } #cboxLoadedContent .feedback fieldset .form_fieldContainer .error_box:before, #cboxLoadedContent .serviceTechnicianRequest fieldset .form_fieldContainer .error_box:before, #cboxLoadedContent .maintec-request-popup fieldset .form_fieldContainer .error_box:before { border-right-color: transparent; border-top-color: #ededed; top: 100%; right: 50%; margin-top: 0; margin-left: -11px; } #cboxLoadedContent .feedback fieldset .status, #cboxLoadedContent .serviceTechnicianRequest fieldset .status, #cboxLoadedContent .maintec-request-popup fieldset .status { display: none !important; } #cboxLoadedContent .feedback fieldset.radio, #cboxLoadedContent .serviceTechnicianRequest fieldset.radio, #cboxLoadedContent .maintec-request-popup fieldset.radio { margin: 0; width: 48%; } @media only screen and (max-width: 768px) { #cboxLoadedContent .feedback fieldset.radio, #cboxLoadedContent .serviceTechnicianRequest fieldset.radio, #cboxLoadedContent .maintec-request-popup fieldset.radio { width: 100%; } } #cboxLoadedContent .feedback #add_shoppinglist_form fieldset h2, #cboxLoadedContent .serviceTechnicianRequest #add_shoppinglist_form fieldset h2, #cboxLoadedContent .maintec-request-popup #add_shoppinglist_form fieldset h2 { line-height: 1.7; } #cboxLoadedContent .maintec-request-popup { padding: 2em; z-index: 0; } #cboxLoadedContent .maintec-request-popup fieldset { margin: 0 0 1em 0; } #cboxLoadedContent .maintec-request-popup fieldset label { display: inline-block; margin-bottom: .5em; font-size: 1.5rem; color: #555555; line-height: 1.7em; } #cboxLoadedContent .maintec-request-popup .form_field-input textarea { margin: 0; border-radius: 0; } #cboxLoadedContent .maintec-request-popup button[type=submit] { max-width: 466px; } #cboxLoadedContent .linkpopup .select { position: initial; height: auto; margin-bottom: 10px; } #cboxLoadedContent .default-popup { float: left; padding: 2.5em; padding-top: 3.5em; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #cboxLoadedContent .equipment-number-popup, #cboxLoadedContent .maintec-request-popup { position: relative; overflow: auto; } #cboxLoadedContent .equipment-number-popup div.checkoutElement.orderDocument, #cboxLoadedContent .maintec-request-popup div.checkoutElement.orderDocument { width: 100%; } #cboxLoadedContent .form_field-input .checkbox label:before { margin-left: 0; } #cboxLoadedContent .form_field-input.selected.blue .checkbox_label { color: #0a6aa1; } #cboxLoadedContent .form_field-input.selected.orange .checkbox_label { color: #E54800; } #cboxLoadedContent .form_field-input .input { display: inline-block; margin-top: 15px; } #cboxLoadedContent .form_field-input textarea { float: left; margin: 0 4% 0 0; padding: 0.4em; width: 100%; min-height: 6em; resize: vertical; border: 1px solid #bababa; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #cboxLoadedContent table { margin: 2em 0; } #cboxLoadedContent table tbody tr td { text-align: left; } #cboxLoadedContent .form_field-elements { height: 40px; display: block; } #popup_checkout_delivery_address { padding: 2em; } #popup_checkout_delivery_address button { margin-bottom: 2em; } #cboxClose { position: absolute; text-indent: -9999px; font-size: 2.4rem; top: 1em; right: 1em; height: 25px; width: 25px; z-index: 1000; color: transparent; } #cboxClose:before { content: "\e833"; font-family: "fontello"; } #forgottenPwdForm .form_fieldContainer .error_box, #requestInitialPasswordForm .form_fieldContainer .error_box { background: none; box-shadow: none; color: #b3282e; float: left; font-size: 1.2em; line-height: 1.4em; padding: 0.5em 0 0 0; margin-bottom: -0.4em; width: 100%; } #forgottenPwdForm .form_fieldContainer .error_box:before, #requestInitialPasswordForm .form_fieldContainer .error_box:before { content: none; border: none; } #forgottenPwdForm .status.error, #requestInitialPasswordForm .status.error { background-position: -1.5em top; float: right; margin-top: -2.1em; margin-right: 13.6em; height: 1.5em; width: 1.5em; } #forgottenPwdForm label, #requestInitialPasswordForm label { padding: 0; } #forgottenPwdForm button, #requestInitialPasswordForm button { margin-top: 10px; } #forgottenPwd_username_invalid { color: #E60000; } #colorbox .dataTables_empty { display: none; } #colorbox .dataTables_processing { height: 100%; background: transparent; } #colorbox .dataTables_processing .loadingIcon .loadingContent { display: block; font-size: 1.6em; margin-top: 15px; } #colorbox .dataTables_processing .loadingIcon .loadingSpinner { height: 64px; width: 64px; display: inline-block; background: url(../_ui/responsive/theme-KRONES/images/loading_spinner_blue.svg) no-repeat left transparent; } #colorbox form.permissionForm { float: left; width: 100%; } #colorbox form.permissionForm input#customerSearch { width: 65%; } #colorbox form.permissionForm input.orange-button { width: 100%; border: none; color: #fff; font-size: 1.6rem; line-height: 2.8rem; text-align: center; padding: 1rem; display: block; box-sizing: border-box; background: #e34805; width: 25%; } #colorbox form.permissionForm input.orange-button:hover, #colorbox form.permissionForm input.orange-button:focus { background: #b53904; } #colorbox form.permissionForm input.orange-button:active { background: #B13804; } #colorbox form.permissionForm dl { float: left; margin: 4em 0; width: 100%; } #colorbox form.permissionForm dl dt, #colorbox form.permissionForm dl dd { float: left; font-size: 1.4em; } #colorbox form.permissionForm dl dt { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; clear: both; width: 5em; } #cboxMiddleRight { display: none; } @media only screen and (max-width: 768px) { #cboxMiddleRight { height: 1em !important; } } #cboxContent:after { content: "\e833"; font-family: "fontello"; font-size: 2.4rem; position: absolute; top: 1em; right: 1em; z-index: 1; overflow: hidden; } @media screen and (max-width: 480px) { body { overflow: visible; } #colorbox #cboxWrapper { margin: 0 !important; padding: 0 !important; width: auto !important; height: auto !important; left: auto !important; right: auto !important; } #colorbox #cboxWrapper #cboxContent, #colorbox #cboxWrapper #cboxLoadedContent { height: auto !important; } } input#saveCartName { width: 100%; } div#remain { margin-top: 10px; display: block; float: left; min-height: 2rem; } div#remainTextArea { float: left; display: block; margin-top: 10px; min-height: 2rem; } #maintecFileSelectButton, #maintecFileUpload { margin-top: .5rem; } .overlay { display: none; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 888; background: rgba(0, 0, 0, 0.5); } .message { position: fixed; top: 25%; left: 50%; margin-left: -160px; width: 320px; z-index: 892; background: #fff; border: 1px solid #eee; border-radius: 2px; padding: 15px; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5); } .messageUploading { display: none; } .messageUploading .imgWait { text-align: center; margin-bottom: 15px; } .messageUploading h1, .messageUploading p { text-align: center; } #cboxLoadedContent .linkpopup .button-confirmation { background: #e34805 none repeat scroll 0 0; border: medium none; border-radius: 2px; box-sizing: border-box; color: #fff; float: left; margin-left: 0.9em; min-height: 1.85em; outline: medium none; text-align: center; width: 100%; } #cboxLoadedContent .linkpopup .button-confirmation#saveCartButton { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 1.6rem; } .flex-viewport .swiper-slide { padding: 0 !important; margin: 0 !important; } .flex-viewport .productCarouselElement { padding: 0 10px !important; } .productCarousel ul.tabs, .ui-tabs ul.tabs, #login ul.tabs { float: left; width: 100%; } .productCarousel ul.tabs li, .ui-tabs ul.tabs li, #login ul.tabs li { float: left; display: block; } .productCarousel ul.tabs li h2, .ui-tabs ul.tabs li h2, #login ul.tabs li h2 { font-size: 3.2rem; color: #000; } .productCarousel ul.tabs li a:link, .productCarousel ul.tabs li a:visited, .ui-tabs ul.tabs li a:link, .ui-tabs ul.tabs li a:visited, #login ul.tabs li a:link, #login ul.tabs li a:visited { display: block; font-size: 3.2rem; color: #fff; background: #bababa; margin-left: 0.8em; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; -ms-border-top-left-radius: 5px; border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; -ms-border-top-right-radius: 5px; border-top-right-radius: 5px; } .productCarousel ul.tabs li:first-child a:link, .productCarousel ul.tabs li:first-child a:visited, .ui-tabs ul.tabs li:first-child a:link, .ui-tabs ul.tabs li:first-child a:visited, #login ul.tabs li:first-child a:link, #login ul.tabs li:first-child a:visited { margin-left: 0; } .productCarousel ul.tabs li.current a:link, .productCarousel ul.tabs li.current a:visited, .ui-tabs ul.tabs li.current a:link, .ui-tabs ul.tabs li.current a:visited, #login ul.tabs li.current a:link, #login ul.tabs li.current a:visited { background: #fff; color: #333; } @media only screen and (max-width: 768px) { .productCarousel { float: left; width: 100%; background: #fff; } } @media only screen and (max-width: 768px) { #prod_tabs .tabs-content.box { margin: 0; padding: 0 4%; } } .tabs-content.box { float: left; clear: both; width: 100%; background-color: #FFF; border-radius: 3px; } @media only screen and (max-width: 768px) { .tabs-content.box { margin: 0 0; width: 100%; } } .tabs-content.box .tab-content { display: block; } .tabs-content.box .tab-content h3 { font-size: 3.2rem; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; color: #000; margin-bottom: 3rem; display: block; } .tabs-content.box .tab-content h3.tabAccordion .icon { display: none; } @media only screen and (max-width: 768px) { .tabs-content.box .tab-content h3 { float: left; display: block; font-size: 1.9em; padding: 0.6em 4%; width: 100%; border-bottom: 1px solid #e5e5e5; } .tabs-content.box .tab-content h3.tabAccordion { border-bottom: 1px solid #e5e5e5; cursor: pointer; padding: 0.2em 0 0.4em 0; margin: 0 0 0.4em 0; } .tabs-content.box .tab-content h3.tabAccordion .icon { display: none; } } .tabs-content.box .tab-content .content { display: block; } @media only screen and (max-width: 768px) { .tabs-content.box .tab-content .content { border-bottom: none; } .tabs-content.box .tab-content .content h3 { border: none; font-size: 2.1em; padding: 0; margin: 0 0 0.4em 0; } .tabs-content.box .tab-content .content h3.active span { -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .tabs-content.box .tab-content .content span { margin-right: 0; } } @media only screen and (max-width: 768px) { .tabs-content.box .tab-content .content:last-child h3 { border-bottom: none; } } @media only screen and (max-width: 768px) { .tabs-content.box .tab-content span { float: right; width: 1em; height: 1em; background: url(../_ui/responsive/images/layout/icons-sprite.png) no-repeat scroll -4.5em -7.4em transparent; } } .tabs-content.box .tab-content.ui-tabs-hide { display: none; } @media only screen and (max-width: 768px) { .tabs-content.box .tab-content.ui-tabs-hide { display: block; } } .tabs-content.box .product-slider { padding: 0; margin: 0 -1rem; } .ui-tabs .ui-tabs-panel, .ui-tabs .tab-content, .tabs-content .ui-tabs-panel, .tabs-content .tab-content { background: #fff; float: left; padding: 1rem 0; width: 100%; min-height: 10em; border-radius: 0 3px 3px 3px; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .ui-tabs .ui-tabs-panel.ui-tabs-hide, .ui-tabs .tab-content.ui-tabs-hide, .tabs-content .ui-tabs-panel.ui-tabs-hide, .tabs-content .tab-content.ui-tabs-hide { display: none; } .ui-tabs .ui-tabs-panel h2.tabAccordion, .ui-tabs .tab-content h2.tabAccordion, .tabs-content .ui-tabs-panel h2.tabAccordion, .tabs-content .tab-content h2.tabAccordion { display: none; } .ui-tabs .ui-tabs-panel h3, .ui-tabs .tab-content h3, .tabs-content .ui-tabs-panel h3, .tabs-content .tab-content h3 { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; color: #000; font-size: 2rem; } .ui-tabs .ui-tabs-panel dl, .ui-tabs .tab-content dl, .tabs-content .ui-tabs-panel dl, .tabs-content .tab-content dl { line-height: 2em; margin-left: 3.4em; } .ui-tabs .ui-tabs-panel dl dt, .ui-tabs .tab-content dl dt, .tabs-content .ui-tabs-panel dl dt, .tabs-content .tab-content dl dt { background: url(../_ui/responsive/theme-KRONES/images/layout/li.png) 0 0.8em no-repeat transparent; float: left; padding: 0 0 0 1em; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; } .ui-tabs .ui-tabs-panel dl dd, .ui-tabs .tab-content dl dd, .tabs-content .ui-tabs-panel dl dd, .tabs-content .tab-content dl dd { margin-left: 2.5em; } .ui-tabs .ui-tabs-panel dl.noBullets, .ui-tabs .tab-content dl.noBullets, .tabs-content .ui-tabs-panel dl.noBullets, .tabs-content .tab-content dl.noBullets { line-height: 1.7em; margin-left: 0; } .ui-tabs .ui-tabs-panel dl.noBullets dt, .ui-tabs .tab-content dl.noBullets dt, .tabs-content .ui-tabs-panel dl.noBullets dt, .tabs-content .tab-content dl.noBullets dt { background: none; padding: 0; } .ui-tabs .ui-tabs-panel ul, .ui-tabs .tab-content ul, .tabs-content .ui-tabs-panel ul, .tabs-content .tab-content ul { float: left; margin-bottom: 1em; width: 100%; } .ui-tabs .ui-tabs-panel ul ul, .ui-tabs .tab-content ul ul, .tabs-content .ui-tabs-panel ul ul, .tabs-content .tab-content ul ul { margin: 0; } .ui-tabs .ui-tabs-panel ul li, .ui-tabs .tab-content ul li, .tabs-content .ui-tabs-panel ul li, .tabs-content .tab-content ul li { width: 100%; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .ui-tabs .ui-tabs-panel ul li:last-child, .ui-tabs .tab-content ul li:last-child, .tabs-content .ui-tabs-panel ul li:last-child, .tabs-content .tab-content ul li:last-child { padding-bottom: 0; } .ui-tabs .ui-tabs-panel ul li li, .ui-tabs .tab-content ul li li, .tabs-content .ui-tabs-panel ul li li, .tabs-content .tab-content ul li li { font-size: 100%; } #product_slider .flex-direction-nav { display: block; width: 100%; height: 2em; position: absolute; top: 45%; height: 0; } #product_slider .flex-direction-nav li { width: 100%; background: none !important; padding: 0 !important; line-height: inherit !important; font-size: 1em !important; float: none !important; } .product-slider { float: left; width: calc(100% + 1.8rem); margin: 0; padding: 2em; position: relative; background: #fff; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } @media only screen and (max-width: 768px) { .product-slider { max-height: 9999px; min-height: 22em; transition: 0.1s linear; overflow: visible; display: block; border-bottom: 1px solid #e5e5e5; } } .product-slider .swiper-wrapper { position: relative !important; } .product-slider .flex-viewport { overflow: hidden; position: relative; height: 100%; } @media only screen and (max-width: 1024px) { .product-slider .flex-viewport { overflow: hidden !important; } } @media screen and (min-width: 921px) { .product-slider .flex-viewport { margin: 0 0 !important; overflow: hidden !important; } } .product-slider .flex-direction-nav { display: block; width: 100%; height: 2em; position: absolute; top: 14%; height: 0; background: red; } .product-slider .flex-direction-nav li { width: 100%; background: none !important; padding: 0 !important; line-height: inherit !important; font-size: 1em !important; float: none !important; } .product-slider .flex-direction-nav li a { font-family: "fontello"; color: #555555; font-size: 3rem; width: 6rem; height: 6rem; background-color: #fff; opacity: 0.9; border-radius: 50%; display: flex; justify-content: center; align-items: center; } .product-slider .flex-direction-nav li a.flex-prev { float: left; } .product-slider .flex-direction-nav li a.flex-prev:before { content: "\E830"; } .product-slider .flex-direction-nav li a.flex-next { float: right; } .product-slider .flex-direction-nav li a.flex-next:before { content: "\E831"; } .product-slider ul.slides { float: left; padding: 0; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; position: absolute; } .product-slider ul.slides li.product { float: left; display: flex; flex-direction: column; flex-wrap: nowrap; min-height: 16em; margin: 0 0 0 1.285%; background: none; padding: 0; font-size: 1rem; } .product-slider ul.slides li.product.swiper-slide-noimage { min-height: 8em; } .product-slider ul.slides li.product .productCarouselElement { height: 100%; display: flex; flex-wrap: nowrap; flex-direction: column; } .product-slider ul.slides li.product .product-thumbnail { width: 100%; position: relative; float: left; } .product-slider ul.slides li.product .product-thumbnail img { width: 100%; max-height: 180px; position: relative; border: 1px solid #e5e5e5; } .product-slider ul.slides li.product .product-thumbnail .triangle { position: absolute; right: -88px; top: -4px; width: 12em; text-align: center; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: 100; background-color: #E54800; padding-top: 15px; color: #FFF; font-size: 1.2em; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; } .product-slider ul.slides li.product .product-text { width: 75%; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; line-height: 1.3rem; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; padding: 1rem 0 2rem; position: relative; float: left; min-height: 46px; } .product-slider ul.slides li.product .product-text a.product-title { font-size: 2rem; color: #555555; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; word-break: break-word; width: 100%; line-height: 1.3; display: block; padding-right: 2.5rem; box-sizing: border-box; height: 30px; } .product-slider ul.slides li.product .product-text a.leaflet { font-size: 2rem; right: -1rem; top: 1.3rem; position: absolute; } .product-slider ul.slides li.product .product-status { display: flex; flex-wrap: nowrap; } .product-slider ul.slides li.product .product-status p { font-size: 1.6rem; margin: 0; } .product-slider ul.slides li.product .product-status p span { height: 1.2rem; width: 1.2rem; border-radius: 50%; display: inline-block; margin-right: 1rem; } .product-slider ul.slides li.product .product-status p span.iconGreen { background: #00987a; } .product-slider ul.slides li.product .product-status p span.iconYellow { background: #ffdd00; } .product-slider ul.slides li.product .product-status p span.iconRed { background: #b3282e; } .product-slider ul.slides li.product .product-status .prod_sdd-wrap { margin-left: auto; position: relative; top: -0.5rem; right: -1rem; } .product-slider ul.slides li.product .product-status .prod_sdd-wrap i { font-size: 2.5rem; } .product-slider ul.slides li.product .product-cart { text-align: right; margin-top: auto; } .product-slider ul.slides li.product .product-cart .login-to-get-prices { text-align: left; font-size: 1.6rem; line-height: 1.75; } .product-slider ul.slides li.product .product-cart .login-to-get-prices a { text-decoration: underline; color: #555555; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 1.6rem; } .product-slider ul.slides li.product .product-cart .product-priceInfo { font-size: 1.6rem; color: #cccccc; } .product-slider ul.slides li.product span.product-price { width: 100%; text-align: left; font-size: 1.6rem; color: #555555; font-family: Noto Sans Bold, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; display: block; } .product-slider ul.slides li.product form.add_to_cart_form { width: 25%; margin-top: 1.5rem; } .product-slider ul.slides li.product form.add_to_cart_form .button.button-buy { float: right; width: 6rem; height: 4.8rem; border: none; background: #e34805; padding: 0; margin-left: auto; } .product-slider ul.slides li.product form.add_to_cart_form .button.button-buy i { font-size: 4rem; color: #fff; } .product-slider ul.slides li.product form.add_to_cart_form .button.button-buy:hover, .product-slider ul.slides li.product form.add_to_cart_form .button.button-buy:focus, .product-slider ul.slides li.product form.add_to_cart_form .button.button-buy:active { background: #b53904; } .product-slider ul.slides li.product form.add_to_cart_form .button.button-buy[disabled="disabled"] { background: #cccccc; } .product-slider ul.slides li.product form.add_to_cart_form .button.button-buy.variants { background: #052a68; } .product-slider ul.slides li.product form.add_to_cart_form .button.button-buy.variants:hover, .product-slider ul.slides li.product form.add_to_cart_form .button.button-buy.variants:focus { background: #042153; } .product-slider ul.slides li.product form.add_to_cart_form .button.button-buy.variants[disabled="disabled"] { background: #99adc2; } .product-slider ul.slides li.product:first-child { margin: 0; } .product-text-button-buy { display: inherit; } .product-slider { overflow: hidden; } .product-slider .flex-viewport { width: 5000%; } .product-slider ul.slides { display: flex; float: none; } .product-slider :not(.initialized) ul.slides li.product { width: auto; display: inline-flex; float: none; justify-content: flex-end; } .product-slider :not(.initialized) ul.slides li.product .productCarouselElement { height: auto; } .product-slider :not(.initialized) ul.slides li.product .product-thumbnail { float: none; } .product-slider :not(.initialized) ul.slides li.product .product-text-button-buy { display: flex; } .product-slider :not(.initialized) ul.slides li.product .product-text { display: inline-flex; flex-flow: column; width: auto; } .product-slider :not(.initialized) ul.slides li.product .product-text a.product-title { min-width: 320px; } .product-slider :not(.initialized) ul.slides li.product form.add_to_cart_form { display: inline-flex; width: auto; } .prod_image_main { float: left; position: relative; width: 50%; padding-right: 1rem; box-sizing: border-box; } @media only screen and (max-width: 767px) { .prod_image_main { margin: 0 -3rem -3rem; width: calc(100% + 6rem); float: none; margin-bottom: 1rem; padding-right: 0; } } .prod_image_main img { float: left; width: 100%; border: 1px solid #e5e5e5; } .prod_image_main .details { display: block; position: absolute; top: 0; right: 7px; padding: 1rem 0.5rem; transform: rotate(-45deg); color: #052a68; opacity: 0.3; font-size: 1.1rem; } .prod_image_main .details:before { content: '\E85D'; font-family: "fontello"; padding: 0.2rem; } .prod_image_main .details:after { content: '\E85C'; font-family: "fontello"; padding: 0.2rem; } .prod_image_main .view3D { background: url(../_ui/responsive/theme-KRONES/images/layout/icons-sprite.png) no-repeat -14.4em -225.6em transparent; display: block; position: absolute; right: 5em; bottom: 1em; height: 2.8em; width: 2.8em; } @media only screen and (max-width: 420px) { .prod_image_main .slider_component { width: 100%; margin-left: 0; } } #mainContent .prod { background: #fff; float: right; min-height: 31.2em; width: 50%; padding: 0rem 0 0 1rem; margin-bottom: 0rem; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } @media only screen and (max-width: 767px) { #mainContent .prod { width: 100%; min-height: inherit; position: relative; margin-top: 2.5rem; padding: 0; } } #mainContent .prod .prod-header { float: left; min-height: 7em; margin: 0 0 1.5em 0; width: 100%; } @media only screen and (max-width: 767px) { #mainContent .prod .prod-header { height: auto; } } #mainContent .prod .prod-header h1 { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 3.2rem; line-height: 1; margin-bottom: 1rem; padding-right: 2rem; word-break: break-word; } @media only screen and (max-width: 767px) { #mainContent .prod .prod-header h1 { padding-right: 0; } } #mainContent .prod .prod-header h2 { font-size: 1.6rem; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; line-height: 2.4rem; } #mainContent .prod .prod-header h2.oldMatNr { color: #8a939a; } #mainContent .prod .prod-header h2 .subcontractor { font-size: 1.6rem; color: #555555; line-height: 2.4rem; } #mainContent .prod .prod-header .prod_summary { color: #999; font-size: 2.4em; margin-top: 0; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; margin-bottom: 0; } @media only screen and (max-width: 767px) { #mainContent .prod .prod-header .prod_summary { font-size: 2.1em; margin-bottom: 0.2em; } } #mainContent .prod .prod-header a.leaflet { font-size: 2rem; right: -1rem; top: 0; position: absolute; } @media only screen and (max-width: 767px) { #mainContent .prod .prod-header a.leaflet { top: -1.5rem; } } #mainContent .prod .prod_status { float: left; width: 50%; } #mainContent .prod .prod_status span { height: 1.2rem; width: 1.2rem; border-radius: 50%; display: inline-block; margin-right: 1rem; } #mainContent .prod .prod_status span.iconGreen { background: #00987a; } #mainContent .prod .prod_status span.iconYellow { background: #ffdd00; } #mainContent .prod .prod_status span.iconRed { background: #b3282e; } #mainContent .prod .price { float: left; width: 50%; min-height: 93px; } @media only screen and (max-width: 767px) { #mainContent .prod .price { min-height: unset; } } #mainContent .prod .price .login-to-get-prices a { font-size: 1.6rem; text-decoration: underline; color: #555555; margin-top: 1.6rem; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; } #mainContent .prod .price p { font-size: 1.6rem; margin: 0; text-align: right; } #mainContent .prod .price p .delivery-message { float: right; color: #8a939a; } #mainContent .prod .price .big-price { font-size: 2.8rem; text-align: right; margin: 0; font-family: Noto Sans Bold, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; } #mainContent .prod .price .part { color: #8a939a; text-align: right; margin: 0; } #mainContent .prod .prod_results { clear: both; float: left; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #mainContent .prod .prod_results p { color: #555555; margin: 0; font-size: 1.6rem; } #mainContent .prod .origin, #mainContent .prod .ratenumber { box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; clear: both; float: right; margin: 2em 0 0 0; width: 50%; } #mainContent .prod .origin p, #mainContent .prod .ratenumber p { font-size: 1.3em; margin: 0; } #mainContent .prod .prod_add_to_cart { float: left; width: 100%; position: relative; bottom: 0; margin-top: 3rem; } @media only screen and (max-width: 767px) { #mainContent .prod .prod_add_to_cart { margin-top: 0; } } #mainContent .prod .prod_add_to_cart form { float: left; width: 100%; margin: 0; display: flex; } @media only screen and (max-width: 767px) { #mainContent .prod .prod_add_to_cart form { flex-wrap: wrap; margin-top: 1rem; } } #mainContent .prod .prod_add_to_cart form label { color: #8a939a; clear: both; font-size: 1.6rem; margin: 0 0 0.7em 0; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; position: absolute; top: -2.5rem; } @media only screen and (max-width: 767px) { #mainContent .prod .prod_add_to_cart form label { display: none; } } #mainContent .prod .prod_add_to_cart form input { border: 1px solid #eaebeb; color: #555555; font-size: 1.6rem; padding: 0 2rem 0 1rem; line-height: 2.4rem; font-family: "TheSans-LP3Lig", Arial, sans-serif; text-align: left; min-width: 35px; height: 4.8rem; text-align: center; } #mainContent .prod .prod_add_to_cart form input[disabled="disabled"] { background: #eaebeb; color: #8a939a; } #mainContent .prod .prod_add_to_cart form .qty-switch { height: 4.8rem; position: relative; right: 3.1rem; display: flex; flex-direction: column; justify-content: center; } #mainContent .prod .prod_add_to_cart form .qty-switch .qty-inc, #mainContent .prod .prod_add_to_cart form .qty-switch .qty-dec { display: flex; padding: 0.7rem 1rem; height: 1.5rem; } #mainContent .prod .prod_add_to_cart form .qty-switch .qty-inc i, #mainContent .prod .prod_add_to_cart form .qty-switch .qty-dec i { color: #555555; font-size: 1rem; } #mainContent .prod .prod_add_to_cart form .left { display: flex; } #mainContent .prod .prod_add_to_cart form .viewDetailButton { position: relative; float: right; height: 4.8rem; border: none; margin-left: auto; width: 100%; max-width: 44.4rem; } @media only screen and (max-width: 767px) { #mainContent .prod .prod_add_to_cart form .viewDetailButton { margin-top: 6rem; } } #mainContent .prod .prod_add_to_cart form .viewDetailButton.buttonBottom { margin-top: 2.1em; } @media only screen and (max-width: 767px) { #mainContent .prod .prod_add_to_cart form .viewDetailButton.buttonBottom { margin-top: 0; } } #mainContent .prod .prod_add_to_cart form .viewDetailButton .bookmark { float: right; font-size: 1.6rem; position: absolute; bottom: 9rem; right: 0; color: #555555; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; text-align: right; } @media only screen and (max-width: 767px) { #mainContent .prod .prod_add_to_cart form .viewDetailButton .bookmark { top: -4.4rem; } } #mainContent .prod .prod_add_to_cart form .viewDetailButton .bookmark.maintec { bottom: 5.5rem; } #mainContent .prod .prod_add_to_cart form .viewDetailButton .bookmark:before { content: '\E8CD'; font-family: "fontello"; font-size: 1.5rem; position: relative; left: -0.5rem; } #mainContent .prod .prod_add_to_cart form .viewDetailButton .add_to_cart_button { color: #fff; background: #e34805; width: 100%; border: 0; } #mainContent .prod .prod_add_to_cart form .viewDetailButton .add_to_cart_button i { color: #fff; font-size: 2.5rem; line-height: 4.6rem; padding-right: 0.5rem; } #mainContent .prod .prod_add_to_cart form .viewDetailButton .add_to_cart_button i:before { font-size: 4rem; } #mainContent .prod .prod_add_to_cart form .viewDetailButton .add_to_cart_button span { align-self: center; } #mainContent .prod .prod_add_to_cart form .viewDetailButton .add_to_cart_button[disabled="disabled"] { background: #eaebeb; } #mainContent .prod div.verwendungs-nachweis { min-height: 1.5em; width: 100%; margin: 1rem 0 0 0; font-size: 1.6rem; } @media only screen and (max-width: 767px) { #mainContent .prod div.verwendungs-nachweis { position: relative; } } #mainContent .prod div.verwendungs-nachweis a { color: #555555; font-size: 1.6rem; } #mainContent .prod div.verwendungs-nachweis a:before { content: '\e859'; font-family: "fontello"; font-size: 1.7rem; position: relative; left: -0.5rem; } #mainContent .prod div.verwendungs-nachweis span.loader { background: url(../_ui/responsive/theme-KRONES/images/loading_spinner_blue.svg) no-repeat left transparent; background-size: 27px 27px; padding-left: 3em; position: sticky; margin-left: 0; display: inline; } #mainContent .prod div.verwendungs-nachweis p { font-size: 1.6rem; margin: 0; } #mainContent .prod div.verwendungs-nachweis p a { background: none; padding: 0; margin-top: 2rem; display: inline-block; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; padding-left: 1rem; } @media only screen and (max-width: 767px) { #mainContent .prod div.verwendungs-nachweis p a { position: absolute; right: 0; bottom: -3rem; } } #mainContent .prod div.verwendungs-nachweis p a:before { content: '\E85C'; font-family: "fontello"; font-size: 1rem; color: #cccccc; position: relative; left: -1rem; top: -0.3rem; } #mainContent .newer-version { background: #FFF; float: left; width: 100%; margin-top: 1em; height: auto; padding-bottom: 2em; border-bottom: 1px solid #eaebeb; margin-bottom: 2em; } @media only screen and (max-width: 767px) { #mainContent .newer-version { height: auto; width: 100%; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } } #mainContent .newer-version .thumb { float: left; padding-right: 2em; margin: 0; width: 20%; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } @media only screen and (max-width: 767px) { #mainContent .newer-version .thumb { margin: 0 -3rem -3rem; width: calc(100% + 6rem); float: none; margin-bottom: 1rem; padding-right: 0; } } #mainContent .newer-version .thumb span { display: none; } #mainContent .newer-version .thumb img { float: left; width: 100%; max-height: 143px; } @media only screen and (max-width: 767px) { #mainContent .newer-version .thumb img { max-height: none; } } #mainContent .newer-version .prod { float: right; padding: 0; height: 100%; min-height: 0; width: 80%; margin-bottom: 0; } @media only screen and (max-width: 767px) { #mainContent .newer-version .prod { float: right; margin: 0; width: 100%; } } #mainContent .newer-version .prod .prod-header { float: left; position: relative; width: 37.5%; height: auto; margin: 0; } @media only screen and (max-width: 767px) { #mainContent .newer-version .prod .prod-header { float: right; width: 100%; } } #mainContent .newer-version .prod .prod-header h1 { margin: 0.6em 0; } @media only screen and (max-width: 767px) { #mainContent .newer-version .prod .prod-header h1 { margin-bottom: 0.4em; } } #mainContent .newer-version .prod .prod-header p { font-size: 1.3em; } #mainContent .newer-version .prod .prod-header a { width: 100%; color: #555555; font-size: 2.6rem; } #mainContent .newer-version .prod .prod-header a:hover { text-decoration: underline; } @media only screen and (max-width: 1024px) { #mainContent .newer-version .prod .prod_summary { margin-bottom: 0.2em; } } @media only screen and (max-width: 767px) { #mainContent .newer-version .prod .prod_summary { margin-bottom: 1em; } } #mainContent .newer-version .prod .segmentTriangle { width: 100%; height: 100%; left: 0px; top: 0px; } #mainContent .newer-version .prod .prod-meta { background: none; background-size: 3em 100%; float: right; height: 100%; width: 62.5%; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; -ms-border-top-right-radius: 5px; border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px; -ms-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } @media only screen and (max-width: 767px) { #mainContent .newer-version .prod .prod-meta { padding: 0; width: 100%; } } #mainContent .newer-version .prod .prod-meta .prod-meta-inner { background: #fff; float: left; padding: 0 0 0 1rem; height: 100%; width: 100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } @media only screen and (max-width: 767px) { #mainContent .newer-version .prod .prod-meta .prod-meta-inner { padding: 0; } } #mainContent .newer-version .prod .prod-meta .prod-meta-inner .stock_message, #mainContent .newer-version .prod .prod-meta .prod-meta-inner .savings, #mainContent .newer-version .prod .prod-meta .prod-meta-inner label { display: none; } #mainContent .newer-version .prod .prod-meta .prod-meta-inner .big-price { font-size: 1.6em; } @media only screen and (max-width: 767px) { #mainContent .newer-version .prod .prod-meta .prod-meta-inner .big-price { font-size: 1.9em; } } #mainContent .newer-version .prod .prod-meta .prod-meta-inner .price { width: 100%; } #mainContent .newer-version .prod .prod-meta .prod-meta-inner .viewDetailButton { width: 100%; } #mainContent .newer-version .prod .prod-meta .prod-meta-inner .viewDetailButton .bookmark { float: left; } #mainContent .newer-version .prod .prod-meta .prod-meta-inner .viewDetailButton a.followuplink:link { display: block; font-size: 1.3em; margin-top: 3em; } #mainContent .newer-version .prod .prod-meta .prod-meta-inner .viewDetailButton .add_to_cart_button { float: right; padding: 0; margin: 0; } #mainContent .newer-version .prod .prod-meta .prod-meta-inner .viewDetailButton .add_to_cart_button[disabled="disabled"] { background-color: #eaebeb; } #mainContent .newer-version .prod .prod-meta .prod_results { width: 100%; } #mainContent .newer-version .prod .prod-meta .prod_results p { line-height: 2.2em; } #mainContent .newer-version .prod .prod-meta .prod_results p span { height: 1.2rem; width: 1.2rem; border-radius: 50%; display: inline-block; margin-right: 1rem; } #mainContent .newer-version .prod .prod-meta .prod_results p span.iconGreen { background: #00987a; } #mainContent .newer-version .prod .prod-meta .prod_results p span.iconYellow { background: #ffdd00; } #mainContent .newer-version .prod .prod-meta .prod_results p span.iconRed { background: #b3282e; } #mainContent .newer-version .prod .prod-meta .prod_add_to_cart { margin: 0; } #mainContent .newer-version .prod .prod-meta .prod_add_to_cart form { margin-top: 0; } #mainContent .newer-version .prod .prod-meta .prod_add_to_cart form input { width: 100%; } @media only screen and (max-width: 767px) { #mainContent .newer-version .prod .prod-meta .prod_add_to_cart form .viewDetailButton .bookmark { float: right; margin: 0; } #mainContent .newer-version .prod .prod-meta .prod_add_to_cart form .left { position: absolute; } } #mainContent .newer-version .prod .prod-meta .prod_add_to_cart form .qty-switch { margin-left: 0.5rem; } #mainContent .newer-version .prod .prod-meta .prod_add_to_cart form .qty-switch .qty-inc:before { content: '\e82b'; font-family: "fontello"; color: #555555; font-size: 1rem; } #mainContent .newer-version .prod .prod-meta .prod_add_to_cart form .qty-switch .qty-dec:before { content: '\e82c'; font-family: "fontello"; color: #555555; font-size: 1rem; } #mainContent .newer-version .bookmark { top: -3.3rem !important; } #prod_tabs.ui-tabs { } @media only screen and (max-width: 767px) { #prod_tabs.ui-tabs { background: #fff; float: left; width: 100%; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; } } #prod_tabs.ui-tabs ul.tabs { display: none; } @media only screen and (max-width: 767px) { #prod_tabs.ui-tabs ul.tabs { display: none; } } @media only screen and (max-width: 767px) { #prod_tabs.ui-tabs li { width: 100%; } #prod_tabs.ui-tabs li a:link, #prod_tabs.ui-tabs li a:visited { margin: 0; } } #prod_tabs.ui-tabs .ui-tabs-panel { border-bottom: 1px solid #e5e5e5; min-height: 0; height: 5em; } @media only screen and (max-width: 767px) { #prod_tabs.ui-tabs .ui-tabs-panel { min-height: 0; padding: 0; border-bottom: 1px solid #e5e5e5; margin: 0 4%; width: 92%; } #prod_tabs.ui-tabs .ui-tabs-panel * { display: none; } #prod_tabs.ui-tabs .ui-tabs-panel:first-of-type { padding-top: 4%; } #prod_tabs.ui-tabs .ui-tabs-panel:first-of-type h2 { border-bottom: none; padding: 0.2em 0 0.4em 0; } #prod_tabs.ui-tabs .ui-tabs-panel:last-child { border-bottom: none; } } #prod_tabs.ui-tabs .ui-tabs-panel * { visibility: hidden; } @media only screen and (max-width: 767px) { #prod_tabs.ui-tabs .ui-tabs-panel h4 { margin-top: 1em; } #prod_tabs.ui-tabs .ui-tabs-panel span.text { float: left; display: block; } #prod_tabs.ui-tabs .ui-tabs-panel span.icon { background: url(../_ui/responsive/images/layout/icons-sprite.png) no-repeat -9.9em -146.2em transparent; display: block; float: right; height: 1em; width: 1em; } } @media only screen and (max-width: 767px) and (max-width: 767px) { #prod_tabs.ui-tabs .ui-tabs-panel span.icon { background-position: -9.9em -146em; } } @media only screen and (max-width: 767px) { #prod_tabs.ui-tabs .ui-tabs-panel h3 { font-size: 2.1em; } #prod_tabs.ui-tabs .ui-tabs-panel p { float: left; } #prod_tabs.ui-tabs .ui-tabs-panel table thead tr th { padding: 0.4em; } #prod_tabs.ui-tabs .ui-tabs-panel table thead tr th:first-child { padding-left: 0; } #prod_tabs.ui-tabs .ui-tabs-panel table thead tr th:last-child { padding-right: 0; } #prod_tabs.ui-tabs .ui-tabs-panel table tbody tr td { padding: 0.4em 0.4em 0.4em 0.4em; border: none; text-align: left; } #prod_tabs.ui-tabs .ui-tabs-panel table tbody tr td:first-child { border: none; text-align: left; } #prod_tabs.ui-tabs .ui-tabs-panel table tbody tr td:last-child { padding-right: 0; } #prod_tabs.ui-tabs .ui-tabs-panel dl { margin-left: 5%; } #prod_tabs.ui-tabs .ui-tabs-panel dl.noBullets { margin: 0; } #prod_tabs.ui-tabs .ui-tabs-panel dl.noBullets dt { padding: 0; } } #prod_tabs.ui-tabs h2 { display: block; float: left; font-size: 2em; padding: 0.6em 0 0.2em 0; margin: 0 0 0.8em; visibility: visible !important; width: 100%; } #prod_tabs.ui-tabs h2 a:link, #prod_tabs.ui-tabs h2 a:visited { color: #555555; visibility: visible !important; } @media only screen and (max-width: 767px) { #prod_tabs.ui-tabs h2 a:link, #prod_tabs.ui-tabs h2 a:visited { color: #555555; display: block; } } #prod_tabs.ui-tabs span.text { float: left; visibility: visible !important; font-size: 3.2rem; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; } #prod_tabs.ui-tabs span.icon { background: url(../_ui/responsive/theme-KRONES/images/layout/icons-sprite.png) no-repeat -9.5em -138.6em transparent; visibility: visible !important; float: right; height: 1em; width: 1em; } #prod_tabs.ui-tabs .ui-tabs-panel.tab-active { transition: 0.2s linear; min-height: 15em; height: auto; } #prod_tabs.ui-tabs .ui-tabs-panel.tab-active * { visibility: visible; } #prod_tabs.ui-tabs .ui-tabs-panel.tab-active:first-of-type h2 { padding-top: 0; } #prod_tabs.ui-tabs .ui-tabs-panel.tab-active span.icon { background: url(../_ui/responsive/theme-KRONES/images/layout/icons-sprite.png) no-repeat -11.9em -136.4em transparent; } #mainContent .productDetails h2 { clear: both; color: #000; margin-bottom: 1.5rem; } @media only screen and (max-width: 767px) { #mainContent .productDetails h2 { font-size: 3rem; } } #mainContent .content div.verwendungs-nachweis a { line-height: 1em; padding-left: 1.5em; background: url(../_ui/responsive/theme-KRONES/images/layout/icons-sprite.png) no-repeat -240px -3790px transparent; } @media only screen and (max-width: 767px) { .pageType-ProductPage #mainContent .prod .prod_add_to_cart form .viewDetailButton .add_to_cart_button { width: 100%; } } a.followuplink { margin-top: 1.4rem; float: right; font-size: 1.6rem; padding: 0.2em 0 0.6em 1.4em; color: #555555; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; text-align: right; } a.supersession-chain-link { display: inline-block; margin-top: 30px; font-family: "TheSans-LP5Plain", Arial, sans-serif; font-size: 16px; font-weight: 600; line-height: 28px; text-align: center; color: #555555; } a.supersession-chain-link:before { content: '\E839'; font-family: "fontello"; font-size: 2.2rem; position: relative; left: -0.5rem; top: 0.2rem; } a.supersession-chain-link.visible:before { content: '\E838'; } a.supersession-chain-link.disabled { cursor: default; opacity: 0.5; text-decoration: none; } p.picturesimulardisclaimer { position: absolute; bottom: -6px; left: 1em; } .productVariantPanel { float: left; } .productVariantPanel .variant-label { margin-top: 1rem; } .prod_sdd-wrap { margin-left: auto; position: relative; top: -0.5rem; right: -1rem; cursor: pointer; } .prod_sdd-wrap i { font-size: 2.5rem; color: #052a68; } #maintec-product-page .bookmark { bottom: 5.3rem !important; } .maintecRequestUpload .delete::before { content: '\E833'; font-family: "fontello"; } #substitutionChainContainer { width: 100%; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin-top: 1em; padding-top: 1em; display: block; } #substitutionChainContainer.whiteBg { background: #fff; } #substitutionChainContainer .item_container:after { content: ""; display: table; clear: both; } #substitutionChainContainer .prod_name { font-size: 1.6rem; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; color: #555555; word-break: break-all; padding-right: 2rem; text-overflow: ellipsis; overflow: hidden; width: 100%; height: 1.4em; white-space: nowrap; } #substitutionChainContainer .prod_quantity { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 1.6rem; color: #8a939a; display: flex; } #substitutionChainContainer .login-to-get-prices { margin: 0px; } #substitutionChainContainer .login-to-get-prices a { font-size: 1.6rem; text-decoration: underline; color: #555555; } #substitutionChainContainer table thead th { padding: 0.23em 0.4em; text-align: right; } #substitutionChainContainer table thead th h3 { font-weight: normal; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-style: normal; font-stretch: normal; line-height: 1.88; letter-spacing: normal; color: #555555; float: left; font-size: 1.6rem; } @media only screen and (max-width: 1024px) { #substitutionChainContainer table thead th h3 { font-size: 1.5rem; } } #substitutionChainContainer table thead th .submitRemoveCart:link, #substitutionChainContainer table thead th .submitRemoveCart:visited { display: inline; width: 1.6em; height: auto; overflow: hidden; margin-left: 0; } #substitutionChainContainer table thead th .submitRemoveCart:link img, #substitutionChainContainer table thead th .submitRemoveCart:visited img { height: 1.75em; margin-left: 0; width: auto; } #substitutionChainContainer table thead th .sorting-switch { background: url(../_ui/responsive/theme-KRONES/images/layout/icons-sprite.png) no-repeat -23.6em -1048px transparent; float: left; font-size: 0.769em; height: 2.8em; width: 1.8em; } #substitutionChainContainer table thead th .sorting-switch.sorting-upward { background-position: -18.8em -1096px; } #substitutionChainContainer table thead th .sorting-switch.sorting-backward { background-position: -14em -1144px; } #substitutionChainContainer table thead th .sorting-switch a.sorting-upward, #substitutionChainContainer table thead th .sorting-switch a.sorting-backward { cursor: pointer; float: left; height: 1.3em; width: 2.5em; } #substitutionChainContainer table thead th .sorting-switch .sorting-up { margin-top: 0.4em; } #substitutionChainContainer table thead th .info { background: url(../_ui/responsive/theme-KRONES/images/layout/icons-sprite.png) no-repeat 7px -2968px transparent; float: left; font-size: 0.769em; height: 2.8em; width: 2em; } #substitutionChainContainer table thead th.left div { float: left; } #substitutionChainContainer table thead th.center { text-align: center; } #substitutionChainContainer table thead th.center div { float: none; } @media screen and (max-width: 767px) { #substitutionChainContainer table tbody tr.chain-conjunction:before { content: '\E88F'; font-size: 20.5rem; font-family: "fontello"; left: 50%; top: 50%; margin: auto; position: absolute; color: #f9f9f9; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); } #substitutionChainContainer table tbody tr.chain-link:before { content: '\E88F'; font-family: "fontello"; font-size: 20.5rem; left: 50%; top: 50%; margin: auto; position: absolute; color: #f9f9f9; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); } } #substitutionChainContainer table tbody tr td { text-align: left; position: relative; } #substitutionChainContainer table tbody tr td.left { text-align: left; } #substitutionChainContainer table tbody tr td.center { text-align: center; } #substitutionChainContainer table tbody tr td h2, #substitutionChainContainer table tbody tr td h2 a { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 2rem !important; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.3; letter-spacing: normal; color: #555555; } #substitutionChainContainer table tbody tr td i { padding-right: 0; } #substitutionChainContainer table tbody tr td .price { font-size: 1.231em; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; } #substitutionChainContainer table tbody tr td .prod_results { float: left; } #substitutionChainContainer table tbody tr td .prod_sdd-wrap { float: left; top: 0.5em; } #substitutionChainContainer table tbody tr td:last-child.noPrice:before { background: url(../_ui/responsive/theme-KRONES/images/layout/noPriceArrow.png) right no-repeat transparent; content: ""; height: 100%; position: absolute; right: -4.5em; top: 0; width: 4.5em; } #substitutionChainContainer table tbody tr td.partialDelivery { text-align: right; } #substitutionChainContainer table tbody tr td.partialDelivery .checkbox { float: right; } #substitutionChainContainer table tbody tr td.partialDelivery form label { float: right; padding: 0; margin-right: 4em; } #substitutionChainContainer table tbody tr td.partialDelivery form label:before { margin-left: 0; position: relative; top: 0; left: 32px; } @media screen and (max-width: 767px) { #substitutionChainContainer table tbody tr td.partialDelivery form label:before { top: 6px; right: 0; left: auto; } } #substitutionChainContainer table tbody tr td .product_image img { width: initial; min-width: 6rem; max-width: 11.4rem; border: 1px solid #e5e5e5; } @media only screen and (max-width: 1024px) { #substitutionChainContainer table tbody tr td .product_image img { max-width: 8rem; } } @media only screen and (max-width: 767px) { #substitutionChainContainer table tbody tr td .product_image img { display: none; } } #substitutionChainContainer table tbody tr td .prodStatus span { height: 1.2rem; width: 1.2rem; border-radius: 50%; display: inline-block; margin-right: 1rem; } #substitutionChainContainer table tbody tr td .prodStatus span.iconYellow { background: #ffdd00; } #substitutionChainContainer table tbody tr td .prodStatus span.iconGreen { background: #00987a; } #substitutionChainContainer table tbody tr td .prodStatus span.iconRed { background: #b3282e; } #substitutionChainContainer table tbody tr td span.step { color: #8a939a; margin: 0 0.5em; } #substitutionChainContainer table tbody tr td span.step.highlighted { color: #0060ad; } #substitutionChainContainer table tbody tr td span.step.chain-conjunction:before { content: '\E88F'; font-family: "fontello"; font-size: 5.5rem; position: relative; } #substitutionChainContainer table tbody tr td span.step.chain-link:before { content: '\E88F'; font-family: "fontello"; font-size: 5.5rem; position: relative; } #substitutionChainContainer table tbody tr td button { font-size: 1em; float: right; } #substitutionChainContainer table tbody tr td[headers="header0"] { text-align: center; vertical-align: middle; } @media only screen and (min-width: 1024px) { #substitutionChainContainer table tbody tr td[headers="header1"] { width: 120px; } } #substitutionChainContainer table tbody tr td[headers="header2"] { width: 65%; } @media only screen and (min-width: 1024px) { #substitutionChainContainer table tbody tr td[headers="header2"] { width: 50%; } } #substitutionChainContainer table tbody tr td[headers="header4"] { text-align: right; } #substitutionChainContainer table tbody tr td[headers="header6"] { width: auto; } #substitutionChainContainer table tbody tr td .cartLink { float: right; width: 6rem; height: 4.8rem; border: none; background: #e34805; padding: 0; margin-left: auto; } #substitutionChainContainer table tbody tr td .cartLink i { font-size: 2.5rem; color: #fff; font-size: 4rem; } #substitutionChainContainer table tbody tr td .cartLink:hover, #substitutionChainContainer table tbody tr td .cartLink:focus, #substitutionChainContainer table tbody tr td .cartLink:active { background: #b53904; } #substitutionChainContainer table tbody tr td .cartLink[disabled="disabled"] { background: #cccccc; } #substitutionChainContainer table tbody tr p.addInfo { float: right; clear: both; margin: 0.2em 0 0 0; padding: 0; line-height: 1em; } @media only screen and (max-width: 767px) { #substitutionChainContainer table tbody tr.highlighted { border-bottom: 10px solid #0060ad; } } #substitutionChainContainer table tbody tr.highlighted td:first-child { -webkit-box-shadow: inset 10px 0px 0px 0px #0060ad; -moz-box-shadow: inset 10px 0px 0px 0px #0060ad; box-shadow: inset 10px 0px 0px 0px #0060ad; } @media only screen and (max-width: 767px) { #substitutionChainContainer table tbody tr.highlighted td:first-child { box-shadow: none; } } #substitutionChainContainer table tbody tr:first-child { border-top: 1px solid #e5e5e5; } #substitutionChainContainer table tbody tr:last-child { border-bottom: 1px solid #e5e5e5; } @media only screen and (max-width: 1024px) { #substitutionChainContainer table td, #substitutionChainContainer table th { padding: 0.8em 0.4em; } #substitutionChainContainer table td:nth-of-type(1) { max-width: 6em; } #substitutionChainContainer table tbody tr td:first-child { padding-right: 1em; } #substitutionChainContainer table tr:hover { background: none; } } #substitutionChainContainer .tablesorter-bootstrap thead { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 1.6rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.3; letter-spacing: normal; color: #555555; } #substitutionChainContainer .tablesorter-bootstrap thead tr { background-color: #eaebeb; } #substitutionChainContainer .tablesorter-bootstrap thead tr:hover { background: #eaebeb; } #substitutionChainContainer .tablesorter-bootstrap thead th { background: transparent; border-right: 4px solid #fff; } #substitutionChainContainer .tablesorter-bootstrap thead th h3 { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 1.6rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.88; letter-spacing: normal; color: #555555; } #substitutionChainContainer .tablesorter-bootstrap thead th[headers="header0"] { text-align: center; } #substitutionChainContainer .tablesorter-bootstrap thead th[headers="header1"] { width: 10%; } #substitutionChainContainer .tablesorter-bootstrap thead th[headers="header2"] { width: 65%; } #substitutionChainContainer .tablesorter-bootstrap thead th[headers="header4"] { width: 25%; text-align: right; } #substitutionChainContainer .tablesorter-bootstrap thead th[headers="header6"] { width: auto; } #substitutionChainContainer .tablesorter-bootstrap tbody tr:hover { background-color: transparent; } #substitutionChainContainer .tablesorter-bootstrap tbody tr td[headers="header2"] { padding-left: 10px; } #substitutionChainContainer .tablesorter-bootstrap tbody tr .product_details_link, #substitutionChainContainer .tablesorter-bootstrap tbody tr .price { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 2rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.3; letter-spacing: normal; color: #555555; } #substitutionChainContainer .tablesorter-bootstrap tbody tr .item-number, #substitutionChainContainer .tablesorter-bootstrap tbody tr .summaryCartEntries, #substitutionChainContainer .tablesorter-bootstrap tbody tr .tax, #substitutionChainContainer .tablesorter-bootstrap tbody tr .addInfo { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 1.6rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.75; letter-spacing: normal; color: #8a939a; } #substitutionChainContainer .tablesorter-bootstrap tbody tr td.quantity, #substitutionChainContainer .tablesorter-bootstrap tbody tr td.total, #substitutionChainContainer .tablesorter-bootstrap tbody tr td.itemPrice { text-align: right; } #substitutionChainContainer .tablesorter-bootstrap tbody tr div.prodStatus { display: flex; flex-wrap: nowrap; padding-top: 14px; width: 100%; } #substitutionChainContainer .tablesorter-bootstrap tbody tr div.prodStatus p { padding: 0; margin: 0; } #substitutionChainContainer .tablesorter-bootstrap tbody tr div.prodStatus span { height: 1.2rem; width: 1.2rem; border-radius: 50%; display: inline-block; margin-right: 1rem; } #substitutionChainContainer .tablesorter-bootstrap tbody tr div.prodStatus span.iconYellow { background: #ffdd00; } #substitutionChainContainer .tablesorter-bootstrap tbody tr div.prodStatus span.iconGreen { background: #00987a; } #substitutionChainContainer .tablesorter-bootstrap tbody tr div.prodStatus span.iconRed { background: #b3282e; } #substitutionChainContainer .tablesorter-bootstrap tbody tr td.quantity form { position: relative; } #substitutionChainContainer .tablesorter-bootstrap tbody tr td.quantity .qty-switch { right: 30px; width: 20px; } #substitutionChainContainer .tablesorter-bootstrap tbody tr td.quantity .qty-switch a i { color: #555555; font-size: 1rem; } #substitutionChainContainer .item_container_holder { float: left; width: 100%; } #substitutionChainContainer .item_container_holder .title h1 { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 3.2rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.81; letter-spacing: normal; color: #000; } #substitutionChainContainer .item_container_holder .title_holder { min-height: auto; } #substitutionChainContainer .item_container_holder .title_holder h2 { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 2.0rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2.9; letter-spacing: normal; color: #000; } #substitutionChainContainer .item_container_holder .checkoutElement .title_holder h2 { margin-bottom: 19px; font-family: Noto Sans Bold, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 1.6rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0; color: #555555; } #substitutionChainContainer .item_container_holder .order_totals .voucherRedemption.rightAligned { width: 100%; margin: 0; padding: 0; } #substitutionChainContainer .item_container_holder .order_totals .voucherRedemption.rightAligned input { width: 67%; font-size: 14px; } @media only screen and (max-width: 1024px) { #substitutionChainContainer .item_container_holder .order_totals .voucherRedemption.rightAligned input { width: 56%; } } #substitutionChainContainer .item_container_holder .order_totals .voucherRedemption.rightAligned .voucherRedemptionButton { padding: 10px 32px; margin-left: 15px; } #substitutionChainContainer .item_container_holder .order_totals .voucherRedemption.rightAligned .voucher-list .filterSelected { font-size: 13px; text-align: left; } #substitutionChainContainer .info_container .title_holder { min-height: 2em; padding-left: 0; } #substitutionChainContainer .title_holder { position: relative; padding-left: 0; } #substitutionChainContainer .title_holder form { float: right; position: absolute; right: 0; top: 0.3em; } #substitutionChainContainer .title_holder form button { float: left; margin: 0; padding: 0 2em; width: 100%; border: none; color: #fff; font-size: 1.6rem; line-height: 2.8rem; text-align: center; padding: 1rem; display: block; box-sizing: border-box; background: #eaebeb; color: #555555; } #substitutionChainContainer .title_holder form button:hover, #substitutionChainContainer .title_holder form button:focus { background-color: #f7f7f7; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #c4c4c4)); background: -webkit-linear-gradient(top, #f7f7f7 0%, #c4c4c4 100%); background: -moz-linear-gradient(top, #f7f7f7 0%, #c4c4c4 100%); background: -o-linear-gradient(top, #f7f7f7, #c4c4c4); background: -ms-linear-gradient(top, #f7f7f7, #c4c4c4); background: linear-gradient(to bottom, #f7f7f7, #c4c4c4); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#c4c4c4'); } #substitutionChainContainer .title_holder form button:active { background-color: #323c43; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #323c43), color-stop(100%, #333d45)); background: -webkit-linear-gradient(top, #323c43 0%, #333d45 100%); background: -moz-linear-gradient(top, #323c43 0%, #333d45 100%); background: -o-linear-gradient(top, #323c43, #333d45); background: -ms-linear-gradient(top, #323c43, #333d45); background: linear-gradient(to bottom, #323c43, #333d45); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#323c43', endColorstr='#333d45'); color: #fff; } #substitutionChainContainer .title_holder form button.active { width: 100%; border: none; color: #fff; font-size: 1.6rem; line-height: 2.8rem; text-align: center; padding: 1rem; display: block; box-sizing: border-box; background: #052a68; } #substitutionChainContainer .title_holder form button.active:hover, #substitutionChainContainer .title_holder form button.active:focus { background: #042153; } #substitutionChainContainer .title_holder form button.active:active { background: #323c43; } #substitutionChainContainer .title_holder form button.active[disabled="disabled"] { background: #99adc2; } #substitutionChainContainer .title_holder form button.active[disabled="disabled"]:hover { background: #99adc2; } @media only screen and (max-width: 767px) { #substitutionChainContainer .title_holder form button.active { width: 100%; } } #substitutionChainContainer .title_holder form button.left { border-top-right-radius: 0; border-bottom-right-radius: 0; } #substitutionChainContainer .title_holder form button.right { border-top-left-radius: 0; border-bottom-left-radius: 0; } #substitutionChainContainer .nopictures table tbody tr td[headers="header1"] { width: 0; display: none; } #substitutionChainContainer .nopictures table tbody tr td[headers="header2"] { padding: 0.8em 1em 0.8em 0; } #substitutionChainContainer .nopictures .product_image { display: none; } #substitutionChainContainer #info { float: left; width: 27%; } #substitutionChainContainer #info .title_holder { min-height: 4em; padding-left: 0; } #substitutionChainContainer #info dl.info dt { float: left; clear: both; padding: 0.4em 0; } #substitutionChainContainer #info dl.info dd { float: right; font-size: 1.6em; padding: 0.4em 0; text-align: right; } #substitutionChainContainer #info dl.info .info-border-top { border-top: 1px solid #e5e5e5; float: left; width: 100%; } #substitutionChainContainer #info dl.info .info-border-bottom { border-top: 1px double #e5e5e5; border-width: 4px; float: left; width: 100%; height: 2em; } #substitutionChainContainer #info dl.info .bold { font-family: 'theSans-LP7-Bold', Arial, sans-serif; } @media only screen and (max-width: 1024px) { #substitutionChainContainer .inputOptions { float: left; width: 50%; } #substitutionChainContainer .inputOptions .info_container { margin-bottom: 1.5rem; width: 100%; } } #substitutionChainContainer .tablesorter-header-inner .sort-arrow { font-size: 10px; padding: 0; pointer-events: none; width: 25px; height: 100%; font-style: normal; position: relative; display: inline-block; } #substitutionChainContainer .tablesorter-header-inner .sort-arrow :before { content: "\E831"; font-family: 'fontello'; font-size: 1.2rem; position: absolute; right: -6px; top: -0.4rem; transform: rotate(90deg); color: #555; } #substitutionChainContainer .tablesorter-header-inner .sort-arrow :after { content: "\E830"; font-family: 'fontello'; font-size: 1.2rem; position: absolute; right: -6px; bottom: 0.6rem; transform: rotate(90deg); color: #555; } #substitutionChainContainer .tablesorter-headerDesc .tablesorter-header-inner .sort-arrow :after { font-weight: bold; } #substitutionChainContainer .tablesorter-headerDesc .tablesorter-header-inner .sort-arrow :before { color: #DCDCDC; } #substitutionChainContainer .tablesorter-headerAsc .tablesorter-header-inner .sort-arrow :after { color: #DCDCDC; } #substitutionChainContainer .tablesorter-headerAsc .tablesorter-header-inner .sort-arrow :before { font-weight: bold; } #substitutionChainContainer .item_container_holder.long .info_container.export { margin-top: 20px; width: calc(40% - 4em); } @media only screen and (max-width: 767px) { #substitutionChainContainer .info_container_holder.long { margin-top: 0; } #substitutionChainContainer .info_container_holder.long .info_container .formline input[name="item-number"] { width: 11.5em; height: 2em; margin: 0em .9em 0 0; } } @media only screen and (max-width: 767px) and (max-width: 1024px) { #substitutionChainContainer .info_container_holder.long .info_container .formline input[name="item-number"] { width: 14em; margin-right: 1em; } } @media only screen and (max-width: 767px) { #substitutionChainContainer .info_container_holder.long .info_container .formline input[name="productCodePost"] { margin-right: 1em; } #substitutionChainContainer .title_holder { min-height: 4em; } #substitutionChainContainer .title_holder h1 { margin-bottom: 0.4em; margin-top: 0; } #substitutionChainContainer .title_holder form { display: none; } #substitutionChainContainer table thead { display: none; } #substitutionChainContainer table tbody tr { display: block; float: left; position: relative; padding-bottom: 1em; width: 100%; } #substitutionChainContainer table tbody tr td { display: block; float: left; padding-left: 0; padding-right: 0; width: 100%; } #substitutionChainContainer table tbody tr td:nth-of-type(1) { display: none; } #substitutionChainContainer table tbody tr td[headers="header1"] { width: 100%; } #substitutionChainContainer table tbody tr td[headers="header2"] { width: 90%; padding-left: 0 !important; } #substitutionChainContainer table tbody tr td[headers="header3"] { width: 100%; } #substitutionChainContainer table tbody tr td[headers="header4"] { width: 100%; } #substitutionChainContainer table tbody tr td[headers="header5"] { width: 100%; } #substitutionChainContainer table tbody tr td[headers="header6"] { width: 100%; } #substitutionChainContainer table tbody tr td.itemPrice { float: right; padding: 0.2em 0; width: 100%; } #substitutionChainContainer table tbody tr td.itemPrice .tax { display: none; } #substitutionChainContainer table tbody tr td.itemPrice:before { content: attr(data-th); font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; display: inline-block; font-size: 17px; float: left; text-align: left; width: 30%; padding-top: 0.2em; } #substitutionChainContainer table tbody tr td.partialDelivery { float: right; padding: 0.2em 0; width: 100%; } #substitutionChainContainer table tbody tr td.partialDelivery:before { content: attr(data-th); display: inline-block; font-size: 13px; float: left; text-align: left; width: 30%; padding-top: 0.2em; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; } #substitutionChainContainer table tbody tr td.partialDelivery form label { margin: 0; } #substitutionChainContainer table tbody tr td.quantity { float: right; padding: 0.2em 0; width: 100%; } #substitutionChainContainer table tbody tr td.quantity:before { content: attr(data-th); display: inline-block; float: left; text-align: left; width: 64%; padding-top: 0.2em; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; } #substitutionChainContainer table tbody tr td.quantity input.qty { margin-left: 2.5em; min-width: 47px; } #substitutionChainContainer table tbody tr td.partialDelivery { padding: 0.2em 0; } #substitutionChainContainer table tbody tr td.partialDelivery form { float: right; width: auto; } #substitutionChainContainer table tbody tr td.partialDelivery .checkbox, #substitutionChainContainer table tbody tr td.partialDelivery label { margin: 0; } #substitutionChainContainer table tbody tr td.partialDelivery:before { content: attr(data-th); display: inline-block; font-size: 17px; float: left; text-align: left; width: 64%; padding-top: 0.2em; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; } #substitutionChainContainer table tbody tr td.center { padding: 0; position: absolute; right: 0; top: 1em; width: auto; } #substitutionChainContainer table tbody tr td:last-child { float: right; padding-top: 0; padding-left: 0; width: 100%; } #substitutionChainContainer table tbody tr td:last-child:before { content: attr(data-th); display: inline-block; float: left; text-align: left; width: 30%; padding-top: 0.2em; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; } #substitutionChainContainer table tbody tr td:last-child.noPrice { padding-top: .25em; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #substitutionChainContainer table tbody tr td:last-child.noPrice:after { content: "!"; text-align: center; font-size: 1.8em; font-weight: bold; background: #fedb00; width: .8em; right: -1.4em; } #substitutionChainContainer .info_container { margin: 0 0 2em 0; padding: 1.4em; width: 100%; } #substitutionChainContainer .info_container .formline input { margin-right: 0.9em; } #substitutionChainContainer .info_container .formline input[type="text"] { width: 100%; height: 1.95em; margin: 0 0 1em 0; } #substitutionChainContainer .info_container .formline input.qty, #substitutionChainContainer .info_container .formline input.select_date, #substitutionChainContainer .info_container .formline input.datepickerContainer { margin: 0; } #substitutionChainContainer .info_container .formline input.qty { height: 2.15em; width: 4.6em; } #substitutionChainContainer .info_container .formline input.select_date { width: 90%; } #substitutionChainContainer #totals { width: 100%; } } #mainContent .prod_refine { width: 100%; float: left; background: #fff; position: relative; height: auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #mainContent .prod_refine.noBG { background: transparent; padding: 0; width: auto; float: right; } #mainContent .prod_refine.noBG .resultOptions { background: transparent; } #mainContent .prod_refine.noBG .resultNavi { display: block; } @media only screen and (max-width: 767px) { #mainContent .prod_refine.noBG .resultNavi { display: block; padding-right: 0; } } #mainContent .prod_refine h1 { font-size: 3.2rem; margin: 0.5rem 0 1.5rem 0; width: 85%; line-height: 1; } @media only screen and (max-width: 1024px) { #mainContent .prod_refine h1 { width: 80%; margin: 0; margin-bottom: 1.2rem; } } @media only screen and (max-width: 767px) { #mainContent .prod_refine h1 { width: 100%; margin: 0; margin-bottom: 1.2rem; } } #mainContent .prod_refine h1 span.counter { font-size: 2rem; color: #cccccc; } @media only screen and (max-width: 767px) { #mainContent .prod_refine h1 span.counter { float: left; width: 100%; margin-bottom: 0; } } #mainContent .prod_refine p { font-size: 1.6rem; width: 100%; } #mainContent .prod_refine .resultOptions { width: 100%; display: flex; flex-wrap: wrap; position: relative; } #mainContent .prod_refine .resultOptions p { font-weight: normal; clear: both; } #mainContent .prod_refine .resultOptions .search, #mainContent .prod_refine .resultOptions #orderHistoryNavigation { display: inline-block; width: 100%; float: left; } #mainContent .prod_refine .resultOptions div.filterForm, #mainContent .prod_refine .resultOptions div.smartFilterForm { float: left; padding: 2rem 0 0 0; width: calc(100% + 2rem); order: 4; background: #eaebeb; margin: 0 -1rem; padding: 0 1rem; padding-bottom: 1rem; } @media only screen and (max-width: 767px) { #mainContent .prod_refine .resultOptions div.filterForm.active, #mainContent .prod_refine .resultOptions div.smartFilterForm.active { display: block; padding-top: 1rem; } #mainContent .prod_refine .resultOptions div.filterForm.active .select, #mainContent .prod_refine .resultOptions div.smartFilterForm.active .select { height: unset; } #mainContent .prod_refine .resultOptions div.filterForm.active .select.multiple, #mainContent .prod_refine .resultOptions div.smartFilterForm.active .select.multiple { margin: 1rem 1rem 0 0; } #mainContent .prod_refine .resultOptions div.filterForm.active .select.multiple:first-child, #mainContent .prod_refine .resultOptions div.smartFilterForm.active .select.multiple:first-child { margin: 0; } } #mainContent .prod_refine .resultOptions h2.filter { display: none; } #mainContent .prod_refine .resultOptions select, #mainContent .prod_refine .resultOptions .select a:link { line-height: 1.5em; font-size: 14px; padding: 0.2em; color: #555555; border: 1px solid #cccccc; background: #eaebeb; } #mainContent .prod_refine .resultOptions .select { float: left; position: relative; margin: 1rem 1rem 0 0; } #mainContent .prod_refine .resultOptions .select select { padding: 0 2.4em 0 0.2em; margin: 0; background: #fff; color: #555555; border: 1px solid #ccc; outline: none; overflow: hidden; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; height: 100%; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #mainContent .prod_refine .resultOptions .select select::-ms-expand { display: none; } #mainContent .prod_refine .resultOptions .select > a { line-height: 1.5em; font-size: 14px; padding: 0.2em; color: #555; border: 1px solid #ccc; background: #eaebeb; } #mainContent .prod_refine .resultOptions .select > a:before { content: "\E831"; font-family: 'fontello'; font-size: 1.2rem; position: absolute; right: 0.8em; top: 2rem; transform: rotate(90deg); color: #555555; } #mainContent .prod_refine .resultOptions .select > a:after { content: "\E830"; font-family: 'fontello'; font-size: 1.2rem; position: absolute; right: 0.8em; bottom: 2rem; transform: rotate(90deg); color: #555555; } #mainContent .prod_refine .resultOptions .select a.button { float: left; font-weight: normal; font-size: 1.6rem; padding: 1rem 0 1rem 1.5rem; width: 100%; min-width: 22rem; white-space: nowrap; text-overflow: ellipsis; background: #fff; white-space: nowrap; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #mainContent .prod_refine .resultOptions .select a.button span { color: #555; float: left; overflow: hidden; height: 100%; width: 100%; text-overflow: ellipsis; } #mainContent .prod_refine .resultOptions .select span.arrow { display: none; position: absolute; height: 100%; right: 1rem; } #mainContent .prod_refine .resultOptions .select span.arrow:before { content: "\E830"; font-family: 'fontello'; font-size: 1.2rem; position: absolute; right: 0; top: 0.8rem; transform: rotate(90deg); color: #555; } #mainContent .prod_refine .resultOptions .select span.arrow:after { content: "\E831"; font-family: 'fontello'; font-size: 1.2rem; position: absolute; right: 0; bottom: -1.2rem; transform: rotate(90deg); color: #555; } #mainContent .prod_refine .resultOptions .select .dropdown, #mainContent .prod_refine .resultOptions .select .multiple_dropdown { visibility: hidden; opacity: 0; background: #fff; box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2); position: absolute; top: 4.6rem; left: 1px; width: calc(100% - 2px); z-index: 101; transition: visibility 0.4s, opacity 0.4s; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #mainContent .prod_refine .resultOptions .select .dropdown.active, #mainContent .prod_refine .resultOptions .select .multiple_dropdown.active { visibility: visible; opacity: 1; } #mainContent .prod_refine .resultOptions .select .dropdown label, #mainContent .prod_refine .resultOptions .select .multiple_dropdown label { background: none; color: #555555; float: left; font-size: 1.6rem; font-weight: normal; position: relative; pointer-events: all; padding: 1.3rem 1.5rem 1.3rem 4.3rem; box-sizing: border-box; width: 100%; } #mainContent .prod_refine .resultOptions .select .dropdown label:before, #mainContent .prod_refine .resultOptions .select .multiple_dropdown label:before { margin-top: -0.2em; } #mainContent .prod_refine .resultOptions .select .dropdown a.button, #mainContent .prod_refine .resultOptions .select .multiple_dropdown a.button { border: none; border-radius: 0; color: #555555; float: left; font-weight: normal; padding-bottom: 2rem; transition: all 0.3s; width: 100%; min-width: 0; max-width: none; text-decoration: underline; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; } #mainContent .prod_refine .resultOptions .select .dropdown a.button span, #mainContent .prod_refine .resultOptions .select .multiple_dropdown a.button span { text-decoration: underline; } #mainContent .prod_refine .resultOptions .select .dropdown a.button .apply, #mainContent .prod_refine .resultOptions .select .multiple_dropdown a.button .apply { display: none; } #mainContent .prod_refine .resultOptions .select .dropdown a.button.apply .close, #mainContent .prod_refine .resultOptions .select .multiple_dropdown a.button.apply .close { display: none; } #mainContent .prod_refine .resultOptions .select .dropdown a.button.apply span.apply, #mainContent .prod_refine .resultOptions .select .multiple_dropdown a.button.apply span.apply { display: block; } #mainContent .prod_refine .resultOptions .select .multiple_dropdown_filter { margin-bottom: 1em; width: 100%; } #mainContent .prod_refine .resultOptions .select .multiple_dropdown_filter input { width: calc(100% - 6px); font-size: 1.3em; padding: 2px; } #mainContent .prod_refine .resultOptions .select .multiple_dropdown_filter_noResult { display: none; } #mainContent .prod_refine .resultOptions .select .multiple_dropdown_filter_noResult span { background: none; color: #555555; float: left; font-size: 1.3em; font-weight: normal; line-height: 1.3em; padding: 0.5em 0.5em 0 0; position: relative; } #mainContent .prod_refine .resultOptions .select .dropdown { padding: 0; width: 100%; } #mainContent .prod_refine .resultOptions .select .dropdown span { color: #555; cursor: pointer; float: left; font-size: 14px; font-weight: normal; line-height: 1.4em; padding: 5px 10px; width: 100%; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #mainContent .prod_refine .resultOptions .select .dropdown span:hover { background: #eee; } #mainContent .prod_refine .resultOptions .select .form_field-input { overflow-y: auto; max-height: 44rem; width: 100%; } #mainContent .prod_refine .resultOptions .select .form_field-input::-webkit-scrollbar { width: 6px; } #mainContent .prod_refine .resultOptions .select .form_field-input::-webkit-scrollbar-track { background: #eaebeb; border-radius: 5px; } #mainContent .prod_refine .resultOptions .select .form_field-input::-webkit-scrollbar-thumb { background: #052a68; border-radius: 5px; } #mainContent .prod_refine .resultOptions .select .form_field-input .checkbox { width: 100%; } #mainContent .prod_refine .resultOptions .filterSelectedWrap, #mainContent .prod_refine .resultOptions .smartFilterSelectedWrap { float: left; font-weight: normal; line-height: 2em; vertical-align: middle; padding: 1rem 0 1rem 0; width: calc(100% + 2rem); margin: 0 -1rem; background: #eaebeb; order: 5; } @media only screen and (max-width: 767px) { #mainContent .prod_refine .resultOptions .filterSelectedWrap, #mainContent .prod_refine .resultOptions .smartFilterSelectedWrap { display: none; } } #mainContent .prod_refine .resultOptions .filterSelectedWrap span, #mainContent .prod_refine .resultOptions .smartFilterSelectedWrap span { display: none; } #mainContent .prod_refine .resultOptions .filterSelectedWrap span.filterSelected, #mainContent .prod_refine .resultOptions .smartFilterSelectedWrap span.filterSelected { display: block; } #mainContent .prod_refine .resultOptions .filterSelectedWrap .filterSelected, #mainContent .prod_refine .resultOptions .smartFilterSelectedWrap .filterSelected { float: left; margin-left: 1rem; background: #0060ad; padding: 0.5rem 0 0.5rem 1.5rem; margin-bottom: 1rem; border-radius: 19rem; color: #fff; font-size: 1.6rem; } #mainContent .prod_refine .resultOptions .filterSelectedWrap .filterSelected a.close, #mainContent .prod_refine .resultOptions .smartFilterSelectedWrap .filterSelected a.close { float: right; padding: 0 1.5rem; } #mainContent .prod_refine .resultOptions .filterSelectedWrap .filterSelected a.close:before, #mainContent .prod_refine .resultOptions .smartFilterSelectedWrap .filterSelected a.close:before { content: '\E833'; font-family: "fontello"; font-size: 1.2rem; color: #fff; } #mainContent .prod_refine .resultOptions .filterSelectedWrap > a, #mainContent .prod_refine .resultOptions .smartFilterSelectedWrap > a { margin-left: 1rem; background: #fff; padding: 0.5rem 3.3rem 0.5rem 1.5rem; border-radius: 19rem; color: #555555; font-size: 1.6rem; display: inline-block; } #mainContent .prod_refine .resultOptions .filterSelectedWrap > a:after, #mainContent .prod_refine .resultOptions .smartFilterSelectedWrap > a:after { content: '\E833'; font-family: "fontello"; font-size: 1.2rem; color: #555555; right: -1.5rem; position: relative; } #mainContent .prod_refine .resultOptions .display { float: left; font-size: 1.2em; line-height: 2.2em; } @media only screen and (max-width: 767px) { #mainContent .prod_refine .resultOptions .display { display: none; } } #mainContent .prod_refine .resultOptions .display.sort { width: 32%; margin-right: 3%; } #mainContent .prod_refine .resultOptions .display.sort select { width: 9.8em; } #mainContent .prod_refine .resultOptions .display.onePage { margin-right: 0; } #mainContent .prod_refine .resultOptions .display label { float: left; margin: 0 1.5rem 0 0; } #mainContent .prod_refine .resultOptions .display select, #mainContent .prod_refine .resultOptions .display a.button { width: 5.166em; margin: 0; min-width: 0; } #mainContent .prod_refine .resultOptions .display .select { margin-bottom: 0; } #mainContent .prod_refine .resultOptions .sort { float: left; width: 40%; font-size: 1.2em; line-height: 2.2em; } #mainContent .prod_refine .resultOptions .sort label { float: left; margin: 0 0.6em 0 0; } #mainContent .prod_refine .resultOptions .display form { margin-right: 0.6em; font-size: 1.6rem; display: flex; align-items: center; } #mainContent .prod_refine .resultOptions .resultView { width: auto; font-size: 1.2em; line-height: 2em; text-align: right; height: 3.2rem; border: solid 1px #cccccc; background: #eaebeb; border-radius: 19px; display: flex; flex-wrap: wrap; align-self: center; justify-content: center; align-items: center; margin-bottom: 1.2rem; } @media only screen and (max-width: 767px) { #mainContent .prod_refine .resultOptions .resultView { position: unset; top: unset; display: none; } } #mainContent .prod_refine .resultOptions .resultView label { visibility: hidden; width: 0; height: 0; } #mainContent .prod_refine .resultOptions .resultView a { display: block; position: relative; padding: 0 1.5rem; } #mainContent .prod_refine .resultOptions .resultView a.grid { padding-right: 1.8rem; } #mainContent .prod_refine .resultOptions .resultView a.list { padding-left: 1.8rem; } #mainContent .prod_refine .resultOptions .resultView a.list:before { content: ""; width: 5rem; height: 2.8rem; position: absolute; right: 2px; top: -2px; background: #fff; border-radius: 19px; transition: 300ms; z-index: 1; } #mainContent .prod_refine .resultOptions .resultView a.list.active:before { right: calc(100% + 2px); transition: 300ms; } #mainContent .prod_refine .resultOptions .toOverview { font-size: 1.4em; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; float: left; background: #052a68 url(../_ui/responsive/theme-KRONES/images/layout/icons-sprite.png) -2.7em -13.2em no-repeat; color: #fff; border-radius: 3px; height: 2em; line-height: 2em; padding: 0 0.6em 0 2.5em; } #mainContent .prod_refine .resultOptions .resultNavi { float: right; text-align: right; font-size: 1.4em; line-height: 1.6em; margin-left: auto; position: relative; right: -1.5rem; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; } @media only screen and (max-width: 767px) { #mainContent .prod_refine .resultOptions .resultNavi { display: none; } } #mainContent .prod_refine .resultOptions .resultNavi ul.pagination { width: auto; height: 4.8rem; display: flex; align-items: center; } #mainContent .prod_refine .resultOptions .resultNavi ul.pagination li { float: left; } #mainContent .prod_refine .resultOptions .resultNavi ul.pagination li:first-child { border: none; } #mainContent .prod_refine .resultOptions .resultNavi ul.pagination li:last-child { border: none; } #mainContent .prod_refine .resultOptions .resultNavi ul.pagination li a:link, #mainContent .prod_refine .resultOptions .resultNavi ul.pagination li a:visited { float: left; display: block; width: 100%; height: 100%; font-size: 3rem; } #mainContent .prod_refine .resultOptions .resultNavi ul.pagination li a:link i, #mainContent .prod_refine .resultOptions .resultNavi ul.pagination li a:visited i { color: #555555; } #mainContent .prod_refine .resultOptions .resultNavi ul.pagination li.disabled a i { color: #cccccc; } #mainContent .prod_refine .resultOptions .resultNavi ul.pagination li a:hover, #mainContent .prod_refine .resultOptions .resultNavi ul.pagination li a:focus, #mainContent .prod_refine .resultOptions .resultNavi ul.pagination li a:active { text-decoration: none; } #mainContent .prod_refine .resultOptions .resultNavi ul.pagination li.pagenumbertext { margin-right: 10px; margin-left: 10px; font-family: Arial, sans-serif; color: #555555; font-size: 1.6rem; line-height: 4.8rem; width: 14rem; height: 100%; text-align: center; border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; } #mainContent .prod_refine .resultOptions .resultNavi ul.pagination li.current a:link, #mainContent .prod_refine .resultOptions .resultNavi ul.pagination li.current a:visited { color: #777; } @media only screen and (max-width: 767px) { #mainContent .prod_refine .resultOptions .display .select { width: 6em; } #mainContent .prod_refine .resultOptions .sort .select { margin: 0; width: 13em; } #mainContent .prod_refine .resultOptions form[name='order_search_form'] .select { width: 100%; margin-right: 0; margin-bottom: 0.3rem; min-width: 0; } #mainContent .prod_refine .resultOptions form[name='order_search_form'] .select .selectboxit-container { width: 100%; margin-bottom: 10px; margin-right: 0; } #mainContent .prod_refine .resultOptions form[name='order_search_form'] input[type="text"] { width: 100% !important; margin-top: 30px !important; } #mainContent .prod_refine .resultOptions form[name='order_search_form'] input[type="submit"], #mainContent .prod_refine .resultOptions form[name='order_search_form'] input[type="button"] { width: 100% !important; margin-left: 0; } } #mainContent .prod_refine .resultOptions .function { margin: 8px 4em 0 4em; } @media only screen and (max-width: 767px) { #mainContent .prod_refine .resultOptions .function { margin: 0; width: 100%; } } #mainContent .prod_refine .search .colFilter, #mainContent .prod_refine .createUpgradeButtonForm .colFilter { float: left; } #mainContent .prod_refine .search .colSearch, #mainContent .prod_refine .createUpgradeButtonForm .colSearch { float: left; } #mainContent .prod_refine .search div.filterForm, #mainContent .prod_refine .createUpgradeButtonForm div.filterForm { width: auto; padding: 0px; } #mainContent .prod_refine .search form, #mainContent .prod_refine .createUpgradeButtonForm form { float: left; margin: 0; width: auto; } @media only screen and (min-width: 768px) { #mainContent .prod_refine .search form[name='skp_search_form'], #mainContent .prod_refine .createUpgradeButtonForm form[name='skp_search_form'] { width: calc(100% - 14rem); } #mainContent .prod_refine .search form[name='skp_search_form'] input[type="text"], #mainContent .prod_refine .createUpgradeButtonForm form[name='skp_search_form'] input[type="text"] { width: calc(100% - 75rem) !important; } } @media only screen and (max-width: 767px) { #mainContent .prod_refine .search form[name='request_skp_form'], #mainContent .prod_refine .createUpgradeButtonForm form[name='request_skp_form'] { width: 100%; margin-top: 1em; } } #mainContent .prod_refine .search .filterSelectedWrap, #mainContent .prod_refine .createUpgradeButtonForm .filterSelectedWrap { padding-top: 0px; } #mainContent .prod_refine .search .filterSelectedWrap span, #mainContent .prod_refine .createUpgradeButtonForm .filterSelectedWrap span { margin-right: 15px; } #mainContent .prod_refine .search .filterSelectedWrap .filterSelected, #mainContent .prod_refine .createUpgradeButtonForm .filterSelectedWrap .filterSelected { margin: 0 15px 15px 0; } #mainContent .prod_refine .search .filterSelectedWrap > a, #mainContent .prod_refine .createUpgradeButtonForm .filterSelectedWrap > a { white-space: nowrap; } #mainContent .prod_refine .search input[type="text"], #mainContent .prod_refine .createUpgradeButtonForm input[type="text"] { float: left; color: #555555; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 1.6rem; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: calc(100% - 6rem); border: solid 1px #c0c0c0; height: 4.8rem; padding: 0 1.5rem; opacity: 1; } #mainContent .prod_refine .search input[type="text"]::-webkit-input-placeholder, #mainContent .prod_refine .createUpgradeButtonForm input[type="text"]::-webkit-input-placeholder { color: #707172; font-size: 14px; opacity: 1; } #mainContent .prod_refine .search input[type="text"]::-moz-placeholder, #mainContent .prod_refine .createUpgradeButtonForm input[type="text"]::-moz-placeholder { color: #707172; font-size: 14px; opacity: 1; } #mainContent .prod_refine .search input[type="text"]:-ms-input-placeholder, #mainContent .prod_refine .createUpgradeButtonForm input[type="text"]:-ms-input-placeholder { color: #707172; font-size: 14px; opacity: 1; } #mainContent .prod_refine .search input[type="text"]:-moz-placeholder, #mainContent .prod_refine .createUpgradeButtonForm input[type="text"]:-moz-placeholder { color: #707172; font-size: 14px; opacity: 1; } @media only screen and (max-width: 767px) { #mainContent .prod_refine .search input[type="text"], #mainContent .prod_refine .createUpgradeButtonForm input[type="text"] { width: 100% !important; } } #mainContent .prod_refine .search select, #mainContent .prod_refine .createUpgradeButtonForm select { width: 12%; } #mainContent .prod_refine .search select.invalid ~ .select2 .select2-selection, #mainContent .prod_refine .createUpgradeButtonForm select.invalid ~ .select2 .select2-selection { border: 1px solid red; } #mainContent .prod_refine .search .select2, #mainContent .prod_refine .createUpgradeButtonForm .select2 { float: left; font-size: 1.4rem; color: #555555 !important; margin: 0 0.8em 0 0; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; } #mainContent .prod_refine .search .select2 .select2-selection__rendered, #mainContent .prod_refine .createUpgradeButtonForm .select2 .select2-selection__rendered { color: #555555; font-weight: normal; } #mainContent .prod_refine .search .select2 .select2-selection, #mainContent .prod_refine .createUpgradeButtonForm .select2 .select2-selection { border: 1px solid #d9d9d9; } #mainContent .prod_refine .search input[type="submit"], #mainContent .prod_refine .search input[type="button"], #mainContent .prod_refine .createUpgradeButtonForm input[type="submit"], #mainContent .prod_refine .createUpgradeButtonForm input[type="button"] { width: 100%; border: none; color: #fff; font-size: 1.6rem; line-height: 2.8rem; text-align: center; padding: 1rem; display: block; box-sizing: border-box; background: #052a68; width: auto; min-width: 123px; display: inline-block; float: left; } #mainContent .prod_refine .search input[type="submit"]:hover, #mainContent .prod_refine .search input[type="submit"]:focus, #mainContent .prod_refine .search input[type="button"]:hover, #mainContent .prod_refine .search input[type="button"]:focus, #mainContent .prod_refine .createUpgradeButtonForm input[type="submit"]:hover, #mainContent .prod_refine .createUpgradeButtonForm input[type="submit"]:focus, #mainContent .prod_refine .createUpgradeButtonForm input[type="button"]:hover, #mainContent .prod_refine .createUpgradeButtonForm input[type="button"]:focus { background: #042153; } #mainContent .prod_refine .search input[type="submit"].resetButton, #mainContent .prod_refine .search input[type="button"].resetButton, #mainContent .prod_refine .createUpgradeButtonForm input[type="submit"].resetButton, #mainContent .prod_refine .createUpgradeButtonForm input[type="button"].resetButton { width: 100%; border: none; color: #fff; font-size: 1.6rem; line-height: 2.8rem; text-align: center; padding: 1rem; display: block; box-sizing: border-box; background: #e34805; width: auto; min-width: 123px; margin-left: 1rem; display: none; } #mainContent .prod_refine .search input[type="submit"].resetButton:hover, #mainContent .prod_refine .search input[type="submit"].resetButton:focus, #mainContent .prod_refine .search input[type="button"].resetButton:hover, #mainContent .prod_refine .search input[type="button"].resetButton:focus, #mainContent .prod_refine .createUpgradeButtonForm input[type="submit"].resetButton:hover, #mainContent .prod_refine .createUpgradeButtonForm input[type="submit"].resetButton:focus, #mainContent .prod_refine .createUpgradeButtonForm input[type="button"].resetButton:hover, #mainContent .prod_refine .createUpgradeButtonForm input[type="button"].resetButton:focus { background: #b53904; } #mainContent .prod_refine .search input[type="submit"].resetButton:active, #mainContent .prod_refine .search input[type="button"].resetButton:active, #mainContent .prod_refine .createUpgradeButtonForm input[type="submit"].resetButton:active, #mainContent .prod_refine .createUpgradeButtonForm input[type="button"].resetButton:active { background: #B13804; } #mainContent .prod_refine .search button, #mainContent .prod_refine .createUpgradeButtonForm button { width: auto; } #mainContent .prod_refine .search form[name="upgrade_search_form"], #mainContent .prod_refine .createUpgradeButtonForm form[name="upgrade_search_form"] { width: 85%; } @media only screen and (max-width: 1024px) { #mainContent .prod_refine .search form[name="upgrade_search_form"], #mainContent .prod_refine .createUpgradeButtonForm form[name="upgrade_search_form"] { margin: 0; width: 100%; } } @media only screen and (max-width: 1024px) { #mainContent .prod_refine .search form[name="upgrade_search_form"] .select, #mainContent .prod_refine .createUpgradeButtonForm form[name="upgrade_search_form"] .select { width: 48%; } #mainContent .prod_refine .search form[name="upgrade_search_form"] .select .selectboxit-container, #mainContent .prod_refine .createUpgradeButtonForm form[name="upgrade_search_form"] .select .selectboxit-container { width: 100%; } } @media only screen and (max-width: 767px) { #mainContent .prod_refine .search form[name="upgrade_search_form"] .select, #mainContent .prod_refine .createUpgradeButtonForm form[name="upgrade_search_form"] .select { margin: 0; margin-top: 1rem; width: 100% !important; } #mainContent .prod_refine .search form[name="upgrade_search_form"] .select .selectboxit-container, #mainContent .prod_refine .createUpgradeButtonForm form[name="upgrade_search_form"] .select .selectboxit-container { width: 100% !important; } } #mainContent .prod_refine .search form[name="upgrade_search_form"] .select2, #mainContent .prod_refine .createUpgradeButtonForm form[name="upgrade_search_form"] .select2 { margin: 1rem 1rem 0 0; } @media only screen and (max-width: 1024px) { #mainContent .prod_refine .search form[name="upgrade_search_form"] .select2, #mainContent .prod_refine .createUpgradeButtonForm form[name="upgrade_search_form"] .select2 { width: 48% !important; } } @media only screen and (max-width: 767px) { #mainContent .prod_refine .search form[name="upgrade_search_form"] .select2, #mainContent .prod_refine .createUpgradeButtonForm form[name="upgrade_search_form"] .select2 { width: 100% !important; } } #mainContent .prod_refine .search form[name="upgrade_search_form"] input[type="text"], #mainContent .prod_refine .createUpgradeButtonForm form[name="upgrade_search_form"] input[type="text"] { margin: 1rem 1rem 0 0; width: calc(100% - 42rem); } @media only screen and (max-width: 1024px) { #mainContent .prod_refine .search form[name="upgrade_search_form"] input[type="text"], #mainContent .prod_refine .createUpgradeButtonForm form[name="upgrade_search_form"] input[type="text"] { width: 48% !important; } } @media only screen and (max-width: 767px) { #mainContent .prod_refine .search form[name="upgrade_search_form"] input[type="text"], #mainContent .prod_refine .createUpgradeButtonForm form[name="upgrade_search_form"] input[type="text"] { width: 100% !important; } } #mainContent .prod_refine .search form[name="upgrade_search_form"] input[type="text"]#upgradeEntryProductionline, #mainContent .prod_refine .search form[name="upgrade_search_form"] input[type="text"]#upgradeEntryOwner, #mainContent .prod_refine .search form[name="upgrade_search_form"] input[type="text"]#upgradeEntryCommission, #mainContent .prod_refine .createUpgradeButtonForm form[name="upgrade_search_form"] input[type="text"]#upgradeEntryProductionline, #mainContent .prod_refine .createUpgradeButtonForm form[name="upgrade_search_form"] input[type="text"]#upgradeEntryOwner, #mainContent .prod_refine .createUpgradeButtonForm form[name="upgrade_search_form"] input[type="text"]#upgradeEntryCommission { width: 23%; } @media only screen and (max-width: 767px) { #mainContent .prod_refine .search form[name="upgrade_search_form"] input[type="text"]#upgradeEntryProductionline, #mainContent .prod_refine .search form[name="upgrade_search_form"] input[type="text"]#upgradeEntryOwner, #mainContent .prod_refine .search form[name="upgrade_search_form"] input[type="text"]#upgradeEntryCommission, #mainContent .prod_refine .createUpgradeButtonForm form[name="upgrade_search_form"] input[type="text"]#upgradeEntryProductionline, #mainContent .prod_refine .createUpgradeButtonForm form[name="upgrade_search_form"] input[type="text"]#upgradeEntryOwner, #mainContent .prod_refine .createUpgradeButtonForm form[name="upgrade_search_form"] input[type="text"]#upgradeEntryCommission { width: 100% !important; } } #mainContent .prod_refine .search form[name="upgrade_search_form"] input[type="text"]:focus, #mainContent .prod_refine .createUpgradeButtonForm form[name="upgrade_search_form"] input[type="text"]:focus { border-bottom: 2px solid #052a68; } #mainContent .prod_refine .search form[name="upgrade_search_form"] input.orange-button, #mainContent .prod_refine .createUpgradeButtonForm form[name="upgrade_search_form"] input.orange-button { margin: 1rem 1rem 0 0; } @media only screen and (max-width: 767px) { #mainContent .prod_refine .search form[name="upgrade_search_form"] input.orange-button, #mainContent .prod_refine .createUpgradeButtonForm form[name="upgrade_search_form"] input.orange-button { width: 100%; } } #mainContent .prod_refine .search form[name="upgrade_search_form"] #upgradeEntryUpgradeIdSelectBoxItContainer, #mainContent .prod_refine .createUpgradeButtonForm form[name="upgrade_search_form"] #upgradeEntryUpgradeIdSelectBoxItContainer { display: none; } @media only screen and (max-width: 1024px) { #mainContent .prod_refine .search form[name="upgrade_search_form"].upgradeEntriesSearchForm, #mainContent .prod_refine .createUpgradeButtonForm form[name="upgrade_search_form"].upgradeEntriesSearchForm { width: 100%; } } #mainContent .prod_refine .search form[name="upgrade_search_form"] .resetButton, #mainContent .prod_refine .createUpgradeButtonForm form[name="upgrade_search_form"] .resetButton { margin: 1rem 1rem 0 0; } @media only screen and (max-width: 767px) { #mainContent .prod_refine .search form[name="upgrade_search_form"] .resetButton, #mainContent .prod_refine .createUpgradeButtonForm form[name="upgrade_search_form"] .resetButton { width: 100%; } } #mainContent .prod_refine .search .skp_search_form input[type="text"] { width: 35%; } #mainContent .prod_refine .createUpgradeButtonForm { margin: 0 !important; } @media only screen and (max-width: 1024px) { #mainContent .prod_refine .createUpgradeButtonForm { float: left !important; width: 100% !important; } } #mainContent .prod_refine .createUpgradeButtonForm input[type="submit"] { margin: 1rem 1rem 0 0; } @media only screen and (max-width: 767px) { #mainContent .prod_refine .createUpgradeButtonForm input[type="submit"] { width: 100%; } } @media only screen and (max-width: 767px) { #mainContent .prod_refine .smartFilter { float: left; background: #fff; } #mainContent .prod_refine .smartFilter #smartFilterContent { float: left; max-height: 0; min-height: inherit; transition: 1s linear; margin: -0.4em 0 0 0; overflow: hidden; } #mainContent .prod_refine .smartFilter #smartFilterContent h3 { display: none; } #mainContent .prod_refine .smartFilter #smartFilterContent .filterBox { display: none; margin-bottom: .5em; } #mainContent .prod_refine .smartFilter #smartFilterContent .filterBox .item .category { margin-bottom: 1em; } #mainContent .prod_refine .smartFilter #smartFilterContent .filterBox form { float: left; margin: 0 0 0 0.1em; } #mainContent .prod_refine .smartFilter.active #smartFilterContent { max-height: 999px; } #mainContent .prod_refine .smartFilter.active #smartFilterContent .filterBox { display: block; } #mainContent .prod_refine .smartFilter h2 { background: #fff; cursor: pointer; display: block; font-size: 1.7em; float: left; padding: 0 0.6em; width: 100%; line-height: 2.1em; vertical-align: middle; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; } #mainContent .prod_refine .smartFilter h2 span { float: right; background: url(../_ui/responsive/images/layout/icons-sprite.png) -11.2em -163em #fff; width: 1.1em; height: 1.8em; } #mainContent .prod_refine .smartFilter h2.active span { background-position: -14em -160.1em; } #mainContent .prod_refine .search form input[type="text"] { width: 21.5em; margin: 2em 0 1em 0; } #mainContent .prod_refine .search form input[type="submit"] { margin-left: 0; width: 100%; } } @media only screen and (max-width: 767px) { #mainContent .prod_refine .specialBigProd .textWrap, #mainContent .prod_refine .specialBigProd .imgWrap, #mainContent .prod_refine .resultOptions .sort, #mainContent .prod_refine .resultOptions select { width: 100%; } #mainContent .prod_refine .specialBigProd .textWrap ul { padding: 1em 0; } #mainContent .prod_refine .resultOptions .display { float: left; width: 100%; } #mainContent .prod_refine .resultOptions .filterSelectedWrap, #mainContent .prod_refine .resultOptions .smartFilterSelectedWrap { float: left; margin: 0; padding: 1em 0; } #mainContent .prod_refine .resultOptions .filterSelectedWrap span:first-child, #mainContent .prod_refine .resultOptions .smartFilterSelectedWrap span:first-child { width: 100%; } #mainContent .prod_refine .resultOptions .filterSelectedWrap .filterSelected, #mainContent .prod_refine .resultOptions .smartFilterSelectedWrap .filterSelected { margin: 0 0.8em 0.8em 0; } #mainContent .prod_refine .resultOptions .filterSelectedWrap a:link, #mainContent .prod_refine .resultOptions .smartFilterSelectedWrap a:link { float: left; clear: both; } #mainContent .prod_refine .resultOptions .filterSelectedWrap { display: block; width: calc(100% + 2rem); margin: 0 -1rem; padding: 1rem; } #mainContent .prod_refine .resultOptions .filterSelectedWrap a:link { margin-left: 0; clear: none; } #mainContent .prod_refine .resultOptions form[name='order_search_form'] .select { height: 80px; margin: 0 4% 1.6em 0; } #mainContent .prod_refine .resultOptions .select { margin: 0 4% 1.6em 0; width: 100%; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #mainContent .prod_refine .resultOptions .select select { clear: both; margin-bottom: 1em; width: 100%; } #mainContent .prod_refine .resultOptions .select .arrow { width: 26px; } #mainContent .prod_refine .resultOptions .select:nth-child(4n) { margin-right: 0; } #mainContent .prod_refine .resultOptions h2.filter { background: #052a68; color: #fff; display: block; float: left; font-size: 1.6em; padding: 0.3em 0.8em; cursor: pointer; width: 100%; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; } #mainContent .prod_refine .resultOptions h2.filter span { background: url(../_ui/responsive/images/layout/icons-sprite.png) -29.9em -206.55em transparent; float: right; font-size: 1em; width: 1em; height: 1em; } #mainContent .prod_refine .resultOptions h2.filter.active { margin-bottom: 1em; } #mainContent .prod_refine .resultOptions h2.filter.active span { background-position: -32.8em -203.55em; } } #mainContent .prod_refine form.skp_search_form { width: 100%; } .paginationWrap { width: 100%; height: auto; padding: 1rem 0 0 0; margin-bottom: 0.5rem; border-top: 1px solid #e5e5e5; display: flex; flex-wrap: wrap; align-items: center; order: 3; } .paginationWrap .selectboxit .selectboxit-arrow-container .selectboxit-arrow:before { top: -0.4rem; } .paginationWrap .selectboxit .selectboxit-arrow-container .selectboxit-arrow:after { bottom: -0.4rem; } .paginationWrap.noLine { border: none; padding: 0; } .paginationWrap .display.sort { align-self: baseline; } @media only screen and (max-width: 767px) { #resultsList { float: left; width: 100%; } } .prod_list { float: left; width: 100%; display: flex; flex-direction: column; flex-wrap: nowrap; } .prod_list .prodThumbnail { width: 100%; } .prod_list .prodThumbnail img { width: 100%; border: 1px solid #e5e5e5; } .prod_list .prodStatus { display: flex; flex-wrap: nowrap; padding-top: 14px; width: 100%; } .prod_list .prodStatus p { font-size: 1.6rem; margin: 0; } .prod_list .prodStatus p span { height: 1.2rem; width: 1.2rem; border-radius: 50%; display: inline-block; margin-right: 1rem; } .prod_list .prodStatus p span.iconGreen { background: #00987a; } .prod_list .prodStatus p span.iconYellow { background: #ffdd00; } .prod_list .prodStatus p span.iconRed { background: #b3282e; } .prod_list .prodText { width: 100%; line-height: 1.3; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; padding: 1rem 0 2rem; position: relative; font-size: 1em; } .prod_list .prodText a { font-size: 2rem; color: #555555; } .prod_list .prodText a.prodTitle { text-overflow: ellipsis; overflow: hidden; height: 1.4em; padding-right: 2.5rem; padding-bottom: 1rem; word-break: break-word; display: block; white-space: nowrap; } .prod_list .prodText a.prodTitle:hover { text-decoration: underline; } .prod_list .prodText a.leaflet { font-size: 2rem; right: -1rem; top: 1rem; position: absolute; } .prod_list .prodText small { font-size: 1.6rem; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; color: #8a939a; } .prod_list .prodText p { display: none; } .prod_list .prodCart { width: 100%; text-align: right; margin-bottom: 1rem; margin-top: auto; } .prod_list .prodCart .login-to-get-prices { text-align: left; font-size: 1.6rem; line-height: 1.75; } .prod_list .prodCart .login-to-get-prices a { text-decoration: underline; color: #555555; font-weight: bold; font-size: 1.6rem; } .prod_list .prodCart .prodPrice { font-size: 1.6rem; font-family: Noto Sans Bold, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; } .prod_list .prodCart .prodPriceInfo { font-size: 1.6rem; color: #cccccc; } .prod_list .prodCart form { margin-top: 1.5rem; border-bottom-style: solid; border-bottom-color: #eaebeb; border-bottom-width: 1px; padding-bottom: 1rem; } .prod_list .prodCart form button.cartLink { float: right; width: 6rem; height: 4.8rem; border: none; background: #e34805; padding: 0; margin-left: auto; } .prod_list .prodCart form button.cartLink i { font-size: 4rem; color: #fff; } .prod_list .prodCart form button.cartLink:hover, .prod_list .prodCart form button.cartLink:focus { background: #b53904; } .prod_list .prodCart form button.cartLink[disabled="disabled"] { background-color: #f2a37f; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2a37f), color-stop(100%, #e19f89)); background: -webkit-linear-gradient(top, #f2a37f 0%, #e19f89 100%); background: -moz-linear-gradient(top, #f2a37f 0%, #e19f89 100%); background: -o-linear-gradient(top, #f2a37f, #e19f89); background: -ms-linear-gradient(top, #f2a37f, #e19f89); background: linear-gradient(to bottom, #f2a37f, #e19f89); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2a37f', endColorstr='#e19f89'); } .prod_list .prodCart form button.cartLink.variants { background: #052a68; } .prod_list .prodCart form button.cartLink.variants:hover, .prod_list .prodCart form button.cartLink.variants:focus { background: #042153; } .prod_list .prodCart form button.cartLink.variants[disabled="disabled"] { background: #99adc2; } .prod_list .prodCart form button.cartLink.variants i { font-size: 3rem; } #resultsList.listView .col.span_1_of_3 { width: 100%; margin: 0 0 3rem 0; } #resultsList.listView .col.span_1_of_3 .prod_list { display: inline-block; height: unset !important; } #resultsList.listView .col.span_1_of_3 .prod_list .prodThumbnail { width: 25%; float: left; } #resultsList.listView .col.span_1_of_3 .prod_list .flex-column { padding: 0 4rem; width: calc(50% - 8rem); float: left; } #resultsList.listView .col.span_1_of_3 .prod_list .prodText { padding-top: 0; } #resultsList.listView .col.span_1_of_3 .prod_list .prodText a.leaflet { top: 0.2rem; } #resultsList.listView .col.span_1_of_3 .prod_list .prodCart { margin-bottom: 0; width: 25%; float: right; } #resultsList.listView .col.span_1_of_3 .prod_list .prodCart .login-to-get-prices { margin-top: 0; } .ui-helper-hidden-accessible { display: none; } .prodText { color: #0060ad; font-size: 1.8em; font-family: 'theSans-LP7-Bold', Arial, sans-serif; } .productCountBox:hover .prodText { color: white; } .prodText p { display: block; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; } form.upgradeForm, form.permissionForm, form.notificationForm { width: 100%; float: left; clear: both; padding: 2em 0 2em 0; } form.upgradeForm input, form.permissionForm input, form.notificationForm input { float: left; } form.upgradeForm input[type="text"], form.permissionForm input[type="text"], form.notificationForm input[type="text"] { float: left; color: #555555; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 1.6rem; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: calc(100% - 6rem); border: solid 1px #c0c0c0; height: 4.8rem; padding: 0 1.5rem; opacity: 1; } form.upgradeForm input[type="text"]::-webkit-input-placeholder, form.permissionForm input[type="text"]::-webkit-input-placeholder, form.notificationForm input[type="text"]::-webkit-input-placeholder { color: #707172; font-size: 14px; opacity: 1; } form.upgradeForm input[type="text"]::-moz-placeholder, form.permissionForm input[type="text"]::-moz-placeholder, form.notificationForm input[type="text"]::-moz-placeholder { color: #707172; font-size: 14px; opacity: 1; } form.upgradeForm input[type="text"]:-ms-input-placeholder, form.permissionForm input[type="text"]:-ms-input-placeholder, form.notificationForm input[type="text"]:-ms-input-placeholder { color: #707172; font-size: 14px; opacity: 1; } form.upgradeForm input[type="text"]:-moz-placeholder, form.permissionForm input[type="text"]:-moz-placeholder, form.notificationForm input[type="text"]:-moz-placeholder { color: #707172; font-size: 14px; opacity: 1; } form.upgradeForm input[type="text"]#upgradeSearch, form.upgradeForm input[type="text"]#permissionSearch, form.permissionForm input[type="text"]#upgradeSearch, form.permissionForm input[type="text"]#permissionSearch, form.notificationForm input[type="text"]#upgradeSearch, form.notificationForm input[type="text"]#permissionSearch { width: 50%; } @media only screen and (max-width: 1024px) { form.upgradeForm { padding: 0; } } @media only screen and (max-width: 767px) { form.upgradeForm { padding-top: 2em; } form.upgradeForm input[type="text"] { margin-bottom: 1em; width: 100%; } form.upgradeForm input[type="submit"] { width: 100%; } form.upgradeForm .display { display: block; } } table.upgradeInfoTable, table.myComponentTicketsTable { margin: 1em 0 0 0; } table.upgradeInfoTable tr th, table.upgradeInfoTable tr td, table.myComponentTicketsTable tr th, table.myComponentTicketsTable tr td { text-align: left; vertical-align: top; } table.upgradeInfoTable tr th:last-child, table.upgradeInfoTable tr td:last-child, table.myComponentTicketsTable tr th:last-child, table.myComponentTicketsTable tr td:last-child { text-align: right; } table.upgradeInfoTable tr button.cartLink, table.myComponentTicketsTable tr button.cartLink { width: 100%; border: none; color: #fff; font-size: 1.6rem; line-height: 2.8rem; text-align: center; padding: 1rem; display: block; box-sizing: border-box; background: #e34805; height: 30px; width: 30px; float: right; padding: 0; min-height: 1em; } table.upgradeInfoTable tr button.cartLink:hover, table.upgradeInfoTable tr button.cartLink:focus, table.myComponentTicketsTable tr button.cartLink:hover, table.myComponentTicketsTable tr button.cartLink:focus { background: #b53904; } table.upgradeInfoTable tr button.cartLink:active, table.myComponentTicketsTable tr button.cartLink:active { background: #B13804; } table.upgradeInfoTable tr button.cartLink[disabled="disabled"], table.myComponentTicketsTable tr button.cartLink[disabled="disabled"] { background: #B13804; } table.upgradeInfoTable tr button.cartLink span, table.myComponentTicketsTable tr button.cartLink span { background: rgba(0, 0, 0, 0) url(../_ui/responsive/theme-KRONES/images/layout/icons-sprite.png) no-repeat scroll 4px -2107px; float: left; height: 100%; width: 100%; } table.upgradeInfoTable tr .actionIcons, table.myComponentTicketsTable tr .actionIcons { white-space: nowrap; } table.upgradeInfoTable tr .actionIcons form, table.myComponentTicketsTable tr .actionIcons form { display: inline; } table.upgradeInfoTable tr .actionIcons .action-icon, table.myComponentTicketsTable tr .actionIcons .action-icon { font-family: fontello; font-style: normal; font-size: 1.3em; color: #052a68; margin-right: 5px; height: auto; } table.upgradeInfoTable tr .actionIcons .action-icon.download-icon.pdf:before, table.myComponentTicketsTable tr .actionIcons .action-icon.download-icon.pdf:before { content: "\f1c1"; } table.upgradeInfoTable tr .actionIcons .action-icon.startAnalyze-icon:before, table.myComponentTicketsTable tr .actionIcons .action-icon.startAnalyze-icon:before { content: "\e850"; } table.upgradeInfoTable tr .actionIcons .action-icon.open-icon:before, table.myComponentTicketsTable tr .actionIcons .action-icon.open-icon:before { content: "\e850"; } table.upgradeInfoTable tr .actionIcons .action-icon.view-icon:before, table.myComponentTicketsTable tr .actionIcons .action-icon.view-icon:before { content: "\e839"; } table.upgradeInfoTable tr .actionIcons .action-icon.delete-icon:before, table.myComponentTicketsTable tr .actionIcons .action-icon.delete-icon:before { content: "\e814"; } table.upgradeInfoTable tr .actionIcons .action-icon.clone-icon:before, table.myComponentTicketsTable tr .actionIcons .action-icon.clone-icon:before { content: "\f24d"; } table.upgradeInfoTable tr .actionIcons .action-icon.error-icon:before, table.myComponentTicketsTable tr .actionIcons .action-icon.error-icon:before { content: "\e822"; } table.upgradeInfoTable tr .actionIcons .action-icon.close-icon:before, table.myComponentTicketsTable tr .actionIcons .action-icon.close-icon:before { content: "\e822"; } table.upgradeInfoTable tr .actionIcons .action-icon.edit-icon:before, table.myComponentTicketsTable tr .actionIcons .action-icon.edit-icon:before { content: "\e837"; } table.upgradeInfoTable tr .ticketOverviewLastModificationDate, table.myComponentTicketsTable tr .ticketOverviewLastModificationDate { font-size: 0.8em; color: #555555; display: block; } @media only screen and (max-width: 767px) { table.upgradeInfoTable thead, table#berechtigungsportal thead { display: none; } table.upgradeInfoTable tbody tr, table#berechtigungsportal tbody tr { display: block; float: left; position: relative; padding-bottom: 1em; } table.upgradeInfoTable tbody tr td, table#berechtigungsportal tbody tr td { display: block; float: left; padding-left: 0; padding-right: 1em; width: 100%; text-align: right; } table.upgradeInfoTable tbody tr td:before, table#berechtigungsportal tbody tr td:before { content: attr(data-th); display: inline-block; font-size: 13px; float: left; text-align: left; width: 30%; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; } table.upgradeInfoTable tbody tr td span.status, table#berechtigungsportal tbody tr td span.status { float: right; } } .ui-autocomplete { z-index: 250 !important; } .updateCartForm ul.ui-autocomplete li { color: #555555; background-color: #fff; font-family: 'theSans-LP7-Bold' , Arial, sans-serif; padding: 0.4em; border-bottom: 1px solid #bababa; } .updateCartForm ul.ui-autocomplete li:hover { background-color: #eeeeee; } .updateCartForm ul.ui-autocomplete li a { color: #555555 !important; font-family: 'theSans-LP7-Bold' , Arial, sans-serif; } .updateCartForm ul.ui-autocomplete li a:HOVER { color: #052a68; } .updateCartForm ul.ui-autocomplete { position: absolute !important; border: 1px solid #bababa; } div.tablesorter-header-inner .prod_sdd-icon, div.tablesorter-header-inner .prod_sdd-icon_grey { background: url(../_ui/responsive/theme-KRONES/images/layout/sddIcon.png) no-repeat scroll; width: 25px; height: 24px; float: left; padding: 0 0 0 0; } div.tablesorter-header-inner .prod_sdd-icon_grey { display: none; } #mainContent .prod_refine .resultOptions form[name='order_search_form'] { width: 100%; } #mainContent .prod_refine .resultOptions form[name='order_search_form'] .select { margin: 0 0 9px 0; } #mainContent .prod_refine .resultOptions form[name='order_search_form'] .select .selectboxit-container { margin-right: 10px; float: left; } #mainContent .prod_refine .resultOptions form[name='order_search_form'] input[type="text"] { width: 30%; min-width: 250px; margin: 0 10px 10px 0; } #mainContent .prod_refine .resultOptions form[name='order_search_form'] input[type="submit"] { margin: 0 10px 11px 0; } #mainContent .prod_refine .resultOptions form[name='order_search_form'] input[type="button"] { margin: 0 0 9px 0; } #resultsList.listView .col.span_1_of_3 .prod_list .prodText a.subcontractor:link, #resultsList.listView .col.span_1_of_3 .prod_list .prodText a.subcontractor:visited { font-size: 1.2em !important; float: left; } #resultsList .col.span_1_of_3 .prod_list .prodText a.subcontractor:link, #resultsList .col.span_1_of_3 .prod_list .prodText a.subcontractor:visited { font-size: 1.4em !important; float: left; } #resultsList .col.span_1_of_3 .prod_list .prodText:hover a.subcontractor:hover { text-decoration: underline; } #resultsList .prod_list .prodExtraLabel { text-align: center; font-size: 0.7rem; background-color: #e34805; width: 98%; margin: -30px 1% 0 1%; position: relative; } #resultsList .prod_list .prodExtraLabel p { color: #fff; padding: 2px; margin: 0 0 11px 0; font-size: 1.6em; } .onOffSwitch { width: auto; font-size: 1.2em; line-height: 2em; text-align: right; height: 3.2rem; border: solid 1px #cccccc; background: #eaebeb; border-radius: 19px; display: flex; flex-wrap: wrap; align-self: center; justify-content: center; align-items: center; position: relative; margin-bottom: 1.2rem; } .onOffSwitch label { visibility: hidden; width: 0; height: 0; } .onOffSwitch a { display: block; position: relative; padding: 0 1.5rem; } .onOffSwitch a.grid { padding-right: 1.8rem; } .onOffSwitch a.list { padding-left: 1.8rem; } .onOffSwitch a.list:before { content: ""; width: 5rem; height: 2.8rem; position: absolute; right: 2px; top: 2px; background: #fff; border-radius: 19px; transition: 300ms; z-index: 1; } .onOffSwitch a.list.active:before { right: calc(100% + 2px); transition: 300ms; } form[name="price_catalogs_search_form"] { width: calc(100% - 9em) !important; } @media only screen and (max-width: 1024px) { form[name="price_catalogs_search_form"] { width: 100% !important; } form[name="price_catalogs_search_form"] .select { width: 48%; height: unset !important; } } @media only screen and (max-width: 1024px) and (max-width: 767px) { form[name="price_catalogs_search_form"] .select { margin: 1rem 1rem 0 0 !important; } } @media only screen and (max-width: 1024px) { form[name="price_catalogs_search_form"] .select .selectboxit-container { width: 100%; } } form[name="price_catalogs_search_form"] input[type="text"] { margin: 1rem 1rem 0 0; width: calc(100% - 46em) !important; } @media only screen and (max-width: 1024px) { form[name="price_catalogs_search_form"] input[type="text"] { width: calc(48% - 8em) !important; } } @media only screen and (max-width: 767px) { form[name="price_catalogs_search_form"] input[type="text"] { margin: 1rem 1rem 0 0 !important; } } @media only screen and (max-width: 1024px) { form[name="price_catalogs_search_form"] .resetButton { width: 48% !important; } } form[name="price_catalogs_search_form"] input[type="submit"], form[name="price_catalogs_search_form"] .resetButton, form[name="price_catalogs_search_form"] .select2-selection { margin: 1rem 1rem 0 0 !important; } @media only screen and (max-width: 767px) { form[name="price_catalogs_search_form"] input[type="submit"], form[name="price_catalogs_search_form"] .resetButton, form[name="price_catalogs_search_form"] .select2-selection { width: 100% !important; } } form[name="price_catalogs_search_form"] input[type="button"] { margin-left: 0; } @media only screen and (max-width: 1024px) { form[name="price_catalogs_search_form"] input[type="button"] { float: left; } } .create_price_catalog_request { margin: 1rem 0 0 0 !important; } @media only screen and (max-width: 1024px) { .create_price_catalog_request { float: left !important; width: 48% !important; } .create_price_catalog_request input[type="submit"] { width: 100% !important; } } @media only screen and (max-width: 767px) { .create_price_catalog_request { width: 100% !important; } } @media only screen and (max-width: 767px) { #mainContent #upgrade-overview-page .prod_refine .resultOptions .select { margin: 0; margin-top: 1rem; } } #sitemap .title_holder { min-height: 1em; padding-left: 0; } #sitemap h2, #sitemap h3 { font-size: 2.1em; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; } #sitemap h2 a:link, #sitemap h2 a:visited, #sitemap h3 a:link, #sitemap h3 a:visited { color: #333; } #sitemap h2 a:hover, #sitemap h2 a:focus, #sitemap h2 a:active, #sitemap h3 a:hover, #sitemap h3 a:focus, #sitemap h3 a:active { color: #0060ad; } #sitemap ul { font-size: 1.4em; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; } #sitemap ul li { padding: .75em 0; border-top: 1px solid #e5e5e5; } #sitemap ul li:first-child { border-top: none; } #sitemap ul li ul { font-size: 0.928em; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; margin-top: 0.5em; } #sitemap ul li ul li { border: none; padding: 0.5em .923em; } #cartContainer { width: 100%; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #cartContainer.whiteBg { background: #fff; } #cartContainer .item_container:after { content: ""; display: table; clear: both; } #cartContainer .prod_image { width: auto; height: 3.8rem; } #cartContainer .prod_image img { max-height: 3.8rem; border: 1px solid #e5e5e5; } #cartContainer .prod_name { font-size: 1.6rem; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; color: #555555; word-break: break-all; padding-right: 2rem; text-overflow: ellipsis; overflow: hidden; width: 100%; height: 1.4em; white-space: nowrap; } #cartContainer .prod_quantity { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 1.6rem; color: #8a939a; display: flex; } #cartContainer table thead th { padding: 0.23em 0.4em; text-align: right; } #cartContainer table thead th h3 { font-size: 1.7em; font-weight: normal; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; } #cartContainer table thead th div h3 { float: left; } #cartContainer table thead th .submitRemoveCart:link, #cartContainer table thead th .submitRemoveCart:visited { display: inline; width: 1.6em; height: auto; overflow: hidden; margin-left: 0; } #cartContainer table thead th .submitRemoveCart:link img, #cartContainer table thead th .submitRemoveCart:visited img { height: 1.75em; margin-left: 0; width: auto; } #cartContainer table thead th .sorting-switch { background: url(../_ui/responsive/theme-KRONES/images/layout/icons-sprite.png) no-repeat -23.6em -1048px transparent; float: left; font-size: 0.769em; height: 2.8em; width: 1.8em; } #cartContainer table thead th .sorting-switch.sorting-upward { background-position: -18.8em -1096px; } #cartContainer table thead th .sorting-switch.sorting-backward { background-position: -14em -1144px; } #cartContainer table thead th .sorting-switch a.sorting-upward, #cartContainer table thead th .sorting-switch a.sorting-backward { cursor: pointer; float: left; height: 1.3em; width: 2.5em; } #cartContainer table thead th .sorting-switch .sorting-up { margin-top: 0.4em; } #cartContainer table thead th .info { background: url(../_ui/responsive/theme-KRONES/images/layout/icons-sprite.png) no-repeat 7px -2968px transparent; float: left; width: 25px; height: 24px; display: block; cursor: pointer; } #cartContainer table thead th.left div { float: left; } #cartContainer table thead th.center { text-align: center; } #cartContainer table thead th.center div { float: none; } #cartContainer table .product_image img { width: initial; min-width: 6rem; max-width: 11.4rem; border: 1px solid #e5e5e5; } #cartContainer table tbody tr td { text-align: left; position: relative; } #cartContainer table tbody tr td h2, #cartContainer table tbody tr td h2 a { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 2rem !important; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.3; letter-spacing: normal; color: #555555; } #cartContainer table tbody tr td i { padding-right: 0; } #cartContainer table tbody tr td .price { font-size: 1.231em; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; } #cartContainer table tbody tr td:last-child { padding-right: 0; } #cartContainer table tbody tr td:last-child.noPrice:before { background: url(../_ui/responsive/theme-KRONES/images/layout/noPriceArrow.png) right no-repeat transparent; content: ""; height: 100%; position: absolute; right: -4.5em; top: 0; width: 4.5em; } #cartContainer table tbody tr td.partialDelivery { text-align: right; } #cartContainer table tbody tr td.partialDelivery .checkbox { float: right; } #cartContainer table tbody tr td.partialDelivery form input.partialDeliveryCheck[type="checkbox"] { display: none !important; } #cartContainer table tbody tr td.partialDelivery form label { float: right; padding: 0; margin-right: 4em; } #cartContainer table tbody tr td.partialDelivery form label:before { margin-left: 0; position: relative; top: 0; left: 32px; } @media screen and (max-width: 767px) { #cartContainer table tbody tr td.partialDelivery form label:before { top: 6px; right: 0; left: auto; } } #cartContainer table tbody tr td button { font-size: 1em; float: right; } #cartContainer table tbody tr td[headers="header1"] { width: 25%; } #cartContainer table tbody tr td[headers="header2"] { width: 65%; } #cartContainer table tbody tr td[headers="header4"] { width: 11%; } #cartContainer table tbody tr td[headers="header5"] { width: 10%; } #cartContainer table tbody tr td[headers="header6"] { width: 14%; } #cartContainer table tbody tr td .cartLink { float: right; width: 6rem; height: 4.8rem; border: none; background: #e34805; padding: 0; margin-left: auto; } #cartContainer table tbody tr td .cartLink i { font-size: 2.5rem; color: #fff; font-size: 4rem; } #cartContainer table tbody tr td .cartLink:hover, #cartContainer table tbody tr td .cartLink:focus, #cartContainer table tbody tr td .cartLink:active { background: #b53904; } #cartContainer table tbody tr td .cartLink[disabled="disabled"] { background: #cccccc; } #cartContainer table tbody tr p.addInfo { float: right; clear: both; margin: 0.2em 0 0 0; padding: 0; line-height: 1em; } #cartContainer table tbody tr td.left { text-align: left; } #cartContainer table tbody tr td.center { text-align: center; } #cartContainer table tbody div.commission-number-popup { position: absolute; opacity: 0; transition: 0.5s; width: 130%; height: 12em; left: -2em; top: 6em; z-index: 1000; background: #eee; padding: 1em 2em; -webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.5); box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.5); display: none; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } @media only screen and (max-width: 768px) { #cartContainer table tbody div.commission-number-popup { padding: 1em; width: 100%; left: 0; } } #cartContainer table tbody div.commission-number-popup.active { opacity: 1; transition: 0.5s; display: block; } #cartContainer table tbody div.commission-number-popup a.close { position: absolute; display: block; right: 0; top: 0.60em; width: 2em; height: 2em; background: none; font-size: 2.4rem; } #cartContainer table tbody div.commission-number-popup a.close:before { content: "\e833"; font-family: "fontello"; } #cartContainer table tbody div.commission-number-popup h3 { float: left; width: 100%; font-size: 2.6rem; padding: 0 0 .5em 0; border-bottom: 1px solid #e5e5e5; } #cartContainer table tbody div.commission-number-popup form input { position: relative; width: 100%; padding: 0 0.5em; height: 48px; background: #fff; border: 1px solid #e5e5e5; -webkit-box-shadow: none; box-shadow: none; font-size: 1.6rem; border-radius: 3px; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #cartContainer table tbody div.commission-number-popup form input:focus { border-bottom: 2px solid #052a68; } #cartContainer table tbody div.commission-number-popup form button { font-size: .95em; width: 100%; margin-top: 1em; height: auto; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } @media only screen and (max-width: 1024px) { #cartContainer table td, #cartContainer table th { padding: 0.8em 0.4em; } #cartContainer table td:nth-of-type(1) { max-width: 6em; } #cartContainer table tbody tr td:first-child { padding-right: 1em; } #cartContainer table thead th h3 { font-size: 1.5em; } #cartContainer table tr:hover { background: none; } } #cartContainer .tablesorter-bootstrap thead, #cartContainer #your_order thead, #cartContainer #your_cart thead { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 1.6rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.3; letter-spacing: normal; color: #555555; } #cartContainer .tablesorter-bootstrap thead tr, #cartContainer #your_order thead tr, #cartContainer #your_cart thead tr { background-color: #eaebeb; } #cartContainer .tablesorter-bootstrap thead tr:hover, #cartContainer #your_order thead tr:hover, #cartContainer #your_cart thead tr:hover { background: #eaebeb; } #cartContainer .tablesorter-bootstrap thead th, #cartContainer #your_order thead th, #cartContainer #your_cart thead th { background: transparent; border-left: 4px solid #fff; } #cartContainer .tablesorter-bootstrap thead th.left, #cartContainer #your_order thead th.left, #cartContainer #your_cart thead th.left { border: 0; } #cartContainer .tablesorter-bootstrap thead th h3, #cartContainer #your_order thead th h3, #cartContainer #your_cart thead th h3 { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 1.6rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.88; letter-spacing: normal; color: #555555; } #cartContainer .tablesorter-bootstrap thead th#header3.tablesorter-header, #cartContainer #your_order thead th#header3.tablesorter-header, #cartContainer #your_cart thead th#header3.tablesorter-header { min-width: 130px; } #cartContainer .tablesorter-bootstrap tbody tr:hover, #cartContainer #your_order tbody tr:hover, #cartContainer #your_cart tbody tr:hover { background-color: transparent; } #cartContainer .tablesorter-bootstrap tbody tr td[headers="header2"], #cartContainer #your_order tbody tr td[headers="header2"], #cartContainer #your_cart tbody tr td[headers="header2"] { margin-left: 0.9rem; } #cartContainer .tablesorter-bootstrap tbody tr .product_details_link, #cartContainer .tablesorter-bootstrap tbody tr .price, #cartContainer #your_order tbody tr .product_details_link, #cartContainer #your_order tbody tr .price, #cartContainer #your_cart tbody tr .product_details_link, #cartContainer #your_cart tbody tr .price { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 2rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.3; letter-spacing: normal; color: #555555; } #cartContainer .tablesorter-bootstrap tbody tr .item-number, #cartContainer .tablesorter-bootstrap tbody tr .summaryCartEntries, #cartContainer .tablesorter-bootstrap tbody tr .tax, #cartContainer .tablesorter-bootstrap tbody tr .addInfo, #cartContainer #your_order tbody tr .item-number, #cartContainer #your_order tbody tr .summaryCartEntries, #cartContainer #your_order tbody tr .tax, #cartContainer #your_order tbody tr .addInfo, #cartContainer #your_cart tbody tr .item-number, #cartContainer #your_cart tbody tr .summaryCartEntries, #cartContainer #your_cart tbody tr .tax, #cartContainer #your_cart tbody tr .addInfo { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 1.6rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.75; letter-spacing: normal; color: #8a939a; } #cartContainer .tablesorter-bootstrap tbody tr td.quantity, #cartContainer .tablesorter-bootstrap tbody tr td.total, #cartContainer .tablesorter-bootstrap tbody tr td.itemPrice, #cartContainer #your_order tbody tr td.quantity, #cartContainer #your_order tbody tr td.total, #cartContainer #your_order tbody tr td.itemPrice, #cartContainer #your_cart tbody tr td.quantity, #cartContainer #your_cart tbody tr td.total, #cartContainer #your_cart tbody tr td.itemPrice { text-align: right; } #cartContainer .tablesorter-bootstrap tbody tr td.quantity form, #cartContainer #your_order tbody tr td.quantity form, #cartContainer #your_cart tbody tr td.quantity form { position: relative; } #cartContainer .tablesorter-bootstrap tbody tr td.quantity .qty-switch, #cartContainer #your_order tbody tr td.quantity .qty-switch, #cartContainer #your_cart tbody tr td.quantity .qty-switch { position: absolute; right: 5px; width: 20px; height: 4.8rem; } #cartContainer .tablesorter-bootstrap tbody tr td.quantity .qty-switch a i, #cartContainer #your_order tbody tr td.quantity .qty-switch a i, #cartContainer #your_cart tbody tr td.quantity .qty-switch a i { color: #555555; font-size: 1rem; } #cartContainer .item_container_holder { float: left; width: 100%; } #cartContainer .item_container_holder .title h1 { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 3.2rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.81; letter-spacing: normal; color: #000; } #cartContainer .item_container_holder .title_holder { min-height: auto; } #cartContainer .item_container_holder .title_holder h2 { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 2.0rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2.9; letter-spacing: normal; color: #000; } #cartContainer .item_container_holder .checkoutElement .title_holder h2 { margin-bottom: 19px; font-family: Noto Sans Bold, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 1.6rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0; color: #555555; } #cartContainer .item_container_holder .order_totals .voucherRedemption.rightAligned { width: 100%; margin: 0; padding: 0; } #cartContainer .item_container_holder .order_totals .voucherRedemption.rightAligned input { width: 67%; font-size: 14px; } @media only screen and (max-width: 1024px) { #cartContainer .item_container_holder .order_totals .voucherRedemption.rightAligned input { width: 56%; } } #cartContainer .item_container_holder .order_totals .voucherRedemption.rightAligned .voucherRedemptionButton { padding: 10px 32px; margin-left: 15px; } #cartContainer .item_container_holder .order_totals .voucherRedemption.rightAligned .voucher-list .filterSelected { font-size: 13px; text-align: left; } #cartContainer .info_container .title_holder { min-height: 2em; padding-left: 0; } #cartContainer .title_holder { position: relative; padding-left: 0; } #cartContainer .title_holder form { float: right; position: absolute; right: 0; top: 0.3em; } #cartContainer .title_holder form button { float: left; margin: 0; padding: 0 2em; width: 100%; border: none; color: #fff; font-size: 1.6rem; line-height: 2.8rem; text-align: center; padding: 1rem; display: block; box-sizing: border-box; background: #eaebeb; color: #555555; } #cartContainer .title_holder form button:hover, #cartContainer .title_holder form button:focus { background-color: #f7f7f7; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #c4c4c4)); background: -webkit-linear-gradient(top, #f7f7f7 0%, #c4c4c4 100%); background: -moz-linear-gradient(top, #f7f7f7 0%, #c4c4c4 100%); background: -o-linear-gradient(top, #f7f7f7, #c4c4c4); background: -ms-linear-gradient(top, #f7f7f7, #c4c4c4); background: linear-gradient(to bottom, #f7f7f7, #c4c4c4); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#c4c4c4'); } #cartContainer .title_holder form button:active { background-color: #323c43; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #323c43), color-stop(100%, #333d45)); background: -webkit-linear-gradient(top, #323c43 0%, #333d45 100%); background: -moz-linear-gradient(top, #323c43 0%, #333d45 100%); background: -o-linear-gradient(top, #323c43, #333d45); background: -ms-linear-gradient(top, #323c43, #333d45); background: linear-gradient(to bottom, #323c43, #333d45); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#323c43', endColorstr='#333d45'); color: #fff; } #cartContainer .title_holder form button.active { width: 100%; border: none; color: #fff; font-size: 1.6rem; line-height: 2.8rem; text-align: center; padding: 1rem; display: block; box-sizing: border-box; background: #052a68; } #cartContainer .title_holder form button.active:hover, #cartContainer .title_holder form button.active:focus { background: #042153; } #cartContainer .title_holder form button.active:active { background: #323c43; } #cartContainer .title_holder form button.active[disabled="disabled"] { background: #99adc2; } #cartContainer .title_holder form button.active[disabled="disabled"]:hover { background: #99adc2; } @media only screen and (max-width: 767px) { #cartContainer .title_holder form button.active { width: 100%; } } #cartContainer .title_holder form button.left { border-top-right-radius: 0; border-bottom-right-radius: 0; } #cartContainer .title_holder form button.right { border-top-left-radius: 0; border-bottom-left-radius: 0; } #cartContainer .nopictures table tbody tr td[headers="header1"] { width: 0; display: none; } #cartContainer .nopictures table tbody tr td[headers="header2"] { padding: 0.8em 1em 0.8em 0; } #cartContainer .nopictures .product_image { display: none; } #cartContainer #info { float: left; width: 27%; } #cartContainer #info .title_holder { min-height: 4em; padding-left: 0; } #cartContainer #info dl.info dt { float: left; clear: both; padding: 0.4em 0; } #cartContainer #info dl.info dd { float: right; font-size: 1.6em; padding: 0.4em 0; text-align: right; } #cartContainer #info dl.info .info-border-top { border-top: 1px solid #e5e5e5; float: left; width: 100%; } #cartContainer #info dl.info .info-border-bottom { border-top: 1px double #e5e5e5; border-width: 4px; float: left; width: 100%; height: 2em; } #cartContainer #info dl.info .bold { font-family: 'theSans-LP7-Bold', Arial, sans-serif; } @media only screen and (max-width: 1024px) { #cartContainer .inputOptions { float: left; width: 50%; } #cartContainer .inputOptions .info_container { margin-bottom: 1.5rem; width: 100%; } } #cartContainer .tablesorter-header-inner .sort-arrow { font-size: 10px; padding: 0; pointer-events: none; width: 25px; height: 100%; font-style: normal; position: relative; display: inline-block; } #cartContainer .tablesorter-header-inner .sort-arrow :before { content: "\E831"; font-family: 'fontello'; font-size: 1.2rem; position: absolute; right: -6px; top: -0.4rem; transform: rotate(90deg); color: #555; } #cartContainer .tablesorter-header-inner .sort-arrow :after { content: "\E830"; font-family: 'fontello'; font-size: 1.2rem; position: absolute; right: -6px; bottom: 0.6rem; transform: rotate(90deg); color: #555; } #cartContainer .tablesorter-headerDesc .tablesorter-header-inner .sort-arrow :after { font-weight: bold; } #cartContainer .tablesorter-headerDesc .tablesorter-header-inner .sort-arrow :before { color: #DCDCDC; } #cartContainer .tablesorter-headerAsc .tablesorter-header-inner .sort-arrow :after { color: #DCDCDC; } #cartContainer .tablesorter-headerAsc .tablesorter-header-inner .sort-arrow :before { font-weight: bold; } #cartContainer .item_container_holder.long .info_container.export { margin-top: 20px; background-color: #eaebeb; padding: 2em; width: calc(40% - 4em); float: right; } @media only screen and (max-width: 767px) { #cartContainer .item_container_holder.long .info_container.export { width: calc(100% - 4em); float: left; } } #cartContainer .item_container_holder.long .info_container.export .item_container { margin-bottom: 10px; } #cartContainer .item_container_holder.long .info_container.export .item_container #download_cart_open, #cartContainer .item_container_holder.long .info_container.export .item_container #transfer_cart_open, #cartContainer .item_container_holder.long .info_container.export .item_container .selectboxit-container .selectboxit { margin-top: 15px; } #cartContainer .item_container_holder.long .info_container.export .item_container #download_cart_open { width: 100%; border: none; color: #fff; font-size: 1.6rem; line-height: 2.8rem; text-align: center; padding: 1rem; display: block; box-sizing: border-box; color: #052a68; background: transparent; border: solid 2px #052a68; line-height: 2.4rem; transition: all .3s ease-in-out; } #cartContainer .item_container_holder.long .info_container.export .item_container #download_cart_open:hover, #cartContainer .item_container_holder.long .info_container.export .item_container #download_cart_open:focus { background: rgba(5, 42, 104, 0.4); border: solid 2px #697fa4; } #cartContainer .item_container_holder.long .info_container.export .item_container #transfer_cart_open { width: 100%; border: none; color: #fff; font-size: 1.6rem; line-height: 2.8rem; text-align: center; padding: 1rem; display: block; box-sizing: border-box; background: #e34805; } #cartContainer .item_container_holder.long .info_container.export .item_container #transfer_cart_open:hover, #cartContainer .item_container_holder.long .info_container.export .item_container #transfer_cart_open:focus { background: #b53904; } #cartContainer .item_container_holder.long .info_container.export .item_container #transfer_cart_open:active { background: #B13804; } #cartContainer .item_container_holder.long .info_container.export .item_container .selectboxit-container { width: 100%; } #placeOrderForm2 #cartContainer.checkout { background: #eaebeb; } #your_cart .prod_results { width: 100%; } #your_cart .prod_results p { padding-left: 1.4em; } #your_cart .prod_results.green { background: url(../_ui/responsive/theme-KRONES/images/layout/icons-sprite.png) no-repeat -7.2em -77.4em transparent; } #your_cart .prod_results.yellow { background: url(../_ui/responsive/theme-KRONES/images/layout/icons-sprite.png) no-repeat -10.8em -73.7em transparent; } #your_cart .prod_results.red { background: url(../_ui/responsive/theme-KRONES/images/layout/icons-sprite.png) no-repeat -14.6em -70em transparent; } dl dd span.download-icon { display: block; float: right; font-size: 10px; height: 2.5em; width: 1.8em; } dl dd .download-icon.pdf { background: url(../_ui/responsive/theme-KRONES/images/layout/icons-sprite.png) no-repeat -24em -244.8em transparent; } dl dd .download-icon.pdf.my-account { padding-left: 3px; padding-right: 3px; } span.download-icon.my-account:before { font-family: "fontello"; font-size: 2.5rem; color: #052a68; } span.download-icon.download-order.my-account:before { content: "\e84b"; } span.download-icon.download-invoice.my-account:before { content: "\e84d"; } span.download-icon.download-quote.my-account:before { content: "\e84c"; } span.download-icon.download-orderDocument.my-account:before { content: "\f0f6"; } .prod .prod_add_to_cart .equipment-number-popup, .equipment-number-popup, .maintec-request-popup { position: absolute; opacity: 1; transition: 0.5s; width: 100%; height: 100%; z-index: 10; background: #eee; padding: 1em 2em; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } @media only screen and (max-width: 768px) { .prod .prod_add_to_cart .equipment-number-popup, .equipment-number-popup, .maintec-request-popup { width: 100%; } } .prod .prod_add_to_cart .equipment-number-popup.active, .equipment-number-popup.active, .maintec-request-popup.active { opacity: 1; transition: 0.5s; } .prod .prod_add_to_cart .equipment-number-popup form input, .prod .prod_add_to_cart .equipment-number-popup form button, .equipment-number-popup form input, .equipment-number-popup form button, .maintec-request-popup form input, .maintec-request-popup form button { margin-top: 1em; } .prod .prod_add_to_cart .equipment-number-popup .maintecRequestButtons, .equipment-number-popup .maintecRequestButtons, .maintec-request-popup .maintecRequestButtons { width: 100%; display: flex; align-items: center; justify-content: center; } .prod .prod_add_to_cart .equipment-number-popup input, .prod .prod_add_to_cart .equipment-number-popup button, .equipment-number-popup input, .equipment-number-popup button, .maintec-request-popup input, .maintec-request-popup button { width: 100% !important; } .prod .prod_add_to_cart .equipment-number-popup input.maintecRequest, .prod .prod_add_to_cart .equipment-number-popup button.maintecRequest, .equipment-number-popup input.maintecRequest, .equipment-number-popup button.maintecRequest, .maintec-request-popup input.maintecRequest, .maintec-request-popup button.maintecRequest { width: 48.5% !important; } .prod .prod_add_to_cart .equipment-number-popup input.maintecRequest.maintecRequestLeft, .prod .prod_add_to_cart .equipment-number-popup button.maintecRequest.maintecRequestLeft, .equipment-number-popup input.maintecRequest.maintecRequestLeft, .equipment-number-popup button.maintecRequest.maintecRequestLeft, .maintec-request-popup input.maintecRequest.maintecRequestLeft, .maintec-request-popup button.maintecRequest.maintecRequestLeft { margin-right: 3%; } .maintec-request-popup form input, .maintec-request-popup form button { margin-top: 0; } .checkout .partialDelivery .checkbox { display: block; } .checkout .partialDelivery input[class="partialDeliveryCheck"] { display: none; } #cartContainer .info_container_holder .info_container .title_holder h2 { font-size: 2.1em; } .info_container_holder.long { width: 100%; } @media only screen and (max-width: 768px) { .info_container_holder.long { margin-top: 0; } } .info_container_holder { float: left; width: 100%; } @media only screen and (max-width: 767px) { .info_container_holder { width: 100% !important; } } .info_container_holder .info_container { background: #eaebeb; float: left; padding: 2em; margin: 0 1.5% 0 0; width: 29em; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .info_container_holder .info_container.long { width: 71%; } .info_container_holder .info_container.export { margin-top: 20px; min-height: 18em; float: right; margin: 0 0 0 0; } .info_container_holder .info_container.export .formline { margin-bottom: 2.8em; } .info_container_holder .info_container dl { font-size: 1.6em; padding: 0; margin: 0; line-height: 2.05em; } .info_container_holder .info_container dl dt { float: left; clear: both; margin: 0 0.5em 0 0; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; line-height: 1.88; font-size: 1.6rem; } .info_container_holder .info_container dl dd { float: left; margin: 0; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; line-height: 1.88; font-size: 1.6rem; } .info_container_holder .info_container .title_holder { padding-left: 0; } .info_container_holder .info_container .title_holder h2 { font-size: 2.1em; float: left; margin-bottom: 0.6em; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; } .info_container_holder .info_container .title_holder a.info { background: url(../_ui/responsive/theme-KRONES/images/layout/icons-sprite.png) no-repeat 0 -2974px transparent; float: left; margin: 0 0 0 0.3em; height: 2em; width: 2em; } .info_container_holder .info_container .item_container { float: left; width: 100%; } .info_container_holder .info_container .formline { float: left; } .info_container_holder .info_container .formline label { float: left; font-size: 1.3em; margin: 0 0 0.5em 0; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; } .info_container_holder .info_container .formline input { clear: both; margin-right: 1em; position: relative; width: 100%; padding: 0 0.5em; height: 48px; border: 1px solid #bababa; color: #555555; float: left; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; padding: 0 0.6em; min-width: 1.5em; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; height: 26px; } .info_container_holder .info_container .formline input:focus { border-bottom: 2px solid #052a68; } .info_container_holder .info_container .formline input:-moz-read-only { color: #8a939a; } .info_container_holder .info_container .formline input:read-only { color: #8a939a; } .info_container_holder .info_container .formline input[name="productCodePost"] { width: 12.3em; width: 94%; margin-right: 0.5%; } .info_container_holder .info_container .formline input.qty { clear: both; margin: 0; border: 1px solid #c0c0c0; color: #555555; font-size: 1.6rem; padding: 0 1rem; height: 4.8rem; line-height: 2.4rem; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 1.2em; height: 26px; width: 4.6em; } .info_container_holder .info_container input[type="file"] { box-shadow: none; clear: both; color: #999999; float: left; font-size: 1.231em; padding: 0 0 2.1em 0; height: 2.1em; width: 100%; min-width: 1.5em; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .info_container_holder .info_container .qty-switch { background: url(../_ui/responsive/theme-KRONES/images/layout/icons-sprite.png) no-repeat 0 -240em transparent; float: left; margin: 0 0 0 -0.4em; height: 2.7em; width: 2.5em; } .info_container_holder .info_container .qty-switch .qty-inc, .info_container_holder .info_container .qty-switch .qty-dec { cursor: pointer; float: left; height: 1.35em; width: 2.5em; } .info_container_holder .info_container button { margin-top: 1.4em; width: 100%; border: none; color: #fff; font-size: 1.6rem; line-height: 2.8rem; text-align: center; padding: 1rem; display: block; box-sizing: border-box; background: #052a68; width: 100%; } .info_container_holder .info_container button:hover, .info_container_holder .info_container button:focus { background: #042153; } .info_container_holder .info_container button:active { background: #323c43; } .info_container_holder .info_container button[disabled="disabled"] { background: #99adc2; } .info_container_holder .info_container button[disabled="disabled"]:hover { background: #99adc2; } @media only screen and (max-width: 767px) { .info_container_holder .info_container button { width: 100%; } } .info_container_holder .info_container button[disabled="disabled"] { background: linear-gradient(to bottom, #99adc2, #8297aa) repeat scroll 0 0 rgba(0, 0, 0, 0); } #placeGuestOrderForm2 .info_container_holder { margin-bottom: 25px; } #your_cart { margin-bottom: 2em; } @media only screen and (max-width: 1024px) { #your_cart { border-bottom: 1px solid #e5e5e5; } } #cartContainer:after { content: ""; display: table; clear: both; } #cartContainer #totals { float: right; width: 40%; } @media only screen and (max-width: 1024px) { #cartContainer #totals { width: 40%; } } #cartContainer #totals button { width: 100%; margin-top: 1.4em; } #cartContainer #totals button:first-child { margin-top: 0; } #cartContainer #totals .title_holder { min-height: 4em; padding-left: 0; } #cartContainer #totals .title_holder .title h2 { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 3.2rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: normal; color: #555555; } #cartContainer .js-save-cart-link { width: 24%; margin-top: 1.4em; } .jsAddProductLink.bookmark { color: #0060ad; float: right; height: 30px; width: 35px; box-sizing: border-box; display: inline-block; background-size: auto; } .cart-addToWishlistButtonHolder { display: inline-block; width: 100%; } dl.order_totals { display: inline-block; width: 40%; float: right; } dl.order_totals:after { content: ""; display: table; clear: both; } @media screen and (max-width: 767px) { dl.order_totals { width: 100%; } } dl.order_totals dt { float: left; clear: both; font-size: 1.6rem; padding: 0.4em 0; } dl.order_totals dd { float: right; font-size: 1.6rem; padding: 0.4em 0; text-align: right; } dl.order_totals .total-border-top { border-top: 1px solid #e5e5e5; float: left; width: 100%; } dl.order_totals .total-border-bottom { border-top: 1px double #e5e5e5; border-width: 4px; float: left; width: 100%; height: 2em; } dl.order_totals .total { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; color: #555555 !important; } dl.order_totals .total .tax { font-size: 0.8em; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; } dl.order_totals dd.total { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 3rem; line-height: 0.54; text-align: right; color: #555555; } #cart_totals_div .order_totals, #totals .order_totals { width: 100%; } .cart .order_totals { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; color: #8a939a; } .cart #totals .title h2 { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 3.2rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: normal; color: #555555; } .cart #totals dt { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; color: #8a939a; } #rollover_leaflet_popup { top: 6em; right: 5em; } #rollover_cart_popup_alert, #rollover_leaflet_popup_alert { right: 5em; } #language_popup_mobile { top: 12em; right: 4.5em; } @media only screen and (max-width: 768px) { #language_popup_mobile { background: #fff; } #language_popup_mobile ul { background: none; border: none; width: 100%; } #language_popup_mobile ul li { background: none; border: none; font-size: 14px; padding: 0; } #language_popup_mobile ul li:first-child, #language_popup_mobile ul li:first-child:hover { padding-bottom: 1em; } #language_popup_mobile ul li:hover { background: none; left: 0; padding: 0; } #language_popup_mobile ul li:after, #language_popup_mobile ul li:hover:after, #language_popup_mobile ul li:hover:hover:after { background: none; content: none; } #language_popup_mobile ul li label { float: left; margin-bottom: 0.2em; } #language_popup_mobile ul li .select a:link { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; line-height: 1.5em; font-size: 14px; padding: 0.2em; color: #555555; border: 1px solid #cccccc; background: #eaebeb; } #language_popup_mobile ul li .select { clear: both; float: left; position: relative; height: 28px; width: 100%; } #language_popup_mobile ul li .select select { padding: 0 2.4em 0 0.2em; margin: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #eaebeb; color: #555; border: 1px solid #ccc; outline: none; overflow: hidden; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; height: 26px; width: 100%; } #language_popup_mobile ul li .select select::-ms-expand { display: none; } #language_popup_mobile ul li .select .arrow { background: url(../_ui/responsive/images/layout/icons-sprite.png) -18.7em -330.2em no-repeat #052a68; border-top-right-radius: 3px; border-bottom-right-radius: 3px; color: transparent; font-size: 10px; right: 0; top: 0; padding: 0; position: absolute; pointer-events: none; width: 25px; height: 26px; } #language_popup_mobile ul .language-currency { padding: 0; } } #rollover_leaflet_popup, #rollover_cart_popup_alert, #rollover_leaflet_popup_alert, #language_popup_mobile { background: #fff; box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12); display: none; padding: 2em; position: absolute; width: 50em; z-index: 1001; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } @media only screen and (max-width: 768px) { #rollover_leaflet_popup, #rollover_cart_popup_alert, #rollover_leaflet_popup_alert, #language_popup_mobile { padding: 2em 4%; top: 4.4em; width: 100%; right: 0; } } #rollover_leaflet_popup.active, #rollover_cart_popup_alert.active, #rollover_leaflet_popup_alert.active, #language_popup_mobile.active { display: block; } #rollover_leaflet_popup a.close, #rollover_cart_popup_alert a.close, #rollover_leaflet_popup_alert a.close, #language_popup_mobile a.close { background: url(../_ui/responsive/theme-KRONES/images/layout/icons-sprite.png) no-repeat -14em -144em transparent; float: right; height: 2em; width: 2em; } #rollover_leaflet_popup .prod_image, #rollover_cart_popup_alert .prod_image, #rollover_leaflet_popup_alert .prod_image, #language_popup_mobile .prod_image { float: left; } #rollover_leaflet_popup .prod_image img, #rollover_cart_popup_alert .prod_image img, #rollover_leaflet_popup_alert .prod_image img, #language_popup_mobile .prod_image img { width: 5em; border: 1px solid #e5e5e5; } #rollover_leaflet_popup p, #rollover_cart_popup_alert p, #rollover_leaflet_popup_alert p, #language_popup_mobile p { font-size: 1.4em; margin: 0; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; } #rollover_leaflet_popup p.legend, #rollover_cart_popup_alert p.legend, #rollover_leaflet_popup_alert p.legend, #language_popup_mobile p.legend { margin-bottom: 0.6em; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; } #rollover_leaflet_popup ul, #rollover_cart_popup_alert ul, #rollover_leaflet_popup_alert ul, #language_popup_mobile ul { border-bottom: 4px double #e5e5e5; float: left; } #rollover_leaflet_popup ul li, #rollover_cart_popup_alert ul li, #rollover_leaflet_popup_alert ul li, #language_popup_mobile ul li { background: #fff; border-top: 1px solid #e5e5e5; float: left; padding: 1em 0; width: 100%; display: block; } #rollover_leaflet_popup ul li a.delete, #rollover_cart_popup_alert ul li a.delete, #rollover_leaflet_popup_alert ul li a.delete, #language_popup_mobile ul li a.delete { display: none; } #rollover_leaflet_popup ul li:hover, #rollover_leaflet_popup ul li.disabled, #rollover_cart_popup_alert ul li:hover, #rollover_cart_popup_alert ul li.disabled, #rollover_leaflet_popup_alert ul li:hover, #rollover_leaflet_popup_alert ul li.disabled, #language_popup_mobile ul li:hover, #language_popup_mobile ul li.disabled { background: #e5e5e5; position: relative; left: -2em; width: 100%; padding: 1em 2em; border-color: #fff; cursor: pointer; } @media only screen and (max-width: 768px) { #rollover_leaflet_popup ul li:hover, #rollover_leaflet_popup ul li.disabled, #rollover_cart_popup_alert ul li:hover, #rollover_cart_popup_alert ul li.disabled, #rollover_leaflet_popup_alert ul li:hover, #rollover_leaflet_popup_alert ul li.disabled, #language_popup_mobile ul li:hover, #language_popup_mobile ul li.disabled { width: 94%; } } #rollover_leaflet_popup ul li:hover a.delete, #rollover_leaflet_popup ul li.disabled a.delete, #rollover_cart_popup_alert ul li:hover a.delete, #rollover_cart_popup_alert ul li.disabled a.delete, #rollover_leaflet_popup_alert ul li:hover a.delete, #rollover_leaflet_popup_alert ul li.disabled a.delete, #language_popup_mobile ul li:hover a.delete, #language_popup_mobile ul li.disabled a.delete { background: none repeat scroll 0 0 #FF0000; display: block; height: 2.4em; position: absolute; width: 2.5em; background: url(../_ui/responsive/theme-KRONES/images/layout/icons-sprite.png) -45px -3455px no-repeat transparent; z-index: 5; right: 1.3em; top: 33%; } #rollover_leaflet_popup ul li:hover:hover:after, #rollover_leaflet_popup ul li.disabled:hover:after, #rollover_cart_popup_alert ul li:hover:hover:after, #rollover_cart_popup_alert ul li.disabled:hover:after, #rollover_leaflet_popup_alert ul li:hover:hover:after, #rollover_leaflet_popup_alert ul li.disabled:hover:after, #language_popup_mobile ul li:hover:hover:after, #language_popup_mobile ul li.disabled:hover:after { content: " "; display: block; height: 100%; background: url(../_ui/responsive/theme-KRONES/images/layout/miniCartHoverBG.png) right no-repeat transparent; background-size: 57px 300px; position: absolute; right: 0; top: 0; width: 5.7em; } #rollover_leaflet_popup ul li:hover + li, #rollover_leaflet_popup ul li.disabled + li, #rollover_cart_popup_alert ul li:hover + li, #rollover_cart_popup_alert ul li.disabled + li, #rollover_leaflet_popup_alert ul li:hover + li, #rollover_leaflet_popup_alert ul li.disabled + li, #language_popup_mobile ul li:hover + li, #language_popup_mobile ul li.disabled + li { border: none; } #rollover_leaflet_popup ul li:hover .prod_image, #rollover_leaflet_popup ul li.disabled .prod_image, #rollover_cart_popup_alert ul li:hover .prod_image, #rollover_cart_popup_alert ul li.disabled .prod_image, #rollover_leaflet_popup_alert ul li:hover .prod_image, #rollover_leaflet_popup_alert ul li.disabled .prod_image, #language_popup_mobile ul li:hover .prod_image, #language_popup_mobile ul li.disabled .prod_image { display: none; } #rollover_leaflet_popup ul li.disabled, #rollover_cart_popup_alert ul li.disabled, #rollover_leaflet_popup_alert ul li.disabled, #language_popup_mobile ul li.disabled { cursor: not-allowed; opacity: 0.3; } #rollover_leaflet_popup ul li.disabled a.delete, #rollover_leaflet_popup ul li.disabled .prod_name, #rollover_leaflet_popup ul li.disabled .prod_info, #rollover_leaflet_popup ul li.disabled .prod_image, #rollover_leaflet_popup ul li.disabled a, #rollover_cart_popup_alert ul li.disabled a.delete, #rollover_cart_popup_alert ul li.disabled .prod_name, #rollover_cart_popup_alert ul li.disabled .prod_info, #rollover_cart_popup_alert ul li.disabled .prod_image, #rollover_cart_popup_alert ul li.disabled a, #rollover_leaflet_popup_alert ul li.disabled a.delete, #rollover_leaflet_popup_alert ul li.disabled .prod_name, #rollover_leaflet_popup_alert ul li.disabled .prod_info, #rollover_leaflet_popup_alert ul li.disabled .prod_image, #rollover_leaflet_popup_alert ul li.disabled a, #language_popup_mobile ul li.disabled a.delete, #language_popup_mobile ul li.disabled .prod_name, #language_popup_mobile ul li.disabled .prod_info, #language_popup_mobile ul li.disabled .prod_image, #language_popup_mobile ul li.disabled a { cursor: not-allowed; } #rollover_leaflet_popup ul li.disabled:after, #rollover_leaflet_popup ul li.disabled:hover:after, #rollover_cart_popup_alert ul li.disabled:after, #rollover_cart_popup_alert ul li.disabled:hover:after, #rollover_leaflet_popup_alert ul li.disabled:after, #rollover_leaflet_popup_alert ul li.disabled:hover:after, #language_popup_mobile ul li.disabled:after, #language_popup_mobile ul li.disabled:hover:after { content: " "; display: block; height: 100%; background: url(../_ui/responsive/theme-KRONES/images/layout/miniLeafletHoverBG.png) right no-repeat transparent; background-size: 57px 300px; position: absolute; right: 0; top: 0; width: 5.7em; } #rollover_leaflet_popup .prod_cart-total, #rollover_cart_popup_alert .prod_cart-total, #rollover_leaflet_popup_alert .prod_cart-total, #language_popup_mobile .prod_cart-total { float: right; margin-top: 0.6em; width: 20em; } #rollover_leaflet_popup .prod_cart-total p:first-child, #rollover_cart_popup_alert .prod_cart-total p:first-child, #rollover_leaflet_popup_alert .prod_cart-total p:first-child, #language_popup_mobile .prod_cart-total p:first-child { float: left; text-align: right; } #rollover_leaflet_popup .prod_cart-total p:first-child span, #rollover_cart_popup_alert .prod_cart-total p:first-child span, #rollover_leaflet_popup_alert .prod_cart-total p:first-child span, #language_popup_mobile .prod_cart-total p:first-child span { font-size: 0.85em; } #rollover_leaflet_popup .prod_cart-total p:last-child, #rollover_cart_popup_alert .prod_cart-total p:last-child, #rollover_leaflet_popup_alert .prod_cart-total p:last-child, #language_popup_mobile .prod_cart-total p:last-child { float: right; text-align: right; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; } #rollover_leaflet_popup button, #rollover_cart_popup_alert button, #rollover_leaflet_popup_alert button, #language_popup_mobile button { margin-top: 1em; width: 100%; } #language_popup_mobile.active { display: none; } @media only screen and (max-width: 768px) { #language_popup_mobile.active { display: block; } } #rollover_leaflet_popup, #rollover_leaflet_popup_alert { right: 18em; } #rollover_leaflet_popup ul, #rollover_leaflet_popup_alert ul { border-bottom: none; } #rollover_leaflet_popup ul li:hover a.toCart, #rollover_leaflet_popup ul li.disabled a.toCart, #rollover_leaflet_popup_alert ul li:hover a.toCart, #rollover_leaflet_popup_alert ul li.disabled a.toCart { background: none repeat scroll 0 0 #FF0000; display: block; height: 2.5em; position: absolute; width: 2.4em; background: url(../_ui/responsive/theme-KRONES/images/layout/icons-sprite.png) 0px -2109px no-repeat transparent; z-index: 5; right: 1.4em; top: 32%; } #rollover_cart_popup_alert, #rollover_leaflet_popup_alert { display: block; } @media only screen and (max-width: 768px) { #rollover_cart_popup_alert, #rollover_leaflet_popup_alert { width: 90%; right: 5%; } } #rollover_cart_popup_alert h1, #rollover_leaflet_popup_alert h1 { color: #0060ad; margin: 0 0 .5em 0; } #rollover_cart_popup_alert ul, #rollover_leaflet_popup_alert ul { border-bottom-style: solid; border-bottom-width: 1px; width: 100%; } #rollover_cart_popup_alert ul li:hover, #rollover_leaflet_popup_alert ul li:hover { background: inherit; } @media only screen and (max-width: 768px) { #rollover_cart_popup_alert ul li:hover, #rollover_leaflet_popup_alert ul li:hover { width: 94%; } } #rollover_cart_popup_alert .cart_popup .links, #rollover_leaflet_popup_alert .cart_popup .links { clear: both; } @media only screen and (max-width: 1024px) { #rollover_cart_popup_alert, #rollover_leaflet_popup_alert { right: 6.2em; } } @media only screen and (max-width: 768px) { #rollover_cart_popup_alert, #rollover_leaflet_popup_alert { width: 90%; right: 5%; } } @media only screen and (max-width: 768px) { #rollover_cart_popup_alert ul, #rollover_leaflet_popup_alert ul { width: 100%; } } #rollover_cart_popup_alert ul li:hover, #rollover_leaflet_popup_alert ul li:hover { border-color: #e5e5e5; left: 0; padding: 1em 0; } #rollover_cart_popup_alert ul li:hover .prod_image, #rollover_leaflet_popup_alert ul li:hover .prod_image { display: block; } #rollover_cart_popup_alert ul li:hover:hover:after, #rollover_leaflet_popup_alert ul li:hover:hover:after { background: none; } #rollover_cart_popup_alert .links { float: left; width: 100%; margin-top: 10px; } #rollover_cart_popup_alert .orange-link { width: 100%; border: none; color: #fff; font-size: 1.6rem; line-height: 2.8rem; text-align: center; padding: 1rem; display: block; box-sizing: border-box; background: #e34805; } #rollover_cart_popup_alert .orange-link:hover, #rollover_cart_popup_alert .orange-link:focus { background: #b53904; } #rollover_cart_popup_alert .orange-link:active { background: #B13804; } #rollover_cart_popup_alert .prod_info { float: left; margin-left: 15px; width: calc(100% - 105px); } .checkout_summary_flow { float: left; width: 100%; padding: 0; display: flex; flex-wrap: wrap; background: #eaebeb; } .checkout_summary_flow .three_elements { display: flex; flex-wrap: wrap; background: #eaebeb; width: 100%; padding: 20px; } @media only screen and (max-width: 767px) { .checkout_summary_flow .three_elements { max-width: calc(100% - 40px); } } .checkout_summary_flow .checkout_summary_flow_a, .checkout_summary_flow .checkout_summary_flow_b, .checkout_summary_flow .checkout_summary_flow_c { background-color: transparent; background-size: 30% 100%; float: left; height: auto; background: #eaebeb; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 33%; flex-basis: 33%; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 20px; padding-top: 10px; } @media screen and (max-width: 767px) { .checkout_summary_flow .checkout_summary_flow_a, .checkout_summary_flow .checkout_summary_flow_b, .checkout_summary_flow .checkout_summary_flow_c { flex-basis: 100%; } } .checkout_summary_flow .title_holder { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 3.2rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.81; letter-spacing: normal; } @media screen and (max-width: 767px) { .checkout_summary_flow .title_holder { padding-left: 0 !important; min-height: auto; } } .checkout_summary_flow .title_holder h1 { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 3.2rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.81; letter-spacing: normal; color: #000; } .checkout_summary_flow .validationfailed .item_container .text p, .checkout_summary_flow .validationfailed .item_container .text li { color: #b0232a; } .checkout_summary_flow .form_field-error .select { border: 1px solid #b0232a; border-radius: 3px; } .checkout_summary_flow .form_field-error .select select { border: none; } .checkout_summary_flow .select { float: left; position: relative; padding: 0; margin-bottom: 1em; height: 26px; width: 100%; } @media screen and (max-width: 767px) { .checkout_summary_flow .select { height: auto; } } .checkout_summary_flow .select select { background: #eaebeb; border: 1px solid #cccccc; color: #555555; cursor: pointer; float: left; font-size: 1.4em; line-height: 1.8em; padding: 0 2.4em 0 0.2em; outline: none; overflow: hidden; height: 100%; width: 100%; } .checkout_summary_flow label, .checkout_summary_flow p.selectValue { float: left; clear: both; font-size: 1.4em; margin: 0 0 0.4em 0; width: 100%; } .checkout_summary_flow .text { margin: 0; padding: 0; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 1.6rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; color: #555555; } .checkout_summary_flow .text p { margin-top: 0; } .checkout_summary_flow .title_holder { min-height: auto; padding-left: 0; } .checkout_summary_flow #checkout_summary_deliverymode_div .item_container_holder { width: 100%; } .checkout_summary_flow .item_container_holder { background: transparent; float: left; padding: 2em 5% 0.5em 5%; min-height: 22em; width: 80%; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } @media screen and (max-width: 767px) { .checkout_summary_flow .item_container_holder { min-height: auto; width: 100%; } } .checkout_summary_flow .item_container_holder h2 { margin-bottom: 19px; font-family: Noto Sans Bold, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 1.6rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0; color: #555555; } .checkout_summary_flow .item_container_holder .item_container { float: left; height: auto; width: 100%; } .checkout_summary_flow .selectboxit-container { width: 100%; } .checkout_summary_flow .info_container_holder { width: 100%; } .checkout .info_container .title_holder { min-height: 2em; padding-left: 0; } .checkout .info_container .formline { width: 100%; } .checkout .info_container .formline fieldset { margin: 0; padding: 0; } .checkout .info_container .formline input { width: 100%; } .checkout .info_container .formline input.select_date { width: 85%; margin: 0; } .checkout .info_container .formline .datepickerContainer { background: url(../_ui/responsive/theme-KRONES/images/layout/icons-sprite.png) no-repeat -9em -71.6em transparent; border: none; box-shadow: none; font-size: 1em; padding: 0; height: 2.3em; width: 2.3em; clear: none; } .checkout .span-8 .info_container_holder { width: 50%; } .checkout .span-8 .info_container_holder .info_container.long { width: 100%; } .checkout .text { clear: both; float: left; } .checkout .text h4 { font-family: Noto Sans Bold, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 1.6rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0; color: #555555; margin: 0; } .checkout .text p { font-size: 1.3em; } .checkout .text fieldset { padding: 0; margin: 0; } .checkout .text fieldset .form_field-input { float: right; clear: both; width: 100%; } .checkout .text fieldset .form_field-input .checkbox { float: left; width: 100%; } .checkout .text fieldset .form_field-input label { float: right; margin-bottom: 0; width: 100%; padding-top: 12px; padding-left: 40px; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; position: relative; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; color: #555555; } .checkout .text fieldset .form_field-input label:before { margin: -0.2em 1em 0 -14px; } .checkout .text fieldset .form_field-input a:link, .checkout .text fieldset .form_field-input a:visited { display: inline; color: #555555; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; text-decoration: underline; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; } .checkout .title_holder { min-height: 5em; } #cartSummaryContainer .text p { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 1.6rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.75; letter-spacing: normal; color: #cccccc; } #cartContainer.savedCartContainer { padding: 0; margin-top: 30px; } #cartContainer.savedCartContainer .button.button-remove span { float: right; display: block; width: 25px; height: 25px; margin: 4px 6px 0 0; background-image: url(../_ui/responsive/theme-KRONES/images/layout/icons-sprite.png); background-position: -43px -3456px, center top; background-repeat: no-repeat, repeat-x; background-color: transparent, #c33f14; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } #cartContainer table h2.product_details_title { width: 100%; float: left; } #cartContainer table h2.product_details_title a.samedayCartIcon { cursor: pointer; } #cartContainer table h2.product_details_title a.samedayCartIcon i.icon-auslieferung { color: #052a68; } #cartContainer table h2.product_details_title a.samedayCartIcon i.icon-auslieferung:before { font-size: 2.2rem; } #cartContainer table h2 a.product_details_link { float: left; max-width: calc(100% - 50px); } #cartContainer #info { float: left; width: 24%; } #cartContainer #info .title_holder { min-height: 4em; padding-left: 0; } #cartContainer #info dl.info dt { float: left; clear: both; font-size: 1.6em; padding: 0.4em 0; } #cartContainer #info dl.info dd { float: right; font-size: 1.6em; padding: 0.4em 0; text-align: right; } #cartContainer #info dl.info .info-border-top { border-top: 1px solid #e5e5e5; float: left; width: 100%; } #cartContainer #info dl.info .info-border-bottom { border-top: 1px double #e5e5e5; border-width: 4px; float: left; width: 100%; height: 2em; } #cartContainer #info dl.info .bold { font-family: 'theSans-LP7-Bold', Arial, sans-serif; } #cartContainer .info_container_holder .info_container.second { margin-top: 1.5%; } @media only screen and (max-width: 767px) { #cartContainer .info_container_holder.long { margin-top: 0; } #cartContainer .info_container_holder.long .info_container .formline input[name="item-number"] { width: 11.5em; height: 2em; margin: 0em .9em 0 0; } } @media only screen and (max-width: 767px) and (max-width: 1024px) { #cartContainer .info_container_holder.long .info_container .formline input[name="item-number"] { width: 14em; margin-right: 1em; } } @media only screen and (max-width: 767px) { #cartContainer .info_container_holder.long .info_container .formline input[name="productCodePost"] { margin-right: 1em; } #cartContainer .title_holder { min-height: 4em; } #cartContainer .title_holder h1 { margin-bottom: 0.4em; margin-top: 0; } #cartContainer .title_holder form { display: none; } #cartContainer table thead { display: none; } #cartContainer table tbody tr { display: block; float: left; position: relative; padding-bottom: 1em; width: 100%; } #cartContainer table tbody tr td { display: block; float: left; padding-left: 0; padding-right: 0; width: 100%; } #cartContainer table tbody tr td:nth-of-type(1) { display: none; } #cartContainer table tbody tr td[headers="header1"] { width: 100%; } #cartContainer table tbody tr td[headers="header2"] { width: 90%; padding-left: 0 !important; } #cartContainer table tbody tr td[headers="header3"] { width: 100%; } #cartContainer table tbody tr td[headers="header4"] { width: 100%; } #cartContainer table tbody tr td[headers="header5"] { width: 100%; } #cartContainer table tbody tr td[headers="header6"] { width: 100%; } #cartContainer table tbody tr td.itemPrice { float: right; padding: 0.2em 0; width: 100%; } #cartContainer table tbody tr td.itemPrice .tax { display: none; } #cartContainer table tbody tr td.itemPrice:before { content: attr(data-th); font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; display: inline-block; font-size: 17px; float: left; text-align: left; width: 30%; padding-top: 0.2em; } #cartContainer table tbody tr td.partialDelivery { float: right; padding: 0.2em 0; width: 100%; } #cartContainer table tbody tr td.partialDelivery:before { content: attr(data-th); display: inline-block; font-size: 13px; float: left; text-align: left; width: 30%; padding-top: 0.2em; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; } #cartContainer table tbody tr td.partialDelivery form label { margin: 0; } #cartContainer table tbody tr td.quantity { float: right; padding: 0.2em 0; width: 100%; } #cartContainer table tbody tr td.quantity:before { content: attr(data-th); display: inline-block; float: left; text-align: left; width: 64%; padding-top: 0.2em; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; } #cartContainer table tbody tr td.quantity input.qty { margin-left: 2.5em; min-width: 47px; } #cartContainer table tbody tr td.partialDelivery { padding: 0.2em 0; } #cartContainer table tbody tr td.partialDelivery form { float: right; width: auto; } #cartContainer table tbody tr td.partialDelivery .checkbox, #cartContainer table tbody tr td.partialDelivery label { margin: 0; } #cartContainer table tbody tr td.partialDelivery:before { content: attr(data-th); display: inline-block; font-size: 17px; float: left; text-align: left; width: 64%; padding-top: 0.2em; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; } #cartContainer table tbody tr td.center { padding: 0; position: absolute; right: 0; top: 1em; width: auto; } #cartContainer table tbody tr td:last-child { float: right; padding-top: 0; padding-left: 0; width: 100%; } #cartContainer table tbody tr td:last-child:before { content: attr(data-th); display: inline-block; float: left; text-align: left; width: 30%; padding-top: 0.2em; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; } #cartContainer table tbody tr td:last-child.noPrice { padding-top: .25em; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #cartContainer table tbody tr td:last-child.noPrice:after { content: "!"; text-align: center; font-size: 1.8em; font-weight: bold; background: #fedb00; width: .8em; right: -1.4em; } #cartContainer .info_container { margin: 0 0 2em 0; padding: 1.4em; width: 100%; } #cartContainer .info_container .formline input { margin-right: 0.9em; } #cartContainer .info_container .formline input[type="text"] { width: 100%; height: 1.95em; margin: 0 0 1em 0; } #cartContainer .info_container .formline input.qty, #cartContainer .info_container .formline input.select_date, #cartContainer .info_container .formline input.datepickerContainer { margin: 0; } #cartContainer .info_container .formline input.qty { height: 2.15em; width: 4.6em; } #cartContainer .info_container .formline input.select_date { width: 90%; } #cartContainer #totals { width: 100%; } } #cartContainer .cart_fastActionBoxes, .cart_fastActionBoxes { margin-top: 17px; margin-bottom: 30px; } #cartContainer .cart_fastActionBoxes .inputOptions, .cart_fastActionBoxes .inputOptions { display: flex; flex-wrap: wrap; } @media screen and (max-width: 1024px) { #cartContainer .cart_fastActionBoxes .inputOptions, .cart_fastActionBoxes .inputOptions { width: 100%; } } #cartContainer .cart_fastActionBoxes .inputOptions .info_container, .cart_fastActionBoxes .inputOptions .info_container { flex: 1; border-radius: 0; margin-right: 0; position: relative; box-sizing: border-box; } @media screen and (max-width: 767px) { #cartContainer .cart_fastActionBoxes .inputOptions .info_container, .cart_fastActionBoxes .inputOptions .info_container { flex-basis: 100%; flex-shrink: 0; } } #cartContainer .cart_fastActionBoxes .inputOptions .info_container:first-of-type:after, .cart_fastActionBoxes .inputOptions .info_container:first-of-type:after { content: ""; position: absolute; width: 1px; height: calc(100% - 18px); background-color: #e5e5e5; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); box-sizing: border-box; } @media screen and (max-width: 767px) { #cartContainer .cart_fastActionBoxes .inputOptions .info_container:first-of-type:after, .cart_fastActionBoxes .inputOptions .info_container:first-of-type:after { display: none; } } #cartContainer .cart_fastActionBoxes .inputOptions .info_container h2, .cart_fastActionBoxes .inputOptions .info_container h2 { color: #555555; font-size: 2rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1; letter-spacing: normal; margin-bottom: 1em; } #cartContainer .cart_fastActionBoxes .inputOptions .info_container .formline, .cart_fastActionBoxes .inputOptions .info_container .formline { position: relative; margin-bottom: 1em; } #cartContainer .cart_fastActionBoxes .inputOptions .info_container .formline label, .cart_fastActionBoxes .inputOptions .info_container .formline label { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 1.6rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.88; letter-spacing: normal; color: #555555; } #cartContainer .cart_fastActionBoxes .inputOptions .info_container .formline input, .cart_fastActionBoxes .inputOptions .info_container .formline input { border: 1px solid #c0c0c0; color: #555555; font-size: 1.6rem; padding: 0 1rem; height: 4.8rem; line-height: 2.4rem; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; min-height: 55px; } #cartContainer .cart_fastActionBoxes .inputOptions .info_container .formline .download-btn, .cart_fastActionBoxes .inputOptions .info_container .formline .download-btn { margin: 0; } #cartContainer .cart_fastActionBoxes .inputOptions .info_container .qty-switch, .cart_fastActionBoxes .inputOptions .info_container .qty-switch { position: absolute; width: 20px; bottom: 4px; left: 3.8em; } #cartContainer .cart_fastActionBoxes .inputOptions .info_container .qty-switch a i, .cart_fastActionBoxes .inputOptions .info_container .qty-switch a i { color: #555555; font-size: 1rem; } #cartContainer .cart_fastActionBoxes .inputOptions .info_container button#button-nopictures, #cartContainer .cart_fastActionBoxes .inputOptions .info_container button#upload_excel_button, .cart_fastActionBoxes .inputOptions .info_container button#button-nopictures, .cart_fastActionBoxes .inputOptions .info_container button#upload_excel_button { width: 100%; border: none; color: #fff; font-size: 1.6rem; line-height: 2.8rem; text-align: center; padding: 1rem; display: block; box-sizing: border-box; color: #e34805; background: transparent; border: solid 2px #e34805; line-height: 2.4rem; height: 48px; } #cartContainer .cart_fastActionBoxes .inputOptions .info_container button#button-nopictures:hover, #cartContainer .cart_fastActionBoxes .inputOptions .info_container button#button-nopictures:focus, #cartContainer .cart_fastActionBoxes .inputOptions .info_container button#upload_excel_button:hover, #cartContainer .cart_fastActionBoxes .inputOptions .info_container button#upload_excel_button:focus, .cart_fastActionBoxes .inputOptions .info_container button#button-nopictures:hover, .cart_fastActionBoxes .inputOptions .info_container button#button-nopictures:focus, .cart_fastActionBoxes .inputOptions .info_container button#upload_excel_button:hover, .cart_fastActionBoxes .inputOptions .info_container button#upload_excel_button:focus { background: rgba(181, 57, 4, 0.4); border: solid 2px #b53904; } #cartContainer .cart_fastActionBoxes .inputOptions .info_container button#button-nopictures .icon-cart-arrow-down, #cartContainer .cart_fastActionBoxes .inputOptions .info_container button#upload_excel_button .icon-cart-arrow-down, .cart_fastActionBoxes .inputOptions .info_container button#button-nopictures .icon-cart-arrow-down, .cart_fastActionBoxes .inputOptions .info_container button#upload_excel_button .icon-cart-arrow-down { color: #e34805; font-size: 4rem; position: relative; bottom: 10px; } #cartContainer .cart_fastActionBoxes .inputOptions .info_container button#button-nopictures span, #cartContainer .cart_fastActionBoxes .inputOptions .info_container button#upload_excel_button span, .cart_fastActionBoxes .inputOptions .info_container button#button-nopictures span, .cart_fastActionBoxes .inputOptions .info_container button#upload_excel_button span { position: relative; bottom: 17px; } #cartContainer .cart_fastActionBoxes .inputOptions .info_container input[type="file"] input[type="button"], .cart_fastActionBoxes .inputOptions .info_container input[type="file"] input[type="button"] { width: 100%; border: none; color: #fff; font-size: 1.6rem; line-height: 2.8rem; text-align: center; padding: 1rem; display: block; box-sizing: border-box; color: #052a68; background: transparent; border: solid 2px #052a68; line-height: 2.4rem; transition: all .3s ease-in-out; } #cartContainer .cart_fastActionBoxes .inputOptions .info_container input[type="file"] input[type="button"]:hover, #cartContainer .cart_fastActionBoxes .inputOptions .info_container input[type="file"] input[type="button"]:focus, .cart_fastActionBoxes .inputOptions .info_container input[type="file"] input[type="button"]:hover, .cart_fastActionBoxes .inputOptions .info_container input[type="file"] input[type="button"]:focus { background: rgba(5, 42, 104, 0.4); border: solid 2px #697fa4; } #cartContainer .cart_actionButtonsHolder, .cart_actionButtonsHolder { display: inline-block; width: 100%; } #cartContainer .cart_actionButtonsHolder .cart_continueShopingHolder, .cart_actionButtonsHolder .cart_continueShopingHolder { display: inline-block; width: 40%; float: left; margin-top: 20px; } @media screen and (max-width: 767px) { #cartContainer .cart_actionButtonsHolder .cart_continueShopingHolder, .cart_actionButtonsHolder .cart_continueShopingHolder { width: 100%; } } #cartContainer .cart_actionButtonsHolder button[type="submit"], .cart_actionButtonsHolder button[type="submit"] { width: 40%; float: right; margin-top: 20px; } @media screen and (max-width: 767px) { #cartContainer .cart_actionButtonsHolder button[type="submit"], .cart_actionButtonsHolder button[type="submit"] { width: 100%; } } #cartContainer .cart_actionButtonsHolder .saveCart_container, .cart_actionButtonsHolder .saveCart_container { width: 40%; float: right; } @media screen and (max-width: 767px) { #cartContainer .cart_actionButtonsHolder .saveCart_container, .cart_actionButtonsHolder .saveCart_container { width: 100%; } } #cartContainer .cart_actionButtonsHolder .btn-outline-primary, .cart_actionButtonsHolder .btn-outline-primary { width: 100%; margin-top: 20px; } .info_container_holder .serviceTechnicianRequest, .serviceTechnicianRequest { background: none; width: 100%; position: relative; padding: 2em 0; border-top: solid 1px #e5e5e5; } @media screen and (max-width: 767px) { .info_container_holder .serviceTechnicianRequest, .serviceTechnicianRequest { width: 100% !important; padding: 10px 0 20px 0; } } .info_container_holder .serviceTechnicianRequest .title_holder, .serviceTechnicianRequest .title_holder { min-height: auto; display: inline; width: auto; } @media screen and (max-width: 767px) { .info_container_holder .serviceTechnicianRequest .title_holder, .serviceTechnicianRequest .title_holder { width: 100% !important; padding: 0 !important; } } .info_container_holder .serviceTechnicianRequest .title, .serviceTechnicianRequest .title { display: inline; } .info_container_holder .serviceTechnicianRequest .item_container, .serviceTechnicianRequest .item_container { display: inline; width: 100%; } .info_container_holder .serviceTechnicianRequest .formline, .serviceTechnicianRequest .formline { display: inline; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; color: #555555; margin-right: 10px; } .info_container_holder .serviceTechnicianRequest #service_technician_request_button, .info_container_holder .serviceTechnicianRequest #service_technician_delete_button, .info_container_holder .serviceTechnicianRequest #maintec_request_button, .serviceTechnicianRequest #service_technician_request_button, .serviceTechnicianRequest #service_technician_delete_button, .serviceTechnicianRequest #maintec_request_button { width: 100%; border: none; color: #fff; font-size: 1.6rem; line-height: 2.8rem; text-align: center; padding: 1rem; display: block; box-sizing: border-box; color: #052a68; background: transparent; border: solid 2px #052a68; line-height: 2.4rem; transition: all .3s ease-in-out; padding: 1rem 10rem; width: auto; margin-top: 0; display: inline-block; float: right; margin-left: 15px; } .info_container_holder .serviceTechnicianRequest #service_technician_request_button:hover, .info_container_holder .serviceTechnicianRequest #service_technician_request_button:focus, .info_container_holder .serviceTechnicianRequest #service_technician_delete_button:hover, .info_container_holder .serviceTechnicianRequest #service_technician_delete_button:focus, .info_container_holder .serviceTechnicianRequest #maintec_request_button:hover, .info_container_holder .serviceTechnicianRequest #maintec_request_button:focus, .serviceTechnicianRequest #service_technician_request_button:hover, .serviceTechnicianRequest #service_technician_request_button:focus, .serviceTechnicianRequest #service_technician_delete_button:hover, .serviceTechnicianRequest #service_technician_delete_button:focus, .serviceTechnicianRequest #maintec_request_button:hover, .serviceTechnicianRequest #maintec_request_button:focus { background: rgba(5, 42, 104, 0.4); border: solid 2px #697fa4; } @media screen and (max-width: 1024px) { .info_container_holder .serviceTechnicianRequest #service_technician_request_button, .info_container_holder .serviceTechnicianRequest #service_technician_delete_button, .info_container_holder .serviceTechnicianRequest #maintec_request_button, .serviceTechnicianRequest #service_technician_request_button, .serviceTechnicianRequest #service_technician_delete_button, .serviceTechnicianRequest #maintec_request_button { margin-top: 15px; width: 50% !important; } } @media screen and (max-width: 767px) { .info_container_holder .serviceTechnicianRequest #service_technician_request_button, .info_container_holder .serviceTechnicianRequest #service_technician_delete_button, .info_container_holder .serviceTechnicianRequest #maintec_request_button, .serviceTechnicianRequest #service_technician_request_button, .serviceTechnicianRequest #service_technician_delete_button, .serviceTechnicianRequest #maintec_request_button { margin-top: 15px; width: 100% !important; } } #rollover_cart_popup.kro-flyout { position: absolute; right: 0; display: none; width: 40rem; max-width: 40rem; transition: opacity 2s ease-in; } @media only screen and (max-width: 767px) { #rollover_cart_popup.kro-flyout { width: 100%; } } #rollover_cart_popup.kro-flyout.cart .kro-flyoutBox { overflow: hidden; } #rollover_cart_popup.kro-flyout.cart .kro-flyoutBox p.kro-flyout__headline { margin: 0em 0 .6em 0; } #rollover_cart_popup.kro-flyout.cart .kro-flyoutBox p.kro-flyout__msg { margin: 1.6em 0 1.6em 0; } #rollover_cart_popup.kro-flyout.cart .kro-flyoutBox.loading { text-align: center; } #rollover_cart_popup.kro-flyout.cart .kro-flyoutBox #loadingAnimation { width: 100px; height: 100px; } #rollover_cart_popup.kro-flyout.cart .kro-flyoutBox #loadingAnimation circle { fill: #eaebeb; } #rollover_cart_popup.kro-flyout.cart .kro-flyoutBox#cartContainer { background: #fff; display: inherit; } #rollover_cart_popup.kro-flyout.cart .kro-flyoutBox#cartContainer .cart_modal_popup .prod_del form { position: relative; } @media only screen and (max-width: 1024px) { #rollover_cart_popup.kro-flyout.cart .kro-flyoutBox#cartContainer .cart_modal_popup .prod_del form { display: none; } } #rollover_cart_popup.kro-flyout.cart .kro-flyoutBox#cartContainer .cart_modal_popup .prod_del .qty-switch { position: absolute; right: 5px; width: 20px; top: 4px; } #rollover_cart_popup.kro-flyout.cart .kro-flyoutBox#cartContainer .cart_modal_popup .prod_del .qty-switch a i { color: #555555; font-size: 1rem; } #rollover_cart_popup.kro-flyout.cart .kro-flyoutBox ::-webkit-scrollbar { width: 6px; } #rollover_cart_popup.kro-flyout.cart .kro-flyoutBox ::-webkit-scrollbar-track { background: #eaebeb; border-radius: 5px; } #rollover_cart_popup.kro-flyout.cart .kro-flyoutBox ::-webkit-scrollbar-thumb { background: #052a68; border-radius: 5px; } #rollover_cart_popup.kro-flyout.cart .kro-flyoutBox ul { display: flex; flex-direction: column; flex-wrap: nowrap; overflow-y: auto; overflow-x: hidden; } #rollover_cart_popup.kro-flyout.cart .kro-flyoutBox ul li { border-top: 1px solid #e5e5e5; } #rollover_cart_popup.kro-flyout.cart .kro-flyoutBox ul li:last-child { border-bottom: 1px solid #e5e5e5; } #rollover_cart_popup.kro-flyout.cart .kro-flyoutBox a { margin: 0; } #rollover_cart_popup.kro-flyout.cart .kro-flyoutBox .wrapper { height: 100%; width: 47.4rem; position: relative; display: flex; -webkit-transition: -webkit-transform 300ms ease; -moz-transition: -moz-transform 300ms ease; transition: transform 300ms ease; } @media only screen and (min-width: 1025px) { #rollover_cart_popup.kro-flyout.cart .kro-flyoutBox .wrapper:hover { transform: translateX(-16rem); } } @media only screen and (max-width: 1024px) { #rollover_cart_popup.kro-flyout.cart .kro-flyoutBox .wrapper.swiped { transform: translateX(-7.7rem); } } #rollover_cart_popup.kro-flyout.cart .kro-flyoutBox .wrapper .prod_item { width: 33.4rem; display: flex; flex: 1; flex-basis: 33.4rem; flex-grow: 0; flex-shrink: 0; float: left; margin-right: 3rem; padding: 1.8rem 0; position: relative; } #rollover_cart_popup.kro-flyout.cart .kro-flyoutBox .wrapper .prod_item .prod_image a { border: 0; padding: 0; } #rollover_cart_popup.kro-flyout.cart .kro-flyoutBox .wrapper .prod_item .prod_info { display: flex; flex-wrap: wrap; height: auto; padding-left: 1rem; } #rollover_cart_popup.kro-flyout.cart .kro-flyoutBox .wrapper .prod_item .prod_info p.prod_quantity_price { text-align: right; margin: 0.3rem 0 0 0; padding: 0; line-height: 2.2rem; } #rollover_cart_popup.kro-flyout.cart .kro-flyoutBox .wrapper .prod_item .prod_info p.prod_name { margin: 0; line-height: 1; } #rollover_cart_popup.kro-flyout.cart .kro-flyoutBox .wrapper .prod_item .prod_info .prod_quantity { white-space: nowrap; display: block; font-size: 1.4rem; } #rollover_cart_popup.kro-flyout.cart .kro-flyoutBox .wrapper .prod_item .prod_info .item-number { font-size: 1.4rem; line-height: 1.5; width: 50%; word-break: break-word; } #rollover_cart_popup.kro-flyout.cart .kro-flyoutBox .wrapper .prod_item .prod_info .prod_price { font-size: 1.4rem; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; text-align: right; } #rollover_cart_popup.kro-flyout.cart .kro-flyoutBox .wrapper .prod_item .prod_info a { height: auto; border: none; width: 250px; padding: 0; } #rollover_cart_popup.kro-flyout.cart .kro-flyoutBox .wrapper .prod_item .prod_info a.swipe-right { border: none; height: auto; width: auto; position: absolute; right: 0; top: 1.4rem; align-self: flex-start; padding-right: 0; margin-right: 0; } #rollover_cart_popup.kro-flyout.cart .kro-flyoutBox .wrapper .prod_item .prod_info a.swipe-right i { padding: 0.5rem 0; font-size: 1.1rem; color: #555555; } #rollover_cart_popup.kro-flyout.cart .kro-flyoutBox .wrapper .prod_del { display: flex; width: 14rem; flex-basis: 14rem; flex-shrink: 0; flex-grow: 1; } #rollover_cart_popup.kro-flyout.cart .kro-flyoutBox .wrapper .prod_del form { width: 6.2rem; margin-right: 2rem; margin-top: 2rem; } #rollover_cart_popup.kro-flyout.cart .kro-flyoutBox .wrapper .prod_del form input { height: 3.8rem; width: 4rem; } #rollover_cart_popup.kro-flyout.cart .kro-flyoutBox .wrapper .prod_del form .qty-switch a { height: 1.5rem; border-bottom: none; padding: 0; } #rollover_cart_popup.kro-flyout.cart .kro-flyoutBox .wrapper .prod_del form .qty-switch a i { font-size: 1rem; } #rollover_cart_popup.kro-flyout.cart .kro-flyoutBox .wrapper .prod_del > a { background: #052a68; border: 0; padding: 0 1.5rem; height: 100%; } #rollover_cart_popup.kro-flyout.cart .kro-flyoutBox .wrapper .prod_del > a:hover, #rollover_cart_popup.kro-flyout.cart .kro-flyoutBox .wrapper .prod_del > a:focus, #rollover_cart_popup.kro-flyout.cart .kro-flyoutBox .wrapper .prod_del > a:active { background: #042153; } #rollover_cart_popup.kro-flyout.cart .kro-flyoutBox .wrapper .prod_del > a i { color: #fff; font-size: 2rem; } #rollover_cart_popup.kro-flyout.cart .kro-flyoutBox .wrapper .prod_del > a.submitBookmark { background: #0060ad; } #rollover_cart_popup.kro-flyout.cart .kro-flyoutBox .wrapper .prod_del > a.submitBookmark:hover, #rollover_cart_popup.kro-flyout.cart .kro-flyoutBox .wrapper .prod_del > a.submitBookmark:focus, #rollover_cart_popup.kro-flyout.cart .kro-flyoutBox .wrapper .prod_del > a.submitBookmark:active { background: rgba(5, 42, 104, 0.4); } #rollover_cart_popup.kro-flyout.cart .kro-flyoutBox > form { padding: 3rem 1rem; } #rollover_cart_popup.kro-flyout.hover { display: block; } #rollover_cart_popup.kro-flyout .kro-flyoutBox { position: relative; right: auto; display: inherit; } #rollover_cart_popup.kro-flyout .cart.cart_content { position: relative; } .approvalButtonsHolder { display: flex; min-width: 300px; } .approvalButtonsHolder button { flex: 1; } @media only screen and (max-width: 1024px) { #cartContainer .info_container_holder .title_holder { min-height: 5em; } #cartContainer table thead th .sorting-switch.sorting-upward { background-position: -18.8em -109.6em; } #cartContainer table thead th .sorting-switch { background-position: -23.6em -104.9em; } } #cart_popup { position: fixed; z-index: 9000; left: 47.3%; transform: translateX(-50%); top: 14em; max-width: 1295px; width: 100%; } @media only screen and (max-width: 767px) { #cart_popup { left: 50%; } } #your_order thead tr th, #your_cart thead tr th { border-bottom: 0; } #your_order tbody tr, #your_cart tbody tr { vertical-align: top; } .dataentrystep #cartContainer .item_container_holder { margin: 1rem 2rem; } #rollover_cart_popup_alert p, #rollover_cart_popup_alert a { margin: 0; } #rollover_cart_popup_alert p .legend, #rollover_cart_popup_alert a .legend { margin-top: 1em; } #rollover_cart_popup_alert #cart_modal_popup .prod_name { font-size: 2rem; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; color: #555555; word-break: break-all; padding-right: 2rem; margin: 0 0 0 90px; } #rollover_cart_popup_alert #cart_modal_popup .prod_info a { height: auto; border: none; width: 100%; } #rollover_cart_popup_alert #cart_modal_popup .item-number { margin: 0 0 0 90px; } #rollover_cart_popup_alert #cart_modal_popup .prod_quantity { float: right; } #rollover_cart_popup_alert #cart_modal_popup .prod_price { float: right; clear: both; } div#cartContainer.checkout { padding: 0 20px; } #cartContainer.checkout .item_container_holder .title_holder h1 { border-bottom: 1px solid #e5e5e5; } #order-detail-page .checkout_summary_flow, #quote-detail-page .checkout_summary_flow, #guestcheckout-quote-confirmation .checkout_summary_flow, #guestcheckout-confirmation .checkout_summary_flow, #checkout-quote-confirmation .checkout_summary_flow { padding: 0 20px; background: #eaebeb; } #order-detail-page .checkout_summary_flow #checkout_summary_deliverymode_div .item_container_holder, #quote-detail-page .checkout_summary_flow #checkout_summary_deliverymode_div .item_container_holder, #guestcheckout-quote-confirmation .checkout_summary_flow #checkout_summary_deliverymode_div .item_container_holder, #guestcheckout-confirmation .checkout_summary_flow #checkout_summary_deliverymode_div .item_container_holder, #checkout-quote-confirmation .checkout_summary_flow #checkout_summary_deliverymode_div .item_container_holder { margin-top: 2em; } #order-detail-page div#cartContainer.checkout, #quote-detail-page div#cartContainer.checkout, #guestcheckout-quote-confirmation div#cartContainer.checkout, #guestcheckout-confirmation div#cartContainer.checkout, #checkout-quote-confirmation div#cartContainer.checkout { padding: 0px; } #checkout-order-confirmation div#cartContainer.checkout { padding: 0; } #excelUpload { position: absolute; top: 40px; left: 0; height: 54px !important; z-index: 1000; width: 140px; cursor: pointer; } .delivery_addresses_list .existing_address .text { font-size: 10px; } .page-orderConfirmationPage #cartContainer.checkout { padding: 0; } .page-orderConfirmationPage #cartContainer #cart_items_tbody h2 { line-height: 1; } @media only screen and (min-width: 1025px) { .volume-prices { position: relative; width: 130% !important; left: -30%; } } .maintec_call_toaction { background: #eaebeb; } .maintec_call_toaction h2 { color: #555555; font-size: 2rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1; letter-spacing: normal; } .maintec_call_toaction .maintec_button_cart { padding: 1rem 6rem 1rem 6rem !important; width: 30% !important; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif !important; color: #052a68 !important; border: solid 2px #052a68 !important; font-weight: 400 !important; margin-top: 0 !important; margin-bottom: 20px !important; } .checkbox_label_disabled:before { cursor: not-allowed; background-color: #eee; opacity: 1; } .maintenance { height: 100%; min-height: 60em; } .maintenance #mainContent h1 { color: #0060ad; font-size: 2.6em; padding-left: 1.6em; margin-left: 0; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; } @media only screen and (max-width: 1024px) { .maintenance #mainContent h1 { padding-left: 2em; } } .maintenance #mainContent p { font-size: 1.6em; padding-left: 2.6em; margin-left: 0; width: 34em; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } @media only screen and (max-width: 1024px) { .maintenance #mainContent p { padding-left: 3.4em; } } .error404, .maintenance { min-height: 56em; } @media only screen and (max-width: 768px) { .error404, .maintenance { height: auto; } .error404 .title_holder, .maintenance .title_holder { padding: 0; width: 100%; } .error404 .title_holder h1, .maintenance .title_holder h1 { font-size: 2.2em; } .error404 .title_holder img, .maintenance .title_holder img { width: 100%; } .error404 .title_holder p, .maintenance .title_holder p { padding: 0; } } .error404 .title, .maintenance .title { text-align: center; } .error404 .title img, .maintenance .title img { margin-top: 3em; } .error404 .title p, .maintenance .title p { padding: 0 20%; } .maintenance .title p { padding: 0 10%; } #mainContent .continentWrap { float: left; margin-bottom: 1em !important; width: 100%; } #mainContent .continentWrap h3 { border-bottom: 1px solid #ccc; color: #555; float: left; font-size: 2.1em; margin: 0.2em 0; padding: 0; width: 100%; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } @media only screen and (max-width: 1024px) { #mainContent .continentWrap h3 { cursor: pointer; } #mainContent .continentWrap h3 span { float: right; font-size: 1em; background: url(../_ui/responsive/images/layout/icons-sprite.png) -9em -132em #fff; width: 1em; height: 1.315em; } #mainContent .continentWrap h3 span.active { background-position: -11.3em -129.7em; } } @media only screen and (max-width: 768px) { .continent { display: none; } .continent.active { display: block; } } .country { float: left; padding: 0.5em 2em 0 0; } @media only screen and (max-width: 768px) { .country { float: left; padding-right: 0; width: 100%; } } .country .flagg { position: relative; } .country .flagg:hover .overlay { display: block; } .country .overlay { background: #e3e3e3; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); display: none; font-size: 1.3em; padding: 0.6em; position: absolute; left: -0.6em; top: -0.6em; height: 1.6em; width: 12em; z-index: 10; } @media only screen and (max-width: 768px) { .country .overlay { background: none; box-shadow: none; display: block; font-size: 1.4em; width: 100%; } } .country .overlay img { margin-right: 0.2em; } .country img { float: left; } .country a:link, .country a:visited { font-size: 1em; line-height: 1.7em; padding: 0 0.4em; } .country a:hover, .country a:focus { text-decoration: underline; } #header .smartBar a.countrySelectionLink_mobile { color: transparent; float: left; margin-left: 2%; background-position: -3.6em -392.4em; } #mainContent .country p { font-size: 1.2em; } .country .overlay { width: 13em; } .country img { float: left; margin-right: 10px; } .country a:link, .country a:visited { line-height: 1.7em; padding: 0 0.4em; } .country { padding: 2em 2em 0 0; min-width: 340px; } #mainContent .country p { font-size: 1.2em; } .country .overlay { width: 13em; } .country img { float: left; margin-right: 10px; } .country a:link, .country a:visited { line-height: 1.7em; padding: 0 0.4em; } .country { padding: 2em 2em 0 0; min-width: 340px; } .country { padding: 2em 2em 0 0; min-width: 47%; } @media only screen and (min-width: 1280px) { .country { min-width: 31%; } } .country { padding: 0.5em 2em 0 0; } .helpSearchBox { display: flex; flex-wrap: wrap; flex-direction: row; } .helpSearchBox .helpCategorySection { width: 25%; } .helpSearchBox .helpCategorySection #helpCategories h2 { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2.13; letter-spacing: normal; color: #555555; border-bottom: 1px solid #e5e5e5; padding: 2.8rem 0 6px; } .helpSearchBox .helpCategorySection #helpCategories h2 a.helpCategory { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 16px; line-height: 2.13; color: #555555; } .helpSearchBox .helpCategorySection #helpCategories ul { margin-top: 20px; margin-right: 3px; } .helpSearchBox .helpCategorySection #helpCategories ul a.helpCategory { display: inline-block; margin-bottom: 0.4em; margin-top: 0.4em; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 1.6rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2.13; letter-spacing: normal; color: #555555; } .helpSearchBox .helpCategorySection #helpCategories ul a.helpCategory.selected { color: #E34805; } .helpSearchBox .helpCategorySection #helpCategories ul a.helpCategory .helpCategroyImg { width: 20px; height: 20px; padding-top: 5px; margin-right: 15px; display: inline-block; float: left; } .helpSearchBox .helpCategorySection #helpCategories ul a.helpCategory img { max-height: 100%; margin: 0 auto; display: flex; } .helpSearchBox .helpCategorySection #helpCategories ul li { position: relative; } .helpSearchBox .helpCategorySection #helpCategories ul li:hover a { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; } .helpSearchBox .helpSearchSection { width: 75%; min-width: 280px; float: left; display: flex; flex-direction: column; } .helpSearchBox .helpSearchSection > * { margin-left: 20px; } .helpSearchBox .helpSearchSection .stageStatic .textContainer { background: linear-gradient(to right, #8a8a8a 0%, rgba(234, 235, 235, 0) 100%) !important; border-radius: 0 !important; min-height: 30rem !important; } .helpSearchBox .helpSearchSection .stageStatic .textContainer h1 { color: #fff; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 3.2rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: normal; } .helpSearchBox .helpSearchSection .stageStatic .textContainer h1 span { color: #fff !important; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 3.2rem !important; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: normal; } .helpSearchBox .helpSearchSection .stageStatic .textContainer p { color: #fff !important; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 1.6rem !important; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; } .helpSearchBox .helpSearchSection .stageStatic .imageContainer { border-radius: 0 !important; } .helpSearchBox .helpSearchSection .stageStatic .imageContainer img { border-radius: 0 !important; } @media only screen and (max-width: 767px) { .helpSearchBox .helpSearchSection .stageStatic .imageContainer { display: block !important; } .helpSearchBox .helpSearchSection .stageStatic .imageContainer img { width: auto !important; } } .helpSearchBox .helpSearchSection #helpSearchForm .ui-autocomplete { position: absolute; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; font-size: 1.4em; background: #fafaf9; padding: 0 1.428em; margin-top: 2em; left: 0.2em; -webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75); } .helpSearchBox .helpSearchSection #helpSearchForm .ui-autocomplete li { padding: 1em 0; float: left; width: 100%; border-top: 1px solid #e5e5e5; } .helpSearchBox .helpSearchSection #helpSearchForm .ui-autocomplete li:first-child { border: none; } .helpSearchBox .helpSearchSection #helpSearchForm .ui-autocomplete li:hover, .helpSearchBox .helpSearchSection #helpSearchForm .ui-autocomplete li:focus, .helpSearchBox .helpSearchSection #helpSearchForm .ui-autocomplete li:active { background: #f3f3f3; } .helpSearchBox .helpSearchSection #helpSearchForm .ui-autocomplete li .thumb { float: left; } .helpSearchBox .helpSearchSection #helpSearchForm .ui-autocomplete li .thumb img { border: 1px solid #e5e5e5; float: left; } .helpSearchBox .helpSearchSection #helpSearchForm .ui-autocomplete li .left { width: 150px; margin: -0.25em 0 0 1.4em; line-height: 1.45em; } .helpSearchBox .helpSearchSection #helpSearchForm .ui-autocomplete li .left .title { float: left; font-size: 14px; } .helpSearchBox .helpSearchSection #helpSearchForm .ui-autocomplete li .left .desc { float: left; font-size: 12px; clear: both; color: #000; } .helpSearchBox .helpSearchSection #helpSearchForm .ui-autocomplete li .price { float: right; font-size: 14px; width: 4em; text-align: right; margin: -0.25em 0 0 0; color: #000; } .helpSearchBox .helpSearchSection #helpSearchForm .searchBarWrap .textWrap { float: left; width: calc(100% - 60px); } .helpSearchBox .helpSearchSection #helpSearchForm .searchBarWrap .textWrap input[type=text] { padding: 0 0 0 1.5rem; width: calc(100% - 1.5rem); } .helpSearchBox .helpSearchSection #helpSearchForm .searchBarWrap .textWrap input[type=text]:focus { border-bottom: 2px solid #052a68; background: white; } .helpSearchBox .helpSearchSection #helpSearchForm .searchBarWrap .textWrap input[type=text]::-ms-clear { display: none; } .helpSearchBox .helpSearchSection #helpSearchForm .searchBarWrap .textWrap .btn-clear { position: relative; bottom: 0; line-height: 1; background-color: #555555; opacity: 0; pointer-events: none; transition: opacity .075s ease-in-out; } .helpSearchBox .helpSearchSection #helpSearchForm .searchBarWrap .textWrap .btn-clear:after { content: 'X'; font-size: 1.6rem; width: 100%; color: #fff; position: relative; top: 4px; } .helpSearchBox .helpSearchSection #helpSearchForm .searchBarWrap .textWrap .btn-clear.visible { display: block; position: relative; left: calc(100% - 3rem); bottom: 3.5rem; width: 22px; height: 22px; border-radius: 50%; text-align: center; opacity: 1; pointer-events: auto; } .helpSearchBox .helpSearchSection #helpSearchForm .searchBarWrap .submitWrap { float: left; max-width: 58px; } .helpSearchBox .helpSearchSection #helpSearchForm .searchBarWrap .submitWrap input[type="submit"] { padding: 0; width: 6rem; height: 5rem; background: none; border: solid 1px #c0c0c0; z-index: 20; position: relative; bottom: 26px; } .helpSearchBox .helpSearchSection #helpSearchForm .searchBarWrap .submitWrap:before { content: "\E867"; font-family: "fontello"; position: relative; top: 14px; left: 18px; font-size: 2.5rem; } .helpSearchBox .helpSearchSection .search { margin-top: 20px; } .helpSearchBox .helpSearchSection .helpSearchResults, .helpSearchBox .helpSearchSection .helpTopResults { clear: both; padding: 2em 2em 2em 0; } .helpSearchBox .helpSearchSection .helpSearchResults h2, .helpSearchBox .helpSearchSection .helpTopResults h2 { margin-top: 15px; padding-bottom: 0.5em; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 3.2rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.81; letter-spacing: normal; color: #000; } .helpSearchBox .helpSearchSection .helpSearchResults > a, .helpSearchBox .helpSearchSection .helpTopResults > a { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 1.6rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.75; letter-spacing: normal; color: #555555; position: relative; padding-left: 20px; } .helpSearchBox .helpSearchSection .helpSearchResults > a:after, .helpSearchBox .helpSearchSection .helpTopResults > a:after { font-family: "fontello"; content: '\e831'; display: inline-block; position: absolute; left: 0; font-size: 1rem; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #c0c0c0; } .helpSearchBox .helpSearchSection .helpSearchResults .helpSearchResult, .helpSearchBox .helpSearchSection .helpTopResults .helpSearchResult { font-size: 14px; padding-bottom: 20px; border-bottom: 1px solid #ccc; } .helpSearchBox .helpSearchSection .helpSearchResults .breadcrumb.helpContentBreadcrumb, .helpSearchBox .helpSearchSection .helpTopResults .breadcrumb.helpContentBreadcrumb { padding-left: 0; margin-bottom: 10px; border-bottom: none; } .helpSearchBox .helpSearchSection .helpSearchResults .helpSearchResultContent, .helpSearchBox .helpSearchSection .helpTopResults .helpSearchResultContent { margin-top: 15px; border-bottom: 1px solid #ccc; } .helpSearchBox .helpSearchSection .helpSearchResults .helpSearchResultContent .helpContentSection, .helpSearchBox .helpSearchSection .helpTopResults .helpSearchResultContent .helpContentSection { font-size: 14px; width: 100%; position: relative; margin-bottom: 15px; display: inline-block; } .helpSearchBox .helpSearchSection .helpSearchResults .helpSearchResultContent .helpContentSection h2, .helpSearchBox .helpSearchSection .helpTopResults .helpSearchResultContent .helpContentSection h2 { font-size: 16px; } .helpSearchBox .helpSearchSection .helpSearchResults .helpSearchResultContent .helpContentSection p, .helpSearchBox .helpSearchSection .helpTopResults .helpSearchResultContent .helpContentSection p { margin-top: 0; } .helpSearchBox .helpSearchSection .helpSearchResults .helpSearchResultContent .helpContentSection .helpContentVideo, .helpSearchBox .helpSearchSection .helpTopResults .helpSearchResultContent .helpContentSection .helpContentVideo { margin: 15px 0; } .helpSearchBox .helpSearchSection .helpSearchResults .helpSearchResultContent .helpContentSection .helpContentVideo video, .helpSearchBox .helpSearchSection .helpTopResults .helpSearchResultContent .helpContentSection .helpContentVideo video { width: 100%; } .helpSearchBox .helpSearchSection .helpSearchResults .helpSearchResultContent .helpContentSection.standardText p, .helpSearchBox .helpSearchSection .helpSearchResults .helpSearchResultContent .helpContentSection.standardText ul, .helpSearchBox .helpSearchSection .helpSearchResults .helpSearchResultContent .helpContentSection.standardText ol, .helpSearchBox .helpSearchSection .helpSearchResults .helpSearchResultContent .helpContentSection.standardText li, .helpSearchBox .helpSearchSection .helpSearchResults .helpSearchResultContent .helpContentSection.standardText a, .helpSearchBox .helpSearchSection .helpSearchResults .helpSearchResultContent .helpContentSection.standardText table, .helpSearchBox .helpSearchSection .helpTopResults .helpSearchResultContent .helpContentSection.standardText p, .helpSearchBox .helpSearchSection .helpTopResults .helpSearchResultContent .helpContentSection.standardText ul, .helpSearchBox .helpSearchSection .helpTopResults .helpSearchResultContent .helpContentSection.standardText ol, .helpSearchBox .helpSearchSection .helpTopResults .helpSearchResultContent .helpContentSection.standardText li, .helpSearchBox .helpSearchSection .helpTopResults .helpSearchResultContent .helpContentSection.standardText a, .helpSearchBox .helpSearchSection .helpTopResults .helpSearchResultContent .helpContentSection.standardText table { font-size: 1.6rem; line-height: 1.5; } .helpSearchBox .helpSearchSection .helpSearchResults { flex-grow: 1; padding-top: 4em; } .helpSearchBox .helpSearchSection .helpSearchResults .helpSearchResult { margin-bottom: 20px; padding-left: 20px !important; } .helpSearchBox .helpSearchSection .helpSearchResults .helpSearchResult a.helpSearchResultTitle { display: block; } .helpSearchBox .helpSearchSection .helpSearchResults .helpSearchResult div.helpSearchResultTeaser { margin-top: 1em; font-size: 1.6rem; line-height: 1.5; } .helpSearchBox .helpSearchSection .helpSearchResults .helpSearchResult div.helpSearchResultTeaser p { font-size: 1.6rem; line-height: 1.5; } .helpSearchBox .helpSearchSection .helpSearchResults .helpSearchResult p { display: inline; } .helpSearchBox .helpSearchSection .helpSearchResults p { margin-bottom: 0; } .helpSearchBox .helpSearchSection .helpSearchResults p.noResult { font-size: 14px; margin-top: 0; margin-bottom: 1.5em; } .helpSearchBox .helpSearchSection .helpTopResults { padding-bottom: 0.7em; border-bottom: 1px solid #ccc; margin-bottom: 2em; } .helpSearchBox .helpSearchSection .helpTopResults .helpSearchResult { border: none; padding: 0 0 1em 0; padding-left: 20px !important; } .helpSearchBox .helpSearchContact { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 1.6rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; color: #555555; } @media only screen and (max-width: 767px) { .helpSearchBox .helpCategorySection { width: 100%; border-right: none; } .helpSearchBox .helpSearch { margin-top: 20px; } .helpSearchBox .helpSearchSection { width: 100%; } .helpSearchBox .helpSearchSection > * { margin-left: 0; } } .skpCommissionsTable { border: 1px solid #e5e5e5; min-height: 48px; box-sizing: border-box; margin: 0; } .skpCommissionsTable th, .skpCommissionsTable td { text-align: left; padding: 0.3em 1em; } .skpCommissionsTable td:nth-child(1) { border-right: 1px solid #e5e5e5; } .skpCommissionsTable input { display: none; } .skpCommissionsTable .skpRemoveCommission { float: right; font-size: 10px; height: 2em; width: 2em; background: url(../_ui/responsive/theme-KRONES/images/layout/icons-sprite.png) no-repeat -142px -1438px transparent; } .skpCommissionDialogButton { position: relative; display: inline-block; top: 7px; width: 25px; font-size: 1.6em; text-align: center; background: #052a68 none repeat scroll 0 0 !important; color: #fff !important; margin-left: 10px; cursor: pointer; border-radius: 3px; z-index: 1; } .skp_search_form .form_field-filterInput { width: 20em; margin-left: 50px; } @media only screen and (max-width: 767px) { .skp_search_form .form_field-filterInput { width: 35%; margin-left: 50px; } } .skp_search_form .form_field-filterInput .checkbox_label { padding: 0px; line-height: 2em; } .skp_search_form .form_field-input .checkbox label:before { position: relative; left: 0; top: 0; margin-right: 1rem; } #skpSelectCommissionsPopup { margin: 30px; } #skpSelectCommissionsPopup h2 { border-bottom: 1px solid #ccc; } #skpSelectCommissionsPopup select#b2bUnit { width: 300px; } #skpSelectCommissionsPopup .skpCommissionsInfoText { float: left; width: 50%; margin: 15px 0 15px 0; } #skpSelectCommissionsPopup .skpCommissionsSearch { float: right; margin: 15px 0 15px 0; } #skpSelectCommissionsPopup .skpCommissionsSearch input { width: 300px; background: #fff url("../_ui/responsive/theme-KRONES/images/layout/icons-sprite.png") no-repeat scroll 0.4em -232.8em; border: solid 3px #ddd; color: #707172; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; height: 36px; padding: 7px 0 6px 36px; margin: 0 0 10px 0; width: 400px; box-shadow: none; border-radius: 0; } #skpSelectCommissionsPopup .customerSelection { height: 28px; margin-bottom: 30px; } #skpSelectCommissionsPopup .dataTables_scrollBody, #skpSelectCommissionsPopup .dataTables_scrollHead { border: 1px solid #ddd !important; } #skpSelectCommissionsPopup .dataTables_scrollBody { border-bottom: 1px solid #ddd !important; } #skpSelectCommissionsPopup table { padding-top: 0.4rem; background: #ddd; margin: 0px; } #skpSelectCommissionsPopup table#commissions { padding: 0; } #skpSelectCommissionsPopup table.skpCommissionsTable th { border: none; background-color: #ddd; } #skpSelectCommissionsPopup table.skpCommissionsTable tr td, #skpSelectCommissionsPopup table.skpCommissionsTable tr th { text-align: left; min-width: 50px; padding: 0.3em 1em 0.3rem 0; } #skpSelectCommissionsPopup table.skpCommissionsTable tr td:first-child, #skpSelectCommissionsPopup table.skpCommissionsTable tr th:first-child { width: 8%; padding-left: 1rem; } #skpSelectCommissionsPopup table.skpCommissionsTable tr td:nth-child(2), #skpSelectCommissionsPopup table.skpCommissionsTable tr td:nth-child(4), #skpSelectCommissionsPopup table.skpCommissionsTable tr th:nth-child(2), #skpSelectCommissionsPopup table.skpCommissionsTable tr th:nth-child(4) { width: 16%; } #skpSelectCommissionsPopup table.skpCommissionsTable tr td:nth-child(3), #skpSelectCommissionsPopup table.skpCommissionsTable tr td:nth-child(5), #skpSelectCommissionsPopup table.skpCommissionsTable tr th:nth-child(3), #skpSelectCommissionsPopup table.skpCommissionsTable tr th:nth-child(5) { width: 27%; } #skpSelectCommissionsPopup table.skpCommissionsTable tr.skpCommissionTableGroup, #skpSelectCommissionsPopup table.skpCommissionsTable tr.skpCommissionTableGroup:hover { background-color: #eee; } #skpSelectCommissionsPopup table.skpCommissionsTable tr.skpCommissionTableGroup td label:before, #skpSelectCommissionsPopup table.skpCommissionsTable tr.skpCommissionTableGroup:hover td label:before { display: none; } #skpSelectCommissionsPopup table.skpCommissionsTable tr.skpDummyCommissionRow { display: none; } #skpSelectCommissionsPopup table.skpCommissionsTable tr { background: #fff; } #skpSelectCommissionsPopup table.skpCommissionsTable tr:hover { background-color: #eee; } #skpSelectCommissionsPopup table.skpCommissionsTable tr td label:before { float: left; margin: 1px 5px 0 10px; width: 10px; height: 10px; content: " "; border-bottom: 1px solid #000; border-left: 1px solid #000; } #skpSelectCommissionsPopup table.skpCommissionsTable tr td label:after { content: ""; display: inline-block; float: left; font-size: 10px; width: 2em; height: 2em; background: #fff; border: 1px solid #ccc; -webkit-tap-highlight-color: transparent; transform: scale(0.7); } #skpSelectCommissionsPopup table.skpCommissionsTable tr th input { font-size: 1em; box-shadow: none; border-radius: 0; } #skpSelectCommissionsPopup table.skpCommissionsTable tr td input[type='checkbox'] { display: none; } #skpSelectCommissionsPopup table.skpCommissionsTable tr td input[type='checkbox']:checked + label:after { background: url(../_ui/responsive/theme-KRONES/images/layout/icons-sprite.png) 0.4em -158em no-repeat #fff; -webkit-tap-highlight-color: transparent; } #skpSelectCommissionsPopup .skpSubmitCommissionsButton { width: 100%; } #skpSelectCommissionsPopup .skpSubmitCommissionsButton button { float: right; width: 50%; } #skpSelectCommissionsPopup .dataTables_filter { display: none; } .skpTabContent .skpTotals { font-size: 1.4em; } .skpDetails .skpTabContent:not(:last-child) { display: none; } .skpDetails .paginationWrap .selectboxit .selectboxit-arrow-container .selectboxit-arrow:before { top: -1rem; } .skpDetails .paginationWrap .selectboxit .selectboxit-arrow-container .selectboxit-arrow:after { bottom: -1rem; } .skpRequestBox .skpTabContent:not(:nth-child(1)) { display: none; } .skpSuccessCodeList { font-size: 1.3em; margin: 10px; } #skpUploadExcelForm { display: inline; } #skpUploadExcelForm #skpExcelFile { position: absolute; width: 0px; visibility: hidden; } .requestSKPForm .ui-autocomplete, #skpSelectCommissionsPopup .ui-autocomplete, #enterMaintecRequestForm .ui-autocomplete { clear: both; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; background: #fafaf9; padding: 0 1.428em; -webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75); } .requestSKPForm .ui-autocomplete li a, #skpSelectCommissionsPopup .ui-autocomplete li a, #enterMaintecRequestForm .ui-autocomplete li a { line-height: 30px; } .requestSKPForm .ui-autocomplete li:hover, #skpSelectCommissionsPopup .ui-autocomplete li:hover, #enterMaintecRequestForm .ui-autocomplete li:hover { background: #0060ad; } .requestSKPForm .ui-autocomplete li:hover a, #skpSelectCommissionsPopup .ui-autocomplete li:hover a, #enterMaintecRequestForm .ui-autocomplete li:hover a { color: #FFF; } .requestSKPForm .skpRequestCheckbox label, #skpSelectCommissionsPopup .skpRequestCheckbox label, #enterMaintecRequestForm .skpRequestCheckbox label { font-size: 1em; padding: 0; line-height: 1.5; } .requestSKPForm .skpRequestCheckbox label:after, #skpSelectCommissionsPopup .skpRequestCheckbox label:after, #enterMaintecRequestForm .skpRequestCheckbox label:after { content: ""; display: inline-block; float: left; font-size: 10px; width: 2em; height: 2em; margin-right: 2em; background: #fff; border: 1px solid #ccc; -webkit-tap-highlight-color: transparent; } .requestSKPForm .skpRequestCheckbox input[type='checkbox'], #skpSelectCommissionsPopup .skpRequestCheckbox input[type='checkbox'], #enterMaintecRequestForm .skpRequestCheckbox input[type='checkbox'] { display: none; } .requestSKPForm .skpRequestCheckbox input[type='checkbox']:checked + label:after, #skpSelectCommissionsPopup .skpRequestCheckbox input[type='checkbox']:checked + label:after, #enterMaintecRequestForm .skpRequestCheckbox input[type='checkbox']:checked + label:after { background: url(../_ui/responsive/theme-KRONES/images/layout/icons-sprite.png) 0.4em -158em no-repeat #fff; -webkit-tap-highlight-color: transparent; } .requestSKPForm .skpAdditionalParametersText, #skpSelectCommissionsPopup .skpAdditionalParametersText, #enterMaintecRequestForm .skpAdditionalParametersText { display: none; } @media only screen and (max-width: 767px) { .skpTabContentWrap { overflow: scroll; } .requestSKPForm button { right: 0; margin-left: 0; } .skpRequestBox div.form_field-label { width: 100%; } } #mainContent #skp-overview-page .prod_refine .search form, #mainContent #skp-overview-page .prod_refine .createUpgradeButtonForm form { float: left; margin: 0; width: 100%; } #mainContent #skp-overview-page .prod_refine .search .skp_search_form .form_field-filterInput, #mainContent #skp-overview-page .prod_refine .createUpgradeButtonForm .skp_search_form .form_field-filterInput { margin-left: 1rem; } @media only screen and (max-width: 767px) { #mainContent #skp-overview-page .prod_refine .search .skp_search_form .form_field-filterInput, #mainContent #skp-overview-page .prod_refine .createUpgradeButtonForm .skp_search_form .form_field-filterInput { width: 100%; } } #mainContent #skp-overview-page .prod_refine .search .skp_search_form .form_field-filterInput .checkbox, #mainContent #skp-overview-page .prod_refine .createUpgradeButtonForm .skp_search_form .form_field-filterInput .checkbox { margin-top: 0.5em; } #mainContent #skp-overview-page .prod_refine .search .skp_search_form .form_field-filterInput .checkbox .checkbox_label, #mainContent #skp-overview-page .prod_refine .createUpgradeButtonForm .skp_search_form .form_field-filterInput .checkbox .checkbox_label { font-size: 1.6rem; } #mainContent #skp-overview-page .prod_refine .create-new { width: 100%; padding: 2em 0; border-bottom: 1px solid #e5e5e5; margin-bottom: 2em; } #mainContent #skp-overview-page .prod_refine .create-new input[type="submit"] { border: none; color: #fff; font-size: 1.6rem; line-height: 2.8rem; text-align: center; padding: 1rem; -webkit-appearance: none; outline: none; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; background: #052a68; width: auto; min-width: 100px; display: inline-block; float: right; } @media only screen and (max-width: 1024px) { #mainContent #skp-overview-page .prod_refine { padding: 0; } } .skpRequestBox .skpTabContentWrap .skpTabContent .requestSKPForm, .skpRequestBox .skpTabContentWrap .skpTabContent .title_holder { background: #eaebeb; } .skpRequestBox .skpTabContentWrap .skpTabContent .requestSKPForm h1, .skpRequestBox .skpTabContentWrap .skpTabContent .title_holder h1 { padding-left: 20px !important; } .lagerliste .icon { font-family: fontello; font-style: normal; } .lagerliste .iconDetails { color: #052a68; } .lagerliste .iconDetails:before { content: "\e804"; } .lagerliste .iconShowDetails { font-size: 16px; color: #052a68; } .lagerliste .iconShowDetails:before { content: "\e82c"; } .lagerliste .shown .iconShowDetails { color: #e34805; } .lagerliste .shown .iconShowDetails:before { content: "\e82b"; } .lagerliste .iconUpload { color: #052a68; } .lagerliste .iconUpload:before { content: "\e840"; } .lagerliste .iconExport { color: #052a68; } .lagerliste .iconExport:before { content: "\e835"; } .lagerliste .iconExportWithMacros { color: #052a68; } .lagerliste .iconExportWithMacros:before { content: "\e835"; } .lagerliste .iconSave { color: #052a68; } .lagerliste .iconSave:before { content: "\e83f"; } .lagerliste .iconPublish { color: #052a68; } .lagerliste .iconPublish:before { content: "\e821"; } .lagerliste .iconCart { color: #052a68; } .lagerliste .iconCart:before { content: "\e803"; } .lagerliste .iconFilter { color: #052a68; } .lagerliste .iconFilter:before { content: "\e825"; } .lagerliste .iconCheck { color: #052a68; } .lagerliste .iconCheck:before { content: "\e821"; } .lagerliste .spinnerMoreLess { width: 100%; } .lagerliste .spinnerMoreLess .setLess, .lagerliste .spinnerMoreLess .setMore { padding: 0 5px; color: #555; cursor: pointer; } .lagerliste .innerWrap { background: #fff; } .lagerliste .innerWrap #mainContent .title_holder { padding-left: 0; } .lagerliste .innerWrap #mainContent .offerDetails table.offerStatusDetails tr td { min-width: 280px; } .lagerliste .innerWrap #mainContent .offerDetails table.offerStatusDetails tr td:first-child { width: 30%; min-width: 200px; } .lagerliste .innerWrap #mainContent .prod_refine { padding: 0 0 10px 0; } .lagerliste .innerWrap #mainContent .prod_refine .resultOptions { font-weight: normal; flex-wrap: wrap; display: flex; } .lagerliste .innerWrap #mainContent .prod_refine .resultOptions select { margin-right: 5px; } .lagerliste .innerWrap #mainContent .prod_refine .resultOptions .resultNavi { right: 0px; } .lagerliste .innerWrap #mainContent .prod_refine .resultOptions .resultNavi a:visited i { color: #e5e5e5; } .lagerliste .innerWrap #mainContent .prod_refine_neg { background: #eee; padding: 15px; font-size: 1.6em; } .lagerliste .innerWrap #mainContent .search { float: left; margin-right: 10px; margin-bottom: 15px; width: auto; } .lagerliste .innerWrap #mainContent .search form { margin-bottom: 0px; } .lagerliste .innerWrap #mainContent .controls { float: left; flex-basis: 78%; flex-grow: 1; } .lagerliste .innerWrap #mainContent .controls > button, .lagerliste .innerWrap #mainContent .controls > form { margin-left: 0; margin-right: 10px; } .lagerliste .innerWrap #mainContent .controls > button:first-child, .lagerliste .innerWrap #mainContent .controls > form:first-child { margin-left: 0px; } .lagerliste .innerWrap #mainContent .controls button { background: #fff; border: none; padding: 0.25em 10px; font-size: 1.4rem; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-weight: normal; color: #555; text-align: center; min-width: 150px; margin-bottom: 15px; height: 4.8rem; } .lagerliste .innerWrap #mainContent .controls button .icon { margin-left: 5px; } .lagerliste .innerWrap #mainContent .paginationWrap { padding-top: 0px; border-top: none; display: block; } .lagerliste .innerWrap #mainContent .legende h4 { font-weight: bold; line-height: 1.5em; } .lagerliste .innerWrap #mainContent .legende li { font-weight: normal; line-height: 1.5em; } .lagerliste .innerWrap #mainContent .legende li span { font-weight: bold; text-decoration: underline; } .lagerliste .innerWrap #mainContent .standardBox, .lagerliste .innerWrap #mainContent .helpSearchBox { padding-top: 0px; padding-right: 0px; padding-left: 0px; } .lagerliste .innerWrap #mainContent .dataTables_paginate > span { font-size: 1.8rem; height: 4.8rem; width: 2em; margin: 0; padding: 0; border: none; display: block; float: left; border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; height: 4.8rem; } .lagerliste .innerWrap #mainContent .dataTables_paginate .paginate_button { font-size: 1.8rem; height: 4.8rem; width: 2em; margin: 0; padding: 0; padding-top: 8px; border: none; display: none; } .lagerliste .innerWrap #mainContent .dataTables_paginate .paginate_button.previous, .lagerliste .innerWrap #mainContent .dataTables_paginate .paginate_button.previous:hover { float: left; cursor: pointer; background: none; display: block; } .lagerliste .innerWrap #mainContent .dataTables_paginate .paginate_button.next, .lagerliste .innerWrap #mainContent .dataTables_paginate .paginate_button.next:hover { float: left; cursor: pointer; background: none; width: auto; display: block; } .lagerliste .innerWrap #mainContent .dataTables_paginate .paginate_button.current { font-family: 'theSans-LP7-Bold', Arial, sans-serif; border: none; background: none; color: #052a68 !important; text-decoration: none; display: block; } .lagerliste .innerWrap #mainContent .dataTables_paginate .paginate_button:hover, .lagerliste .innerWrap #mainContent .dataTables_paginate .paginate_button:active { background-color: #ccc; color: #052a68 !important; text-decoration: none; background-image: none; } .lagerliste .innerWrap #mainContent table#lagerhaltung { border-bottom: none; margin-bottom: 10px; border-right: 1px solid #e5e5e5; } .lagerliste .innerWrap #mainContent table#lagerhaltung thead tr th { min-width: 0; } .lagerliste .innerWrap #mainContent table#lagerhaltung tbody { max-height: 360px; overflow: scroll; } .lagerliste .innerWrap #mainContent table#lagerhaltung tbody th, .lagerliste .innerWrap #mainContent table#lagerhaltung tbody td { padding: 2px 10px; } .lagerliste .innerWrap #mainContent table#lagerhaltung tr th { position: relative; background: #052a68; height: 120px; font-size: 14px; border: none; border-left: 1px solid #fff; } .lagerliste .innerWrap #mainContent table#lagerhaltung tr th .icon { color: #fff; } .lagerliste .innerWrap #mainContent table#lagerhaltung tr th span { display: block; transform-origin: 0 100%; transform: rotate(-90deg) translate(0, 50%); background: #052a68; position: absolute; left: 50%; bottom: 0px; text-align: left; padding: 4px; color: #fff; max-width: 120px; } .lagerliste .innerWrap #mainContent table#lagerhaltung tr td { vertical-align: middle; border-top: 1px solid #ddd; border-left: 1px solid #ddd; font-size: 13px; background: #fff; text-align: left; } .lagerliste .innerWrap #mainContent table#lagerhaltung tr td:first-child { xborder-left: none; } .lagerliste .innerWrap #mainContent table#lagerhaltung tr td p { margin-bottom: 2px; margin-top: 4px; text-align: center; } .lagerliste .innerWrap #mainContent table#lagerhaltung tr td .skpErrorPlacement label { color: red; line-height: 25px; } .lagerliste .innerWrap #mainContent table#lagerhaltung tr.shown .details { background: #ddd; } .lagerliste .innerWrap #mainContent table#lagerhaltung tr.shown + tr > td { padding: 0; } .lagerliste .innerWrap #mainContent table#lagerhaltung tr.filterControls td { text-align: center; padding: 3px; position: relative; } .lagerliste .innerWrap #mainContent table#lagerhaltung tr.filterControls td input { border: 1px solid #ddd; background: #eee; padding-left: 20px; width: calc(100% - 36px); height: auto; min-height: 30px; } .lagerliste .innerWrap #mainContent table#lagerhaltung tr.filterControls td i.bab-filter-icon { position: absolute; left: 1.2rem; top: 1em; } .lagerliste .innerWrap #mainContent table#lagerhaltung tr.filterControls td i.bab-filter-icon::before { top: -1rem; color: #999; } .lagerliste .innerWrap #mainContent table#lagerhaltung tr:last-child td { border-bottom: 1px solid #ddd; } .lagerliste .innerWrap #mainContent table#lagerhaltung tr table tr th { height: 42px; } .lagerliste .innerWrap #mainContent table#lagerhaltung tr table tr td p { margin-bottom: 13px; } .lagerliste .innerWrap #mainContent table#lagerhaltung input.qty { border: 1px solid #bababa; color: #000; padding: 0.06em 0.8em 0.06em 0.2em; text-align: right; height: 26px; width: 50px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .lagerliste .innerWrap #mainContent table#lagerhaltung .skpHiddenSubTable { display: none; } .lagerliste .innerWrap #mainContent table#lagerhaltung .subtable { padding: 0px; } .lagerliste .innerWrap #mainContent table#lagerhaltung .subtable table tr th { font-weight: normal; background: #ddd; text-align: left; border-bottom: none; } .lagerliste .innerWrap #mainContent table#lagerhaltung .subtable table tr th:first-child { border-left: 1px solid #ddd; } .lagerliste .innerWrap #mainContent table#lagerhaltung .subtable table tr td { background: #eee; text-align: left; } .lagerliste .innerWrap #mainContent div.group { margin-bottom: 5px; } .lagerliste .innerWrap #mainContent .skpTabContent > .section.group { margin-bottom: 0px; } .lagerliste a.myProfileOverviewLink { text-align: left; } .lagerliste .prod_refine { padding: 10px 0; } .lagerliste .prod_refine .resultOptions .resultNavi { right: 0; } .lagerliste .prod_refine .resultOptions .display { line-height: 1.4em; } #lagerhaltung_wrapper span.ellipsis { display: none !important; } #lagerhaltung_wrapper a.disabled i { color: #e5e5e5 !important; } #lagerhaltung_paginate a i { color: #000; float: left; font-size: 3rem; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; } #lagerhaltung_paginate a.disabled i, #lagerhaltung_paginate a:link i { color: #e5e5e5; } #lagerhaltung_paginate span.ellipsis { display: none !important; } .kroLanguageChooserOverlay { display: flex; position: relative; justify-content: center; padding: 20px; } .kroLanguageChooserOverlay select.ngSelect { width: 100% !important; } .kroLanguageChooserOverlay .kroLangOverlayClose { display: none; } .kroLanguageChooserOverlay.inOverlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(255, 255, 255, 0.75); z-index: 100; display: none; } .kroLanguageChooserOverlay.inOverlay.isShown { display: flex; } .kroLanguageChooserOverlay.inOverlay .kroLangOverlayClose { position: absolute; right: 0; top: 0; font-size: 2.4rem; display: inline-block; padding-left: 20px; transform: translateX(100%); } .kroLanguageChooserOverlay.inOverlay .kroLangOverlayClose:before { content: "\e833"; font-family: "fontello"; } @media screen and (max-width: 767px) { .kroLanguageChooserOverlay.inOverlay .kroLangOverlayClose { right: 25px; top: -30px; padding-left: 0; } } .kroLanguageChooserOverlay.inOverlay .kroLanguageChooserContent { max-width: 780px; flex-basis: 50%; width: 100%; box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12); } @media screen and (max-width: 767px) { .kroLanguageChooserOverlay.inOverlay .kroLanguageChooserContent { flex-basis: 100%; } } .kroLanguageChooserOverlay.inOverlay .kroLanguageChooserContentInnen { padding: 20px; } @media screen and (max-width: 767px) { .kroLanguageChooserOverlay.inOverlay .kroLanguageChooserContentInnen .selectboxit-container .selectboxit, .kroLanguageChooserOverlay.inOverlay .kroLanguageChooserContentInnen .selectboxit-container { width: 100% !important; } } .kroLanguageChooserOverlay .imgContainer { display: inline-block; background-color: #555; position: relative; width: 100%; } @media screen and (max-width: 767px) { .kroLanguageChooserOverlay .imgContainer { display: none; } } .kroLanguageChooserOverlay .imgContainer .imgWrap { position: absolute; width: 100%; height: 100%; } .kroLanguageChooserOverlay .imgContainer img { display: block; max-width: 100%; opacity: 0.7; } .kroLanguageChooserOverlay .kroLanguageChooserImgText { position: absolute; bottom: 5rem; width: 100%; } .kroLanguageChooserOverlay .kroLanguageChooserImgText p { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 3.2rem; line-height: 1.31em; color: #555555; width: 60%; margin: 0 auto; } .kroLanguageChooserOverlay .kroLanguageChooserContent { flex: 1; flex-grow: 0; flex-basis: 100%; align-self: center; justify-content: center; background-color: white; position: relative; } .kroLangLink { width: 100%; padding-top: 22px; display: flex; justify-content: center; } .kroLangLink a { min-width: auto; width: auto; display: inline-block; width: 100%; } .kroLangDropdowns { display: flex; box-sizing: border-box; width: 100%; } @media screen and (max-width: 767px) { .kroLangDropdowns { flex-wrap: wrap; flex-basis: 100%; } } .kroLangDropdowns .span_1_of_3 { flex: 1; flex-grow: 0; flex-basis: 33%; } @media screen and (max-width: 767px) { .kroLangDropdowns .span_1_of_3 { flex-basis: 100%; } } .kroLangDropdowns label { display: inline-block; width: 100%; font-size: 2rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; text-align: left; color: #555555; margin-bottom: 10px; } .ngSelect.selectboxit-disabled { display: flex !important; border: 0; cursor: default !important; padding-left: 0 !important; } .ngSelect.selectboxit-disabled .selectboxit-arrow-container { display: none; } .registrationBanner { padding: 15px 0; background-color: #eaebeb; } .registrationBanner .innerWrap { min-height: auto; } .registrationBanner .row { display: flex; flex-wrap: wrap; } .registrationBanner [class^=col-] { flex-basis: 0; flex-grow: 1; max-width: 100%; } .registrationBanner .col-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .registrationBanner .col-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .registrationBanner .col-3 { flex: 0 0 25%; max-width: 25%; } .registrationBanner .col-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .registrationBanner .col-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .registrationBanner .col-6 { flex: 0 0 50%; max-width: 50%; } .registrationBanner .col-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .registrationBanner .col-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .registrationBanner .col-9 { flex: 0 0 75%; max-width: 75%; } .registrationBanner .col-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .registrationBanner .col-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .registrationBanner .col-12 { flex: 0 0 100%; max-width: 100%; } @media screen and (min-width: 768px) { .registrationBanner .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } } @media screen and (min-width: 768px) { .registrationBanner .col-sm-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } } @media screen and (min-width: 768px) { .registrationBanner .col-sm-3 { flex: 0 0 25%; max-width: 25%; } } @media screen and (min-width: 768px) { .registrationBanner .col-sm-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } } @media screen and (min-width: 768px) { .registrationBanner .col-sm-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } } @media screen and (min-width: 768px) { .registrationBanner .col-sm-6 { flex: 0 0 50%; max-width: 50%; } } @media screen and (min-width: 768px) { .registrationBanner .col-sm-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } } @media screen and (min-width: 768px) { .registrationBanner .col-sm-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } } @media screen and (min-width: 768px) { .registrationBanner .col-sm-9 { flex: 0 0 75%; max-width: 75%; } } @media screen and (min-width: 768px) { .registrationBanner .col-sm-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } } @media screen and (min-width: 768px) { .registrationBanner .col-sm-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } } @media screen and (min-width: 768px) { .registrationBanner .col-sm-12 { flex: 0 0 100%; max-width: 100%; } } @media screen and (min-width: 1025px) { .registrationBanner .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } } @media screen and (min-width: 1025px) { .registrationBanner .col-md-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } } @media screen and (min-width: 1025px) { .registrationBanner .col-md-3 { flex: 0 0 25%; max-width: 25%; } } @media screen and (min-width: 1025px) { .registrationBanner .col-md-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } } @media screen and (min-width: 1025px) { .registrationBanner .col-md-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } } @media screen and (min-width: 1025px) { .registrationBanner .col-md-6 { flex: 0 0 50%; max-width: 50%; } } @media screen and (min-width: 1025px) { .registrationBanner .col-md-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } } @media screen and (min-width: 1025px) { .registrationBanner .col-md-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } } @media screen and (min-width: 1025px) { .registrationBanner .col-md-9 { flex: 0 0 75%; max-width: 75%; } } @media screen and (min-width: 1025px) { .registrationBanner .col-md-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } } @media screen and (min-width: 1025px) { .registrationBanner .col-md-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } } @media screen and (min-width: 1025px) { .registrationBanner .col-md-12 { flex: 0 0 100%; max-width: 100%; } } .registrationBanner .flex-v-align-top { align-items: flex-start; } .registrationBanner .flex-v-align-middle { align-items: center; } .registrationBanner .flex-v-align-bottom { align-items: flex-end; } .registrationBanner .align-left { text-align: left; } .registrationBanner .align-right { text-align: right; } .registrationBanner .align-center { text-align: center; } @media screen and (min-width: 1025px) { .registrationBanner .md-align-left { text-align: left; } .registrationBanner .md-align-right { ext-align: right; } .registrationBanner .md-align-center { xt-align: center; } } @media screen and (min-width: 768px) { .registrationBanner .sm-align-left { text-align: left; } .registrationBanner .sm-align-right { text-align: right; } .registrationBanner .sm-align-center { text-align: center; } } .registrationBanner h1 { margin-bottom: 12px; font-size: 26px; line-height: 30px; color: #555; } .registrationBanner ul li { font-size: 16px; } .registrationBanner ul.inline { list-style: none; } @media only screen and (max-width: 767px) { .registrationBanner ul.inline { display: none; } } .registrationBanner ul.inline li { display: inline-block; padding: 0 15px; font-size: 16px; } .registrationBanner ul.inline.separated li { position: relative; } .registrationBanner ul.inline.separated li:not(:last-child):after { content: '|'; position: absolute; top: 50%; right: -2px; font-size: 12px; transform: translateY(-50%); } .registrationBanner ul.inline:first-child, .registrationBanner ul.separated li:first-child { padding-left: 0; } .registrationBanner ul.inline:last-child, .registrationBanner ul.separated li:last-child { padding-right: 0; } .registrationBanner .cta { display: inline-block; margin-top: 30px; padding: 8px 15px; width: 100%; max-width: 300px; font-family: "TheSans-LP5Plain", Arial, sans-serif; font-size: 16px; font-weight: 600; line-height: 28px; text-align: center; color: #052a68; border: 2px solid #052a68; } .registrationBanner .cta:hover, .registrationBanner .cta:focus { background: rgba(5, 42, 104, 0.4); border: solid 2px #697fa4; } .registrationBanner .cta span, .registrationBanner .cta i { line-height: 1; vertical-align: middle; } .registrationBanner .cta i { font-size: 26px; } @media screen and (min-width: 1025px) { .registrationBanner .cta { margin-top: 0; } } @media only screen and (max-width: 767px) { .registrationBanner .cta { width: calc(100% - 30px); } } .uspBar { padding: 10px 0; background-color: #eaebeb; } @media only screen and (max-width: 767px) { .uspBar { display: none; } } .uspBar .innerWrap { min-height: auto; } .uspBar .item { font-size: 14px; line-height: 24px; } .linkBar { background-color: #eaebeb; min-height: 12rem; } @media only screen and (max-width: 767px) { .linkBar { background-color: #eaebeb; margin: 0 0; } } .linkBar .swiper-wrap { min-height: auto; } @media only screen and (max-width: 767px) { .linkBar .swiper-wrap { min-width: 320px; margin: 0; position: relative; left: 0; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; overflow: visible; padding: 0px 2em; } } .linkBar .linkBar-swiper-container { position: relative; max-width: 1120px; margin: 0 auto; overflow: hidden; padding-top: 3.5rem; } .linkBar .linkBar-swiper-container .swiper-wrapper { height: 63px; } .linkBar .linkBar-swiper-container .swiper-slide { width: 25%; } .linkBar .linkBar-swiper-container .swiper-slide { position: relative; display: inline-flex; flex-grow: 1; } @media screen and (min-width: 768px) { .linkBar .linkBar-swiper-container.swiper-wrapper-no-rotation .swiper-wrapper { margin: auto; } .linkBar .linkBar-swiper-container.swiper-wrapper-no-rotation .swiper-slide { float: left; } .linkBar .linkBar-swiper-container.swiper-wrapper-no-rotation .swiper-ctrl { display: none; } } .linkBar .swiper-slide-visible:not(:last-of-type):after { position: absolute; top: 0; right: 0; bottom: 0; content: ''; width: 2px; height: 80%; background-color: #cccccc; } .linkBar .swiper-ctrl { position: absolute; top: 60%; display: inline-block; transform: translateY(-50%); font-size: 32px; } .linkBar .swiper-ctrl.swiper-ctrl i:before { position: relative; margin: 0; } .linkBar .swiper-ctrl.swiper-ctrl-prev { left: 0; } .linkBar .swiper-ctrl.swiper-ctrl-prev i:before { left: -6px; } .linkBar .swiper-ctrl.swiper-ctrl-next { right: 0; } .linkBar .swiper-ctrl.swiper-ctrl-next i:before { right: -6px; } .linkBar .item { margin: 0 auto; width: 100%; max-width: 135px; text-align: center; border-bottom: 4px solid transparent; transition: border-color .125s ease-in-out, opacity .125s ease-in-out; } .linkBar .item a { display: block; } .linkBar .item i { font-size: 26px; color: #052a68; } .linkBar .item p { font-size: 12px; margin: 0 0 10px 0; color: #555555; } .linkBar .item:hover { opacity: 1; border-color: #052a68; } .linkBar .item:hover i { color: #052a68; } .company-slider { min-height: 10rem; } .company-slider img { width: auto !important; height: 49px !important; } @media only screen and (max-width: 767px) { .company-slider { background-color: #eaebeb; } } .company-slider .swiper-wrap { min-height: auto; } @media only screen and (max-width: 767px) { .company-slider .swiper-wrap { margin: 0; position: relative; left: 0; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; overflow: visible; } } .company-slider .company-swiper-container { position: relative; margin: 0 auto; overflow: hidden; padding-top: 2.5rem; } .company-slider .company-swiper-container .swiper-wrapper { height: 63px; min-width: 100% !important; } .company-slider .company-swiper-container .swiper-slide { width: 25%; } .company-slider .company-swiper-container .swiper-slide { position: relative; display: inline-flex; flex-grow: 1; } .company-slider .swiper-ctrl { position: absolute; top: 66%; display: inline-block; transform: translateY(-50%); font-size: 32px; } .company-slider .swiper-ctrl.swiper-ctrl i:before { position: relative; margin: 0; } .company-slider .swiper-ctrl.swiper-ctrl-prev { left: 0; } .company-slider .swiper-ctrl.swiper-ctrl-next { right: 0; } .company-slider .swiper-ctrl i { color: #555555; background-color: #fff; opacity: 0.9; border-radius: 50%; display: flex; justify-content: center; align-items: center; width: 4rem; height: 4rem; } .company-slider .swiper-ctrl i:hover { opacity: 1; } .company-slider .item { margin: 0 auto; width: 100%; opacity: .5; text-align: center; border-bottom: 4px solid transparent; transition: border-color .125s ease-in-out, opacity .125s ease-in-out; } .company-slider .item a { display: block; } .company-slider .item i { font-size: 26px; } .company-slider .item p { font-size: 12px; margin: 0 0 10px 0; color: #555555; } .company-slider .item:hover { opacity: 1; } @media (min-width: 1025px) { .data-dashboard .col-xs-12.js-change-grid-col.filter { display: grid; } .data-dashboard .filter .form-group { width: calc(25% - 20px); padding: 0; } .data-dashboard .filter .form-group label { min-height: 40px; width: 100%; display: inline-block; } .data-dashboard .filter .form-group label.control[for="compare"] { width: calc(100% - 18px); } .data-dashboard .col-xs-12.js-change-grid-col.filter.col-sm-6 { width: calc((100% / 12* 6)-20px); } .data-dashboard .filter.compare-is-active .form-group { width: 50%; margin: 0.5em 0; } .data-dashboard .table-head { background: #eaebeb !important; color: #555555 !important; font-size: 1.4rem; display: flex; height: 40px; } .data-dashboard .table-head .col-xs-6 { margin: 0 !important; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; } .data-dashboard .bootstrap-datetimepicker-widget { position: absolute; background: #fff; z-index: 10000; border: 1px solid #e5e5e5; } .data-dashboard .ph-2 { padding-left: 0px; padding-right: 0px; } .data-dashboard .row { margin: 20px 0; } .data-dashboard .col-xs-6 { width: calc(100% / 12 * 6); margin: 10px; } .data-dashboard label { font-size: 1.6rem; } .data-dashboard .mb-2 { display: flex; } .data-dashboard .col-xs-12 { width: 100%; } .data-dashboard .col-xs-12.col-sm-6 { width: 49%; float: left; margin: 4px; } .data-dashboard h3.hidden-xs { display: none; } .data-dashboard .bootstrap-select .dropdown-toggle { display: none; } .data-dashboard .bootstrap-select .dropdown-toggle .filter-option-inner-inner { display: none; } .data-dashboard .bootstrap-select > .dropdown-toggle.bs-placeholder { display: none; } .data-dashboard .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .data-dashboard .bootstrap-select > .dropdown-toggle.bs-placeholder:focus { display: none; } .data-dashboard .bootstrap-select > .dropdown-toggle.bs- placeholder:active { display: none; } .data-dashboard .selected-filter-wrap { margin-bottom: 20px; display: inline-block; } .data-dashboard .form-group .select2-container, .data-dashboard .form-group .selectboxit-container { width: 100% !important; } } .data-dashboard button, .data-dashboard .btn-primary, .data-dashboard .btn-default { width: 100%; border: none; color: #fff; font-size: 1.6rem; line-height: 2.8rem; text-align: center; padding: 1rem; display: block; box-sizing: border-box; color: #fff; background: transparent; border: solid 2px #fff; line-height: 2.4rem; color: #052a68; border: solid 2px #052a68; width: auto; min-width: 230px; margin: 1rem; font-size: 1.6rem !important; } .data-dashboard button:hover, .data-dashboard button:focus, .data-dashboard .btn-primary:hover, .data-dashboard .btn-primary:focus, .data-dashboard .btn-default:hover, .data-dashboard .btn-default:focus { background: rgba(5, 42, 104, 0.4); border: solid 2px #697fa4; } .data-dashboard button.btn-small, .data-dashboard .btn-primary.btn-small, .data-dashboard .btn-default.btn-small { display: block; float: left; border: none; margin-left: 1rem; background: #0060ad; padding: 0.5rem 0 0.5rem 0.5rem; border-radius: 19rem; color: #fff; font-size: 1.6rem; margin: 0 15px 15px 0; } .data-dashboard button.btn-small i, .data-dashboard .btn-primary.btn-small i, .data-dashboard .btn-default.btn-small i { margin-left: 0 !important; top: 0px !important; } .data-dashboard button.btn-small i:after, .data-dashboard .btn-primary.btn-small i:after, .data-dashboard .btn-default.btn-small i:after { content: '\E833'; font-family: "fontello"; font-size: 1.2rem; font-style: normal; color: #fff; } .data-dashboard .container-fluid { padding-left: 0px; padding-right: 0px; } .data-dashboard form#js-uploadForm { padding: 64px; } .data-dashboard #cboxWrapper button { width: auto; } .data-dashboard .dropdown-menu { display: none; } .data-dashboard div#form-right-desktop-p { display: none; } .data-dashboard .container-error-wrap h3 { margin-bottom: 20px; } #cboxWrapper .dashboard-upload-popup { padding: 2.5em; } #cboxWrapper .dashboard-upload-popup .mt-2 { display: inline; } #cboxWrapper .dashboard-upload-popup button.btn-primary, #cboxWrapper .dashboard-upload-popup .btn-default { width: 100%; border: none; color: #fff; font-size: 1.6rem; line-height: 2.8rem; text-align: center; padding: 1rem; display: block; box-sizing: border-box; color: #fff; background: transparent; border: solid 2px #fff; line-height: 2.4rem; color: #052a68; border: solid 2px #052a68; width: auto; min-width: 230px; margin: 1rem; } #cboxWrapper .dashboard-upload-popup button.btn-primary:hover, #cboxWrapper .dashboard-upload-popup button.btn-primary:focus, #cboxWrapper .dashboard-upload-popup .btn-default:hover, #cboxWrapper .dashboard-upload-popup .btn-default:focus { background: rgba(5, 42, 104, 0.4); border: solid 2px #697fa4; } #cboxWrapper .dashboard-upload-popup button#js-uploadFormSubmit { width: 100%; border: none; color: #fff; font-size: 1.6rem; line-height: 2.8rem; text-align: center; padding: 1rem; display: block; box-sizing: border-box; background: #e34805; margin: 1rem 1rem 0 0; width: 49%; float: left; border: solid 2px #e34805; } #cboxWrapper .dashboard-upload-popup button#js-uploadFormSubmit:hover, #cboxWrapper .dashboard-upload-popup button#js-uploadFormSubmit:focus { background: #b53904; } #cboxWrapper .dashboard-upload-popup button#js-uploadFormSubmit:active { background: #B13804; } #cboxWrapper .dashboard-upload-popup button.js-cbox-close { width: 100%; border: none; color: #fff; font-size: 1.6rem; line-height: 2.8rem; text-align: center; padding: 1rem; display: block; box-sizing: border-box; background: #052a68; margin: 1rem 0 0 0; width: 49%; float: right; border: solid 2px #052a68; } #cboxWrapper .dashboard-upload-popup button.js-cbox-close:hover, #cboxWrapper .dashboard-upload-popup button.js-cbox-close:focus { background: #042153; } #cboxWrapper .dashboard-upload-popup button.js-cbox-close:active { background: #323c43; } #cboxWrapper .dashboard-upload-popup button.js-cbox-close[disabled="disabled"] { background: #99adc2; } #cboxWrapper .dashboard-upload-popup button.js-cbox-close[disabled="disabled"]:hover { background: #99adc2; } @media only screen and (max-width: 767px) { #cboxWrapper .dashboard-upload-popup button.js-cbox-close { width: 100%; } } #cboxWrapper .dashboard-upload-popup input#commissionNumber { width: 100%; } .datalogUploadFormColorbox, .datalogUploadFormColorbox #cboxWrapper, .datalogUploadFormColorbox #cboxContent, .datalogUploadFormColorbox #cboxLoadedContent { height: 650px !important; } .glyphicon-remove:before { content: "" !important; } .col-xs-12.js-change-grid-col.js-char-right.col-sm-6.compare-is-active .row { display: none; } .container-error-wrap.row.printThat { width: 100%; display: inline-block; } #mainContent .simple_disp-img .stageStatic .imageContainer img { width: auto; } #mainContent .specialStartBox { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; float: left; background: #fff; width: 100%; } #mainContent .specialStartBox.noPaddingRight h1, #mainContent .specialStartBox.noPaddingRight h2, #mainContent .specialStartBox.noPaddingRight h3, #mainContent .specialStartBox.noPaddingRight p { padding-right: 20px; } #mainContent .specialStartBox .logo { float: left; width: 100%; margin: 0 0 1em 0; } #mainContent .specialStartBox .logo img { width: 14em; height: auto; } #mainContent .specialStartBox h2 { font-size: 3em; color: #555555; } #mainContent .specialStartBox h3 { font-size: 2.4em; color: #0060ad; word-wrap: break-word; } #mainContent .specialStartBox p { font-size: 1.6em; } #mainContent .specialStartBox div.specialBox { box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; float: left; width: 49%; background: #eaebeb; padding: 2em 2em 2em 2em; position: relative; margin: 0 2% 2em 0; } @media only screen and (max-width: 767px) { #mainContent .specialStartBox div.specialBox { width: 100%; margin: 0 0 2em 0; background: none; } } #mainContent .specialStartBox div.specialBox.last { margin-right: 0; } #mainContent .specialStartBox div.specialBox h2 { float: left; font-size: 2.1em; width: 100%; border-bottom: 1px solid #cccccc; color: #555555; margin-bottom: 0.5em; padding-bottom: 0.3em; } #mainContent .specialStartBox div.specialBox h2 a { color: #555555; width: 94%; display: inline-block; word-break: break-all; } #mainContent .specialStartBox div.specialBox h2 a span.icon { float: right; width: 1em; height: 1em; background: url(../_ui/responsive/theme-KRONES/images/layout/icons-sprite.png) -180px -3832px no-repeat; position: absolute; right: 1em; } #mainContent .specialStartBox div.specialBox p { font-size: 1.4em; } #mainContent .specialStartBox div.specialBox button { width: 100%; margin-top: 1em; } #mainContent .specialStartBox div.specialBox ul li { border-top: 1px solid #cccccc; font-size: 1.4em; padding: .6em .8em; background: url(../_ui/responsive/theme-KRONES/images/layout/icons-sprite.png) no-repeat scroll -240px 13px transparent; } #mainContent .specialStartBox div.specialBox ul li:first-child { border-top: none; } #mainContent .twoColText { float: left; width: 100%; } #mainContent .twoColText .textCol { float: left; width: 49%; margin-left: 2%; } #mainContent .twoColText .textCol:first-child { margin-left: 0; } #mainContent .twoColText .textCol h1 { float: left; width: 100%; } #mainContent .twoColText .textCol p, #mainContent .twoColText .textCol ul { font-size: 1.4em; margin-top: 0; } #mainContent .twoColText .textCol ul li { padding: 0 0 0 1em; margin: 0 0 0.5em 0; background: url(../_ui/responsive/theme-KRONES/images/layout/icons-sprite.png) -239px -2153px no-repeat; } #mainContent .specialBanner { min-height: 2em; float: left; height: auto; width: auto; background: #052a68; -webkit-border-top-left-radius: 3px; -moz-border-top-left-radius: 3px; -ms-border-top-left-radius: 3px; border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-bottom-left-radius: 3px; -ms-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; border-bottom-left-radius: 0; position: relative; left: -2.6em; z-index: 1; } @media only screen and (max-width: 767px) { #mainContent .specialBanner { position: relative; float: left; left: 0; margin-bottom: 2em; margin-right: 1.4em; padding: 2px 1em 2px 1em; } } #mainContent .specialBanner:before { position: absolute; border-bottom: 7px solid transparent; border-right: 7px solid #3D4B4F; content: ""; left: 0; top: 100%; z-index: 501; } @media only screen and (max-width: 767px) { #mainContent .specialBanner:before { display: none; } } #mainContent .specialBanner:after { content: " "; position: absolute; content: " "; width: 0; height: 0; border-style: solid; border-width: 34.5px 0 31.5px 21px; border-color: transparent transparent transparent #052a68; right: -2.1em; top: 0; } @media only screen and (max-width: 767px) { #mainContent .specialBanner:after { right: -1.5em; } } #mainContent .specialBanner a:link, #mainContent .specialBanner a:visited { box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; display: block; width: 100%; padding: 9px 2em 10px 0; color: #fff; font-size: 1.6em; z-index: 502; } @media only screen and (max-width: 767px) { #mainContent .specialBanner a:link, #mainContent .specialBanner a:visited { padding: 0; font-size: 1.5em; } } #mainContent .specialBanner.orange { background: #e34805 !important; } #mainContent .specialBanner.orange:after { border-color: transparent transparent transparent #e34805 !important; } #mainContent .specialBanner.orange a:link, #mainContent .specialBanner.orange a:visited { color: #fff !important; } #mainContent .specialBanner.darkGray { background: #8a939a !important; } #mainContent .specialBanner.darkGray:after { border-color: transparent transparent transparent #8a939a !important; } #mainContent .specialBanner.darkGray a:link, #mainContent .specialBanner.darkGray a:visited { color: #fff !important; } #mainContent .specialBanner.lightGray { background: #eaebeb !important; } #mainContent .specialBanner.lightGray a { color: #555555; } #mainContent .specialBanner.lightGray:after { border-color: transparent transparent transparent #eaebeb !important; } #mainContent .specialBanner.lightGray a:link, #mainContent .specialBanner.lightGray a:visited { color: #555555 !important; } #mainContent .specialBanner.ecomac { background: #ad1f23 !important; } #mainContent .specialBanner.ecomac a { color: #fff; } #mainContent .specialBanner.ecomac:after { border-color: transparent transparent transparent #ad1f23 !important; } #mainContent .specialBanner.ecomac a:link, #mainContent .specialBanner.ecomac a:visited { color: #fff !important; padding: 10px 2em 10px 1.55em; } #mainContent .specialBanner.lightGray:before { border-right-color: #696969; } #mainContent .white .textContainer { background: linear-gradient(to right, #fefefe 0%, rgba(234, 235, 235, 0) 100%); padding: 3em 0 0 2em; } .callBackComponent input[type=text] { width: 100%; margin: 1em 0; } .callBackComponent button { width: 100%; border: none; color: #fff; font-size: 1.6rem; line-height: 2.8rem; text-align: center; padding: 1rem; display: block; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; color: #052a68; background: transparent; border: solid 2px #052a68; line-height: 2.4rem; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; margin: 15px 0 0 0; border: solid 2px #e5e5e5; } .callBackComponent h2 { float: left; padding: 18px 0 18px 0; width: 100%; margin: 0 0 0 0; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 2rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; text-align: left; color: #000; } .callBackComponentForm div { width: 50%; float: left; } .callBackComponentForm input[type="radio"] { margin: 10px; } .callBackComponentForm input[type="text"] { padding: 0; } .featureBox .featureBox button { transition: all .3s ease-in-out; } .featureBox .featureBox .downloads { display: inline-block; margin: 1em 0em; } .featureBox .featureBox .cfs-download-icon.pdf { font-size: 2.6em; margin-right: 0.5em; } .featureBox .featureBox .download-list li { margin: 0.5em 0; margin: 0.5em 0; } .featureBox .featureBox button:focus { color: #ad1f23; border: solid 2px #ad1f23; background: none; font-weight: bold; } #mainContent .specialLaenderuebersichtContent { -webkit-border-bottom-left-radius: 3px; -moz-border-bottom-left-radius: 3px; -ms-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-bottom-right-radius: 3px; -ms-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; float: left; background: #fff; min-height: 20em; padding: 2em 0 0 2em; } #mainContent .specialLaenderuebersichtContent .specialLaenderListeCol { float: left; width: 31%; height: auto; margin: 0 2% 2em 0; } #mainContent .specialLaenderuebersichtContent .specialLaenderListeCol h2 { float: left; font-size: 2.1em; width: 100%; border-bottom: 1px solid #cccccc; color: #555555; margin-bottom: 0.5em; } #mainContent .specialLaenderuebersichtContent .specialLaenderListeCol ul { float: left; font-size: 1.4em; margin-bottom: 2em; } #mainContent .specialLaenderuebersichtContent .specialLaenderListeCol ul li { background: url(../_ui/responsive/theme-KRONES/images/layout/icons-sprite.png) no-repeat scroll -240px 5px transparent; padding: 0 0 0.3em 0.8em; } @media only screen and (max-width: 768px) { #mainContent .specialLaenderuebersichtStart { height: auto; } #mainContent .specialLaenderuebersichtStart .imageContainer { display: none; } #mainContent .specialLaenderuebersichtStart .text { box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; background: #fff; padding: 2em 2em 0 2em; margin: 0; width: 100%; } #mainContent .specialLaenderuebersichtStart .text h1, #mainContent .specialLaenderuebersichtStart .text p { color: #0060ad; padding: 0; } #mainContent .specialLaenderuebersichtContent .specialLaenderListeCol { width: 94%; margin: 0; } #mainContent .specialLaenderuebersichtContent .specialLaenderListeCol h2 { display: block; cursor: pointer; font-size: 1.9em; margin-bottom: .75em; } #mainContent .specialLaenderuebersichtContent .specialLaenderListeCol h2 span.icon { float: right; width: 1em; height: 1em; background: url(../_ui/responsive/images/layout/icons-sprite.png) -186px -2774px no-repeat; } #mainContent .specialLaenderuebersichtContent .specialLaenderListeCol h2.active span.icon { background-position: -235px -2727px; } #mainContent .specialLaenderuebersichtContent .specialLaenderListeCol h2 + ul { display: none; margin-bottom: 0; } #mainContent .specialLaenderuebersichtContent .specialLaenderListeCol h2 + ul li { margin-bottom: 0.5em; } #mainContent .specialLaenderuebersichtContent .specialLaenderListeCol h2.active + ul { display: block; } } #mainContent.ecomac_theme h3, #mainContent.ecomac_theme h1, #mainContent.ecomac_theme h4 { color: #ad1f23; } #mainContent.ecomac_theme a:link, #mainContent.ecomac_theme a:visited { color: #ad1f23; } #mainContent.ecomac_theme a:hover, #mainContent.ecomac_theme a:focus, #mainContent.ecomac_theme a:active { color: #750b14; } #mainContent.ecomac_theme .pwChange div.form_field-input .arrow, #mainContent.ecomac_theme .loginWrap div.form_field-input .arrow, #mainContent.ecomac_theme .contactForm div.form_field-input .arrow { background-color: #ad1f23; } #mainContent.ecomac_theme .specialLaenderuebersichtContent .specialLaenderListeCol ul li, #mainContent.ecomac_theme .specialStartBox div.specialBox ul li { background: url("../_ui/responsive/theme-KRONES/images/layout/ecomac/bullet2.png") no-repeat 0em 0.35em transparent; } #mainContent.ecomac_theme .specialStartBox div.specialBox ul li { background-position: 0em .9em; } #mainContent.ecomac_theme .specialStartBox h1, #mainContent.ecomac_theme .title_holder h1, #mainContent.ecomac_theme .stageStatic .textContainer h1 span { color: #ad1f23; } #mainContent.ecomac_theme .specialStartBox h2, #mainContent.ecomac_theme .title_holder h2, #mainContent.ecomac_theme .stageStatic .textContainer h2 span { color: #ad1f23; } #mainContent.ecomac_theme .stageStatic.ecomac .textContainer h1 { color: #fff; } @media only screen and (max-width: 767px) { #mainContent.ecomac_theme .stageStatic.ecomac .textContainer h1 { font-size: 1.8em; } } #mainContent.ecomac_theme .stageStatic.ecomac .textContainer h1 span { color: #fff; } @media only screen and (min-width: 768px) { #mainContent.ecomac_theme .stageStatic.darkGray .textContainer { padding: 2em; } #mainContent.ecomac_theme .stageStatic.darkGray .textContainer h1:first-child { padding: 15px 5px 0 5px; } #mainContent.ecomac_theme .stageStatic.darkGray .textContainer h1:last-of-type { padding: 0 5px 15px 5px; } } @media only screen and (max-width: 767px) { #mainContent.ecomac_theme .stageStatic.darkGray .textContainer h1 { padding: 0; } } #mainContent.ecomac_theme .blue-button { background: #ad1f23; } #mainContent.ecomac_theme .blue-button:hover, #mainContent.ecomac_theme .blue-button:focus, #mainContent.ecomac_theme .blue-button:active { background: #750b14; } #mainContent.ecomac_theme .twoColText .textCol ul li { background: url("../_ui/responsive/theme-KRONES/images/layout/ecomac/bullet.png") no-repeat 0.25em 0.45em transparent; } #mainContent.ecomac_theme .selectboxit .selectboxit-arrow-container .selectboxit-arrow { background-color: #ad1f23; } #mainContent.ecomac_theme .callBackComponent button:hover, #mainContent.ecomac_theme .callBackComponent button:focus { color: #ad1f23; border: solid 2px #ad1f23; background: none; font-weight: bold; } #mainContent.ecomac_theme .callBackComponent h2 { color: #ad1f23; } #mainContent.ecomac_theme .stageStatic .textContainer p { color: #fff; } #mainContent.ecomac_theme .selectboxit .selectboxit-arrow-container .selectboxit-arrow { background-color: #ad1f23; } #mainContent.ecomac_theme .pwChange button.uploadReset, .pwChange .loginPageLink.uploadReset, .loginWrap button.uploadReset, .loginWrap .loginPageLink.uploadReset, .contactForm button.uploadReset, .contactForm .loginPageLink.uploadReset { background-color: #ad1f23; } .ecomac_theme .content ul { font-size: 1.4em; margin-top: 0; } .ecomac_theme .content ul li { background: url(../_ui/responsive/theme-KRONES/images/layout/ecomac/bullet.png) no-repeat 0.25em 0.45em transparent; padding: 0 1.4em; margin: 0 0 0.5em 0; } .ecomac_theme .callBackComponent h2 { color: #ad1f23; font-size: 2.4em; float: left; padding: 18px 0 18px 0; width: 100%; margin: 0 0 0 0; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 2rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; text-align: left; color: #000; } .ecomac_theme .callBackComponent button { color: #ad1f23; border: solid 2px #ad1f23; background: none; font-weight: bold; } .ecomac_theme .callBackComponent button:hover, .ecomac_theme .callBackComponent button:focus { background: rgba(173, 31, 35, 0.4) !important; } .ecomac_theme .featureBox .cfs-download-icon.pdf { color: #ad1f23; } .ecomac_theme .featureBox h2 { font-size: 1.4em; } .ecomac_theme .featureBox button { color: #ad1f23; border: solid 2px #ad1f23; background: none; font-weight: bold; transition: all .3s ease-in-out; } .ecomac_theme .featureBox button:hover { background: rgba(173, 31, 35, 0.4); } .ecomac_theme .twoColText .textCol { float: left; width: 100%; margin: 0; } .ecomac_theme h2 { margin-top: 0.6em; color: #ad1f23; } .ecomac_theme .span_1_of_3 { width: calc(100% / 2 - 1.5em); } @media only screen and (min-width: 768px) { .ecomac_theme .span_1_of_3 { width: calc(100% / 2 - 1.8em); } } @media only screen and (max-width: 420px) { .ecomac_theme .span_1_of_3 { width: 100%; } } .ecomac_theme .col.span_1_of_3:nth-child(odd) { margin-left: 0; } .ecomac_theme .textContainer .content { width: 50%; background: none; padding: 1px 5px 1px 5px; opacity: 0.9; margin-top: 10px; } @media only screen and (max-width: 767px) { .ecomac_theme .textContainer .content { display: none; } } .ecomac_theme .textContainer .content p { font-size: 1.6rem !important; } .ecomac_theme input[type="file"]::-webkit-file-upload-button { background: #ad1f23; } .specialCatWrap { float: left; padding-bottom: 2em; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: row; } @media only screen and (max-width: 767px) { .specialCatWrap { border: none; } } .specialCat { box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; float: left; margin: 2em 0 0 0; border: 1px solid #cccccc; background: #fff; position: relative; display: flex; flex-wrap: wrap; flex-direction: column; flex-grow: 0; flex-basis: 22%; } @media only screen and (max-width: 767px) { .specialCat { margin: 2em 0 0 0; flex-basis: 100%; } .specialCat:last-child { padding-bottom: 0; } } .specialCat .imgWrap { float: left; width: 100%; height: auto; } .specialCat .topText h4 { border-bottom: 0px solid #cccccc; min-height: 0px; } .specialCat.column3 { flex-basis: 32%; } @media only screen and (max-width: 767px) { .specialCat.column3 { flex-basis: 100%; } } .specialCat .specialCatList { flex-grow: 1; } .specialCat .bottomText { clear: both; } .specialCat .bottomText p { font-size: 1.4em !important; padding-top: 5%; border-top: 1px solid #cccccc; margin: 1.5em 5%; } .specialCat img { float: left; width: 100%; } .specialCat h3 { margin: 0 5%; } .specialCat h4 { box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; display: block; float: left; width: 90%; height: 58px; font-size: 1.6em; line-height: 1.2em; color: #555555; padding: 0.7em 0 0.4em 0; margin: 0 5%; border-bottom: 1px solid #cccccc; } @media only screen and (max-width: 767px) { .specialCat h4 { margin: 0 4%; height: auto; width: 92%; } } .specialCat p { margin: 1.5em 5%; } .specialCat ul { float: left; margin: 1.5em 5%; width: 90%; } @media only screen and (max-width: 767px) { .specialCat ul { margin: 1em; } } .specialCat ul li { font-size: 1.4em; background: url(../_ui/responsive/theme-KRONES/images/layout/icons-sprite.png) no-repeat scroll -239px 5px transparent; display: block; padding: 0 0 0.4em 0.8em; line-height: 1.4em; } .specialCat ul li a { color: #0060ad; } .specialCat ul li a:hover { color: #052a68; } #mainContent .prod_refine .specialBigProd { box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; float: left; width: 100%; } #mainContent .prod_refine .specialBigProd .textWrap { float: left; } #mainContent .prod_refine .specialBigProd .textWrap h1 { font-size: 2.4em; padding: 0; margin: 0; } #mainContent .prod_refine .specialBigProd .textWrap h2 { font-size: 2.4em; color: #555555; } #mainContent .prod_refine .specialBigProd .textWrap ul { font-size: 1.6em; padding-bottom: 2em; } #mainContent .prod_refine .specialBigProd .textWrap ul li { line-height: 1.5em; padding-left: .9em; position: relative; } #mainContent .prod_refine .specialBigProd .textWrap ul li:before { content: ""; width: 6px; height: 6px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background: #0060ad; position: absolute; top: 0.5em; left: 0em; } #mainContent .prod_refine .specialBigProd .textWrap ul li ul { font-size: 1em; padding-bottom: 1em; } #mainContent .prod_refine .specialBigProd .imgWrap { float: right; height: auto; margin-bottom: 2em; } #mainContent .prod_refine .specialBigProd .imgWrap img { float: left; width: 100%; height: auto; } #resultsList { position: relative; } #mainContent .specialStartBox { padding-bottom: 0; } @media only screen and (max-width: 767px) { #mainContent .specialStartBox.noPaddingRight h1, #mainContent .specialStartBox.noPaddingRight h2, #mainContent .specialStartBox.noPaddingRight h3, #mainContent .specialStartBox.noPaddingRight p { padding-right: 0; } } #mainContent .specialBanner.fullWidth { padding: 1em 0.7em; border-top-right-radius: 3px; left: 0; margin: -7.5em -0.7em -2em -0.7em; width: 100%; } #mainContent .specialBanner.fullWidth:before, #mainContent .specialBanner.fullWidth:after { background: none; border-width: 0; border-bottom: 7px solid transparent; height: auto; width: auto; bottom: initial; top: 100%; } #mainContent .specialBanner.fullWidth:before { border-right: 7px solid #3D4B4F; } #mainContent .specialBanner.fullWidth:after { border-left: 7px solid #3D4B4F; right: 0; } @media only screen and (max-width: 767px) { #mainContent .specialBanner.fullWidth { padding: 0; margin: 0; background: none; } #mainContent .specialBanner.fullWidth:before, #mainContent .specialBanner.fullWidth:after { border: 0; } } #mainContent .specialBanner.fullWidth p { border-left: 1px solid #fff; color: #fff; float: left; font-size: 1em; padding: 0.4em 2em; text-align: center; margin: 0 auto; width: 33%; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } @media only screen and (min-width: 768px) { #mainContent .specialBanner.fullWidth p:first-child { border: none; } #mainContent .specialBanner.fullWidth p:first-child:nth-last-child(2), #mainContent .specialBanner.fullWidth p:first-child:nth-last-child(2) ~ p { width: 50%; } #mainContent .specialBanner.fullWidth p:first-child:nth-last-child(3), #mainContent .specialBanner.fullWidth p:first-child:nth-last-child(3) ~ p { width: 33%; } } @media only screen and (max-width: 767px) { #mainContent .specialBanner.fullWidth p { border-left: none; margin-bottom: 5px; padding: 0.34em 0.6em; line-height: 1.75em; width: 100%; background: #0060ad; } } #mainContent .specialBanner.fullWidth a:link, #mainContent .specialBanner.fullWidth a:visited { background: url(../_ui/responsive/theme-KRONES/images/layout/akademie.png) no-repeat left top transparent; float: left; padding: 0.2em 0 0.2em 1.8em; overflow: hidden; height: auto; width: auto; } @media only screen and (max-width: 767px) { #mainContent .specialBanner.fullWidth a:link, #mainContent .specialBanner.fullWidth a:visited { padding: 0.7em 0 0.7em 2.2em; text-align: left; width: 100%; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } } #mainContent .specialBanner.fullWidth a.konfigurator, #mainContent .specialBanner.fullWidth p.konfigurator a { background-position: left 0.2em; } @media only screen and (max-width: 767px) { #mainContent .specialBanner.fullWidth a.konfigurator, #mainContent .specialBanner.fullWidth p.konfigurator a { background-position: left 0.7em; } } #mainContent .specialBanner.fullWidth a.kursplan, #mainContent .specialBanner.fullWidth p.kursplan a, #mainContent .specialBanner.fullWidth p:nth-child(1) a { background-position: left -1.7em; } @media only screen and (max-width: 767px) { #mainContent .specialBanner.fullWidth a.kursplan, #mainContent .specialBanner.fullWidth p.kursplan a, #mainContent .specialBanner.fullWidth p:nth-child(1) a { background-position: left -1.4em; } } #mainContent .specialBanner.fullWidth p:nth-child(2) a { background-position: left -3.5em; } #mainContent .specialBanner.fullWidth a.ansprechpartner, #mainContent .specialBanner.fullWidth p.ansprechpartner a { background-position: left -3.6em; } @media only screen and (max-width: 767px) { #mainContent .specialBanner.fullWidth a.ansprechpartner, #mainContent .specialBanner.fullWidth p.ansprechpartner a { background-position: left -3.4em; } } #mainContent .ansprechpartner .specialCatWrap { border: none; } @media only screen and (max-width: 768px) { #mainContent .ansprechpartner .specialCatWrap { padding-bottom: 1.5em; } } #mainContent .ansprechpartner .specialCatWrap h3 { padding-right: 0; } @media only screen and (max-width: 420px) { #mainContent .ansprechpartner .specialCat { min-height: 70em; width: 100%; } } #mainContent .ansprechpartner .specialCat .imgWrap { margin-bottom: 1.4em; } #mainContent .ansprechpartner .specialCat p, #mainContent .ansprechpartner .specialCat h4 { float: left; font-size: 1.4em; margin: 0; padding: 0.1em 0; width: 100%; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #mainContent .ansprechpartner .specialCat p a:link, #mainContent .ansprechpartner .specialCat p a:visited, #mainContent .ansprechpartner .specialCat h4 a:link, #mainContent .ansprechpartner .specialCat h4 a:visited { background: none; color: inherit; display: inline; font-size: 1em; float: none; margin: 0; padding: 0; } #mainContent .ansprechpartner .specialCat h4 { border: none; padding: 0 1em; height: auto; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; } #mainContent .ansprechpartner .specialCat .adress, #mainContent .ansprechpartner .specialCat .meta { float: left; margin-top: 1em; padding: 0 1.4em; width: 100%; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #mainContent .ansprechpartner .specialCat ul { margin: 0; padding: 0 1.9em 1.4em 1.9em; width: 100%; } #mainContent .ansprechpartner .specialCat a:link, #mainContent .ansprechpartner .specialCat a:visited { float: left; font-size: 1.4em; color: #0060ad; background: url(../_ui/responsive/theme-KRONES/images/layout/icons-sprite.png) no-repeat scroll -239px 5px transparent; padding: 0 0 0 0.8em; margin: 0.4em 0 0.22em 0; line-height: 1.4em; width: 100%; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #mainContent .ansprechpartner .specialCat a:link:last-child, #mainContent .ansprechpartner .specialCat a:visited:last-child { margin-bottom: 2em; } #mainContent .ansprechpartner h3 { border-bottom: 1px solid #ccc; color: #555; float: left; font-size: 2.1em; margin: 0.2em 0; padding: 0; width: 97.2%; } @media only screen and (max-width: 768px) { #mainContent .ansprechpartner h3 { cursor: pointer; } #mainContent .ansprechpartner h3 .specialCat { width: 100%; } #mainContent .ansprechpartner h3 span { float: right; font-size: 1em; background: url(../_ui/responsive/images/layout/icons-sprite.png) -9em -132em #fff; width: 1em; height: 1.315em; } #mainContent .ansprechpartner h3 span.active { background-position: -11.3em -129.7em; } } .catContainer { display: flex; flex-wrap: wrap; justify-content: space-around; width: 100%; } @media only screen and (max-width: 768px) { .catContainer { display: none; width: 100%; } .catContainer.active { display: block; } } #mainContent .specialBanner a { height: 62px; } #mainContent .specialBanner a:after { border-width: 31.5px 0 31.5px 21px; } #mainContent .inactiveBanner { display: none; } #mainContent .specialCatWrap.kic { position: relative; } #mainContent .specialCatWrap.kic .specialCat { margin-right: 2.3%; height: auto; width: 31%; } @media only screen and (max-width: 768px) { #mainContent .specialCatWrap.kic .specialCat { width: 100%; height: auto !important; } } #mainContent .specialCatWrap.kic .specialCat:last-child { margin-right: 0; } #mainContent .specialCatWrap.kic .specialCat .imgWrap { background: none; height: auto; } #mainContent .specialCatWrap.kic .specialCat img { width: 100%; } #mainContent .specialCatWrap.kic .specialCat h4 { font-size: 2em; margin: 0 5%; height: 3.4em; width: 90%; } @media only screen and (max-width: 768px) { #mainContent .specialCatWrap.kic .specialCat h4 { height: auto; } } @media only screen and (max-width: 768px) { #mainContent .specialCatWrap.kic .specialCat ul li a { background-position: -239px 10px; line-height: 2em; } } #mainContent .specialCatWrap.kic .specialCat.inactive { border-color: #eee; } #mainContent .specialCatWrap.kic .specialCat.inactive .imgWrap, #mainContent .specialCatWrap.kic .specialCat.inactive h4 { opacity: 0.4; } #mainContent .specialCatWrap.kic .specialCat.inactive ul { visibility: hidden; } @media only screen and (max-width: 768px) { #mainContent .specialCatWrap.kic .specialCat.inactive ul { display: none; } } #mainContent .specialCatWrap.kic .specialCat.inactive .specialBanner { display: none; } #mainContent .specialCatWrap.kic .specialCat.inactive .inactiveBanner { position: absolute; top: 50%; display: block; } @media only screen and (max-width: 768px) { #mainContent .specialCatWrap.kic .specialCat.inactive .inactiveBanner { position: relative; margin-top: 2em; } } #mainContent .specialCatWrap.kic .specialCat.inactive .inactiveBanner p { color: #fff; font-size: 1.4em; text-align: center; margin: 0; padding: 0.6em 1em; } #mainContent .specialCatWrap.kic .specialCat.inactive .inactiveBanner a { color: #fff; font-size: 1em; float: none; display: inline; padding: 0; text-decoration: underline; } #mainContent .specialCatWrap.kic .specialBanner { border-top-right-radius: 3px; border-bottom-left-radius: 0; float: left; margin: 0 -7px 20px -7px; padding: 0 7px; position: relative; left: 0; width: 100%; } #mainContent .specialCatWrap.kic .specialBanner a { font-size: 1.4em; padding: 0.6em 1em; height: auto; text-align: center; } @media only screen and (max-width: 768px) { #mainContent .specialCatWrap.kic .specialBanner a { padding-top: 13px; } } #mainContent .specialCatWrap.kic .specialBanner:before, #mainContent .specialCatWrap.kic .specialBanner:after { border-width: 0; border-bottom: 7px solid transparent; top: 100%; } #mainContent .specialCatWrap.kic .specialBanner:before { border-right: 7px solid #3D4B4F; } #mainContent .specialCatWrap.kic .specialBanner:after { border-left: 7px solid #3D4B4F; right: 0; } #mainContent .twoColText .textCol ul li { padding: 0 1.4em; } #mainContent .twoColText .textCol ol li { list-style: outside none lower-alpha; padding: 0 1.4em; font-size: 1.4em; } @media only screen and (max-width: 768px) { #mainContent .twoColText .textCol { clear: both; margin: 0; width: 100%; } } #mainContent .stageStatic.small .imageContainer, #mainContent .stageStatic.small .textContainer { min-height: 25em; } @media only screen and (max-width: 768px) { #mainContent .stageStatic.small .imageContainer, #mainContent .stageStatic.small .textContainer { min-height: 0; margin-bottom: 0; } } #mainContent .stageStatic.small .imageContainer { border-top-left-radius: 5px; border-top-right-radius: 5px; } #mainContent .stageStatic.small img { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } #mainContent .stageStatic.small .textContainer { padding-top: 2em; border-radius: 0; } #mainContent .specialBanner.fullWidth.kic { padding: 0 0.7em; } @media only screen and (max-width: 768px) { #mainContent .specialBanner.fullWidth.kic { margin-bottom: -1em; } } #mainContent .specialBanner.fullWidth.kic:after { right: 0; background: none; border-width: 0; border-bottom: 7px solid transparent; border-left: 7px solid #3D4B4F; height: auto; width: auto; bottom: initial; top: 100%; } #mainContent .specialBanner.fullWidth.kic p { font-size: 1.8em; float: left; margin: 0; padding: 1.3em 0 0 1em; } @media only screen and (max-width: 768px) { #mainContent .specialBanner.fullWidth.kic p { padding: 1em 0 0 0.7em; text-align: left; width: 100%; } } #mainContent .specialBanner.fullWidth.kic .image { float: left; margin: 1em 0 1em 2.5%; padding: 0; position: relative; width: 30%; } @media only screen and (max-width: 768px) { #mainContent .specialBanner.fullWidth.kic .image { background: none; margin: 0.6em 0; padding: 0 0.8em; width: 100%; } } #mainContent .specialBanner.fullWidth.kic .image img { float: right; height: 100%; width: 100%; } #mainContent .specialBanner.fullWidth.kic .image span { box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; float: left; font-size: 1.125em; position: relative; padding: 0.5em; text-shadow: 1px 1px #000; margin-top: -70px; height: 70px; width: 100%; } @media only screen and (max-width: 768px) { #mainContent .specialBanner.fullWidth.kic .image span { padding: 0.2em 0.6em; font-size: 1.4em; } } .productRequestForm .selectBoxWrapper { float: left; width: 100%; padding-bottom: 1.1em; } @media only screen and (max-width: 768px) { .pwChange div { min-height: 2em; height: auto; } .pwChange div.pstrengthBorder { float: left; width: 99%; min-height: 1.2em; margin: 0; } .pwChange div.pstrengthBorder div { min-height: 0; height: 100%; } .pwChange .pstrength-info { left: 0.5em; top: -1.3em; } .pwChange button { margin-left: 0; width: 100%; } .pwChange div.form_field-input { width: 62%; } .pwChange div.form_field-label, .loginWrap div.form_field-label, .contactForm div.form_field-label { padding: 0 0 0.2em 0; } .pwChange div.form_fieldContainer .status, .loginWrap div.form_fieldContainer .status, .contactForm div.form_fieldContainer .status { display: none; } .pwChange div.form_fieldContainer.form_field-error .error_box, .loginWrap div.form_fieldContainer.form_field-error .error_box, .contactForm div.form_fieldContainer.form_field-error .error_box { position: relative; top: 0; right: 0; margin-bottom: 1em; width: 100%; height: auto; } .pwChange div.form_fieldContainer.form_field-error .error_box:before, .loginWrap div.form_fieldContainer.form_field-error .error_box:before, .contactForm div.form_fieldContainer.form_field-error .error_box:before { border-right-color: transparent; border-top-color: #ededed; top: 100%; right: 50%; margin-top: 0; margin-right: -11px; } .pwChange div.form_fieldContainer.form_field-error .error_box span, .loginWrap div.form_fieldContainer.form_field-error .error_box span, .contactForm div.form_fieldContainer.form_field-error .error_box span { color: #555; } .pwChange div.form_field-input .select, .pwChange div.form_field-input input, .loginWrap div.form_field-input .select, .loginWrap div.form_field-input input, .contactForm div.form_field-input .select, .contactForm div.form_field-input input { top: 0; } .pwChange div.form_field-input input[type="checkbox"], .pwChange div.form_field-input input[type="radio"], .loginWrap div.form_field-input input[type="checkbox"], .loginWrap div.form_field-input input[type="radio"], .contactForm div.form_field-input input[type="checkbox"], .contactForm div.form_field-input input[type="radio"] { margin-top: 0.2em; } .pwChange div.form_field-input textarea, .loginWrap div.form_field-input textarea, .contactForm div.form_field-input textarea { min-height: 6em; } .pwChange div.form_field-input.short, .loginWrap div.form_field-input.short, .contactForm div.form_field-input.short { width: 25%; } .pwChange.anfrageForm div.form_field-input, .loginWrap.anfrageForm div.form_field-input, .contactForm.anfrageForm div.form_field-input { width: 100%; } } .kronesForm .form_field-pending span.status { display: block; background: url(../_ui/responsive/theme-KRONES/images/loading_spinner_blue.svg) no-repeat left transparent; background-size: 17px 17px; } #upgradesResultList .upgradeAnalysisPending { display: block; background: url(../_ui/responsive/theme-KRONES/images/loading_spinner_blue.svg) no-repeat left transparent; height: 17px; width: 17px; background-size: 17px 17px; } #upgradesResultList .upgradeProductImage img { width: 5em; } #mainContent .prod_refine .search .upgradeEntriesSearchForm input[type='submit'] { margin: 0 15px 0 0; } #mainContent .prod_refine .search .upgradeEntriesSearchForm input[type="text"] { width: auto; margin-right: 0.6em; } .upgradeExportCSVForm input.blue-button { min-height: 24px; padding: 6px 20px; } .editUpgradeForm .upgradeQueryRules { width: calc(100% - 35px); position: relative; } .editUpgradeForm .upgradeQueryRules .upgradeQueryRulesTable { max-width: 100%; font-size: inherit; border: 1px solid #e5e5e5; } .editUpgradeForm .upgradeQueryRules .upgradeQueryRulesTable th, .editUpgradeForm .upgradeQueryRules .upgradeQueryRulesTable td { text-align: left; padding: 0.3em 1em; } .editUpgradeForm .upgradeQueryRules .upgradeQueryRulesTable th.action, .editUpgradeForm .upgradeQueryRules .upgradeQueryRulesTable td.action { padding: 0; } .editUpgradeForm .upgradeQueryRules .upgradeQueryRulesTable td:not(:last-child) { border-right: 1px solid #e5e5e5; } .editUpgradeForm .upgradeQueryRules .upgradeQueryRulesTable input { display: none; } .editUpgradeForm .upgradeQueryRules .upgradeQueryRulesTable .upgradeRemoveQueryRule { font-family: fontello; font-style: normal; font-size: 1.6rem; font-weight: bold; color: #052a68; margin-left: 10px; } .editUpgradeForm .upgradeQueryRules .upgradeQueryRulesTable .upgradeRemoveQueryRule:before { content: "\e814"; } .editUpgradeForm .upgradeQueryRules .upgradeQueryRulesTable .upgradeEditQueryRule { font-family: fontello; font-style: normal; font-size: 1.6rem; font-weight: bold; color: #052a68; margin-left: 10px; } .editUpgradeForm .upgradeQueryRules .upgradeQueryRulesTable .upgradeEditQueryRule:before { content: "\e837"; } .editUpgradeForm .formSectionHeader { margin: 0 0 1.2em 0; font-size: 2.1em; } .editUpgradeForm #filterYOC { width: 100%; } .editUpgradeForm .upgradeAddQueryRuleButton { position: relative; display: inline-block; width: 25px; font-size: 1.6em; text-align: center; background: #052a68 none repeat scroll 0 0 !important; color: #FFFFFF !important; margin-left: 10px; cursor: pointer; border-radius: 3px; margin-top: 1.5rem; } .editUpgradeForm .editUpgradeCheckbox label { font-size: 1em; padding: 0; } .editUpgradeForm .editUpgradeCheckbox label:after { content: ""; display: inline-block; float: left; font-size: 10px; width: 2em; height: 2em; margin-right: 2em; background: #fff; border: 1px solid #ccc; -webkit-tap-highlight-color: transparent; } .editUpgradeForm .editUpgradeCheckbox input[type='checkbox'] { display: none; } .editUpgradeForm .editUpgradeCheckbox input[type='checkbox']:checked + label:after { background: url(../_ui/responsive/theme-KRONES/images/layout/icons-sprite.png) 0.4em -158em no-repeat #fff; -webkit-tap-highlight-color: transparent; } form.upgradeQueryRuleForm { background: none; padding: 0; } form.upgradeQueryRuleForm div { padding: 0.1em 0 0.1em 0; } form.upgradeQueryRuleForm div .form_field-input .select2SelectBox { width: 100%; } form.upgradeQueryRuleForm .error_box { display: none; } form.upgradeQueryRuleForm .status { font-size: 1.6rem; } form.cloneUpgradeForm .form_field-input { width: 60%; } form.cloneUpgradeForm .form_field-input input { width: 100% !important; } form.cloneUpgradeForm .error_box { top: 2em; display: block; } form.cloneUpgradeForm .status { font-size: 1.6rem; } @media only screen and (max-width: 1024px) { .info_container_holder { width: 100%; } .info_container_holder .info_container.export { float: left; } } .info_container_holder .form_fieldContainer { float: left; width: 100%; font-size: 1em; height: auto; padding-bottom: 1.1em; position: relative; } .info_container_holder .form_fieldContainer.form_field-error .error_box { position: relative; float: left; margin: 1em 0; } .info_container_holder .form_fieldContainer.form_field-error .error_box:before { display: none; } .info_container_holder .form_fieldContainer.form_field-error .error_box:after { border-color: #ededed rgba(237, 237, 237, 0) rgba(237, 237, 237, 0); border-image: none; border-style: solid; border-width: 15px; content: " "; height: 0; left: 50%; margin-left: -15px; pointer-events: none; position: absolute; top: 100%; width: 0; } .info_container_holder .form_fieldContainer.form_field-error .error_box span { font-size: 1.6rem; } @media only screen and (max-width: 768px) { .info_container_holder .form_fieldContainer.form_field-error .error_box span { color: #b3282e; } } .contactForm div.form_fieldContainer.form_field-error .error_box, .requestSKPForm div.form_fieldContainer.form_field-error .error_box, .kronesForm div.form_fieldContainer.form_field-error .error_box { position: absolute; right: 0; } .select2-dropdown { z-index: 9999; } .requestSKPForm .select2SelectBox, .maintec-request-popup .select2SelectBox { position: relative; top: -0.4em; width: 100%; padding: 0 0.5em; height: 2.1em; background: url(../_ui/responsive/theme-KRONES/images/layout/inputBG.gif) top repeat-x #fff; border: 1px solid #bababa; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .requestSKPForm .skpCommissionsInfo, .maintec-request-popup .skpCommissionsInfo { width: calc(100% - 35px); } .requestSKPForm .skpCommissionsInfo div.skpNoCommissions, .requestSKPForm .skpCommissionsInfo div.skpMultipleCommissions, .maintec-request-popup .skpCommissionsInfo div.skpNoCommissions, .maintec-request-popup .skpCommissionsInfo div.skpMultipleCommissions { float: left; color: #555555; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 1.6rem; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: calc(100% - 6rem); border: solid 1px #c0c0c0; height: 4.8rem; padding: 0 1.5rem; opacity: 1; width: calc(100%); padding-top: 13px; } .requestSKPForm .skpCommissionsInfo div.skpNoCommissions::-webkit-input-placeholder, .requestSKPForm .skpCommissionsInfo div.skpMultipleCommissions::-webkit-input-placeholder, .maintec-request-popup .skpCommissionsInfo div.skpNoCommissions::-webkit-input-placeholder, .maintec-request-popup .skpCommissionsInfo div.skpMultipleCommissions::-webkit-input-placeholder { color: #707172; font-size: 14px; opacity: 1; } .requestSKPForm .skpCommissionsInfo div.skpNoCommissions::-moz-placeholder, .requestSKPForm .skpCommissionsInfo div.skpMultipleCommissions::-moz-placeholder, .maintec-request-popup .skpCommissionsInfo div.skpNoCommissions::-moz-placeholder, .maintec-request-popup .skpCommissionsInfo div.skpMultipleCommissions::-moz-placeholder { color: #707172; font-size: 14px; opacity: 1; } .requestSKPForm .skpCommissionsInfo div.skpNoCommissions:-ms-input-placeholder, .requestSKPForm .skpCommissionsInfo div.skpMultipleCommissions:-ms-input-placeholder, .maintec-request-popup .skpCommissionsInfo div.skpNoCommissions:-ms-input-placeholder, .maintec-request-popup .skpCommissionsInfo div.skpMultipleCommissions:-ms-input-placeholder { color: #707172; font-size: 14px; opacity: 1; } .requestSKPForm .skpCommissionsInfo div.skpNoCommissions:-moz-placeholder, .requestSKPForm .skpCommissionsInfo div.skpMultipleCommissions:-moz-placeholder, .maintec-request-popup .skpCommissionsInfo div.skpNoCommissions:-moz-placeholder, .maintec-request-popup .skpCommissionsInfo div.skpMultipleCommissions:-moz-placeholder { color: #707172; font-size: 14px; opacity: 1; } .requestSKPForm .skpCommissionsInfo table tr.skpDummyCommissionRow td:first-child, .maintec-request-popup .skpCommissionsInfo table tr.skpDummyCommissionRow td:first-child { display: none; } @media only screen and (min-width: 480px) { .requestSKPForm button.right.blue-button, .maintec-request-popup button.right.blue-button { margin: 0; width: 180px; height: 4.8rem; border-radius: 0; left: -2px; } .requestSKPForm input[type="text"], .maintec-request-popup input[type="text"] { width: calc(100% - 180px); background: none; } .requestSKPForm input[type="text"]:focus, .maintec-request-popup input[type="text"]:focus { box-shadow: none; border-color: rgba(96, 131, 164, 0.5); } } .loginHeading { font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 3.2rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.81; letter-spacing: normal; color: #000; } .contactForm h2 { line-height: 2; } .contactForm fieldset:first-child h2 { margin: 0 0 0.6em 0; } .contactForm form fieldset { floot: left; padding: 0; margin: 0 0 1em 0; clear: both; } .contactForm form fieldset legend { margin: 0 0 0.8em 0; font-size: 2.1em; } @media only screen and (max-width: 768px) { .contactForm form fieldset legend { margin: 0.4em 0; } } .contactForm form ul li { background: none; padding: 0; } @media only screen and (max-width: 768px) { .contactForm.orderCheckoutGuest div.form_field-input { clear: both; width: 100%; } } .contactForm.orderCheckoutGuest div.form_field-input.long { width: 100%; } .contactForm.orderCheckoutGuest div.form_field-input.long .checkbox { margin: 0 0 0 0; } .contactForm.orderCheckoutGuest div.form_field-input.long .checkbox_label { float: left; } .contactForm.orderCheckoutGuest div.form_fieldContainer.form_field-error .error_box { position: relative; float: left; left: 28.5%; top: -1.5em; width: 45%; } .contactForm.orderCheckoutGuest div.form_fieldContainer.form_field-error .error_box:before { display: none; } .contactForm.orderCheckoutGuest div.form_fieldContainer.form_field-error .error_box:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(237, 237, 237, 0); border-top-color: #EDEDED; border-width: 15px; margin-left: -15px; } @media only screen and (max-width: 768px) { .contactForm div.form_fieldContainer { padding: 0; } .contactForm div.form_field-input { padding-bottom: 1em; } .contactForm div.form_field-error { padding-bottom: 1em; } .contactForm div.form_field-error .form_field-input { padding-bottom: 0.3em; } .contactForm div.form_field-input.short { clear: none; width: 42%; } .contactForm div.form_field-label.short { clear: none; margin: 0; padding: 0.35em 0 0.15em 0; width: 16%; } .contactForm div.form_field-label.short label { text-align: center; width: 100%; } } .profil { width: 100%; background: #fff; float: left; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .profil dl { float: left; width: 67.216%; } .profil dl dd, .profil dl dt { text-align: left; font-size: 1.3em; margin: 0 0 1.8em 0; padding: 0; } @media only screen and (max-width: 768px) { .profil dl dd, .profil dl dt { margin: 0 0 1em 0; } } .profil dl dt { float: left; width: 49.122%; } .profil dl dd { float: right; width: 50%; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; } .profil ul.updates { float: left; clear: both; width: 67.216%; } @media only screen and (max-width: 768px) { .profil ul.updates { width: 100%; } } .profil ul.updates li button { float: left; clear: both; margin-left: 49.122%; width: 100%; border: none; color: #fff; font-size: 1.6rem; line-height: 2.8rem; text-align: center; padding: 1rem; display: block; box-sizing: border-box; background: #eaebeb; color: #555555; width: 50%; margin-bottom: 1em; } .profil ul.updates li button:hover, .profil ul.updates li button:focus { background-color: #f7f7f7; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #c4c4c4)); background: -webkit-linear-gradient(top, #f7f7f7 0%, #c4c4c4 100%); background: -moz-linear-gradient(top, #f7f7f7 0%, #c4c4c4 100%); background: -o-linear-gradient(top, #f7f7f7, #c4c4c4); background: -ms-linear-gradient(top, #f7f7f7, #c4c4c4); background: linear-gradient(to bottom, #f7f7f7, #c4c4c4); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#c4c4c4'); } .profil ul.updates li button:active { background-color: #323c43; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #323c43), color-stop(100%, #333d45)); background: -webkit-linear-gradient(top, #323c43 0%, #333d45 100%); background: -moz-linear-gradient(top, #323c43 0%, #333d45 100%); background: -o-linear-gradient(top, #323c43, #333d45); background: -ms-linear-gradient(top, #323c43, #333d45); background: linear-gradient(to bottom, #323c43, #333d45); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#323c43', endColorstr='#333d45'); color: #fff; } @media only screen and (max-width: 768px) { .profil ul.updates li button { margin-left: 0; width: 100%; } } .profil ul.updates li:first-child button { width: 100%; border: none; color: #fff; font-size: 1.6rem; line-height: 2.8rem; text-align: center; padding: 1rem; display: block; box-sizing: border-box; background: #052a68; width: 50%; } .profil ul.updates li:first-child button:hover, .profil ul.updates li:first-child button:focus { background: #042153; } .profil ul.updates li:first-child button:active { background: #323c43; } .profil ul.updates li:first-child button[disabled="disabled"] { background: #99adc2; } .profil ul.updates li:first-child button[disabled="disabled"]:hover { background: #99adc2; } @media only screen and (max-width: 767px) { .profil ul.updates li:first-child button { width: 100%; } } @media only screen and (max-width: 768px) { .profil ul.updates li:first-child button { margin-left: 0; width: 100%; } } .standardBox.order_history, .order_history.helpSearchBox { overflow: auto; } table#order_history, table#priceCatalogs { } table#order_history th, table#order_history td, table#priceCatalogs th, table#priceCatalogs td { text-align: left; padding: 0.35em 0.6em; vertical-align: top; font-size: 1.4rem; } table#order_history button, table#priceCatalogs button { font-size: 1em; width: 100%; } table#order_history p, table#priceCatalogs p { margin: 0; padding: 0; } @media only screen and (max-width: 1024px) { table#order_history th, table#order_history td, table#cfsMyDocuments th, table cfsMyDocuments td { padding: 0.8em 0.5em; } } table#mydiscounts th, table#mydiscounts td { text-align: left; padding: 0.8em 0.6em; vertical-align: top; } table#mydiscounts button { font-size: 1em; width: 100%; } table#mydiscounts p { margin: 0; padding: 0; } table#update_history th, table#update_history td { text-align: left; padding: 0.8em 0.6em; vertical-align: top; } table#update_history th#headerImg { width: 120px; } table#update_history th#header5, table#update_history th#header6 { width: 60px; } table#update_history td img { width: 120px; } table#update_history td p { margin: 0; padding: 0; } table#update_history td button.cartLink { width: 100%; border: none; color: #fff; font-size: 1.6rem; line-height: 2.8rem; text-align: center; padding: 1rem; display: block; box-sizing: border-box; background: #e34805; height: 30px; width: 30px; padding: 0; min-height: 1em; } table#update_history td button.cartLink:hover, table#update_history td button.cartLink:focus { background: #b53904; } table#update_history td button.cartLink:active { background: #B13804; } table#update_history td button.cartLink[disabled="disabled"] { background: #B13804; } table#update_history td button.cartLink span { background: rgba(0, 0, 0, 0) url(../_ui/responsive/theme-KRONES/images/layout/icons-sprite.png) no-repeat scroll 4px -2107px; float: left; height: 100%; width: 100%; } table#priceCatalogs .iconDownload { font-family: fontello; font-style: normal; color: #052a68; } table#priceCatalogs .iconDownload:before { content: "\e802"; } table#priceCatalogs .exportPending { display: block; background: url(../_ui/responsive/theme-KRONES/images/loading_spinner_blue.svg) no-repeat left transparent; height: 17px; width: 17px; background-size: 17px 17px; float: left; margin-right: 5px; } #supportContractTicketResultList .iconDownload { font-family: fontello; font-style: normal; color: #052a68; } #supportContractTicketResultList .iconDownload:before { content: "\e802"; } @media only screen and (max-width: 768px) { #supportContractResultList { overflow: scroll; } } @media only screen and (max-width: 767px) { table#order_history, table#priceCatalogs, table#cfsMyDocuments { display: block; } table#order_history thead, table#order_history tbody, table#order_history th, table#order_history td, table#order_history tr, table#priceCatalogs thead, table#priceCatalogs tbody, table#priceCatalogs th, table#priceCatalogs td, table#priceCatalogs tr, table#cfsMyDocuments thead, table#cfsMyDocuments tbody, table#cfsMyDocuments th, table#cfsMyDocuments td, table#cfsMyDocuments tr { display: block; border: none; } table#order_history thead tr, table#priceCatalogs thead tr, table#cfsMyDocuments thead tr { position: absolute; top: -9999px; left: -9999px; } table#order_history td, table#priceCatalogs td, table#cfsMyDocuments td { border: none; position: relative; width: 100%; float: left; clear: both; padding: 0.5em; text-align: right; } table#order_history td:before, table#priceCatalogs td:before, table#cfsMyDocuments td:before { content: attr(data-th) ": "; display: inline-block; vertical-align: top; width: 50%; text-align: left; float: left; clear: both; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; } table#order_history td:first-child, table#priceCatalogs td:first-child, table#cfsMyDocuments td:first-child { border-top: 1px solid #eee; padding-top: 1em; margin-top: 1em; } table#order_history td.title a:link, table#order_history td .title a:visited, table#priceCatalogs td.title a:link, table#priceCatalogs td .title a:visited, table#cfsMyDocuments td.title a:link, table#cfsMyDocuments td .title a:visited { display: inline-block; max-width: 70%; } table#order_history td .download-icon, table#priceCatalogs td .download-icon, table#cfsMyDocuments td .download-icon { display: inline-block; } table#order_history td p, table#priceCatalogs td p, table#cfsMyDocuments td p { margin: 0 0.5em 0 0; } table#order_history td button, table#priceCatalogs td button, table#cfsMyDocuments td button { float: left; margin: 1em 0; } table#order_history td a, table#priceCatalogs td a, table#cfsMyDocuments td a { margin: 0 0.5em 0 0; } } .actionIcons { white-space: nowrap; } .actionIcons .action-icon { font-family: fontello; font-style: normal; font-size: 1.3em; color: #052a68; margin-right: 5px; height: auto; } .actionIcons .action-icon.start-icon:before { content: "\e850"; } .actionIcons .action-icon.view-icon:before { content: "\e839"; } .actionIcons .action-icon.edit-icon:before { content: "\e837"; } .actionIcons .action-icon.clone-icon:before { content: "\f24d"; } .actionIcons .action-icon.delete-icon:before { content: "\e814"; } .actionIcons .action-icon.abort-icon:before { content: "\e822"; } .actionIcons .action-icon.approve-icon:before { content: "\e800"; } .actionIcons .action-icon.cart-icon:before { content: "\e803"; } .actionIcons .js-restore-saved-cart span { color: #e34805; margin: 0 15px; } .actionIcons .js-delete-saved-cart span { color: #555555; margin: 0 5px; } table#cfsMyDocuments th, table#cfsMyDocuments td { text-align: left; padding: 0.8em 0.6em; vertical-align: top; } .offerDetails .title_holder, .orderDetails .title_holder, .upgradeEntryDetails .title_holder { width: 100%; min-height: 5em; padding-left: 0; } @media only screen and (max-width: 768px) { .offerDetails .title_holder, .orderDetails .title_holder, .upgradeEntryDetails .title_holder { margin-bottom: 2em; } } .offerDetails button#negotiateQuoteButton, .offerDetails button#acceptQuoteButton, .offerDetails button#cancelQuoteButton, .orderDetails button#negotiateQuoteButton, .orderDetails button#acceptQuoteButton, .orderDetails button#cancelQuoteButton, .upgradeEntryDetails button#negotiateQuoteButton, .upgradeEntryDetails button#acceptQuoteButton, .upgradeEntryDetails button#cancelQuoteButton { margin: 0 0.5em 0.5em 0; } @media only screen and (max-width: 768px) { .offerDetails button#negotiateQuoteButton, .offerDetails button#acceptQuoteButton, .offerDetails button#cancelQuoteButton, .orderDetails button#negotiateQuoteButton, .orderDetails button#acceptQuoteButton, .orderDetails button#cancelQuoteButton, .upgradeEntryDetails button#negotiateQuoteButton, .upgradeEntryDetails button#acceptQuoteButton, .upgradeEntryDetails button#cancelQuoteButton { margin: 0 0 1em 0; } } @media only screen and (max-width: 768px) { .offerDetails button, .offerDetails button.print, .orderDetails button, .orderDetails button.print, .upgradeEntryDetails button, .upgradeEntryDetails button.print { float: right; clear: both; width: 100%; margin: 0 0 1.5em 0; } } .offerDetails div.right, .orderDetails div.right, .upgradeEntryDetails div.right { width: 25%; } @media only screen and (max-width: 768px) { .offerDetails div.right, .orderDetails div.right, .upgradeEntryDetails div.right { clear: both; width: 100%; margin-bottom: 2em; } } .offerDetails div.right button, .orderDetails div.right button, .upgradeEntryDetails div.right button { float: right; clear: both; width: 100%; margin: 1em 0 0 0; } .offerDetails div.right button.print, .orderDetails div.right button.print, .upgradeEntryDetails div.right button.print { width: 100%; border: none; color: #fff; font-size: 1.6rem; line-height: 2.8rem; text-align: center; padding: 1rem; display: block; box-sizing: border-box; background: #052a68; float: right; clear: none; width: 100%; margin: 0; } .offerDetails div.right button.print:hover, .offerDetails div.right button.print:focus, .orderDetails div.right button.print:hover, .orderDetails div.right button.print:focus, .upgradeEntryDetails div.right button.print:hover, .upgradeEntryDetails div.right button.print:focus { background: #042153; } .offerDetails div.right button.print:active, .orderDetails div.right button.print:active, .upgradeEntryDetails div.right button.print:active { background: #323c43; } .offerDetails div.right button.print[disabled="disabled"], .orderDetails div.right button.print[disabled="disabled"], .upgradeEntryDetails div.right button.print[disabled="disabled"] { background: #99adc2; } .offerDetails div.right button.print[disabled="disabled"]:hover, .orderDetails div.right button.print[disabled="disabled"]:hover, .upgradeEntryDetails div.right button.print[disabled="disabled"]:hover { background: #99adc2; } @media only screen and (max-width: 767px) { .offerDetails div.right button.print, .orderDetails div.right button.print, .upgradeEntryDetails div.right button.print { width: 100%; } } .offerDetails h2, .orderDetails h2, .upgradeEntryDetails h2 { float: left; font-size: 2.4em; width: 100%; padding: 0 0 .2em 0; border-bottom: 1px solid #e5e5e5; } .offerDetails table.offerStatusDetails, .orderDetails table.offerStatusDetails, .upgradeEntryDetails table.offerStatusDetails { width: 50%; float: left; text-align: left; } .offerDetails table.offerStatusDetails tbody, .orderDetails table.offerStatusDetails tbody, .upgradeEntryDetails table.offerStatusDetails tbody { vertical-align: top; } .offerDetails table.offerStatusDetails tr:first-child, .orderDetails table.offerStatusDetails tr:first-child, .upgradeEntryDetails table.offerStatusDetails tr:first-child { border: none; } .offerDetails table.offerStatusDetails tr th, .offerDetails table.offerStatusDetails tr td, .orderDetails table.offerStatusDetails tr th, .orderDetails table.offerStatusDetails tr td, .upgradeEntryDetails table.offerStatusDetails tr th, .upgradeEntryDetails table.offerStatusDetails tr td { text-align: left; padding: 0.6em 0 0.625em; } .offerDetails table.offerStatusDetails tr th, .orderDetails table.offerStatusDetails tr th, .upgradeEntryDetails table.offerStatusDetails tr th { width: 49%; } .offerDetails div.info_container_holder, .orderDetails div.info_container_holder, .upgradeEntryDetails div.info_container_holder { float: right; width: 46%; background: #eaebeb; font-size: 1.6em; line-height: 2.05em; margin: 1em 0 0 0; padding: 1em 1.188em; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .offerDetails div.info_container_holder dl, .orderDetails div.info_container_holder dl, .upgradeEntryDetails div.info_container_holder dl { padding: 0; margin: 0; } .offerDetails div.info_container_holder dl dt, .orderDetails div.info_container_holder dl dt, .upgradeEntryDetails div.info_container_holder dl dt { float: left; clear: both; margin: 0 0.5em 0 0; } .offerDetails div.info_container_holder dl dd, .orderDetails div.info_container_holder dl dd, .upgradeEntryDetails div.info_container_holder dl dd { float: left; margin: 0; } .upgradeEntryDetails table.offerStatusDetails { margin-bottom: 2em; } .upgradeEntryDetails div.upgradeEntryDetailsSectionTitle { margin-left: 0.625em; } .editPriceCatalogConfigurationForm .ui-autocomplete { clear: both; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; background: #fafaf9; padding: 0 1.428em; -webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75); } .editPriceCatalogConfigurationForm .ui-autocomplete li a { line-height: 30px; } .editPriceCatalogConfigurationForm .ui-autocomplete li:hover { background: #0060ad; } .editPriceCatalogConfigurationForm .ui-autocomplete li:hover a { color: #FFF; } .orderVersionTabContainer, .skpTabContainer { display: inline-block; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin-bottom: -4px; } .orderVersionTabContainer .orderVersionTab, .orderVersionTabContainer .skpTab, .skpTabContainer .orderVersionTab, .skpTabContainer .skpTab { height: 48px; background-color: #fff; padding: 0 20px; float: left; color: #555555; } .orderVersionTabContainer .orderVersionTab.tabActive, .orderVersionTabContainer .skpTab.tabActive, .skpTabContainer .orderVersionTab.tabActive, .skpTabContainer .skpTab.tabActive { background-color: #eaebeb; } .orderVersionTabContainer .orderVersionTab.tabActive a, .orderVersionTabContainer .skpTab.tabActive a, .skpTabContainer .orderVersionTab.tabActive a, .skpTabContainer .skpTab.tabActive a { border-bottom: 4px solid #052a68; } .orderVersionTabContainer .orderVersionTab a, .orderVersionTabContainer .skpTab a, .skpTabContainer .orderVersionTab a, .skpTabContainer .skpTab a { color: #0060ad; display: inline-block; padding: 0.25em 0; text-align: center; justify-self: center; flex: 1; align-self: center; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 1.6rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2.13; letter-spacing: normal; } .orderDetails, .offerDetails { display: inline-block; width: 100%; background-color: #eaebeb; padding: 20px; margin-bottom: 2px; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .offerDetails h2, .orderDetails h2 { border-bottom: none; color: #555555; } .offerDetails table.offerStatusDetails tr th, .offerDetails table.offerStatusDetails tr td, .orderDetails table.offerStatusDetails tr th, .orderDetails table.offerStatusDetails tr td { height: 25px; line-height: 1; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; } .offerDetails table.offerStatusDetails tr th:first-child, .offerDetails table.offerStatusDetails tr td:first-child, .orderDetails table.offerStatusDetails tr th:first-child, .orderDetails table.offerStatusDetails tr td:first-child { font-family: Noto Sans Bold, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; line-height: 1; } table.offerStatusDetails tbody tr td span.download-icon { float: left; } #substitutionListsNavigation { display: inline-block; width: 100%; } #priceCatalogsResultList { overflow-x: scroll; } #addresses-overview-page h3 { border-bottom: 1px solid #e5e5e5; margin: 1em 0 0.5em 0; } #addresses-overview-page .pwChange { padding: 0; } #addresses-overview-page .pwChange div.form_field-input { margin: 0; padding: 0; } #addresses-overview-page .pwChange div.form_field-label { margin: 0; padding: 0; } #mainContent #notification-overview-page .prod_refine { padding: 0; } #mainContent #notification-overview-page .prod_refine .search form, #mainContent #notification-overview-page .prod_refine .resultOptions .search .select { margin: 0; } @media only screen and (max-width: 767px) { #mainContent #notification-overview-page .prod_refine .search form, #mainContent #notification-overview-page .prod_refine .resultOptions .search .select { margin: 0.2em 0; } } #mainContent #notification-overview-page .prod_refine .search form { display: flex; width: 100%; flex-wrap: wrap; align-content: space-between; } @media only screen and (max-width: 767px) { #mainContent #notification-overview-page .prod_refine .search .notificationSearchForm input[type='submit'] { width: 100%; } #mainContent #notification-overview-page .prod_refine .search .notificationSearchForm input[type="button"].resetButton { width: 100%; margin: 0.5em 0; } #mainContent #notification-overview-page .prod_refine .search .resultOptions .search .select { margin: 0.5em 0; height: 2.8em; } } #mainContent #newsletter-page .kronesForm { padding: 0; } @media only screen and (max-width: 767px) { #mainContent #newsletter-page .kronesForm button { margin-left: 0; float: left; right: auto; } #mainContent #newsletter-page .kronesForm div.form_field-input { margin-left: auto; } #mainContent #newsletter-page .kronesForm div.form_field-label { margin-left: auto; width: 100%; } } @media only screen and (max-width: 767px) { #mainContent #newsletter-page .stageStatic .textContainer { min-height: auto; padding: 0px; margin-top: 1.5em; } } #mainContent #ticket-overview-page form.upgradeForm { padding: 1em 0; } #mainContent #ticket-overview-page .prod_refine .create-new { width: 100%; border-bottom: 1px solid #e5e5e5; padding: 2em 0; } #mainContent #ticket-overview-page .prod_refine .search input[type="text"] { margin-bottom: 0.6em; } #mainContent #ticket-overview-page div#ticketsNavigation { display: inline-block; width: 100%; } #mainContent #ticket-overview-page div#ticketsNavigation .paginationWrap { flex-flow: row-reverse; } .orderdetails-customerdata-h2 { background: #eaebeb; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; padding: 0 20px; font-size: 2.4em; line-height: 2.9; border-bottom: 1px solid #e5e5e5; } .checkout_summary_flow_c .orderdetails-customerdata-h2 { padding: 0; } .item_container_holder .item_container_holder_delivery { width: 33%; clear: right; float: left; } @media only screen and (max-width: 767px) { .item_container_holder .item_container_holder_delivery { width: 100%; } } .item_container_holder .item_container_holder_delivery .item_deliveryMode { padding: 0 16px; } #mainContent .prod_refine .search .notificationSearchForm input[type='submit'] { margin: 0 15px 0 0; } @media only screen and (max-width: 767px) { #mainContent .prod_refine .search .notificationSearchForm input[type='submit'] { margin: 0.6em 0; } } #mainContent .prod_refine .search .notificationSearchForm input[type="text"] { margin-right: 0.6em; margin-bottom: 0.6em; } @media only screen and (max-width: 767px) { #mainContent .prod_refine .search .notificationSearchForm input[type="text"] { margin: 0.6em 0; } } tr.notification-row { cursor: pointer; } #notificationsResultList tr.notification-row.unread { font-family: Noto Sans Bold, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; } #notificationsResultList tr.notification-row [headers=header3] { color: #0060ad; } #discount-detail-page .title_holder_img div:first-of-type { padding: 0; width: 100%; } #savedcart-overview-page div#savedCartsNavigation { width: 100%; margin-top: 1.5em; } .action-icon.pdf { font-family: "fontello"; font-style: normal; font-size: 1.3em; color: #052a68; margin-right: 5px; height: auto; } .action-icon.pdf:before { content: '\e856'; } .requestSpecialSKPFormChooseFile { border: none; color: #fff; font-size: 1.6rem; line-height: 2.8rem; text-align: center; padding: 1rem; display: block; -webkit-appearance: none; outline: none; -webkit-box-sizing: border-box; box-sizing: border-box; color: #052a68; background: transparent; border: solid 2px #052a68; line-height: 2.4rem; cursor: pointer; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 1.6rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.88; letter-spacing: normal; color: #555555; } .requestSpecialSKPFormUploadContainer { margin-left: 10%; width: 80%; } .requestSpecialSKPUploadButton { clear: none !important; margin-left: 0 !important; } .requestSpecialSKPFormUploadContainer .item_container { width: 100%; } .requestSpecialSKPFormUploadContainer .formline { width: 100%; display: flex; } .requestSpecialSKPFormUploadContainer .requestSpecialSKPFormChooseFile { flex-grow: 1; flex-basis: 15%; } .requestSpecialSKPFormUploadContainer .requestSpecialSKPFormChooseFile:hover { background: rgba(5, 42, 104, 0.4); border: solid 2px #697fa4; } label#filename-commissionListUpload, label#filename-customerNumberListUpload { flex-grow: 3; border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; padding: 0.6em 1em 0; } .requestSpecialSKPFormUploadContainer .requestSpecialSKPUploadButton { flex-grow: 1; margin: 0; right: 0; background: transparent; border: solid 2px #052a68; color: #555; flex-basis: 15%; } .requestSpecialSKPFormUploadContainer .requestSpecialSKPUploadButton:hover { background: rgba(5, 42, 104, 0.4); border: solid 2px #697fa4; } .requestSpecialSKPFormUploadContainer button.requestSpecialSKPUploadButton[disabled="disabled"] { background: white; border: solid 2px #E5E5E5; color: #E5E5E5; } .select2-selection--multiple { height: auto !important; } .skpCountrySelector { height: auto !important; } .createSubstitutionListButton { float: right; margin-top: 1rem; margin-bottom: 1rem; } #supportTicketsNavigation { display: inline-block; width: 100%; } #countryDiscountRow, #specificCustomerDiscountRow, #customerDiscountRow, #priceCalculationSchemeDiscounts { display: none; } #configurationForm .select2-search__field { width: 100% !important; } #cartContainer div.consignment-main span.product_image_small img { width: 3.8em; } #cartContainer .consignment-detail table tbody tr td:last-child:before { width: 0%; } .consignment-detail .consignment-head { border-bottom: 1px solid #e5e5e5; } .consignment-detail .consignment-details-available { cursor: pointer; } .consignment-detail .consignment-control { visibility: hidden; } .consignment-detail .consignment-details-available .consignment-control { visibility: visible; } .consignment-detail .consignment-head .consignment-control { font-size: 2.5rem; display: inline-block; } .consignment-detail .consignment-main { border-top: 1px solid #c3c3c3; } .consignment-detail .consignment-head span { padding-right: 15px; } .consignment-detail .consignment-head span.consignment-title { font-weight: bold; } #expiryMonthSelectBoxItContainer { margin-right: 10px; } #expiryYearSelectBoxItContainer { margin-left: 10px; } #expiryMonthSelectBoxItContainer .selectboxit, #expiryYearSelectBoxItContainer .selectboxit { max-width: 70px; min-width: 70px; } #checkout_summary_purchaser_div .info_container_holder { width: 80%; } @media only screen and (max-width: 767px) { #checkout_summary_purchaser_div .info_container_holder { width: 100%; } } span.transferProgressMessage { font-size: 1.2em; line-height: 2em; margin-left: 20px; } #transferCartForm label { padding: 0; } #header .smartBar a.countrySelectionLink_mobile { color: transparent; float: left; margin-left: 2%; background-position: -3.6em -392.4em; } #cartSummaryContainer { background: #fff none repeat scroll 0 0; border-radius: 5px; box-sizing: border-box; float: left; margin-top: 6px; width: 100%; } #cartSummaryContainer #totals { float: right; width: 24%; } @media only screen and (max-width: 767px) { #cartSummaryContainer #totals { float: right; width: 100%; } } #cartSummaryContainer #totals button:first-child { margin-top: 0; } #cartSummaryContainer #totals button { margin-top: 1.4em; width: 100%; } div#paypal_errors { border: 1px solid #b3282e; padding: 0 10px 10px 10px; border-radius: 3px; color: #b3282e; } a.skpPublish { font-family: fontello; font-style: normal; color: #052a68; } a.skpPublish:before { content: "\e821"; } a.skpButton-view, a.skpButton-edit, a.skpButton-publish, .skpButton-emptyImport { font-family: fontello; font-style: normal; font-size: 1.3em; font-weight: bold; color: #052a68; margin-right: 5px; } a.skpButton-view:before { content: "\e839"; } a.skpButton-edit:before { content: "\e837"; } a.skpButton-publish:before { content: "\e821"; } .skpButton-emptyImport:before { content: "\e832"; } .info.orderDocumentInfoLink { background: url(../_ui/responsive/theme-KRONES/images/layout/icons-sprite.png) no-repeat 9px -2976px transparent; float: right; font-size: 0.769em; height: 2.8em; width: 2em; cursor: pointer; position: absolute; top: 3px; } div.prod_status .info, div.prodStatus .info { background: url(../_ui/responsive/theme-KRONES/images/layout/icons-sprite.png) no-repeat 0px -2976px transparent; float: left; font-size: 0.769em; height: 2.8em; width: 2em; } div.prod_status .prod_sdd-icon, div.prodStatus .prod_sdd-icon, div.tablesorter-header-inner .prod_sdd-icon { background: none; width: 25px; height: 24px; display: block; cursor: pointer; } div.prod_status .prod_sdd-icon:after, div.prodStatus .prod_sdd-icon:after, div.tablesorter-header-inner .prod_sdd-icon:after { font-family: "fontello"; content: '\e858'; color: #052a68; font-size: 2.5rem; } .prod_sdd-icon_small { margin-left: 10px; margin-top: 6px; cursor: pointer; } .prod_sdd-icon_small:after { font-family: "fontello"; content: '\e858'; color: #052a68; } @media only screen and (max-width: 1024px) { .prod_sdd-icon_small { margin-left: 0px; } } @media only screen and (max-width: 768px) { .prod_sdd-icon_small { margin-left: 5px; } } .voucherInfo { font-weight: bold; font-size: 18pt; } .voucherValidityDate { font-weight: bold; } #ui-datepicker-div { z-index: 10000 !important; width: auto; } .myProfileLcsProductsIcon { float: left; width: 100px; margin-top: 20px; margin-left: 10px; } .myProfileLcsProductsIcon img { width: 90px; height: 90px; } .standardText a.button { display: inline-block; margin-top: 30px; padding: 8px 15px; width: 40%; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; font-size: 16px; font-weight: 600; line-height: 28px; text-align: center; color: #052a68; border: 2px solid #052a68; } .standardText a.button:focus, .standardText a.button:hover { background: rgba(5, 42, 104, 0.4); border: solid 2px #697FA4; } @media only screen and (max-width: 767px) { .standardText a.button { width: 60%; width: calc(100% - 30px); } } .standardText.myProfileLcsProductsOverview { float: left; width: calc(100% - 110px); } .standardText.myProfileLcsProductsOverview ul { margin: 0 0 0 1em; } .standardText.myProfileLcsProductsOverview h3 { margin: 20px 0 10px 0; padding: 5px 0; border-bottom: 1px solid #e5e5e5; } #mainContent .lcs_products div:last-of-type { float: right; width: auto; padding-right: 2em; } #mainContent .lcs_products div:last-of-type img { display: block; width: 100%; } .myDiscountsLeftAligned { float: left !important; padding-left: 0 !important; } .myDiscountsLeftAligned .select { padding-left: 0 !important; float: left !important; } .myDiscountsContainer { display: block; position: relative; width: 100% !important; padding-left: 0 !important; margin-bottom: 15px; } .myDiscountsLeftAligned label { font-size: 1.6em; } .loginTextFullWidth { width: 100%; } @media only screen and (max-width: 1160px) { #header .serviceBar p span, #header .serviceBar .serviceRight a:link span.text, #header .serviceBar .serviceRight a:visited span.text { display: none; } #header .serviceBar .serviceRight a:link, #header .serviceBar .serviceRight a:visited { width: 4.1em; height: 3.4em; } } @media only screen and (min-width: 1024px) { .back_button_chinese span.chinese { transform: rotate(0); margin-top: 34px; padding: 0.4em 0.44em; color: #0060ad; float: left; font-size: 1.9em; transform-origin: bottom left; font-family: 'theSans-LP7-Bold', Arial, sans-serif; } } @media only screen and (max-width: 320px) { .selectboxit-container, .selectboxit-container .selectboxit { padding: 5px 0; } #header .smartBar a.countrySelectionLink_mobile { color: transparent; float: left; margin-left: 2%; background-position: -3.6em -392.4em; } #header .smartBar a.recommendations { float: left; margin-left: 2%; background-position: -222px -4022px; } #header .smartBar a.recommendations span { display: none; } #mainContent .lcs_products { width: 100%; } #mainContent .lcs_products div:first-of-type { width: 80%; } #mainContent .lcs_products div:last-of-type { display: none; } .myProfileLcsProductsIcon { display: none; } .standardText.myProfileLcsProductsOverview { width: 100%; } } .specialCat h4 { height: auto; min-height: 58px; } #cboxWrapper div.upload { text-align: center; } #cboxWrapper p.upload { font-size: 1.5em; margin-top: 0; width: 100%; text-align: center; font-family: Noto Sans, Arial, 微软雅黑, 黑体, STXihei, 华文细黑, sans-serif; } .upload span.loader { position: static !important; width: 0em; margin-left: 0em; } #upload_excel_popup { padding: 2em; } #header .serviceBar .serviceRight a.recommendations { background: url(../_ui/responsive/theme-KRONES/images/layout/icons-sprite.png) #052a68; margin-right: 1.2em; background-position: -222px -4029px; } #header .serviceBar .serviceRight span.recommendations { font-size: 1.5em; font-family: 'theSans-LP7-Bold', Arial, sans-serif; color: #FFF; position: absolute; text-align: center; width: 2em; left: 0.1em; top: 0.05em; } #serviceTechnicianRequestForm ul.ui-autocomplete { position: absolute !important; border: 1px solid #bababa; } #serviceTechnicianRequestForm ul.ui-autocomplete li { color: #0060ad; background-color: #e5e5e5; padding: 0.4em; border-bottom: 1px solid #bababa; } #serviceTechnicianRequestForm ul.ui-autocomplete li a:HOVER { color: #052a68; } #serviceTechnicianRequestForm .selectboxit-container .selectboxit { min-width: 100%; } @media only screen and (max-width: 480px) { #cartContainer #info { width: 100%; } #cartContainer .info_container_holder { width: 100%; } #cartContainer table tbody tr { border-top: none; } .offerDetails table.offerStatusDetails tr th, .offerDetails table.offerStatusDetails tr td, .orderDetails table.offerStatusDetails tr th, .orderDetails table.offerStatusDetails tr td { width: 55%; padding: 0.6em 0.6em 0.6em 0; } .offerDetails table.offerStatusDetails, .orderDetails table.offerStatusDetails { width: 100%; } .offerDetails table.offerStatusDetails, .offerDetails div.summary, .offerDetails button.print, .offerDetails div.info_container_holder, .info_container_holder { margin: 0; } } @media only screen and (max-width: 480px) and (max-width: 768px) { .offerDetails table.offerStatusDetails, .offerDetails div.summary, .offerDetails button.print, .offerDetails div.info_container_holder, .info_container_holder { width: 100%; clear: both; margin: 1em 0; } } @media only screen and (max-width: 480px) { #mainContent .stageStatic.white .textContainer { background: white; } } .myUpgradesInfoLink:before { content: '\f15c'; font-family: "krones-iconfont"; font-style: normal; font-weight: normal; font-size: 18pt; color: #052a68; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .4em; text-align: center; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } form#updatePwdForm { margin-top: 20px; } .smartBar, #login, .smartFilter { display: none; } .chartGrid { width: 48%; margin-left: 4%; } @media only screen and (max-width: 767px) { .chartGrid { width: 100%; margin-left: 0; } } .chartGrid > div { background: rgba(234, 235, 235, 0.5); padding: 2.5em; } .formrequired { z-index: -999; right: 0px; position: absolute; } form.add_to_cart_form *[type='submit'], form.add_order_entry_to_card_form *[type='submit'], .product-slider ul.slides li.product form.add_to_cart_form .button.button-buy { display: none; } .barChartFooterContainer { display: flex; justify-content: center; align-items: center; margin-top: 8px; } .barChartFooter { display: inline-block; font-size: 11px; } #countrySpecialRequestWithCountry { width: 100% !important; } #employeeSpecialRequestWithCountryForm .select2-container--default .select2-search--inline .select2-search__field { width: 100% !important; } .support_contract_tickets_search_form .productionLineSearch, .support_contract_tickets_search_form .b2bunitSearch { width: 20% !important; margin-right: 0.6em; } .support_contract_tickets_search_form .ticketSearchtext { width: auto !important; margin-right: 0.6em; } [onclick="ACC.product.showSameDayDeliveryInfo();"] { cursor: pointer; } .banderole-wrapper { position: relative; overflow: hidden; } .banderole { position: absolute; top: 10%; right: -35px; z-index: 10; display: inline-block; font-size: 12px; width: 120px; text-align: center; padding: .25em 0; color: white; transform: rotate(45deg); border: 5px solid #fff; background: #58a; } .ribbon { display: block !important; z-index: 10; font-size: 14px; font-weight: bold; margin: 0; padding: 0; background: #58a; color: white; padding: .25em 0; position: absolute; top: 0; right: 0; transform: translateX(30%) translateY(0%) rotate(45deg); transform-origin: top left; } .ribbon:before, .ribbon:after { content: ''; position: absolute; top: 0; margin: 0 -1px; width: 100%; height: 100%; background: #58a; } .ribbon:before { right: 100%; } .ribbon:after { left: 100%; } .jobDetailsHeadline { font-size: 3.2rem; margin: 0.5rem 0 1.5rem 0; width: 85%; line-height: 1; } .printjob-response-popup { width: 100%; } .new-machine-configurator label.checkbox_label.section-heading { display: contents; } .new-machine-configurator.form-box div.form_field-input .checkbox { min-height: 0px; margin-top: 5px; margin-bottom: 5px; } .new-machine-configurator.form-box div.form_field-input .radio { min-height: 10px; margin-top: 5px !important; margin-bottom: 5px !important; display: inline-block; } div[data-smartedit-component-id="KROHeaderLinksSlot"] { align-self: flex-end; display: flex; justify-content: flex-end; } #header .identity .identityInner > .yCmsComponent { width: 30%; } #header .identity .identityInner > .yCmsComponent .mainNavigation { width: 100%; } .kroLanguageChooser__overlay { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 78rem; -webkit-box-shadow: 0 .8rem .8rem 0 rgba(0, 0, 0, .24), 0 0 .8rem 0 rgba(0, 0, 0, .12); box-shadow: 0 .8rem .8rem 0 rgba(0, 0, 0, .24), 0 0 .8rem 0 rgba(0, 0, 0, .12) } .kroLanguageChooser__overlay .overlay__hero { position: relative; background-color: #555 } .kroLanguageChooser__overlay .overlay__hero img { display: block; width: 100%; height: auto; opacity: .7 } .kroLanguageChooser__overlay .overlay__hero .hero__text { position: absolute; bottom: 5rem; width: 100% } .kroLanguageChooser__overlay .overlay__hero .hero__text p { font-size: 3.2rem; line-height: 1.31em; color: #fff; width: 60%; margin: 0 auto } .kroLanguageChooser__overlay .overlay__close-btn { position: absolute; top: 0; right: 0; display: inline-block; padding-left: 2rem; font-size: 2.4rem; text-decoration: none; color: inherit; -webkit-transform: translateX(100%); transform: translateX(100%) } .kroLanguageChooser__overlay .overlay__close-btn:before { font-family: fontello; content: "\E833" } .kroLanguageChooser__controls { padding: 2rem; background-color: #fff } .kroLanguageChooser__controls .control__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly } .kroLanguageChooser__controls .control__container .control-element { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; margin: 0 .5rem } .kroLanguageChooser__controls .control__container .control-element label { margin-bottom: 1rem; display: inline-block; font-size: 2rem; line-height: 1.5; font-weight: 400; font-style: normal; font-stretch: normal; letter-spacing: normal; color: #555 } .kroLanguageChooser__controls .control__container .control-element select { width: 100%; max-width: 7.5rem } .kroLanguageChooser__controls .control__container .selectboxit, .kroLanguageChooser__controls .control__container .selectboxit-list { width: 80% !important } .kroLanguageChooser__controls .control__container .selectboxit.selectboxit-disabled { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #dedede } .kroLanguageChooser__controls .control__submit { margin-top: 2.2rem; display: inline-block; width: 100%; min-width: auto; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .kroLanguageChooser__controls .control__submit[disabled] { pointer-events: none; color: #dedede; border-color: #dedede } .kroLanguageChooser { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: hsla(0, 0%, 100%, .75); z-index: 100; pointer-events: none; opacity: 0; -webkit-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out } .kroLanguageChooser-visible { pointer-events: all; opacity: 1 } .bg-gray { background: #F4F4F4; } .mt-2 { margin-top: 20px; } .mb-1 { margin-bottom: 10px; } .mb-2 { margin-bottom: 20px; } .mr-1 { margin-right: 10px; } .ph-2 { padding-left: 20px; padding-right: 20px; } .page-DatalogDashboardPage .account-section { width: 100%; } #dsfiles { display: none; } .data-dashboard .timerange span:first-child { display: inline-block; min-width: 50px; } .data-dashboard .js-remove-filter { margin-bottom: 10px; } .data-dashboard .js-remove-filter i { margin-left: 10px; position: relative; top: 2px; } .data-dashboard #js-submitButton { margin-top: 7px; } .data-dashboard .js-selectpicker + .btn-default { background: #fff !important; border: 1px solid #ccc !important; height: 42px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.07); font-size: 14px; font-weight: 500; color: #3c3c3c; } @media (min-width: 1024px) { .data-dashboard .js-selectpicker + .btn-default { height: 32px; padding: 6px 12px; } } .data-dashboard .open > .dropdown-menu { padding: 0; } .data-dashboard .headline-wrap { position: relative; } .data-dashboard h2 { margin-top: 0; margin-bottom: 0; } .data-dashboard h2 .pdf-link { font-size: 21px; margin-left: 10px; } .data-dashboard .btn-upload { top: 50%; right: 0; font-size: 21px; text-decoration: none; } @media (min-width: 1024px) { .data-dashboard .btn-upload { position: absolute; transform: translateY(-50%); } } .data-dashboard .btn-upload .glyphicon { position: relative; top: 4px; margin-left: 10px; } .data-dashboard form { padding: 0 !important; } .data-dashboard .filter { padding: 10px; } .data-dashboard .filter.compare-is-active .form-group { width: 100%; } @media (min-width: 640px) { .data-dashboard .filter.compare-is-active .form-group { width: 50%; } } @media (max-width: 639px) { .data-dashboard .filter.compare-is-active .form-group.from-group-compare { margin-bottom: 0; } .data-dashboard .filter.compare-is-active .form-group.from-group-compare input { margin-bottom: 0; } .data-dashboard .filter.compare-is-active .form-group.from-group-compare label { min-height: auto; } } .data-dashboard .filter .form-group { width: 100%; float: left; padding: 0 10px; } @media (min-width: 640px) { .data-dashboard .filter .form-group { width: 50%; } } @media (min-width: 1024px) { .data-dashboard .filter .form-group { width: 25%; } } .data-dashboard .filter .form-group label { min-height: 40px; } .data-dashboard .filter .form-group select[multiple] { height: 74px; padding: 5px; } .data-dashboard .filter .form-group select[multiple] option { padding: 0; font-size: 14px; } .data-dashboard .selected-filter-wrap { margin-bottom: 20px; } .data-dashboard .table-head { background: #128a9e; color: #fff; padding: 10px; } .data-dashboard .table-head div { padding: 0; } .data-dashboard .dashboard-alert-table-wrap { max-height: 400px; display: block; overflow-y: scroll; } .data-dashboard .dashboard-alert-table-wrap table td { padding: 10px 5px; width: 50%; } @media (max-width: 639px) { .data-dashboard .error-container-wrap { margin-bottom: 20px; } } .dashboard-upload-popup #fileList { border: 1px solid #ddd; padding: 10px; overflow-x: hidden; overflow-y: scroll; min-height: 300px; } @media print { header, footer, .footer__bottom { display: none; } #graphContainerWrap .col-xs-12 { width: 100% !important; } .data-dashboard .dashboard-alert-table-wrap { max-height: 100%; overflow: hidden; } .data-dashboard .dashboard-alert-table-wrap table td { width: 50%; } } .bootstrap-datetimepicker-widget { list-style: none; } .bootstrap-datetimepicker-widget.dropdown-menu { display: block; margin: 2px 0; padding: 4px; width: 19em; } @media (min-width: 640px) { .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em; } } @media (min-width: 1024px) { .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em; } } @media (min-width: 1400px) { .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em; } } .bootstrap-datetimepicker-widget.dropdown-menu:before, .bootstrap-datetimepicker-widget.dropdown-menu:after { content: ''; display: inline-block; position: absolute; } .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before { border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #cccccc; border-bottom-color: rgba(0, 0, 0, 0.2); top: -7px; left: 7px; } .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after { border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; top: -6px; left: 8px; } .bootstrap-datetimepicker-widget.dropdown-menu.top:before { border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #cccccc; border-top-color: rgba(0, 0, 0, 0.2); bottom: -7px; left: 6px; } .bootstrap-datetimepicker-widget.dropdown-menu.top:after { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #ffffff; bottom: -6px; left: 7px; } .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before { left: auto; right: 6px; } .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after { left: auto; right: 7px; } .bootstrap-datetimepicker-widget .list-unstyled { margin: 0; } .bootstrap-datetimepicker-widget a[data-action] { padding: 6px 0; } .bootstrap-datetimepicker-widget a[data-action]:active { box-shadow: none; } .bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second { width: 54px; font-weight: bold; font-size: 1.2em; margin: 0; } .bootstrap-datetimepicker-widget button[data-action] { padding: 6px; } .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Increment Hours"; } .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Increment Minutes"; } .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Decrement Hours"; } .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Decrement Minutes"; } .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Show Hours"; } .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Show Minutes"; } .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Toggle AM/PM"; } .bootstrap-datetimepicker-widget .btn[data-action="clear"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Clear the picker"; } .bootstrap-datetimepicker-widget .btn[data-action="today"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Set the date to today"; } .bootstrap-datetimepicker-widget .picker-switch { text-align: center; } .bootstrap-datetimepicker-widget .picker-switch::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Toggle Date and Time Screens"; } .bootstrap-datetimepicker-widget .picker-switch td { padding: 0; margin: 0; height: auto; width: auto; line-height: inherit; } .bootstrap-datetimepicker-widget .picker-switch td span { line-height: 2.5; height: 2.5em; width: 100%; } .bootstrap-datetimepicker-widget table { width: 100%; margin: 0; } .bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th { text-align: center; border-radius: 0; } .bootstrap-datetimepicker-widget table th { height: 20px; line-height: 20px; width: 20px; } .bootstrap-datetimepicker-widget table th.picker-switch { width: 145px; } .bootstrap-datetimepicker-widget table th.disabled, .bootstrap-datetimepicker-widget table th.disabled:hover { background: none; color: #777777; cursor: not-allowed; } .bootstrap-datetimepicker-widget table th.prev::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Previous Month"; } .bootstrap-datetimepicker-widget table th.next::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Next Month"; } .bootstrap-datetimepicker-widget table thead tr:first-child th { cursor: pointer; } .bootstrap-datetimepicker-widget table thead tr:first-child th:hover { background: #eeeeee; } .bootstrap-datetimepicker-widget table td { height: 54px; line-height: 54px; width: 54px; } .bootstrap-datetimepicker-widget table td.cw { font-size: .8em; height: 20px; line-height: 20px; color: #777777; } .bootstrap-datetimepicker-widget table td.day { height: 20px; line-height: 20px; width: 20px; } .bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover { background: #eeeeee; cursor: pointer; } .bootstrap-datetimepicker-widget table td.old, .bootstrap-datetimepicker-widget table td.new { color: #777777; } .bootstrap-datetimepicker-widget table td.today { position: relative; } .bootstrap-datetimepicker-widget table td.today:before { content: ''; display: inline-block; border: solid transparent; border-width: 0 0 7px 7px; border-bottom-color: #47b6b1; border-top-color: rgba(0, 0, 0, 0.2); position: absolute; bottom: 4px; right: 4px; } .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover { background-color: #47b6b1; color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .bootstrap-datetimepicker-widget table td.active.today:before { border-bottom-color: #fff; } .bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover { background: none; color: #777777; cursor: not-allowed; } .bootstrap-datetimepicker-widget table td span { display: inline-block; width: 54px; height: 54px; line-height: 54px; margin: 2px 1.5px; cursor: pointer; border-radius: 0; } .bootstrap-datetimepicker-widget table td span:hover { background: #eeeeee; } .bootstrap-datetimepicker-widget table td span.active { background-color: #47b6b1; color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .bootstrap-datetimepicker-widget table td span.old { color: #777777; } .bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover { background: none; color: #777777; cursor: not-allowed; } .bootstrap-datetimepicker-widget.usetwentyfour td.hour { height: 27px; line-height: 27px; } .bootstrap-datetimepicker-widget.wider { width: 21em; } .bootstrap-datetimepicker-widget .datepicker-decades .decade { line-height: 1.8em !important; } .input-group.date .input-group-addon { cursor: pointer; } select.bs-select-hidden, .bootstrap-select > select.bs-select-hidden, select.selectpicker { display: none !important; } .bootstrap-select { width: 220px \0; } .bootstrap-select > .dropdown-toggle { position: relative; width: 100%; z-index: 1; text-align: right; white-space: nowrap; } .bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:active { color: #999999; } .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:active { color: rgba(255, 255, 255, 0.5); } .bootstrap-select > select { position: absolute !important; bottom: 0; left: 50%; display: block !important; width: 0.5px !important; height: 100% !important; padding: 0 !important; opacity: 0 !important; border: none; } .bootstrap-select > select.mobile-device { top: 0; left: 0; display: block !important; width: 100% !important; z-index: 2; } .has-error .bootstrap-select .dropdown-toggle, .error .bootstrap-select .dropdown-toggle, .bootstrap-select.is-invalid .dropdown-toggle, .was-validated .bootstrap-select .selectpicker:invalid + .dropdown-toggle { border-color: #b94a48; } .bootstrap-select.is-valid .dropdown-toggle, .was-validated .bootstrap-select .selectpicker:valid + .dropdown-toggle { border-color: #28a745; } .bootstrap-select.fit-width { width: auto !important; } .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 220px; } .bootstrap-select .dropdown-toggle:focus { outline: thin dotted #333333 !important; outline: 5px auto -webkit-focus-ring-color !important; outline-offset: -2px; } .bootstrap-select.form-control { margin-bottom: 0; padding: 0; border: none; } :not(.input-group) > .bootstrap-select.form-control:not([class*="col-"]) { width: 100%; } .bootstrap-select.form-control.input-group-btn { z-index: auto; } .bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .bootstrap-select:not(.input-group-btn), .bootstrap-select[class*="col-"] { float: none; display: inline-block; margin-left: 0; } .bootstrap-select.dropdown-menu-right, .bootstrap-select[class*="col-"].dropdown-menu-right, .row .bootstrap-select[class*="col-"].dropdown-menu-right { float: right; } .form-inline .bootstrap-select, .form-horizontal .bootstrap-select, .form-group .bootstrap-select { margin-bottom: 0; } .form-group-lg .bootstrap-select.form-control, .form-group-sm .bootstrap-select.form-control { padding: 0; } .form-group-lg .bootstrap-select.form-control .dropdown-toggle, .form-group-sm .bootstrap-select.form-control .dropdown-toggle { height: 100%; font-size: inherit; line-height: inherit; border-radius: inherit; } .bootstrap-select.form-control-sm .dropdown-toggle, .bootstrap-select.form-control-lg .dropdown-toggle { font-size: inherit; line-height: inherit; border-radius: inherit; } .bootstrap-select.form-control-sm .dropdown-toggle { padding: 0.25rem 0.5rem; } .bootstrap-select.form-control-lg .dropdown-toggle { padding: 0.5rem 1rem; } .form-inline .bootstrap-select .form-control { width: 100%; } .bootstrap-select.disabled, .bootstrap-select > .disabled { cursor: not-allowed; } .bootstrap-select.disabled:focus, .bootstrap-select > .disabled:focus { outline: none !important; } .bootstrap-select.bs-container { position: absolute; top: 0; left: 0; height: 0 !important; padding: 0 !important; } .bootstrap-select.bs-container .dropdown-menu { z-index: 1060; } .bootstrap-select .dropdown-toggle:before { content: ''; display: inline-block; } .bootstrap-select .dropdown-toggle .filter-option { position: absolute; top: 0; left: 0; padding-top: inherit; padding-right: inherit; padding-bottom: inherit; padding-left: inherit; height: 100%; width: 100%; text-align: left; } .bootstrap-select .dropdown-toggle .filter-option-inner { padding-right: inherit; } .bootstrap-select .dropdown-toggle .filter-option-inner-inner { overflow: hidden; } .bootstrap-select .dropdown-toggle .caret { position: absolute; top: 50%; right: 12px; margin-top: -2px; vertical-align: middle; } .input-group .bootstrap-select.form-control .dropdown-toggle { border-radius: inherit; } .bootstrap-select[class*="col-"] .dropdown-toggle { width: 100%; } .bootstrap-select .dropdown-menu { min-width: 100%; box-sizing: border-box; } .bootstrap-select .dropdown-menu > .inner:focus { outline: none !important; } .bootstrap-select .dropdown-menu.inner { position: static; float: none; border: 0; padding: 0; margin: 0; border-radius: 0; box-shadow: none; } .bootstrap-select .dropdown-menu li { position: relative; } .bootstrap-select .dropdown-menu li.active small { color: rgba(255, 255, 255, 0.5) !important; } .bootstrap-select .dropdown-menu li.disabled a { cursor: not-allowed; } .bootstrap-select .dropdown-menu li a { cursor: pointer; user-select: none; } .bootstrap-select .dropdown-menu li a.opt { position: relative; padding-left: 2.25em; } .bootstrap-select .dropdown-menu li a span.check-mark { display: none; } .bootstrap-select .dropdown-menu li a span.text { display: inline-block; } .bootstrap-select .dropdown-menu li small { padding-left: 0.5em; } .bootstrap-select .dropdown-menu .notify { position: absolute; bottom: 5px; width: 96%; margin: 0 2%; min-height: 26px; padding: 3px 5px; background: #f5f5f5; border: 1px solid #e3e3e3; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); pointer-events: none; opacity: 0.9; box-sizing: border-box; } .bootstrap-select .no-results { padding: 3px; background: #f5f5f5; margin: 0 5px; white-space: nowrap; } .bootstrap-select.fit-width .dropdown-toggle .filter-option { position: static; display: inline; padding: 0; } .bootstrap-select.fit-width .dropdown-toggle .filter-option-inner, .bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner { display: inline; } .bootstrap-select.fit-width .dropdown-toggle .caret { position: static; top: auto; margin-top: -1px; } .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark { position: absolute; display: inline-block; right: 15px; top: 5px; } .bootstrap-select.show-tick .dropdown-menu li a span.text { margin-right: 34px; } .bootstrap-select .bs-ok-default:after { content: ''; display: block; width: 0.5em; height: 1em; border-style: solid; border-width: 0 0.26em 0.26em 0; transform: rotate(45deg); } .bootstrap-select.show-menu-arrow.open > .dropdown-toggle, .bootstrap-select.show-menu-arrow.show > .dropdown-toggle { z-index: 1061; } .bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before { content: ''; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid rgba(204, 204, 204, 0.2); position: absolute; bottom: -4px; left: 9px; display: none; } .bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after { content: ''; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; position: absolute; bottom: -4px; left: 10px; display: none; } .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before { bottom: auto; top: -4px; border-top: 7px solid rgba(204, 204, 204, 0.2); border-bottom: 0; } .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after { bottom: auto; top: -4px; border-top: 6px solid white; border-bottom: 0; } .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before { right: 12px; left: auto; } .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after { right: 13px; left: auto; } .bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:before, .bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:before, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:after, .bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:after { display: block; } .bs-searchbox, .bs-actionsbox, .bs-donebutton { padding: 4px 8px; } .bs-actionsbox { width: 100%; box-sizing: border-box; } .bs-actionsbox .btn-group button { width: 50%; } .bs-donebutton { float: left; width: 100%; box-sizing: border-box; } .bs-donebutton .btn-group button { width: 100%; } .bs-searchbox + .bs-actionsbox { padding: 0 8px 4px; } .bs-searchbox .form-control { margin-bottom: 0; width: 100%; float: none; } @font-face { font-family: 'fontello'; src: url('../_ui/responsive/theme-KRONES/font/fontello.eot?91689952'); src: url('../_ui/responsive/theme-KRONES/font/fontello.eot?91689952#iefix') format('embedded-opentype'), url('../_ui/responsive/theme-KRONES/font/fontello.woff2?91689952') format('woff2'), url('../_ui/responsive/theme-KRONES/font/fontello.woff?91689952') format('woff'), url('../_ui/responsive/theme-KRONES/font/fontello.ttf?91689952') format('truetype'), url('../_ui/responsive/theme-KRONES/font/fontello.svg?91689952#fontello') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: never; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-login:before { content: '\e800'; } /* '' */ .icon-logout:before { content: '\e801'; } /* '' */ .icon-paste:before { content: '\e802'; } /* '' */ .icon-basket-1:before { content: '\e803'; } /* '' */ .icon-cart-arrow-down-1:before { content: '\e804'; } /* '' */ .icon-zoom-in:before { content: '\e805'; } /* '' */ .icon-zoom-out:before { content: '\e806'; } /* '' */ .icon-search:before { content: '\e807'; } /* '' */ .icon-minus:before { content: '\e808'; } /* '' */ .icon-plus:before { content: '\e809'; } /* '' */ .icon-chat:before { content: '\e80a'; } /* '' */ .icon-help:before { content: '\e80b'; } /* '' */ .icon-angle-right:before { content: '\e80c'; } /* '' */ .icon-circle-empty:before { content: '\e80d'; } /* '' */ .icon-circle:before { content: '\e80e'; } /* '' */ .icon-angle-circled-left:before { content: '\e80f'; } /* '' */ .icon-angle-circled-right:before { content: '\e810'; } /* '' */ .icon-sort:before { content: '\e811'; } /* '' */ .icon-sort-down:before { content: '\e812'; } /* '' */ .icon-sort-up:before { content: '\e813'; } /* '' */ .icon-trash-1:before { content: '\e814'; } /* '' */ .icon-doc-text-inv:before { content: '\e815'; } /* '' */ .icon-info-circled:before { content: '\e816'; } /* '' */ .icon-indent-right:before { content: '\e817'; } /* '' */ .icon-indent-left:before { content: '\e818'; } /* '' */ .icon-resize-full:before { content: '\e819'; } /* '' */ .icon-resize-small:before { content: '\e81a'; } /* '' */ .icon-picture:before { content: '\e81b'; } /* '' */ .icon-columns:before { content: '\e81c'; } /* '' */ .icon-list-alt:before { content: '\e81d'; } /* '' */ .icon-doc-inv:before { content: '\e81e'; } /* '' */ .icon-folder-open:before { content: '\e81f'; } /* '' */ .icon-ellipsis-vert:before { content: '\e820'; } /* '' */ .icon-ok:before { content: '\e821'; } /* '' */ .icon-cancel:before { content: '\e822'; } /* '' */ .icon-down-dir:before { content: '\e823'; } /* '' */ .icon-up-dir:before { content: '\e824'; } /* '' */ .icon-filter:before { content: '\e825'; } /* '' */ .icon-no-columns:before { content: '\e826'; } /* '' */ .icon-splitbar-horizontal:before { content: '\e827'; } /* '' */ .icon-splitbar-vertical:before { content: '\e828'; } /* '' */ .icon-left-open:before { content: '\e829'; } /* '' */ .icon-right-open:before { content: '\e82a'; } /* '' */ .icon-up-open:before { content: '\e82b'; } /* '' */ .icon-down-open:before { content: '\e82c'; } /* '' */ .icon-location:before { content: '\e82d'; } /* '' */ .icon-pencil:before { content: '\e82e'; } /* '' */ .icon-calendar:before { content: '\e82f'; } /* '' */ .icon-arrow_left:before { content: '\e830'; } /* '' */ .icon-arrow_right:before { content: '\e831'; } /* '' */ .icon-attention:before { content: '\e832'; } /* '' */ .icon-close:before { content: '\e833'; } /* '' */ .icon-done:before { content: '\e834'; } /* '' */ .icon-download-1:before { content: '\e835'; } /* '' */ .icon-edit-exit:before { content: '\e836'; } /* '' */ .icon-edit:before { content: '\e837'; } /* '' */ .icon-eye-selected:before { content: '\e838'; } /* '' */ .icon-eye:before { content: '\e839'; } /* '' */ .icon-file-check:before { content: '\e83a'; } /* '' */ .icon-filter-selected:before { content: '\e83b'; } /* '' */ .icon-less:before { content: '\e83c'; } /* '' */ .icon-more:before { content: '\e83d'; } /* '' */ .icon-right:before { content: '\e83e'; } /* '' */ .icon-save:before { content: '\e83f'; } /* '' */ .icon-upload:before { content: '\e840'; } /* '' */ .icon-picture-selected:before { content: '\e841'; } /* '' */ .icon-sort-left:before { content: '\e842'; } /* '' */ .icon-sort-right:before { content: '\e843'; } /* '' */ .icon-back:before { content: '\e844'; } /* '' */ .icon-continue:before { content: '\e845'; } /* '' */ .icon-level-down:before { content: '\e846'; } /* '' */ .icon-down-open-1:before { content: '\e847'; } /* '' */ .icon-up-open-1:before { content: '\e848'; } /* '' */ .icon-key:before { content: '\e849'; } /* '' */ .icon-publish:before { content: '\e84a'; } /* '' */ .icon-order-confirmation:before { content: '\e84b'; } /* '' */ .icon-offer-confirmation:before { content: '\e84c'; } /* '' */ .icon-bill:before { content: '\e84d'; } /* '' */ .icon-gift:before { content: '\e84e'; } /* '' */ .icon-trash-empty:before { content: '\e84f'; } /* '' */ .icon-play-circled2:before { content: '\e850'; } /* '' */ .icon-doc:before { content: '\e851'; } /* '' */ .icon-file-video:before { content: '\e852'; } /* '' */ .icon-file-word:before { content: '\e853'; } /* '' */ .icon-file-powerpoint:before { content: '\e854'; } /* '' */ .icon-file-image:before { content: '\e855'; } /* '' */ .icon-file-pdf:before { content: '\e856'; } /* '' */ .icon-file-excel:before { content: '\e857'; } /* '' */ .icon-auslieferung:before { content: '\e858'; } /* '' */ .icon-verwendungsnachweis:before { content: '\e859'; } /* '' */ .icon-agile-operations:before { content: '\e85a'; } /* '' */ .icon-firefox:before { content: '\e85b'; } /* '' */ .icon-arrow_right-1:before { content: '\e85c'; } /* '' */ .icon-arrow_left-1:before { content: '\e85d'; } /* '' */ .icon-chrome:before { content: '\e85e'; } /* '' */ .icon-ie:before { content: '\e85f'; } /* '' */ .icon-chain-link:before { content: '\e860'; } /* '' */ .icon-cog-alt:before { content: '\e861'; } /* '' */ .icon-basket-2:before { content: '\e862'; } /* '' */ .icon-its:before { content: '\e863'; } /* '' */ .icon-lcs:before { content: '\e864'; } /* '' */ .icon-personnel:before { content: '\e865'; } /* '' */ .icon-contactperson_client:before { content: '\e866'; } /* '' */ .icon-analysis:before { content: '\e867'; } /* '' */ .icon-digital_markets:before { content: '\e868'; } /* '' */ .icon-technical_documentation:before { content: '\e869'; } /* '' */ .icon-mechanik:before { content: '\e86a'; } /* '' */ .icon-weltbild:before { content: '\e86b'; } /* '' */ .icon-download:before { content: '\e86c'; } /* '' */ .icon-print:before { content: '\e86d'; } /* '' */ .icon-stockpreview:before { content: '\e86e'; } /* '' */ .icon-registrierung:before { content: '\e86f'; } /* '' */ .icon-pt:before { content: '\e870'; } /* '' */ .icon-message:before { content: '\e871'; } /* '' */ .icon-filling_and_packing_technologies:before { content: '\e872'; } /* '' */ .icon-mft:before { content: '\e873'; } /* '' */ .icon-upload-1:before { content: '\e874'; } /* '' */ .icon-download-2:before { content: '\e875'; } /* '' */ .icon-check:before { content: '\e876'; } /* '' */ .icon-ok-1:before { content: '\e877'; } /* '' */ .icon-down-open-2:before { content: '\e878'; } /* '' */ .icon-up-open-2:before { content: '\e879'; } /* '' */ .icon-right-open-1:before { content: '\e87a'; } /* '' */ .icon-left-open-1:before { content: '\e87b'; } /* '' */ .icon-user:before { content: '\e87c'; } /* '' */ .icon-cancel-1:before { content: '\e87d'; } /* '' */ .icon-plus-1:before { content: '\e87e'; } /* '' */ .icon-camera:before { content: '\e87f'; } /* '' */ .icon-cog:before { content: '\e880'; } /* '' */ .icon-login-1:before { content: '\e881'; } /* '' */ .icon-logout-1:before { content: '\e882'; } /* '' */ .icon-bill-1:before { content: '\e883'; } /* '' */ .icon-offer-confirmation-1:before { content: '\e884'; } /* '' */ .icon-order-confirmation-1:before { content: '\e885'; } /* '' */ .icon-users:before { content: '\e886'; } /* '' */ .icon-eye-1:before { content: '\e887'; } /* '' */ .icon-eye-off:before { content: '\e888'; } /* '' */ .icon-wrench:before { content: '\e889'; } /* '' */ .icon-filter-1:before { content: '\e88a'; } /* '' */ .icon-download-makros:before { content: '\e88b'; } /* '' */ .icon-edit-1:before { content: '\e88c'; } /* '' */ .icon-filter-selected-1:before { content: '\e88d'; } /* '' */ .icon-save-1:before { content: '\e88e'; } /* '' */ .icon-chain-link-with-arrow:before { content: '\e88f'; } /* '' */ .icon-3d-druck:before { content: '\e890'; } /* '' */ .icon-3d_print:before { content: '\e891'; } /* '' */ .icon-lesezeichen-1:before { content: '\e8b4'; } /* '' */ .icon-arrowhead-thin-right:before { content: '\e8bd'; } /* '' */ .icon-arrow_down:before { content: '\e8be'; } /* '' */ .icon-arrow_up:before { content: '\e8bf'; } /* '' */ .icon-arrow_left-2:before { content: '\e8c0'; } /* '' */ .icon-dialogue:before { content: '\e8c1'; } /* '' */ .icon-basket:before { content: '\e8c2'; } /* '' */ .icon-modus_sichtbar:before { content: '\e8c3'; } /* '' */ .icon-modus_unsichtbar:before { content: '\e8c4'; } /* '' */ .icon-menu:before { content: '\e8c5'; } /* '' */ .icon-trash:before { content: '\e8c6'; } /* '' */ .icon-listendarstellung:before { content: '\e8c7'; } /* '' */ .icon-arrowhead-thin-left:before { content: '\e8c8'; } /* '' */ .icon-cart-arrow-down:before { content: '\e8c9'; } /* '' */ .icon-out_basket:before { content: '\e8ca'; } /* '' */ .icon-lesezeichen-2:before { content: '\e8cc'; } /* '' */ .icon-lesezeichen:before { content: '\e8cd'; } /* '' */ .icon-twitter:before { content: '\f099'; } /* '' */ .icon-facebook:before { content: '\f09a'; } /* '' */ .icon-rss:before { content: '\f09e'; } /* '' */ .icon-linkedin:before { content: '\f0e1'; } /* '' */ .icon-doc-text:before { content: '\f0f6'; } /* '' */ .icon-plus-squared:before { content: '\f0fe'; } /* '' */ .icon-euro:before { content: '\f153'; } /* '' */ .icon-pound:before { content: '\f154'; } /* '' */ .icon-dollar:before { content: '\f155'; } /* '' */ .icon-rupee:before { content: '\f156'; } /* '' */ .icon-yen:before { content: '\f157'; } /* '' */ .icon-rouble:before { content: '\f158'; } /* '' */ .icon-won:before { content: '\f159'; } /* '' */ .icon-bitcoin:before { content: '\f15a'; } /* '' */ .icon-xing:before { content: '\f168'; } /* '' */ .icon-youtube-play:before { content: '\f16a'; } /* '' */ .icon-dropbox:before { content: '\f16b'; } /* '' */ .icon-stackoverflow:before { content: '\f16c'; } /* '' */ .icon-instagram:before { content: '\f16d'; } /* '' */ .icon-flickr:before { content: '\f16e'; } /* '' */ .icon-dribbble:before { content: '\f17d'; } /* '' */ .icon-skype:before { content: '\f17e'; } /* '' */ .icon-foursquare:before { content: '\f180'; } /* '' */ .icon-trello:before { content: '\f181'; } /* '' */ .icon-vkontakte:before { content: '\f189'; } /* '' */ .icon-weibo:before { content: '\f18a'; } /* '' */ .icon-stackexchange:before { content: '\f18d'; } /* '' */ .icon-try:before { content: '\f195'; } /* '' */ .icon-plus-squared-alt:before { content: '\f196'; } /* '' */ .icon-slack:before { content: '\f198'; } /* '' */ .icon-wordpress:before { content: '\f19a'; } /* '' */ .icon-reddit:before { content: '\f1a1'; } /* '' */ .icon-stumbleupon:before { content: '\f1a4'; } /* '' */ .icon-digg:before { content: '\f1a6'; } /* '' */ .icon-steam:before { content: '\f1b6'; } /* '' */ .icon-spotify:before { content: '\f1bc'; } /* '' */ .icon-soundcloud:before { content: '\f1be'; } /* '' */ .icon-icon-pdf-file:before { content: '\f1c1'; } /* '' */ .icon-icon-word-file:before { content: '\f1c2'; } /* '' */ .icon-icon-excel-file:before { content: '\f1c3'; } /* '' */ .icon-icon-ppt-file:before { content: '\f1c4'; } /* '' */ .icon-icon-photo:before { content: '\f1c5'; } /* '' */ .icon-file-archive:before { content: '\f1c6'; } /* '' */ .icon-file-audio:before { content: '\f1c7'; } /* '' */ .icon-icon-film:before { content: '\f1c8'; } /* '' */ .icon-file-code:before { content: '\f1c9'; } /* '' */ .icon-tencent-weibo:before { content: '\f1d5'; } /* '' */ .icon-wechat:before { content: '\f1d7'; } /* '' */ .icon-slideshare:before { content: '\f1e7'; } /* '' */ .icon-twitch:before { content: '\f1e8'; } /* '' */ .icon-yelp:before { content: '\f1e9'; } /* '' */ .icon-paypal:before { content: '\f1ed'; } /* '' */ .icon-angellist:before { content: '\f209'; } /* '' */ .icon-shekel:before { content: '\f20b'; } /* '' */ .icon-pinterest:before { content: '\f231'; } /* '' */ .icon-whatsapp:before { content: '\f232'; } /* '' */ .icon-user-plus:before { content: '\f234'; } /* '' */ .icon-user-times:before { content: '\f235'; } /* '' */ .icon-clone:before { content: '\f24d'; } /* '' */ .icon-yk:before { content: '\f324'; } /* '' */