@charset "UTF-8"; /* **************************** *** FONT FACES *** **************************** */ /* devanagari */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/Roboto/v1/HSfbC4Z8I8BZ00wiXeA5bNubAPCnqwk7_Xc8a9uhFZ0.woff2) format('woff2'); unicode-range: U+02BC, U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200B-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/Roboto/v1/HSfbC4Z8I8BZ00wiXeA5bKvyPXdneeGd26m9EmFSSWg.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/Roboto/v1/HSfbC4Z8I8BZ00wiXeA5bEo2lTMeWA_kmIyWrkNCwPc.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* devanagari */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/Roboto/v1/E1Z7InSGFB89Npehsy0O7Jd-YqeGZiJEdX0sEGp0JvE.woff2) format('woff2'); unicode-range: U+02BC, U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200B-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/Roboto/v1/E1Z7InSGFB89Npehsy0O7CYE0-AqJ3nfInTTiDXDjU4.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/Roboto/v1/E1Z7InSGFB89Npehsy0O7I4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* devanagari */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/Roboto/v1/HSfbC4Z8I8BZ00wiXeA5bJRg-9ZTZj4Oi-6CEThT2Do.woff2) format('woff2'); unicode-range: U+02BC, U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200B-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/Roboto/v1/HSfbC4Z8I8BZ00wiXeA5bOjkDdvhIIFj_YMdgqpnSB0.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/Roboto/v1/HSfbC4Z8I8BZ00wiXeA5bIlIZu-HDpmDIZMigmsroc4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/0eC6fl06luXEYWpBSJvXCBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/Fl4y0QdOxyyTHEGMXX8kcRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/-L14Jk06m6pUHB-5mXQQnRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/I3S1wsgSg9YCurV6PUkTORJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/NYDWBdD4gIq26G5XYbHsFBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/Pru33qjShpZSmG3z6VYwnRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/Hgo13k-tfSpn0qi1SFdUfVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/77FXFjRbGzN4aCrSFhlh3hJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/isZ-wbCXNKAbnjo6_TwHThJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/UX6i4JxQDm3fVTc1CPuwqhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/jSN2CGVDbcVyCnfJfjSdfBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/PwZc-YbIL414wB9rB1IAPRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/97uahxiqZRoncBaCEI3aWxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215; } @font-face { font-family: "streamline-also"; src: url("../../webfonts/streamline-also-eot.eot"); src: url("../../webfonts/streamline-also-eot.eot?#iefix") format("eot"), url("../../webfonts/streamline-also-woff2.woff2") format("woff2"), url("../../webfonts/streamline-also-woff.woff") format("woff"), url("../../webfonts/streamline-also-ttf.ttf") format("truetype"); } /* ROIS medium bold */ @font-face { font-family: rois_medium; src: url('/ec/cms5/media/css/webfonts/rois/medium/rois-medium_eot.eot?#iefix') format('embedded-opentype'), url('/ec/cms5/media/css/webfonts/rois/medium/rois-medium_woff2.woff2') format('woff2'), url('/ec/cms5/media/css/webfonts/rois/medium/rois-medium_woff.woff') format('woff'), url('/ec/cms5/media/css/webfonts/rois/medium/rois-medium_ttf.ttf') format('truetype'), url('/ec/cms5/media/css/webfonts/rois/medium/rois-medium_svg.svg#ralewayregular') format('svg'); font-weight: normal; font-style: normal; font-stretch: normal; } /*! * Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ @font-face { font-family: 'FontAwesome'; src: url("../fonts_1/fontawesome-webfont.eot?v=4.0.3"); src: url("../fonts_1/fontawesome-webfont.eot?#iefix&v=4.0.3") format("embedded-opentype"), url("../fonts_1/fontawesome-webfont.woff?v=4.0.3") format("woff"), url("../fonts_1/fontawesome-webfont.ttf?v=4.0.3") format("truetype"), url("../fonts_1/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; } /* EO FONT FACES */ /* **************************** *** Eric Meyer CSS RESET *** *** + HTML5 MODIFICATION *** **************************** */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, menu, nav, section, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; font-weight: normal; font-family: 'Roboto', sans-serif; font-size: 13px; } body { line-height: 1; } article, aside, dialog, figure, footer, header, nav, section { display: block; } ol, ul, nav ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after { content: ''; } q:before, q:after { content: ''; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } input, select { vertical-align: middle; } /* **************************** *** Global Declarations *** **************************** */ *::selection, option:checked, option:hover { background-color: #99e087; color: #333; } /* EO Global Declarations */ /* **************************** *** AFFE *** *** ALSO FORM FRAMEWORK *** *** NORMALIZE CSS *** *** *** *** MIT License *** *** git.io/normalize *** **************************** */ #isform .isform-inner article, #isform .isform-inner aside, #isform .isform-inner details, #isform .isform-inner figcaption, #isform .isform-inner figure, #isform .isform-inner footer, #isform .isform-inner header, #isform .isform-inner main, #isform .isform-inner nav, #isform .isform-inner section, #isform .isform-inner summary { display: block; } #isform .isform-inner audio, #isform .isform-inner canvas, #isform .isform-inner video { display: inline-block; } #isform .isform-inner audio:not([controls]) { display: none; height: 0; } #isform .isform-inner [hidden], #isform .isform-inner template { display: none; } #isform .isform-inner a { background: transparent; } #isform .isform-inner a:focus { outline: thin dotted; } #isform .isform-inner a:active, #isform .isform-inner a:hover { outline: 0; } #isform .isform-inner h1 { /*-- font-size: 2em; --*/ margin: 0.67em 0; line-height: 1.1em; } #isform .isform-inner abbr[title] { border-bottom: 1px dotted; } #isform .isform-inner b, #isform .isform-inner strong { font-weight: bold; } #isform .isform-inner dfn { font-style: italic; } #isform .isform-inner hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } #isform .isform-inner mark { background: #ff0; color: #333; } #isform .isform-inner code, #isform .isform-inner kbd, #isform .isform-inner pre, #isform .isform-inner samp { font-size: 1em; } #isform .isform-inner pre { white-space: pre-wrap; } #isform .isform-inner q { quotes: "\201C" "\201D" "\2018" "\2019"; } #isform .isform-inner small { font-size: 80%; } #isform .isform-inner sub { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } #isform .isform-inner sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; top: -0.5em; } #isform .isform-inner sub { bottom: -0.25em; } #isform .isform-inner form p, #isform .isform-inner p { margin: 10px 0; } #isform .isform-inner img { border: 0; } #isform .isform-inner svg:not(:root) { overflow: hidden; } #isform .isform-inner figure { margin: 0; } #isform fieldset, #isform .isform-inner fieldset { border: 1px solid #ccc; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } #isform legend, #isform .isform-inner legend { border: 0; padding: 0; } #isform .isform-inner button, #isform .isform-inner input, #isform .isform-inner select, #isform .isform-inner textarea { margin: 0; position: relative; top: auto; left: auto; right: auto; bottom: auto; } #isform .isform-inner button, #isform .isform-inner input { line-height: normal; } #isform .isform-inner button, #isform .isform-inner select { text-transform: none; } #isform .isform-inner button, #isform .isform-inner html input[type="button"], #isform .isform-inner input[type="reset"], #isform .isform-inner input[type="submit"] { -webkit-appearance: button; cursor: pointer; } #isform .isform-inner button[disabled], #isform .isform-inner html input[disabled] { cursor: default; } #isform .isform-inner input[type="checkbox"], #isform .isform-inner input[type="radio"] { box-sizing: border-box; padding: 0; } #isform .isform-inner input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } #isform .isform-inner input[type="search"]::-webkit-search-cancel-button, #isform .isform-inner input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } #isform .isform-inner button::-moz-focus-inner, #isform .isform-inner input::-moz-focus-inner { border: 0; padding: 0; } #isform .isform-inner textarea { overflow: auto; vertical-align: top; } #isform .isform-inner table { border-collapse: collapse; border-spacing: 0; } #isform .isform-inner i { font-style: normal; } /* Modified MOSTO form framework */ /* http://valdelama.com/mosto/ */ form#isform { line-height: 18px; margin-bottom: 18px; clear: both; width: auto; } #isform, #isform > form, #isform > div { line-height: 18px; margin-bottom: 18px; clear: both; width: auto; } #isform form * { margin: 0; } #isform .isform-inner { overflow: hidden; float: none; width: auto; margin: 0; padding: 0; } #isform .isform-inner label { display: block; margin-bottom: 5px; overflow: hidden; width: auto; height: auto; float: none; font-weight: normal; } #isform .isform-inner .label-group { display: block; margin-bottom: 10px; overflow: hidden; width: auto; height: auto; float: none; font-weight: normal; } #isform .isform-inner .label-group label { margin-bottom: 9px; color: #333; } #isform .isform-inner input[type="radio"], #isform .isform-inner input[type="checkbox"] { margin: 0 5px; vertical-align: text-top; border: none; box-shadow: none; } #isform .isform-inner select, #isform .isform-inner select[multiple], #isform .isform-inner select[size] { width: 100%; } #isform .form-horizontal select, #isform .form-horizontal select[multiple], #isform .form-horizontal select[size], #isform .isform-inner textarea, #isform .isform-inner input[type="text"], #isform .isform-inner input[type="password"], #isform .isform-inner input[type="email"], #isform .isform-inner input[type="number"], #isform .isform-inner input[type="search"], #isform .isform-inner input[type="date"] { display: inherit; height: 18px; padding: 4px; margin: 3px 0; width: 210px; vertical-align: middle; } #isform .isform-inner textarea, #isform .isform-inner input[type="text"], #isform .isform-inner input[type="password"], #isform .isform-inner input[type="email"], #isform .isform-inner input[type="number"], #isform .isform-inner input[type="search"], #isform .isform-inner input[type="date"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } #isform .isform-inner textarea { height: auto; min-height: 60px; width: 240px; margin-top: 5px; } #isform input[type="number"] { width: 60px; } #isform .isform-inner textarea, #isform .isform-inner input[type="text"], #isform .isform-inner input[type="password"], #isform .isform-inner input[type="email"], #isform .isform-inner input[type="number"], #isform .isform-inner input[type="search"], #isform .isform-inner select[multiple], #isform .isform-inner select[size], #isform .isform-inner input[type="date"] { background-color: #fff; border: 1px solid #ccc; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); transition: all linear 0.2s; } #isform .isform-inner textarea:focus, #isform .isform-inner input[type="text"]:focus, #isform .isform-inner input[type="password"]:focus, #isform .isform-inner input[type="email"]:focus, #isform .isform-inner input[type="number"]:focus, #isform .isform-inner input[type="search"]:focus, #isform .isform-inner input[type="date"]:focus { border-color: #aaa; outline: 0; box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2); } #isform .isform-inner input[type="submit"], #isform .isform-inner input[type="reset"], #isform .isform-inner input[type="button"], #isform .isform-inner input[type="radio"], #isform .isform-inner input[type="checkbox"] { width: auto; height: auto; box-shadow: none; text-shadow: none; } #isform .isform-inner select { width: 220px; height: 28px; line-height: 28px; box-shadow: none; } #isform .isform-inner input[type="file"] { height: 28px; line-height: 28px; box-shadow: none; border: none; min-width: 220px; } #isform .isform-inner select[multiple], #isform .isform-inner select[size] { height: auto; width: auto; min-width: 223px; } #isform .isform-inner option:checked { background-color: #ccc; color: #fff; font-weight: bold; } #isform .isform-inner input:-moz-placeholder, #isform .isform-inner :-ms-input-placeholder, #isform .isform-inner ::-webkit-input-placeholder { color: #999; } #isform .isform-inner .message { color: #999; background-color: transparent; border: none; padding: 0; font-weight: normal; clear: both; display: block; } #isform .isform-inner input[type="radio"] + .message, #isform .isform-inner input[type="checkbox"] + .message { margin-left: 28px; } #isform .isform-inner .label-group label:first-of-type { margin-top: 9px; } #isform .isform-inner .button-group, #isform .isform-inner .submit-wrapper { overflow: hidden; } #isform .form-horizontal .submit-wrapper .button { float: right; line-height: normal; margin-left: 10px; } #isform .isform-inner .button-group { margin-left: 125px; } #isform .isform-inner .button-group button[type="submit"].button { float: right; line-height: normal; margin-left: 10px; } #isform .isform-inner .button-group button.button, #isform .isform-inner .button-group button[type="submit"].button { margin-left: 10px; float: left; } #isform .isform-inner .submit-wrapper .button.primary { margin-left: 10px; } #isform .form-horizontal label > div:first-child, #isform .form-horizontal .label-group > div:first-child { width: 130px; text-align: left; margin-right: 5px; } #isform .form-horizontal label input, #isform .form-horizontal label select, #isform .form-horizontal label textarea, #isform .form-horizontal .label-group label, #isform .form-horizontal .inline label, #isform .form-horizontal label > div:first-child, #isform .form-horizontal .label-group > div:first-child, #isform .form-horizontal .message, #isform .help-inline .message, #isform .help-inline label input { float: left; } #isform .isform-inner .inline label { display: inline; } #isform .form-horizontal .label-group label, #isform .isform-inner .label-group.inline label { line-height: 36px; } #isform .form-horizontal label > div:first-child, #isform .form-horizontal .label-group > div:first-child, #isform .form-horizontal .message, #isform .isform-inner .help-inline .message { line-height: 36px; } #isform .form-horizontal .message, #isform .isform-inner .help-inline .message { margin-left: 5px; clear: none; } #isform .isform-inner .label-group.inline label input { margin-top: 0; } #isform .form-horizontal .input-below div:first-child, #isform .form-horizontal .stacked div:first-child { width: 100%; text-align: left; margin-bottom: 9px; line-height: inherit; } #isform .form-horizontal .input-below textarea { width: 350px; } #isform .form-horizontal .input-below label { line-height: 18px; } #isform .form-horizontal .stacked label { line-height: 18px; float: none; clear: both; } #isform .form-horizontal .stacked > div:first-child { line-height: 18px; } #isform .form-horizontal .label-group label input { float: none; } #isform .form-horizontal.message-below label .message { display: block; clear: both; line-height: inherit; margin-left: 136px; } #isform .form-horizontal .submit-wrapper button[type="submit"].button { float: right; line-height: normal; margin-left: 10px; } #isform .inline label, #isform .form-horizontal .label-group label { margin-right: 9px; } #isform .inline label:last-of-type, #isform .form-horizontal .label-group label:last-of-type { margin-right: 0; } #isform .inline .button { margin-left: 9px; } #isform .form-horizontal .label-group label:first-of-type, #isform .inline.label-group label:first-of-type { margin-top: inherit; } #isform .form-horizontal .button[type="submit"] { margin-left: 137px; } #isform .isform-inner label .message.hint { position: absolute; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; transition: all 0.2s ease-in; opacity: 0; position: static; } #isform .isform-inner label.error .message.hint, #isform .isform-inner input:focus + .message.hint { opacity: 1; } #isform .form-horizontal .message.hint { line-height: 34px; position: static; } #isform .isform-inner .prepend, #isform .isform-inner .append { background: #eee; border: 1px solid #ccc; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); vertical-align: top; height: 28px; padding: 4px 8px; margin: 3px 0; line-height: 19px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; } #isform .isform-inner input[type="radio"] ~ .append, #isform .isform-inner input[type="checkbox"] ~ .append { float: none; border: 1px solid #ccc; border-radius: 50%; padding: 0 5px; } #isform .isform-inner .prepend { border-right: none; } #isform .isform-inner .prepend + input { float: left; } #isform .isform-inner .append { border-left: none; } #isform .isform-inner input.search-input { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; width: 160px; display: inline-block; border-right: none; outline: none; padding-left: 10px; margin: 0 -4px 0 3px; } #isform .isform-inner input.search-input::-webkit-search-decoration, #isform .isform-inner input.search-input::-webkit-search-cancel-button { -webkit-appearance: none; } #isform .isform-inner input.search-input:focus { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; width: 160px; display: inline-block; border-right: none; outline: none; padding-left: 10px; margin: 0 -4px 0 3px; } #isform .isform-inner select.search-input, #isform .isform-inner select.search-input:focus { display: inline-block; border-right: none; outline: none; padding-left: 10px; margin: 0 -4px 0 3px; } #isform .isform-inner input.search-input + .search-submit, #isform .isform-inner select.search-input + .search-submit { display: inline-block; padding: 0 14px 0 12px; height: 28px; vertical-align: middle; border: 1px solid #ccc; background: #eee; cursor: pointer; } #isform .isform-inner .search-input + .search-submit:hover { background: #eee; } #isform .isform-inner .iserrormessage { display: none; } #isform .isform-inner .error { background: #fbb; border: 1px solid #c00; padding: 10px 10px 10px 60px; color: #d00; } #isform .isform-inner .error .iserrormessage { display: none; color: #d00; } #isform .isform-inner .error input, #isform .isform-inner .error textarea { color: #d68181; border-color: #c00; } #isform .isform-inner .error ::-webkit-input-placeholder, #isform .isform-inner .error :-moz-placeholder { color: #d68181; } #isform .isform-inner label input.size1, #isform .isform-inner input.size1, #isform .isform-inner label select.size1, #isform .isform-inner label textarea.size1, #isform .isform-inner .button.size1 { width: 16px; } #isform .isform-inner label input.size2, #isform .isform-inner input.size2, #isform .isform-inner label select.size2, #isform .isform-inner label textarea.size2, #isform .isform-inner .button.size2 { width: 32px; } #isform .isform-inner label input.size3, #isform .isform-inner input.size3, #isform .isform-inner label select.size3, #isform .isform-inner label textarea.size3, #isform .isform-inner .button.size3 { width: 48px; } #isform .isform-inner label input.size4, #isform .isform-inner input.size4, #isform .isform-inner label select.size4, #isform .isform-inner label textarea.size4, #isform .isform-inner .button.size4 { width: 64px; } #isform .isform-inner label input.size5, #isform .isform-inner input.size5, #isform .isform-inner label select.size5, #isform .isform-inner label textarea.size5, #isform .isform-inner .button.size5 { width: 80px; } #isform .isform-inner label input.size6, #isform .isform-inner input.size6, #isform .isform-inner label select.size6, #isform .isform-inner label textarea.size6, #isform .isform-inner .button.size6 { width: 96px; } #isform .isform-inner label input.size7, #isform .isform-inner input.size7, #isform .isform-inner label select.size7, #isform .isform-inner label textarea.size7, #isform .isform-inner .button.size7 { width: 112px; } #isform .isform-inner label input.size8, #isform .isform-inner input.size8, #isform .isform-inner label select.size8, #isform .isform-inner label textarea.size8, #isform .isform-inner .button.size8 { width: 128px; } #isform .isform-inner label input.size9, #isform .isform-inner input.size9, #isform .isform-inner label select.size9, #isform .isform-inner label textarea.size9, #isform .isform-inner .button.size9 { width: 144px; } #isform .isform-inner label input.size10, #isform .isform-inner input.size10, #isform .isform-inner label select.size10, #isform .isform-inner label textarea.size10, #isform .isform-inner .button.size10 { width: 160px; } #isform .isform-inner label input.size11, #isform .isform-inner input.size11, #isform .isform-inner label select.size11, #isform .isform-inner label textarea.size11, #isform .isform-inner .button.size11 { width: 176px; } #isform .isform-inner label input.size12, #isform .isform-inner input.size12, #isform .isform-inner label select.size12, #isform .isform-inner label textarea.size12, #isform .isform-inner .button.size12 { width: 192px; } #isform .isform-inner label input.mini, #isform .isform-inner input.mini, #isform .isform-inner label select.mini, #isform .isform-inner label textarea.mini, #isform .isform-inner .button.mini { width: 70px; } #isform .isform-inner label input.small, #isform .isform-inner input.small, #isform .isform-inner label select.small, #isform .isform-inner label textarea.small, #isform .isform-inner .button.small { width: 140px; } #isform .isform-inner label input.large, #isform .isform-inner input.large, #isform .isform-inner label select.large, #isform .isform-inner label textarea.large, #isform .isform-inner .button.large { width: 280px; } #isform .isform-inner label input.xl, #isform .isform-inner input.xl, #isform .isform-inner label select.xl, #isform .isform-inner label textarea.xl, #isform .isform-inner .button.xl { width: 350px; } #isform .isform-inner label input.p25, #isform .isform-inner input.p25, #isform .isform-inner label select.p25, #isform .isform-inner label textarea.p25, #isform .isform-inner .button.p25 { width: 50%; } #isform .isform-inner label input.p50, #isform .isform-inner input.p50, #isform .isform-inner label select.p50, #isform .isform-inner label textarea.p50, #isform .isform-inner .button.p50 { width: 50%; } #isform .isform-inner label input.p75, #isform .isform-inner input.p75, #isform .isform-inner label select.p75, #isform .isform-inner label textarea.p75, #isform .isform-inner .button.p75 { width: 75%; } #isform .isform-inner label input.p85, #isform .isform-inner input.p85, #isform .isform-inner label select.p85, #isform .isform-inner label textarea.p85, #isform .isform-inner .button.p85 { width: 85%; } #isform .isform-inner label input.p100, #isform .isform-inner input.p100, #isform .isform-inner label select.p100, #isform .isform-inner label textarea.p100, #isform .isform-inner .button.p100, #isform .isform-inner label input.maxx, #isform .isform-inner input.maxx, #isform .isform-inner label select.maxx, #isform .isform-inner label textarea.maxx, #isform .isform-inner .button.maxx { width: 100%; } #isform fieldset, #isform .isform-inner fieldset { border: none; border-top: 1px solid #ccc; margin: 0 0 18px 0; padding: 18px 0 0 0; background-color: transparent; width: 100%; } #isform fieldset:first-of-type, #isform .isform-inner fieldset:first-of-type { margin-top: 18px; } #isform legend, #isform .isform-inner legend { color: #333; font-size: 22px; font-weight: normal; padding: 0 18px 0 0; } #isform .isform-inner .required:before, #isform .form-horizontal .required div:first-child:after { content: '*'; font-size: 17px; } #isform .isform-inner .required:before { float: left; margin-right: 2px; } #isform .form-horizontal .required:before { display: none; } #isform .form-horizontal .required div:first-child:after { margin-left: 2px; } #isform .isform-inner .button { display: inline-block; width: auto; color: #333; text-align: center; line-height: 15px; text-decoration: none; text-shadow: none; cursor: pointer; margin: 5px; } #isform .isform-inner .button.primary { background-color: #99e087; display: block; border: 0 none; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); box-sizing: border-box; color: #333; cursor: pointer !important; font-weight: normal; text-align: center; text-decoration: none !important; margin: 5px; width: auto; } #isform .isform-inner .button.primary:hover, #isform .isform-inner .button.primary:active{ background: #77d65e; color: #333; text-shadow: none; } #isform .isform-inner .button.secondary { background: transparent; border: none; color: ; text-decoration: underline; box-shadow: none; margin: 5px; padding: 3px 4px; } #isform .isform-inner .button.secondary:hover { color: ; box-shadow: none; } #isform .isform-inner .button.secondary:active { color: ; } #isform .isform-inner .button[disabled], #isform .isform-inner .button[disabled]:hover { background: #eee; color: #ccc; box-shadow: none; text-shadow: none; } #isform .isform-inner .button.primary[disabled], #isform .isform-inner .button.primary[disabled]:hover { background: ; color: ; } #isform .isform-inner .button.secondary[disabled], #isform .isform-inner .button.secondary[disabled]:hover { background: transparent; text-decoration: none; } #isform .isform-inner table { margin: 10px 0; width: 100%; } #isform .isform-inner .even td { background-color: #eee; } #isform .isform-inner th { border-bottom: 1px solid #333; } #isform .isform-inner .iserror { color: #d00; display: none; } #isform .isform-inner .error .iserror { border-color: #c00; background-color: #fee; display: block; } #isform .isform-inner .iscorrect { color: #333; } #isform .isform-inner .get-from-basket { display: block; height: 200px; max-height: 200px; overflow-y: auto; } #isform .isform-inner input.isoutput, #isform .isform-inner input.app-add-view, #isform .isform-inner input.app-add-view:focus, #isform .isform-inner input.app-add-view:hover { border: none; border-bottom: 1px dashed #777; background-color: transparent; outline: none; box-shadow: none; } #isform .isform-inner .deactivated { background-color: #eee; padding: 10px; color: #ccc; } #isform .isform-inner div.deactivated { display: none; } #isform .isform-inner .hashint { cursor: help; } #isform .isform-inner .ishint { display: none !IMPORTANT; line-height: inherit !IMPORTANT; background-color: #eee; border: 1px solid #aaa; padding: 10px; } #isform .isform-inner input:focus ~ .ishint, #isform .isform-inner input:checked ~ .ishint, #isform .isform-inner .hashint:hover ~ .ishint { display: block !IMPORTANT; } button.ui-datepicker-trigger.icon.ic_datepicker { border: 0; box-shadow: none; padding: 0; margin: 0 0 -3px !important; display: inline-block; font-family: "streamline-also"; color: #eee !important; } button.ui-datepicker-trigger.icon.ic_datepicker:before { content: "\E02E"; color: #333; padding: 0 0 0 5px; line-height: 1; margin: -2px; } form input.hasDatepicker { width: 145px; } #isform form p, #isform .isform-inner form p, #isform .isform-inner p { margin: 10px 0; } @media screen and (-webkit-min-device-pixel-ratio: 0) { #isform .isform-inner select { border: 1px solid #ccc; color: #333; } } @media handheld, only screen and (max-width: 500px) { #isform .form-horizontal label > div:first-child, #isform .form-horizontal .label-group > div:first-child { text-align: left; float: none; line-height: inherit; } #isform .isform-inner label .message, #isform .isform-inner .label-group .message { float: none; clear: both; display: block; width: 100%; } #isform .form-horizontal.message-below label .message, #isform .inline label:not(:first-child), #isform .inline .button { margin-left: 0; } #isform .isform-inner label .message.hint { opacity: 1; position: static; } #isform .form-horizontal label .message.hint { line-height: inherit; margin-left: inherit; } #isform .isform-inner label .large, #isform .isform-inner label .xl { width: 280px; max-width: 90%; } #isform .isform-inner .prepend, #isform .isform-inner .append { display: inline-block; } #isform .form-horizontal .required div:first-child:before { content: '*'; font-size: 17px; } #isform .form-horizontal .required div:first-child:after { display: none; } } /* EO AFFE * ALSO FORM FRAMEWORK */ /* **************************** *** UI *** **************************** */ .ui-widget { font-family: 'Roboto', sans-serif !IMPORTANT; } .ui-widget-header { background-image: none !IMPORTANT; } .ui-tabs .ui-tabs-nav, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border-color: #ccc !IMPORTANT; } .ui-widget-content .ui-tooltip-content { padding: 20px; } .ui-widget-content .ui-tooltip-content ul { list-style: disc; margin-left: 30px; } /* use this until CSS on P-System is updated for CMS2 */ /* Accordion */ .ui-accordion .ui-accordion-header a { display: inline-block; } .ui-accordion .ui-accordion-header.ui-state-active a { color: #333; font-weight: normal; } .ui-accordion .ui-accordion-header.ui-state-default a { color: #fff; } .ui-accordion .ui-accordion-header.ui-state-hover a, .ui-accordion .ui-accordion-header.ui-state-focus a { } /*Slider*/ .ui-slider li span.ui-slider-label, .ui-slider dd span.ui-slider-label, .ui-slider li, .ui-slider dd { display: none; } /* Tabs */ .ui-tabs .ui-tabs-nav { margin: 0 !IMPORTANT; padding: .2em .2em 0 !IMPORTANT; } .ui-tabs .ui-tabs-nav li { list-style: none !IMPORTANT; } /* Dialog */ .ui-dialog { box-shadow: 2px 2px 10px #999; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { width: 100%; } .ui-dialog .ui-dialog-buttonpane button { cursor: pointer; margin: 0.5em 0.4em 0.5em 0; width: auto; } .ui-dialog .ui-dialog-buttonpane button { float: right; } .ui-button { padding: 5px 10px !important; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: 'Roboto', sans-serif !important; } .ui-dialog button.ui-dialog-titlebar-close { background-color: transparent; border: 0; box-shadow: none; text-indent: -36px; top: 7px; position: absolute; color: transparent!important; margin: 0; padding: 0!important; width: auto!important; height: auto!important; font-size: 16px; line-height: 1; } .ui-dialog button.ui-dialog-titlebar-close span { display: none; } .ui-dialog button.ui-dialog-titlebar-close::after { content: "\E020"; font-family: "streamline-also"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; text-transform: none; color:#333; } /*search Filter dialog*/ /* Overlay */ .ui-widget-overlay { z-index: 1001 !important; } body .ui-widget.ui-widget-content { border: 0 none; padding: 0; z-index: 99999999999 !important; } body .ui-dialog .ui-widget-header { background-image: none; border: 0 none; color: #333; } body .ui-dialog .ui-dialog-title { font-family: "Roboto",sans-serif; font-size: 14px; font-weight: bold; line-height: 15px; text-align: center; } .ui-accordion .ui-accordion-header.ui-state-active, .ui-accordion .ui-accordion-header.ui-state-default, .ui-accordion .ui-accordion-header.ui-state-hover, .ui-accordion .ui-accordion-header.ui-state-focus { background: #ddd; border: 0; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); color: #333 !important; margin-bottom: 5px; overflow: hidden; padding: 0; } .ui-accordion .ui-accordion-header.ui-state-active { box-shadow: none; } .ui-accordion .ui-accordion-header.ui-state-default a { color: #333 !important; padding: 5px; } .ui-accordion .ui-icon { background-color: #999; background-position: -27px 7px; float: right; padding: 6px 5px; } .ui-accordion .ui-accordion-content { border: 0 none; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); margin: -5px 0 5px; overflow: auto; padding: 5px; } .ui-accordion .ui-state-active .ui-icon { background-position: 6px 8px; } #center .ui-widget-header { background-image: none !IMPORTANT; background-color: #ccc !IMPORTANT; } #center .ui-tabs .ui-tabs-nav { border-color: #ccc !IMPORTANT; } #center .tabs table.main_tech .click_path, #center .ui-tabs { border-color: #ccc; } #center .tabs table.main_tech .click_path { background-color: #ccc; padding: 7px 5px; font-weight: bold; font-size: 13px; } #center .tabs table.main_tech li { padding: 7px 5px; font-size: 13px; } #center .tabs table.main_tech .odd td, #center .tabs table.main_tech .even td { padding: 7px 5px; font-size: 13px; } /* * JG: CSS fuer Top-Up (Lightbox) */ .te_top_up .te_content { padding: 5px 10px; font-size: 8pt } .te_top_up .no_border { padding: 0; } .te_flatlook .te_title { font-size: 15px; font-weight: bold; letter-spacing: 1px; } .topUpClose { margin-left: 315px; border: 1px solid #ccc; background-color: #ccc; color: #fff; } .invisible { display: none; height: 1% } .te_flatlook .te_previous_link, .te_flatlook .te_next_link { margin-bottom: 20px; } html body .te_flatlook .te_close_link { right: 15px; left: auto; } /* Lightbox Button-Fix */ .ui-dialog .ui-dialog-buttonpane button.primary { display: inline-block; padding: 6px 16px; border: 1px solid rgba(0, 0, 0, 0.3); color: #eee !IMPORTANT; line-height: 15px; text-decoration: none; font-weight: normal; font-size: 100% !IMPORTANT; } .ui-dialog .ui-dialog-buttonpane button.secondary { display: inline-block; padding: 6px 16px; border: 0 solid rgba(0, 0, 0, 0.3); color: #777 !IMPORTANT; line-height: 15px; text-decoration: underline; background: transparent; font-weight: normal; font-size: 100% !IMPORTANT; } /* eo Lightbox Button-Fix */ /* blockBox */ .blockUI { border: 1px solid #ccc !IMPORTANT; } .blockBox .icon { position: absolute; top: 0; right: 0; } .blockBox img { display: block; margin: 10px auto; } .blockBox div.message { background-color: #ccc; padding: 10px; font-weight: bold; } /* Attributes Dialog */ /* Vertical Tabs */ .ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 15em; } .ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 97%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; } .ui-tabs-vertical .ui-tabs-nav li a { display: block; } .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; } .ui-tabs-vertical .ui-tabs-panel { float: left; } /* eo Attributes Dialog */ /* ======================================================== */ /* ======================================================== */ /* == EO FRAMESETS, RESETS, ... === */ /* ======================================================== */ /* ======================================================== */ /* Content * Needed parts from Bootstrap for .dpbar online * Additional CSS for Cookie Bar */ .dpbar * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .dpbar *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .dpbar [role="button"] { cursor: pointer; } .container-fluid.dpbar { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .dpbar .row { margin-left: -15px; margin-right: -15px; } .dpbar .col-xs-1, .dpbar .col-sm-1, .dpbar .col-md-1, .dpbar .col-lg-1, .dpbar .col-xs-2, .dpbar .col-sm-2, .dpbar .col-md-2, .dpbar .col-lg-2, .dpbar .col-xs-3, .dpbar .col-sm-3, .dpbar .col-md-3, .dpbar .col-lg-3, .dpbar .col-xs-4, .dpbar .col-sm-4, .dpbar .col-md-4, .dpbar .col-lg-4, .dpbar .col-xs-5, .dpbar .col-sm-5, .dpbar .col-md-5, .dpbar .col-lg-5, .dpbar .col-xs-6, .dpbar .col-sm-6, .dpbar .col-md-6, .dpbar .col-lg-6, .dpbar .col-xs-7, .dpbar .col-sm-7, .dpbar .col-md-7, .dpbar .col-lg-7, .dpbar .col-xs-8, .dpbar .col-sm-8, .dpbar .col-md-8, .dpbar .col-lg-8, .dpbar .col-xs-9, .dpbar .col-sm-9, .dpbar .col-md-9, .dpbar .col-lg-9, .dpbar .col-xs-10, .dpbar .col-sm-10, .dpbar .col-md-10, .dpbar .col-lg-10, .dpbar .col-xs-11, .dpbar .col-sm-11, .dpbar .col-md-11, .dpbar .col-lg-11, .dpbar .col-xs-12, .dpbar .col-sm-12, .dpbar .col-md-12, .dpbar .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .dpbar .col-xs-1, .dpbar .col-xs-2, .dpbar .col-xs-3, .dpbar .col-xs-4, .dpbar .col-xs-5, .dpbar .col-xs-6, .dpbar .col-xs-7, .dpbar .col-xs-8, .dpbar .col-xs-9, .dpbar .col-xs-10, .dpbar .col-xs-11, .dpbar .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } @media (min-width: 768px) { .dpbar .col-sm-1, .dpbar .col-sm-2, .dpbar .col-sm-3, .dpbar .col-sm-4, .dpbar .col-sm-5, .dpbar .col-sm-6, .dpbar .col-sm-7, .dpbar .col-sm-8, .dpbar .col-sm-9, .dpbar .col-sm-10, .dpbar .col-sm-11, .dpbar .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } } @media (min-width: 992px) { .dpbar .col-md-1, .dpbar .col-md-2, .dpbar .col-md-3, .dpbar .col-md-4, .dpbar .col-md-5, .dpbar .col-md-6, .dpbar .col-md-7, .dpbar .col-md-8, .dpbar .col-md-9, .dpbar .col-md-10, .dpbar .col-md-11, .dpbar .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } } @media (min-width: 1200px) { .dpbar .col-lg-1, .dpbar .col-lg-2, .dpbar .col-lg-3, .dpbar .col-lg-4, .dpbar .col-lg-5, .dpbar .col-lg-6, .dpbar .col-lg-7, .dpbar .col-lg-8, .dpbar .col-lg-9, .dpbar .col-lg-10, .dpbar .col-lg-11, .dpbar .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } } .dpbar .close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha(opacity=20); } .dpbar .close:hover, .dpbar .close:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); } .dpbar button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .dpbar .clearfix:before, .dpbar .clearfix:after, .dpbar .container:before, .dpbar .container:after, .dpbar .container-fluid:before, .dpbar .container-fluid:after, .dpbar .row:before, .dpbar .row:after { content: " "; display: table; } .dpbar .clearfix:after, .dpbar .container:after, .dpbar .container-fluid:after, .dpbar .row:after { clear: both; } .dpbar .center-block { display: block; margin-left: auto; margin-right: auto; } .dpbar .hide { display: none !important; } .dpbar .show { display: block !important; } .dpbar .invisible { visibility: hidden; } .dpbar .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .dpbar .hidden { display: none !important; } .dpbar .affix { position: fixed; } /* cookie bar */ .js-dpbar-included div#center { top: 173px; } .js-dpbar-included div#leftpanel { top: 127px; } .js-dpbar-included #rightpanel { z-index: 700; } .header-main { position: relative; } .dpbar { background-color: #ebebeb; } .dpbar div[class^="col"] { font-size: 15px; letter-spacing: 0.6px; line-height: 8px; padding: 15px 25px; } .dpbar .close { float: right; font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: .2; } .dpbar .close span { display: none; } .dpbar button.close { -webkit-appearance: none; padding: 0; cursor: pointer; background: 0 0; border: 0; } .dpbar button.close:before { content: "\E020"; font-family: "streamline-also"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; text-transform: none; } .dpbar .alert-dismissable .close, .dpbar .alert-dismissible .close { position: relative; top: 8px; right: 25px; color: inherit; box-shadow: none; width: auto; } /* **************************** *** PAGE BLOCK LAYER *** **************************** */ #pageBlockDialog { position: absolute; top: 50%; left: 50%; width: 300px; height: 90px; margin: -40px 0 0 -150px; background: #fff; } #pageBlockDialog .message { background: #ccc; color: #333; font-weight: bold; padding: 10px; text-align: center; } #pageBlockDialog .ic_close { font-size: 16px; position: absolute; right: 6px; top: 8px; } div#pageBlockDialog::before { display: block; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; content: "\f110"; -webkit-animation: fa-spin 2s infinite linear; font-size: 3em; animation: fa-spin 2s infinite linear; position: absolute; top: 42px; left: 134px; color: #99e087; } #center .prdct-rec-add-to-cart{ display: flex; flex-direction: column; margin: 10px 5px } #center .prdct-rec-add-to-cart .prdct-rec-add-to-cart-group{ display: flex; } #center .prdct-rec-add-to-cart label{ font-size:10px } #center .prdct-rec-add-to-cart .prdct-rec-add-to-cart-group input{ min-width: 100px; border-radius: 0; margin-top: 0px !important; } #center .prdct-rec-add-to-cart .prdct-rec-add-to-cart-group .icon.ic_warenkorb.icon-basket{ background-color: #99E087 !important; border: 1px solid #99E087; display: flex !important; align-items: center; justify-content: center; padding: 5px !important; } #center .prdct-rec-add-to-cart .prdct-rec-add-to-cart-group .icon:before{ font-size:14px } /* **************************** *** ICONS *** **************************** */ #center .icon, #header .icon, #rightpanel .icon { background: none !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; width: auto !important; height: auto !important; } .icon:first-of-type:before { padding: 0 2px 2px 7px; } .icon:before { display: inline-block; font-size: 16px; padding: 0 2px 2px 0; } .two-grid-legend .icon:first-of-type::before { padding: 0 2px 2px 0; } .main_pt .icon:first-of-type:before { padding: 0; } .main_pt .icon:before { padding: 0; } .ic_available, .icon.green { color: #99e087; } .ic_part_available, .ic_not_available_ab, .icon.orange { color: #F9A263; } .ic_not_available, .icon.red { color: #DD6866; } .main_pt .ic_bulb:before { content: "\E011"; } .icon:before { font-family: "streamline-also"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; text-transform: none; } .icon-admin-adress-outline:before { content: "\E001";} .icon-admin-adress:before { content: "\E002";} .icon-admin-changeover-outline:before { content: "\E003";} .icon-admin-changeover:before { content: "\E004";} .icon-admin-ebilling-outline:before { content: "\E005";} .icon-admin-ebilling:before { content: "\E006";} .icon-admin-ftp-price-outline:before { content: "\E007";} .icon-admin-ftp-price:before { content: "\E008";} .icon-admin-newsletter-outline:before { content: "\E009";} .icon-admin-newsletter:before { content: "\E00A";} .icon-admin-user-outline:before { content: "\E00B";} .icon-admin-user:before { content: "\E00C";} .icon-admin-vind-outline:before { content: "\E00D";} .icon-admin-vind:before { content: "\E00E";} .icon-arrow-left-outline:before { content: "\E00F";} .icon-arrow-left:before { content: "\E010";} .icon-arrow-right-outline:before { content: "\E011";} .icon-arrow-right:before { content: "\E012";} .icon-available-outline:before { content: "\E013";} .ic_not_available:before, .ic_not_available_ab:before, .ic_part_available:before, .ic_available:before, .icon-available:before { content: "\E014";} .icon-availibility-outline:before { content: "\E015";} .ic_realtime:before, .icon-availibility:before { content: "\E016";} .icon-basket-into-outline:before { content: "\E017";} .legend .ic_warenkorb:before, .icon-basket-into:before { content: "\E018";} .icon-basket-outline:before { content: "\E019";} .ic_warenkorb:before, .icon-basket:before { content: "\E01A";} .icon-beamer-outline:before { content: "\E01B";} .icon-beamer:before { content: "\E01C";} .icon-carepack-finder-outline:before { content: "\E01D";} .icon-carepack-finder:before { content: "\E01E";} .icon-close-outline:before { content: "\E01F";} .ic_close:before, .icon-close:before { content: "\E020";} .icon-compare-outline:before { content: "\E021";} .icon-compare-pool-outline:before { content: "\E022";} .ic_vergleich_aktiv:before, .icon-compare-pool:before { content: "\E023";} .ic_vergleich:before, .icon-compare:before { content: "\E024";} .icon-compatibility-outline:before { content: "\E025";} .icon-compatibility:before { content: "\E026";} .icon-configure-outline:before { content: "\E027";} .icon.ic_act_1:before, .icon-configure:before { content: "\E028";} .icon-contracts-outline:before { content: "\E029";} .icon-contracts:before { content: "\E02A";} .icon-criteria-fullfilled-outline:before {content: "\E02B";} .ic_flag:before, .icon-criteria-fullfilled:before { content: "\E02C";} .icon-date-outline:before { content: "\E02D";} .ic_datepicker:before, .icon-date:before { content: "\E02E";} .icon-delete-outline:before { content: "\E02F";} .ic_delete:before, .icon-delete:before { content: "\E030";} .icon-delivery-outline:before { content: "\E031";} .icon-delivery:before { content: "\E032";} .icon-demand-outline:before { content: "\E033";} .icon-demand:before { content: "\E034";} .icon-display-outline:before { content: "\E035";} .icon-display:before { content: "\E036";} .icon-doc-avi-outline:before { content: "\E037";} .icon-doc-avi:before { content: "\E038";} .icon-doc-bmp-outline:before { content: "\E039";} .icon-doc-bmp:before { content: "\E03A";} .icon-doc-csv-outline:before { content: "\E03B";} .ic_csvals:before, .ic_cvs:before, .icon-doc-csv:before { content: "\E03C";} .icon-doc-doc-outline:before { content: "\E03D";} .ic_doc:before, .icon-doc-doc:before { content: "\E03E";} .icon-doc-exe-outline:before { content: "\E03F";} .icon-doc-exe:before { content: "\E040";} .icon-doc-gif-outline:before { content: "\E041";} .icon-doc-gif:before { content: "\E042";} .icon-doc-html-outline:before { content: "\E043";} .ic_htm:before, .icon-doc-html:before { content: "\E044";} .icon-doc-ical-outline:before { content: "\E045";} .icon-doc-ical:before { content: "\E046";} .icon-doc-iso-outline:before { content: "\E047";} .icon-doc-iso:before { content: "\E048";} .icon-doc-jpg-outline:before { content: "\E049";} .icon-doc-jpg:before { content: "\E04A";} .icon-doc-mov-outline:before { content: "\E04B";} .icon-doc-mov:before { content: "\E04C";} .icon-doc-mp-outline:before { content: "\E04D";} .icon-doc-mp:before { content: "\E04E";} .icon-doc-mpg-outline:before { content: "\E04F";} .icon-doc-mpg:before { content: "\E050";} .icon-doc-pdf-outline:before { content: "\E051";} .ic_pdf:before, .icon-doc-pdf:before { content: "\E052";} .icon-doc-png-outline:before { content: "\E053";} .icon-doc-png:before { content: "\E054";} .icon-doc-ppt-outline:before { content: "\E055";} .ic_ppt:before, .icon-doc-ppt:before { content: "\E056";} .icon-doc-pub-outline:before { content: "\E057";} .icon-doc-pub:before { content: "\E058";} .icon-doc-rar-outline:before { content: "\E059";} .icon-doc-rar:before { content: "\E05A";} .icon-doc-svg-outline:before { content: "\E05B";} .icon-doc-svg:before { content: "\E05C";} .icon-doc-tif-outline:before { content: "\E05D";} .icon-doc-tif:before { content: "\E05E";} .icon-doc-txt-outline:before { content: "\E05F";} .icon-doc-txt:before { content: "\E060";} .icon-doc-vcard-outline:before { content: "\E061";} .icon-doc-vcard:before { content: "\E062";} .icon-doc-xls-outline:before { content: "\E063";} .ic_xls:before, .icon-doc-xls:before { content: "\E064";} .icon-doc-xml-outline:before { content: "\E065";} .ic_xml:before, .icon-doc-xml:before { content: "\E066";} .icon-doc-xsd-outline:before { content: "\E067";} .ic_xsd:before, .icon-doc-xsd:before { content: "\E068";} .icon-doc-zip-outline:before { content: "\E069";} .ic_zip:before, .icon-doc-zip:before { content: "\E06A";} .icon-download-outline:before { content: "\E06B";} .ic_mail:before, .icon-download:before { content: "\E06C";} .icon-eol-outline:before { content: "\E06D";} .ic_eol:before, .ic_sanduhr:before, .icon-eol:before { content: "\E06E";} .icon-finance-outline:before { content: "\E06F";} .icon-finance:before { content: "\E070";} .icon-gift-outline:before { content: "\E071";} .icon-gift:before { content: "\E072";} .icon-goto-outline:before { content: "\E073";} .icon-goto:before { content: "\E074";} .icon-graduation-outline:before { content: "\E075";} .ic_staffel:before, .icon-graduation:before { content: "\E076";} .icon-help-outline:before { content: "\E077";} .ic_plus:before, .icon-help:before { content: "\E078";} .icon-information-outline:before { content: "\E079";} .ic_info:before, .ic_int:before, .icon-information:before { content: "\E07A";} .icon-leasing-outline:before { content: "\E07B";} .ic_leasing:before, .icon-leasing:before { content: "\E07C";} .icon-license-online-shop-outline:before {content: "\E07D";} .icon-license-online-shop:before, .detailtable .ic_bulb:before { content: "\E07E";} .icon-link-outline:before { content: "\E07F";} .icon-link:before { content: "\E080";} .icon-logout-outline:before { content: "\E081";} .icon-logout:before { content: "\E082";} .icon-lower-price-outline:before { content: "\E083";} .ic_price_down:before, .icon-lower-price:before { content: "\E084";} .icon-magnifier-outline:before { content: "\E085";} .icon-magnifier:before { content: "\E086";} .icon-mainboard-outline:before { content: "\E087";} .icon-mainboard:before { content: "\E088";} .icon-mobile-acc-outline:before { content: "\E089";} .icon-mobile-acc:before { content: "\E08A";} .icon-mobile-outline:before { content: "\E08B";} .icon-mobile:before { content: "\E08C";} .icon-mps-outline:before { content: "\E08D";} .ic_mps:before, .icon-mps:before { content: "\E08E";} .icon-nav-outline:before { content: "\E08F";} .icon-nav:before { content: "\E090";} .icon-new-article-outline:before { content: "\E091";} .ic_neu:before, .icon-new-article:before { content: "\E092";} .icon-note-customer-outline:before { content: "\E093";} .icon-note-customer:before { content: "\E094";} .icon-note-outline:before { content: "\E095";} .ic_notepad:before, .icon-note:before { content: "\E096";} .icon-notebook-outline:before { content: "\E097";} .icon-notebook:before { content: "\E098";} .icon-offer-outline:before { content: "\E099";} .icon-offer:before { content: "\E09A";} .icon-open-item-outline:before { content: "\E09B";} .icon-open-item:before { content: "\E09C";} .icon-order-tracking-outline:before { content: "\E09D";} .icon-order-tracking:before { content: "\E09E";} .icon-part-of-contract-outline:before { content: "\E09F";} .ic_kontrakt:before, .icon-part-of-contract:before { content: "\E0A0";} .icon-pc-outline:before { content: "\E0A1";} .icon-pc:before { content: "\E0A2";} .icon-portal-outline:before { content: "\E0A3";} .icon-portal:before { content: "\E0A4";} .icon-printer-outline:before { content: "\E0A5";} .ic_print:before, .icon-printer:before { content: "\E0A6";} .icon-product-adviser-outline:before { content: "\E0A7";} .icon-product-adviser:before { content: "\E0A8";} .icon-product-agent:before { content: "\E0AA";} .icon-product-agent-outline:before { content: "\E0A9";} .ic_observation:before, .icon-product-agent:before { content: "\E0AA";} .icon-promo-outline:before { content: "\E0AB";} .ic_pro:before, .icon-promo:before { content: "\E0AC";} .icon-protection-outline:before { content: "\E0AD";} .ic_shield:before, .icon-protection:before { content: "\E0AE";} .icon-public-display-outline:before { content: "\E0AF";} .icon-public-display:before { content: "\E0B0";} .icon-return-no-outline:before { content: "\E0B1";} .ic_product_agent:before { content: "\E0AA";} .ic_dispo:before, .icon-return-no:before { content: "\E0B2";} .icon-return-outline:before { content: "\E0B3";} .icon-return:before { content: "\E0B4";} .icon-save-outline:before { content: "\E0B5";} .icon-save-public-outline:before { content: "\E0B6";} .ic_world:before, .icon-save-public:before { content: "\E0B7";} .ic_disk:before, .icon-save:before { content: "\E0B8";} .icon-scanner-outline:before { content: "\E0B9";} .icon-scanner:before { content: "\E0BA";} .icon-search-home-outline:before { content: "\E0BB";} .icon-search-home:before { content: "\E0BC";} .icon-server-outline:before { content: "\E0BD";} .icon-server:before { content: "\E0BE";} .icon-shopping-tools-outline:before { content: "\E0BF";} .icon-shopping-tools:before { content: "\E0C0";} .icon-spare-part-search-outline:before {content: "\E0C1";} .icon-spare-part-search:before { content: "\E0C2";} .icon-supplies-search-outline:before { content: "\E0C3";} .icon-supplies-search:before { content: "\E0C4";} .icon-switch-outline:before { content: "\E0C5";} .icon-switch:before { content: "\E0C6";} .icon-top-seller-outline:before { content: "\E0C7";} .ic_top:before, .icon-top-seller:before { content: "\E0C8";} .icon-umts-outline:before { content: "\E0C9";} .icon-umts:before { content: "\E0CA";} .icon-vendor-tool-outline:before { content: "\E0CB";} .icon-vendor-tool:before { content: "\E0CC";} .icon-video-outline:before { content: "\E0CD";} .ic_video:before, .icon-video:before { content: "\E0CE";} .icon-voucher-outline:before { content: "\E0CF";} .ic_trophy:before, .icon-voucher:before { content: "\E0D0";} .icon-warranty-bundle-outline:before { content: "\E0D1";} .ic_36:before, .ic_bundle_garantie:before, .icon-warranty-bundle:before { content: "\E0D2";} .icon-warranty-extension-outline:before {content: "\E0D3";} .ic_medkit:before, .icon-warranty-extension:before { content: "\E0D4";} .icon-warranty-outline:before { content: "\E0D5";} .icon-warranty:before { content: "\E0D6";} .ic_arrow_up_aktiv::before { content: "\E010";} .ic_arrow_up::before { content: "\E010";} .ic_arrow_right:before, .ic_arrow_right_aktiv:before, .ic_arrow_down_aktiv::before { content: "\E011";} .ic_arrow_down::before { content: "\E011";} .icon-edit-outline::before { content: "\E0D7";} .ic_edit::before, .icon-edit::before { content: "\E0D8";} .ict_leinwand::before, .icon-projector-screen-outline:before { content: "\E0D9";} .icon-projector-screen:before { content: "\E0DA";} .icon-multiwarehouse-outline:before { content: "\E0DB";} .ic_multiwarehouse:before, .icon-multiwarehouse:before { content: "\E0DC";} .icon-daily-news-outline:before { content: "\E0ED";} .icon-daily-news:before { content: "\E0EE";} .icon-training-outline:before { content: "\E0E9";} .icon-training:before { content: "\E0EA";} .icon-partnerlog-outline:before { content: "\E0EB";} .icon-partnerlog:before { content: "\E0EC";} .icon-cloud-outline:before { content: "\E0EF";} .icon-cloud:before { content: "\E0F0";} .icon-chat-outline:before { content: "\E0F1";} .icon-chat:before { content: "\E0F2";} .icon.icon-availability:hover { cursor: auto; } .ic_arrow_up_aktiv::before, .ic_arrow_down_aktiv::before, .ic_arrow_up::before, .ic_arrow_down::before { transform: rotate(90deg); font-size: 10px; } .ic_arrow_right_aktiv:before { font-size: 10px; } /* Product Icons */ .icon { display: inline-block; margin: 2px; padding: 0; width: 19px; height: 19px; background-image: url(../../../img/shop_2/sprites/actebis_sprites_pic.png); background-repeat: no-repeat; background-position: 100px 100px; border: none; background-color: transparent; text-decoration: none; vertical-align: bottom; } .ie7 .icon { display: inline; } .ic_open_rp { background-position: 0 0; cursor: pointer !IMPORTANT; } .ic_close_rp { background-position: -40px 0; cursor: pointer !IMPORTANT; } /* **************************** *** Warranty Icons *** **************************** */ span.icon.ic_1::before, span.icon.ic_3::before, span.icon.ic_5::before, span.icon.ic_6::before, span.icon.ic_10::before, span.icon.ic_12::before, span.icon.ic_14::before, span.icon.ic_18::before, span.icon.ic_24::before, span.icon.ic_30::before, span.icon.ic_36::before, span.icon.ic_48::before, span.icon.ic_60::before, span.icon.ic_84::before, span.icon.ic_90::before { color: #fff; font-family: 'Roboto', sans-serif; padding: 0 2px!important; background-color: #333; font-size: 12px!important; } span.icon.ic_1::before { content: "1"; } span.icon.ic_3::before { content: "3"; } span.icon.ic_5::before { content: "5"; } span.icon.ic_6::before { content: "6"; } span.icon.ic_10::before { content: "10"; } span.icon.ic_12::before { content: "12"; } span.icon.ic_14::before { content: "14"; } span.icon.ic_18::before { content: "18"; } span.icon.ic_24::before { content: "24"; } span.icon.ic_30::before { content: "30"; } span.icon.ic_36::before { content: "36"; } span.icon.ic_48::before { content: "48"; } span.icon.ic_60::before { content: "60"; } span.icon.ic_84::before { content: "84"; } span.icon.ic_90::before { content: "90"; } span[id^="tl-shc-product_add_cross_available"] { display: inline-block; margin-top: -2px; } .icon {background-image: none;} ic_arrow_up_aktiv, .ic_arrow_up { cursor: pointer !IMPORTANT;} .ic_arrow_up_aktiv { cursor: pointer !IMPORTANT;} .ic_arrow_down { cursor: pointer !IMPORTANT;} .ic_arrow_down_aktiv { cursor: pointer !IMPORTANT;} .ic_ideal { width: 21px;} .ic_arrow_up_aktiv, .ic_arrow_down_aktiv { color: #77d65e; } .ic_pricelist_view, .ic_pricelist_edit { width: 30px; height: 30px; } .ic_open { background-position: 0 -840px; cursor: pointer !IMPORTANT;} .ic_pricelist_view { background-position: -40px -840px;} .ic_pricelist_edit { background-position: -80px -840px;} .ic_calendar { background-position: -120px -840px; cursor: pointer !IMPORTANT;} .ic_pickup { background-position: 0 -880px;} .ic_delete_2 { background-position: -40px -880px; cursor: pointer !IMPORTANT;} .ic_search { background-position: -80px -880px; cursor: pointer !IMPORTANT;} .ic_loeschen_trans { background-position: -120px -880px; cursor: pointer !IMPORTANT;} .ic_plus_small { background-position: 0 -920px;} .ic_minus_small { background-position: -40px -920px;} .ic_arrow_right_small { background-position: -80px -920px;} .ic_arrow_down_small { background-position: -120px -920px;} .ic_disp { background-position: 0 -960px;} .ic_disp_border { background-position: -40px -960px;} .ic_sort_default { background-position: -80px -960px;} .ic_arrow_left { background-position: -120px -960px; cursor: pointer !IMPORTANT;} .ic_arrow_right_aktiv { background-position: 0 -1000px; cursor: pointer !IMPORTANT;} .ic_arrow_right { background-position: -40px -1000px;} .ic_warning { background-position: -80px -1000px;} .ic_error { background-position: -120px -1000px;} .ic_delete { background-position: 0 -1040px; cursor: pointer !IMPORTANT;} .ic_undefined { background-position: -120px -1040px;} .ic_mail { background-position: 0 -1080px; cursor: pointer !IMPORTANT;} .ic_plus { background-position: 0 -1120px;} .ic_available { background-position: -160px -1040px;} /* green */ .ic_part_available, .ic_not_available_ab { background-position: -120px -1080px;} /* yellow, blue */ .ic_not_available { background-position: -40px -1160px;} /* red */ .main_pt td.green:before, .main_pt td.blue:before, .main_pt td.yellow:before { content: "\E014"; font-family: "streamline-also" !important; font-size: 13px; } .icon:hover { cursor: pointer; } .icon.ic_1:hover, .icon.ic_3:hover, .icon.ic_5:hover, .icon.ic_6:hover, .icon.ic_10:hover, .icon.ic_12:hover, .icon.ic_14:hover, .icon.ic_18:hover, .icon.ic_24:hover, .icon.ic_30:hover, .icon.ic_36:hover, .icon.ic_48:hover, .icon.ic_60:hover, .icon.ic_84:hover, .icon.ic_90:hover, .icon.ic_available, .icon.ic_part_available, .icon.ic_not_available { cursor: auto; } .main_pt td.green:before {color: #99e087;} .main_pt td.yellow:before {color: #efa268;} .main_pt td.blue:before {color: #f1234c;} .ic_uhg { background-position: -160px -40px;} .ic_48h { background-position: -160px -80px;} .ic_esd { background-position: -160px -120px;} .ic_trophy { background-position: -160px -160px;} .ic_mps { background-position: -160px -200px; cursor: pointer !IMPORTANT;} /* Shopteaser */ .shopteaser h2, .shopteaser h3, .shopteaser p { margin: 0; padding: 0; } .clearer { clear: both; } .shopteaser { display: block; padding: auto; vertical-align: middle; margin: 0 0 10px 0; background: #eee; color: #333; } .transition_icon { display: block; width: 80px; height: 80px; margin: 10px; background-image: url(../../../grfx/default_shop/ic_transitions.png); background-repeat: no-repeat; background-position: top left; float: left; } .shopteaser .transition_icon { background-image: none; height: 109px; width: 109px; padding-right: 10px; display: flex; align-items: center; justify-content: center; } .transition_icon::before { font-family: "streamline-also"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; text-transform: none; display: inline-block; font-size: 68px; line-height: 80px; } .transition_icon.fa::before { font-family: FontAwesome; } .vendor .transition_icon { padding: 0 10px 0 0; margin: 10px 0 10px 10px;background-size: 100%!important;} .advisor .transition_icon { padding: 0 10px 0 0; margin: 10px 0 10px 10px;} /* .shopteaser .transition_icon.ict_product_advisor { height: 109px; width: 109px; text-align: center; padding-right: 10px; }*/ .advisor .transition_body { display: block; height: 70px; margin: 20px 10px 10px; float: left; } .transition_body { display: block; height: 80px; max-width: 70%; margin: 10px; float: left; color: #333; } .shopteaser a { display: block; } .shopteaser a .transition_body strong { display: inline-block; margin-top: 10px; margin-bottom: 5px; font-size: 16px; line-height: 1.1em; } .vendor .transition_icon { background-position: 50% 50%; background-repeat: no-repeat; height: 109px; width: 109px; } .shopteaser:hover a .transition_body { color: #333; } .shopteaser:hover a .transition_body strong { color: #333; } .module.shopteaser:hover .transition_icon { color: #333; } .module.shopteaser:hover { background-color: #99e087; } .module.shopteaser.internal-admin { background: #ccc; color: #333; } .module.shopteaser.internal-admin:hover, .module.shopteaser.internal-admin:visited, .module.shopteaser.internal-admin:active { background: #99e087; color: #333; } .module.shopteaser.internal-admin .transition_icon { border-color: color: #333; } .module.shopteaser.internal-admin:hover a .transition_body { color: #333; } .module.shopteaser.internal-admin:hover a .transition_body strong { color: #333; } .module.shopteaser.module.internal-admin:hover .transition_icon { border-right-color: #333; color: #333; } .shopteaser.vendor { min-width: 504px; } @media screen and (min-width: 1035px) { .module { width: 100%; } .module.shopteaser { float: left; margin: 0 10px 10px 0; width: 48%; max-width: 480px; } .transition_body { max-width: 60%; } .shopteaser.vendor { min-width: 400px; max-width: 100%; width: auto; float: none; } } @media screen and (min-width: 1180px) { .shopteaser.vendor { float: left; margin: 0 10px 10px 0; width: 48%; max-width: 480px; }} @media screen and (min-width: 1500px) { .shopteaser { float: left; margin: 0 10px 10px 0; width: 31%; } .transition_body { max-width: 60%; } } .transition_icon.ict_beamer::before { content: "\E01B"; } .transition_icon.ict_mainboard::before { content: "\E087"; } .transition_icon.ict_digitalcamera::before { content: "\E0AF"; } .transition_icon.ict_display::before { content: "\E035"; } .transition_icon.ict_notebook::before { content: "\E097"; } .transition_icon.ict_server::before { content: "\E0BD"; } .transition_icon.ict_printer::before { content: "\E0A5"; } .transition_icon.ict_scanner::before { content: "\E0B9"; } .transition_icon.ict_pc::before { content: "\E0A1"; } .transition_icon.ict_switch::before { content: "\E0C5"; } .transition_icon.ict_replacement_search::before { content: "\E0C1"; } .transition_icon.ict_licence_online_shop::before { content: "\E07D"; } .transition_icon.ict_product_advisor::before { content: "\E0A7"; } .transition_icon.ict_special_prices::before { content: "\E083"; } .transition_icon.ict_manufacturer_tools::before { content: "\E0CB"; } .transition_icon.ict_manufacturer_tools::before { content: "\E0CB"; } .transition_icon.ict_notepad_customers_offers::before { content: "\E093"; } .transition_icon.ict_product_agent::before { content: "\E0A9"; } .transition_icon.ict_supplies_search::before { content: "\E0C3"; } .transition_icon.ict_configurators::before { content: "\E027"; } .transition_icon.ict_open_item_service::before { content: "\E09B"; } .transition_icon.ict_fast_order::before { content: "\E017"; } .transition_icon.ict_product_compare::before { content: "\E021"; } .transition_icon.ict_user::before { content: "\E00B"; } .transition_icon.ict_icon_offer::before { content: "\E099"; } .transition_icon.ict_transport::before { content: "\E00D"; } .transition_icon.ict_company::before { content: "\E003"; } .transition_icon.ict_letter::before { content: "\E009"; } .transition_icon.ict_invoice::before { content: "\E005"; } .transition_icon.ict_ftp::before { content: "\E007"; } .transition_icon.ict_house::before { content: "\E001"; } .transition_icon.ict_carepacks::before { content: "\E01D"; } .icon.ic_pricelist_edit::before { content: "\E0C0"; } .icon.ic_pricelist_view::before { content: "\E0AA"; } /* Shopteaser Icons */ .advisor:hover a .transition_icon { background-image: url(../../../grfx/default_shop/ic_transitions_hover.png); } .ict_beamer { background-position: 0 0;} .ict_digitalcamera { background-position: 0 -100px;} .ict_display { background-position: 0 -200px;} .ict_mainboard { background-position: 0 -300px;} .ict_navigation { background-position: 0 -400px;} .ict_notebook { background-position: 0 -500px;} .ict_pc { background-position: 0 -600px;} .ict_printer { background-position: 0 -700px;} .ict_server { background-position: 0 -800px;} .ict_mobile_radio { background-position: 0 -900px;} .ict_mobile_radio_accessories { background-position: 0 -1000px;} .ict_switch { background-position: 0 -1100px;} .ict_scanner { background-position: 0 -1200px;} .ict_leinwand { background-position: 0 -1300px;} .ict_replacement_search { background-position: -100px 0;} .ict_manufacturer_tools { background-position: -100px -100px;} .ict_configurators { background-position: -100px -200px;} .ict_licence_online_shop { background-position: -100px -300px;} .ict_notepad_customers_offers { background-position: -100px -400px;} .ict_open_item_service { background-position: -100px -500px;} .ict_product_advisor { background-position: -100px -600px;} .ict_product_agent { background-position: -100px -700px;} .ict_fast_order { background-position: -100px -800px;} .ict_special_prices { background-position: -100px -900px;} .ict_product_compare { background-position: -100px -1000px;} .ict_supplies_search { background-position: -100px -1100px;} .ict_carepacks { background-position: -100px -1200px;} /* HTML Snippet - ServiceBanner24 */ .serviceBanner { width: 248px; border: 1px solid #57ab10; background: #fff; } .serviceBanner .blocked { display: inline-block; border: none; } .serviceBanner a:link, .serviceBanner a:visited { text-decoration: none; color: #333; /*-- font-size: 13px; --*/ font-weight: bold; } .serviceBanner a:hover { color: #57ab10; } .serviceBanner .item { height: 40px; border-top: 1px solid #57ab10; overflow: hidden; } .serviceBanner .icsb { background: #fff url(../../../grfx/default_shop/sprite_service_banner.png) no-repeat 0 0; display: block; float: left; height: 40px; width: 60px; } .serviceBanner .text { display: block; float: left; width: 180px; padding: 12px 0 12px 6px; } .serviceBanner .icsb_umzuege { background-position: -60px 0;} .serviceBanner .icsb_wartung { background-position: 0 0;} .serviceBanner .icsb_reparatur { background-position: -60px -40px;} .serviceBanner .icsb_installation { background-position: 0 -40px;} .serviceBanner .icsb_connection { background-position: -60px -80px;} .serviceBanner .icsb_remarketing { background-position: 0 -80px;} .serviceBanner .icsb_rollout { background-position: -60px -120px;} .serviceBanner .icsb_field_services { background-position: 0 -120px;} .serviceBanner .icsb_insurance { background-position: -60px -160px;} .serviceBanner .icsb_service_desk { background-position: 0 -160px;} .serviceBanner .icsb_money { background-position: -60px -200px;} .serviceBanner .icsb_protection { background-position: 0 -200px;} .serviceBanner .icsb_laptop_protection {background-position: -60px -240px;} .serviceBanner .icsb_calc { background-position: 0 -240px;} .serviceBanner .icsb_knight { background-position: 0 -280px;} .ic_external_link { display: none; } .orderrow .ic_warenkorb, .basketMini .icon, .toggler .icon { border-radius: 0 !IMPORTANT; } /*UT:ASN*/ td.icons { white-space:nowrap; } /* EO ICONS */ /* **************************** *** BASIC HELPER CLASSES *** **************************** */ /* CK spezielle nur fuer actebis mitarbeiter sichtbare teile des shops */ .debug_info { font-style: italic; color: #CC99FF; } /* used by Dialog.fetchAndShow */ .isLoading { background: url(/ec/cms5/media/grfx/default_shop/wait_state_big_pic.gif) no-repeat scroll center #fff; } .ajaxFailed { background: url(/ec/cms5/media/grfx/default_shop/ajax_failed_pic.png) no-repeat scroll center #fff; } /* JB html5-shim */ .hasPlaceholder { color: #777; } input.readonly { background: #ccc; } .isbutton, #leftpanel .isbutton, #rightpanel .isbutton, #center .isbutton #header #konto .isbutton, #header #konto a.isbutton { display: block; margin: 2px 0; width: 100%; text-align: center; font-weight: bold; padding: 3px 0; background-color: #ccc; color: #333; text-decoration: none; cursor: pointer !IMPORTANT; } .isbutton:active, #leftpanel .isbutton:active, #rightpanel .isbutton:active, .isbutton:active, #center .isbutton:active, #header #konto .isbutton:active, #header #konto a.isbutton:active{ background-color: #aaa; color: #333; } .isbutton:focus, #leftpanel .isbutton:focus, #rightpanel .isbutton:focus, #center.isbutton:focus, #header #konto .isbutton:focus, #header #konto a.isbutton:focus { outline: none; background-color: #aaa; color: #333; } .isgreen, #leftpanel .isgreen, #rightpanel .isgreen, #center .isgreen { background-color: #99e087; } .isautowidth, #leftpanel .isautowidth, #rightpanel .isautowidth, #center .isautowidth { width: auto; margin: 5px; padding: 3px 4px !IMPORTANT; } .isbutton.isautowidth { display: inline-block; } .isright, #leftpanel .isright, #rightpanel .isright, #center .isright { float: right; } .isleft, #leftpanel .isleft, #rightpanel .isleft, #center .isleft { float: left; } .hasicon, #leftpanel .hasicon, #rightpanel .hasicon, #center .hasicon { position: relative; padding-left: 35px !IMPORTANT; line-height: 24px; text-align: left; } .hasicon .icon, #leftpanel .hasicon .icon, #rightpanel .hasicon .icon, #center .hasicon .icon { position: absolute; top: 5px; left: 5px; } .isinline, #leftpanel .isinline, #rightpanel .isinline, #center .isinline { display: inline; } .isbutton, #leftpanel .isbutton, #rightpanel .isbutton, #center .isbutton, #header #konto .isbutton, #header #konto a.isbutton, button { box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; text-align: center; padding: 5px 10px; margin: 5px 0; color: #333; font-weight: normal; text-decoration: none !important; cursor: pointer !IMPORTANT; border: 0; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); } .isbutton:active, #leftpanel .isbutton:active, #rightpanel .isbutton:active, .isbutton:active, #center .isbutton:active, button:active, #header #konto .isbutton:active, #header #konto a.isbutton:active { background-color: #aaa; color: #333; } .isbutton:focus, #leftpanel .isbutton:focus, #rightpanel .isbutton:focus, #center.isbutton:focus, #header #konto .isbutton:focus, #header #konto a.isbutton:focus, button:focus { outline: none; background-color: #aaa; color: #333; } .isgreen, #leftpanel .isgreen, #rightpanel .isgreen, #center .isgreen { background: #99e087 !important; color: #333 !important; } .isbutton:hover, #leftpanel .isbutton:hover, #rightpanel .isbutton:hover, #center .isbutton:hover, #header #konto .isbutton:hover, #header #konto a.isbutton:hover { background-color: #aaa; color: #333; text-shadow: none; } .isgreen:hover, #leftpanel .isgreen:hover, #rightpanel .isgreen:hover, #center .isgreen:hover { background-color: #77d65e !important; text-shadow: none; } .isautowidth, #leftpanel .isautowidth, #rightpanel .isautowidth, #center .isautowidth { width: auto; margin: 5px; } .hasicon, #leftpanel .hasicon, #rightpanel .hasicon, #center .hasicon { position: relative; padding-left: 35px !IMPORTANT; line-height: 24px; text-align: left; } .hasicon .icon, #leftpanel .hasicon .icon, #rightpanel .hasicon .icon, #center .hasicon .icon { position: absolute; top: 5px; left: 5px; } button#cboxClose { top: 0; box-shadow: none; z-index: 9999; } #cboxContent #cboxCurrent{ right: 58px !important; left: auto; } #cboxContent #cboxPrevious{ right: 27px; left: initial; box-shadow: none; } #cboxContent #cboxNext{ left: auto; right: 0 !important; box-shadow: none; } /* Show / Hide */ .invisible { display: none !IMPORTANT; } .show { display: block !IMPORTANT; } .breaker { clear: both; line-height: 1px; font-size: 1px; height: 1px; } div.clearboth { clear:both; } .important { font-weight: bold; color: #d00; } /* EO BASIC HELPER CLASSES*/ /* **************************** *** BASIC HTML ELEMENTS *** **************************** */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { html { overflow-x: hidden; } } body { font-size: 12.5px; font-family: 'Roboto', sans-serif; color: #333; overflow: auto; } hr { border-color: #ccc; border-style: solid none none; border-width: 1px 0 0; box-shadow: none; margin: 20px 0; } a:link, a:visited { color: #333; text-decoration: underline; } p { font-size: 13px; margin: 10px 5px; line-height: 15px; } b, strong { font-weight: bold; } em { font-style: italic; } img { border-style: none; } iframe { z-index: -1; position: relative; } iframe { margin: 10px 0; z-index: 1000; width: 100%; } .embed-responsive iframe.embed-responsive-item { height: 100%; } abbr, acronym { border-bottom: 1px dashed #999; cursor: help; } /* formular elemente */ input[type="checkbox"], input[type="radio"] { border: none !IMPORTANT; } form input[type="text"], form input[type="password"] { border: 1px solid #999; } form select, form textarea { border: 1px solid #999; } form input[type="text"]:focus, form input[type="password"]:focus { border: 1px solid #ccc; } form select:focus, form textarea:focus { border: 1px solid #ccc; } input:invalid, input.invalid { border-color: #c00 !IMPORTANT; background-color: #fee !IMPORTANT; } button.oneCssClass { margin-right: 180px !Important; } button.oneCssClass { float: left !important; margin-left: 0.5em !important; margin-right: auto !important; } .button { background-color:#ccc; color: #fff; background-image:none; margin:5px 5px 0 0; padding: 2px 15px; width: 130px; } .button.primary { background: #99e087; color: #333; } .button.primary:hover { background: #77d65e; color: #333; } /* table */ table.application { clear: both; border: 1px solid #ccc; border-collapse: separate; border-spacing: 1px; font-size: 8pt; margin: 10px 0; background-color: #fff; } table.application td.label_vertikal input { background-color: #fff; border-color: #7DB713; color: #000; } table.application table.application { width: 100%; } table.application td.content_text input, table.application td.content_text select { border: solid 1px #ddd; background-color: #fff; margin-bottom: 3px; font-size: 9pt; } table.application td.content_text input:focus, table.application td.content_text select:focus { border: solid 1px #c00; } table.application td.content_text input.button { width: 80px; } table.application td.content_text input.submit { background-color: #7DB713; color: #fff; margin-left: 80px; } table.application td.content_text input.submit_path { background-color: #7DB713; color: #fff; text-align: center; } table.application td.content_text input.reset { margin-left: 18px; } table.application td.backButton { text-align: right; padding-right: 10px; } table.application td.click_path { font-size: 9pt; border-width: 1px 0; border-style: solid; border-color: #ccc; background: #deb; } table.application td.warenkorb_head { background-color: #ccc; text-align: center; } table.application td.warenkorb_head_li { background-color: #ccc; text-align: left; } table.application thead { background-color: #deb; } table.application th.list { background-color: #deb; color: #000; font-size: 9pt; } table.application th { background-color: #deb; text-align: center; vertical-align: top; padding: 4px; } table.application select.large { width: 280px; } table.normal { border-top: 1px solid #999; empty-cells: show; border-collapse: collapse; margin: 5px 5px 15px; clear: right; background-color: #fff; min-width:33%; /* i.e. notepad when empty */ } table.normal td, table.normal th { border-bottom: 1px solid #999; border-right: 1px solid #999; vertical-align: top; padding: 3px 5px; line-height: 150%; background-color: #fff; } table.normal tr:first-child, table.normal td.first , table.normal td{ border-left: 1px solid #999; } table.normal th { background: #eee; font-weight: bold; text-align: left; line-height: 100%; } table.normal th.first { border-left: 1px solid #999; } table.normal td.trbreak { border: none; font-size: 1px; height: 5px; line-height: 5px; padding: 0; margin: 0; } table.normal .oben td, table.normal .oben th { border-top: 1px solid #999; border-right: 1px solid #999; } table.normal tr.isgreen td, table.normal tr.isgreen th { background-color: #ccc; color: #fff; } table.normal tr.isdarkgreen td, table.normal tr.isdarkgreen th { background-color: #8ae873; color: #fff; } table.normal tr.header td { background-color: #deb; color: #000; font-weight: bold; } table.normal td.unbreakable { white-space: nowrap; } table.normal td.isborderless { border: none; } table.normal td.iscolorless { background-color: transparent; } table.normal td.isnumeric { text-align: right; white-space: nowrap; } table.normal a:link, table.normal a:visited { color: #333 !IMPORTANT; } table.normal a:hover { color: #888; } table.normal a:active { color: #333 !IMPORTANT; } table.normal td a:link, table.normal td a:visited { color: #333 !IMPORTANT; } table.normal td a:hover { color: #888; } table.normal td a:active { color: #888; } .normal .even td, .normal .even th, .even td { background-color: #fff; } .normal .odd td, .normal .odd th, .odd td, .odd th { background-color: #eee; } td.trbreak { display: none; } .myheadtable { border: 0; width: 100%; margin: 0; padding: 0; font-size: 13px; } /* Sprite Definition */ /* Pfeile fuer sortierbare Spaltenköpfe */ th.sortable, th.descending { background-image: url(../../../img/shop_2/sprites/horizont_sprite_pic.png); background-position: 5px 2px; background-repeat: no-repeat; padding-right: 5px !important; text-align: left; } th.ascending { background-image: url(../../../img/shop_2/sprites/horizont_sprite_pic.png); background-repeat: no-repeat; padding-left: 18px !IMPORTANT; padding-right: 5px !IMPORTANT; text-align: left; background-position: 5px -48px; } th.descending { background-position: 5px -98px; } /* EO BASIC HTML ELEMENTS */ /* **************************** *** HEADLINES *** **************************** */ h1, h2, h3, #leftpanel h3 { clear: right; color: #333; font-size: 16px; font-weight: normal; line-height: 1; margin: 10px 0; /* 10px 5px */ padding: 5px 0; /* 5px */ } h1 { border-bottom: 1px solid #ccc; color: #999; font-size: 28px; } .dashboard h1 { display: none; } h2 { font-size: 22px; } h6 { padding: 3px 10px; font-weight: bold; background-color: #ccc; color: #333; border-top: 1px solid #999; border-bottom: 1px solid #999; } .dashboardMini h3, .dashboardMini h3 { background: transparent none repeat scroll 0 0; border: none; border-bottom: 1px solid #ccc; color: #999; text-shadow: 0 0; font-size: 30px; margin: 10px 5px; padding: 5px; font-weight: normal !important; } .subheadline { display: block; font-size: 13px; margin-top: 13px; font-weight: bold; } /* **************************** *** BASIC CLASSES *** **************************** */ #paginator { margin-left: 2em; } #paginator a { text-decoration: none; margin-left: 1px; margin-right: 1px; min-width: 1.5em; padding: 0.5em 1em; } #paginator a.currentPage, #paginator a.currentPage:hover, #paginator a.currentPage:visited, #paginator a.currentPage:active { color: #333; background-color: #99e087; } #paginator a:hover { color: #333; background-color: #77d65e; } /* paginierung --> tocheck */ div.global div.main div.content div.browse { padding: 0; margin-top: 7px;} div.global div.main div.content div.browse .head div {padding: 0px; border-bottom: 1px solid #aaa; border-top: 1px solid #aaa; border-right: 1px solid #aaa; background-color: #ddd;} div.global div.main div.content div.browse .head div.active {background-color: #9c3;} div.global div.main div.content div.browse .head div.firstPage {border-left: 1px solid #aaa;} div.global div.main div.content div.browse .head div {width: 40px; height: 22px; } div.global div.main div.content div.browse .head div a {padding: 2px 4px; display: block; } #criteria { margin-left: 1em; } #criteria > span { margin-left: 1em; } #criteria > span > span { cursor: pointer; } #criteria > span > span:hover { color: #fff; background-color: #ccc; } /* Colorbox*/ .cboxIframe { margin: 0; } /* ad-fix */ div#colorbox { z-index: 9999999999; } /* */ .eee { display: none; } .accordion h3 { background: #ccc; color: #fff; padding: 6px 0 6px 10px; margin: 0 0 3px; cursor:pointer; } .accordion h3.mygreen { background: #9c3; } .accordion a { display: block; text-decoration: none; } .accordion ul li.highlight, .accordion a:hover { background: #9c3; color: #fff; } .accordion div { margin-top: 0; margin-bottom: 0; } .accordion div.AccordionContent { height:0; overflow:auto; display:none; padding:2px; } .accordion div.mytext { font-size: 11px; } .accordion div.mytext p { margin: 5px; } .accordion div.mytext ul { margin: 5px; list-style: disc; } .accordion div.mytext ul li { margin-left: 25px; } .accordion ul { list-style: none; margin: 0; padding: 0; } .accordion ul li { background-color: #eee; border-bottom: 1px solid #fff; padding:2px; } .accordion label { padding: 3px 0 3px 5px; line-height: 18px; } .accordion input { margin-top: 5px; } /* */ .filtersTooltip { background: #fff; color: #000; } .filtersTooltip h1 { margin: 0; padding: 0.5em; color: #fff; background-color: #000; } .filtersTooltip dt { display: block; margin-top: 1em; font-weight: bold; } .filtersTooltip dd { margin-left: 3em; } /* */ .mydropdown { text-align: right; } .mydropdown select { margin: 0; padding: 0; font-size: 10px; border: 1px solid #bbb; } /* */ .b_list li { display: block; padding: 3px 5px; background-color: #eee; border-bottom: 1px solid #fff; margin-left: 0; text-decoration: none; } .b_list { border-top: 1px solid #fff; } /* **************************** *** DataTable *** **************************** */ .dataTables_length { margin-top: 7px; margin-left: 10px; } .dataTables_filter { margin-top: 7px; } .dataTables_wrapper .dataTables_paginate .paginate_button { border: 0!important; } body .dataTables_wrapper .dataTables_paginate .paginate_button.current, body .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, body .dataTables_wrapper .dataTables_paginate .paginate_button:hover { background: none!important; border: 0!important; background-color: #99e087!important; border-radius: 0!important; color: #333!important; } body .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, body .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { background-color: #aaa!important; color: #fff!important; cursor: not-allowed; } /* **************************** ***DataTable Latest Version*** **************************** */ .H { display: flex; align-items: center; gap: 15px; padding: 8px; font-size: 13px; } .F { display: flex; justify-content: space-between; align-items: center; margin: 10px 0; } .jqtop { display: flex; align-items: center; font-size: 13px; gap: 15px; padding: 8px; } .jqbottom { display: flex; justify-content: space-between; align-items: center; margin: 10px 0; } .dt-info { white-space: nowrap; color: #666; } .dt-search { display: flex; align-items: center; } .dt-search label { display: none; } .dt-search .dt-input { padding: 2px 8px; border: 1px solid #ddd; border-radius: 0px !important; width: 150px; height: 24px; } .dt-length { display: flex; align-items: center; gap: 5px; white-space: nowrap; } .dt-length select.dt-input { padding: 2px 20px 2px 8px; border: 1px solid #ddd; border-radius: 0px !important; background-color: #fff; height: 24px; } .dt-paging { display: flex; align-items: center; margin-left: auto; } .dt-paging nav { display: flex; align-items: center; gap: 2px; } .dt-paging-button { padding: 2px 6px !important; border: 1px solid #ddd; border-radius: 0px !important; background: #fff; color: #333; cursor: pointer; min-width: 24px; height: 24px; line-height: 18px; font-size: 12px; text-align: center; user-select: none; position: relative; } .dt-paging-button:hover { background: none !important; border: 0 !important; background-color: #99e087 !important; border-radius: 0 !important; color: #333 !important; } /* Text buttons (First, Previous, Next, Last) */ .dt-paging-button.first, .dt-paging-button.last, .dt-paging-button.next, .dt-paging-button.previous { color: #666; width: auto; min-width: auto; padding: 2px 4px; white-space: nowrap; } /* Number buttons */ .dt-paging-button:not(.first):not(.last):not(.next):not(.previous) { width: 34px; padding: 2px 0; } .dt-paging-button.current { background: #f0f0f0; } .dt-paging-button.disabled { opacity: 0.5; cursor: not-allowed; } .dt-paging-button:hover:not(.disabled) { background: #f5f5f5; } .dt-buttons { position: initial; display: flex; justify-content: flex-end; margin-bottom: 1rem; } .dt-buttons button { padding: 4px 12px !important; margin-left: 0.5rem !important; width: auto !important; background: transparent !important; border: 1px solid rgba(0, 0, 0, 0.3) !important; } .dt-buttons button:hover { padding: 4px 12px !important; margin-left: 0.5rem !important; width: auto; background: #99e087 !important; border: 1px solid #fff!important; color: #fff } table.dataTable tbody tr.row_selected, table.dataTable tbody tr.row_selected * { background-color: #d1e1b0 !important; color: #333; } .clear { display: none; } /* **************************** *** VueDataTable *** **************************** */ .normal.contractItems { width: 100%; border-collapse: collapse; } .normal.contractItems th { background-color: #f2f2f2; padding: 10px; text-align: left; border-bottom: 2px solid #ddd; } .normal.contractItems tbody tr { border-bottom: 1px solid #ddd; } .normal.contractItems td { padding: 10px; } .normal.contractItems .sortable-header:hover { background-color: #e6e6e6; cursor: pointer; } .normal.contractItems .first { font-weight: bold; } .normal.contractItems .s_price { text-align: right; } .normal.contractItems .unbreakable { white-space: nowrap; } .top-controls { display: flex; align-items: center; width: 100%; } .search-input { padding: 6px; border: 1px solid #ccc; font-size: 13px; } .items-per-page-selector select { padding: 6px; border: 1px solid #ccc; font-size: 13px; } .items-per-page-selector, .pagination-controls { margin-left: auto; } /* Footer controls */ .footer-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 10px; } .entries-text { font-size: 13px; } .pagination-controls { display: flex; justify-content: flex-end; } .pagination-controls button { padding: 5px 10px; margin: 0 5px; border: none; color: #000; cursor: pointer; } .pagination-controls button:disabled { background-color: #ccc; } .pagination-controls button.active { background-color: #99e087; } /* **************************** *** LOGIN AREA *** **************************** */ body.login { background-color: #eee; } form.loginbox { display: block; font-size: 12px; margin: 150px auto 0; width: 350px; border: 1px solid #999; padding: 10px; background-color: #fefefe; overflow: hidden; } form.loginbox img { margin: 0 0 10px; } form.loginbox label { display: block; overflow: visible; line-height: 24px; margin-bottom: 5px; } form.loginbox label input[type="text"], form.loginbox label input[type="password"] { border: 1px solid #999; width: 156px; } form.loginbox label span { display: block; float: left; width: 160px; margin-right: 20px; } form.loginbox samp { margin-left: 180px; font-size: 11px; } .changePassword form.loginbox label span { width: 150px; } form.loginbox input[type="submit"] { float: right; } form.loginbox #footer { margin: auto; font-size: 10px; color: #ccc; display: block; padding-top: 15px; } form.loginbox #footer a:link, form.loginbox #footer a:visited { color: #777; text-decoration: none; } form.loginbox #footer a:hover { color: #333; } form.loginbox ul li { clear: both; padding: 5px 0; } form.loginbox ul li a:link, form.loginbox ul li a:visited { color: #333; text-decoration: underline; } form.loginbox_consolid { width: 800px; } /* language selection loginbox and accountbox */ .login div#flyout-language { margin: 5px; float: right; } #header #anmeldung { background-color: #aaa; } /* Passwort vergessen */ .changePassword label { display: block; overflow: hidden; } .changePassword label span { display: block; float: left; width: 150px; } .passwordForgotton form#isform { display: block; margin: 150px auto 0; width: 350px; } fieldset.forgotten {border: solid 1px #ccc; margin-top: 20px;} fieldset.forgotten legend {padding: 3px 5px; background-color: #ccc; color: #fff;} fieldset.forgotten p.notice {font-size: 8pt;} fieldset.forgotten label {display: block; width: 100%; margin: 5px 0;} fieldset.forgotten label span {display: block; width: 200px; float: left; border-bottom: dotted 1px #B2B1AA; font-weight: bold;} fieldset.forgotten label span.noborder {border-bottom: none;} fieldset.forgotten label input {width: 200px; border: solid 1px #B2B1AA;} fieldset.forgotten label input:focus {border: solid 1px #942111; background-color: #F2F8E7;} fieldset.forgotten label input.submit {background-color: #BEDB89; font-weight: bold; cursor: pointer;} fieldset.forgotten label samp {font-size: 8pt; margin-left: 5px; font-weight: normal;} /* EO LOGIN AREA*/ /* **************************** *** FRAME RESIZER *** **************************** */ div#header { position: absolute; top: 0; left: 0; width: 100%; height: 90px; border-bottom: 1px solid #aaa; z-index: 666; } div#footer { background-color: #eee; bottom: 0; height: 20px; left: 0; margin: 0; overflow: hidden; padding: 10px 0 0; position: absolute; text-align: center; width: 100%; z-index: 0; } div#center { position: absolute; overflow: auto; z-index: 0; background-color: #fff; top: 110px; /* header height */ left: 255px; /* leftpanel+resizer width */ right: 28px; /* rightpanel width */ bottom: 30px; /* footer height */ } div#leftpanel { position: absolute; top: 110px; left: 0; width: 250px; bottom: 0; /* min-width: 195px; */ max-width: 500px; z-index: 1; } /* min-width and max-width are used here simply as parameters to the leftpanel-resizer code, we don't care about whether browsers support them */ #leftpanel-resizer { position: absolute; left: 250px; width: 5px; background-color: #ccc; top: 110px; /* header height */ bottom: 0; /* footer height */ cursor: e-resize; } div#rightpanel { z-index: 100; position: fixed; right: 20px; background: none; top: 110px; /* header height */ width: 40px; /* default width; width for state 'opened' is set by style rule #rightpanel.opened */ bottom: 0; /* footer height */ /* allows right panel content to stay unchanged while sliding in/out without causing a horizontal page scrollbar to appear */ overflow: hidden; } /* needed so that IE does not display a useless, disabled vertical scroll bar for the entire page */ html { overflow: auto; } html.cs-skeleton { overflow: hidden; } /* EO FRAME RESIZER */ /* **************************** *** MAIN AREAS *** **************************** */ #header { background: #fff url(../../../img/shop_2/header_bg_pic.png) no-repeat 720px 0; } #center { padding: 0 10px; } .usesBT #center { padding: 0 30px; } #leftpanel { background: #fff; } /* EO MAIN AREAS*/ /* **************************** *** HEADER *** **************************** */ div#header { border-bottom: none; background-image: none; } #header #shop_logo { height: 64px; margin-top: 3px; image-rendering: -webkit-optimize-contrast; } #header .hyphen { display: inline !important; } /* Logo */ #shop_link { display: block; position: absolute; left: 30px; top: 10px; } /* Anmeldung */ #header #anmeldung { display: block; background-color: #ccc; margin: 0; padding: 4px 0; width: 185px; position: absolute; top: 0; right: 0; color: #fff; z-index: 10; } #header #anmeldung #konto a.isbutton { padding-top: 4px; padding-bottom: 4px; } #header #anmeldung p { margin: 0; padding: 0; text-align: center; font-size: 11px; font-weight: bold; } #header #konto { display: none; position: absolute; top: 0; width: 195px; right: 0; z-index: 1; padding: 10px; background-color: #eee; } #header #konto fieldset { border: 1px solid #ccc; padding: 5px 5px 10px; margin-bottom: 5px; } #header #konto label { display: block; margin-top: 5px; } #header #konto legend { display: block; margin-top: 5px; padding: 2px 5px; } #header #konto ul { margin-top: 5px; } #header #konto fieldset span { display: block; font-weight: bold; margin-top: 3px; } #header #konto input[type="text"] { border: 2px solid #ccc; height: 14px; color: #ccc; font-size: 11px; padding: 1px 5px; margin-top: 5px; display: block; width: 150px; } #header #konto input[type="text"]:focus { border-color: #fff; background-color: #deb; color: #000; } #header .account:hover #konto { display: block; right: 2px; top: 74px; } #header #konto i.hashint { cursor: help; } #header #konto span.ishint { display: none; background-color: #eee; border: 1px solid #aaa; padding: 10px; position: absolute; } #header #konto #accountbox_surcharge:focus ~ span.ishint, #header #konto #accountbox_surcharge:checked ~ span.ishint, #header #konto i.hashint:hover ~ span.ishint { display: block; } #header .account fieldset:last-of-type a:last-of-type:hover { background: #d66; } /* Account Header */ #lang_selector span { display: inline-block; padding: 0 10px; text-align: center; line-height: 10px; background-size: contain; margin: 5px 0 5px 0; } #lang_selector a span { cursor: pointer; color: #333; opacity: 0.4; } #header #konto #flyout-language #lang_selector span { display: inline-block; } #lang_selector { text-align: center; } #header #konto #flyout-language a { line-height: 1.3; display: inline-block; } #header #konto #flyout-language a.active { text-decoration: none; } /* Language Selector display with Flags */ .languageSwitch { width: 25px; height: 12px; text-indent: -9999px; } .languageSwitch.EN { background: url(../../../grfx/common_grfx/flags/gb.svg) no-repeat center center; } .languageSwitch.DE { background: url(../../../grfx/common_grfx/flags/de.svg) no-repeat center center; } .languageSwitch.NL { background: url(../../../grfx/common_grfx/flags/nl.svg) no-repeat center center; } .languageSwitch.FR { background: url(../../../grfx/common_grfx/flags/fr.svg) no-repeat center center; } .languageSwitch.ES { background: url(../../../grfx/common_grfx/flags/es.svg) no-repeat center center; } .languageSwitch.IT { background: url(../../../grfx/common_grfx/flags/it.svg) no-repeat center center; } .languageSwitch.ET { background: url(../../../grfx/common_grfx/flags/ee.svg) no-repeat center center; } .languageSwitch.LV { background: url(../../../grfx/common_grfx/flags/lv.svg) no-repeat center center; } .languageSwitch.LT { background: url(../../../grfx/common_grfx/flags/lt.svg) no-repeat center center; } .languageSwitch.FI { background: url(../../../grfx/common_grfx/flags/fi.svg) no-repeat center center; } .languageSwitch.PT { background: url(../../../grfx/common_grfx/flags/pt.svg) no-repeat center center; } /* Navigation Header */ div#header #navi { float: right; width: 100%; } div#header #navi > li { background-color: #fff !IMPORTANT; border: none; padding: 0 2px; } /* Minimum width of screen size 1920px */ @media (min-width: 1920px) { div#header #navi > li { background-color: #fff !IMPORTANT; border: none; padding: 0 2px; width: 115px; } } div#header #navi > li:not(.right) { float: left; } div#header #navi > li:first-of-type { padding-left: 0; } div#header #navi > li.logout { padding-right: 0; } div#header #navi > li.right { float: right; } div#header #navi > li.right a { margin: 0 0 4px; } div#header #navi > li:hover > a { background: #99e087 !IMPORTANT; } div#header #navi > li.logout:hover > a { background: #f1234c !IMPORTANT; color: #333 !IMPORTANT; } div#header #navi > li > a { border: none; color: #333; } div#header #navi > li > a span { background: none !IMPORTANT; border: none; } div#header #navi .account .account.u-Info > p { color: #fff; font-size: 11px; line-height: 1.2; margin: 1px 3px; } div#header #navi .account .account.u-Info { background: #65cdef; } div#header #navi .account:hover .account.u-Info { background: #00b5e2 !important; } #nav_cont { margin-left: 284px; } /* Minimum width of screen size 1920px */ @media (min-width: 1920px) { #nav_cont { margin-left: 17.4%; } } #navi li ul li a:hover { background-color: #aaa; } #nav_cont .eee { float: left; width: 15px; height: 69px; } #navi { margin: 0; padding: 0; position: relative; z-index: 10; } #navi > li { float: left; list-style: none; position: relative; } #navi > li > a { display: block; margin: 0; text-decoration: none; min-width: 50px; text-align: center; position: relative; } #navi > li:hover > a { border-top-color: #999; border-left-color: #999; border-bottom-color: #fff; border-right-color: #fff; } #navi > li:hover > a span { padding: 5px 1px; } #navi > li > a span { display: block; /*-- background-color: #eee; --*/ padding: 5px 1px; } div#nav_cont #navi { margin-top: 8px; z-index: 20; } div#nav_cont #navi > li > a { height: 74px; width: 105px; padding-left: 3px; padding-right: 3px; box-sizing: border-box; } div#nav_cont #navi > li > a, div#nav_cont #navi > li.right > a { background-color: transparent; } div#nav_cont #navi > li > a .icon { margin-top: 0px !important; font-size: 25px; } div#nav_cont #navi > li > a .icon:before { font-size: 25px; padding: 0 !important; } div#nav_cont #navi > li > a span { margin-top: 3px; font-size: 13px; word-wrap: break-word; } div#nav_cont #navi li.logout { padding-right: 4px; } #navi > li .icon { font-size: 20px; } #navi > li > a { background-image: none; padding-top: 10px; } #navi > li > a:before { font-family: 'FontAwesome'; font-size: 27px; color: #000; text-rendering: optimizeLegibility; position: relative; content: "" !important; } #navi strong { font-size: 8px; padding: 0 2px; } #navi li ul { background-color: #eee; margin: 0; padding: 0 0 5px; display: none; position: absolute; list-style: none; border: 0; box-shadow: 3px 3px 5px #ccc; } #navi li ul li a { color: #333; font-size: 13px; display: block; margin: 0; padding: 5px 10px 3px 5px; text-decoration: none; white-space: nowrap; } #navi li ul li a:hover { color: #fff; } .hasdropdown a span::after { content: "\f0d7"; font-family: 'FontAwesome'; position: absolute; margin: 0px 1px 1px 3px; font-size: 16px; color: #808080; } #search_cont .basketMini .basketHeader { display: inline-block; font-size: 12px; font-weight: normal; } @media (max-width: 1166px) { #search_cont .basketMini .basketHeader { display: none; } } @media (max-width: 1475px) and (min-width: 1374px) { #search_cont .basketMini .basketHeader { display: none; } } @media (max-width: 1483px) { div#header { height: 70px; } div#header .account:hover #konto { display: block; right: 2px; top: 55px; } div#header #shop_logo { height: 64px; margin-top: 0; } #navi > li > a { padding-top: 5px !important; } div#nav_cont #navi > li > a { width: 65px; height: 55px; } div#nav_cont #navi > li > a .icon::before { font-size: 0.8em !important; } div#nav_cont #navi span { font-size: 0.8em !important; padding: 3px 1px; } div#nav_cont #navi .icon { margin-top: 5px !important; font-size: 35px; } } /* basket header */ .basketMini { font-size: 14px; } .basketData span { font-weight: bold !important; text-shadow: 1px 1px 1px #333; } /* searchbar header */ #search_cont { position: absolute; top: 70px; right: 0; padding: 5px 0; background-color: #fff; left: 285px; border-bottom: 2px solid #8ae873; } /* Maximum width of screen size 1630 */ @media (max-width: 1630px) { #search_cont { left: 260px; } } /* Minimum width of screen size 1920 */ @media (min-width: 1920px) { #search_cont { left: 17.2%; } } /* Minimum width of screen size 1980 */ @media (min-width: 1980px) { #search_cont { left: 17.2%; } } /* Minimum width of screen size 2560 */ @media (min-width: 2560px) { #search_cont { left: 17.2%; } } /* Minimum width of screen size 3440 */ @media (min-width: 3440px) { #search_cont { left: 14.8%; } } #search_cont form { padding: 0; font-size: 16px; } #search_cont input[type="text"] { border: none; width: 35%; height: auto; font-size: 12px; } #search_cont input[type="submit"] { border: none; color: #333; font-size: 12px; font-weight: bold; line-height: 18px; margin: 0; padding: 0 25px 0 10px; background: #fff url(../../../img/shop_2/lupe_pic.png) no-repeat right center; } #search_cont .basketMini { position: absolute; right: 10px; top: 7px; color: #000; font-size: 12px; } #search_cont .basketMini a { color: #000; text-decoration: none; } #search_cont .basketMini a:link, #search_cont .basketMini a:hover, #search_cont .basketMini a:visited { color: #000; text-decoration: none; } #search_cont .basketMini .ic_warenkorb { position: relative; top: 0; } #search_cont { top: 89px; } #search_cont { padding-top: 0; border-bottom: 0; } #search_cont form { width: 872px; background-color: #99e087; height: 34px; padding-top: 6px; padding-bottom: 6px; box-sizing: border-box; position: absolute; border-right: 4px solid #fff; z-index: 10; } /* Maximum width of screen size 1630px */ @media (max-width: 1630px) { #search_cont form { width: 861px; } } /* Minimum width of screen size 1700px */ @media (min-width: 1700px) { #search_cont form { width: 70%; } } /* Minimum width of screen size 2560px */ @media (min-width: 2560px) { #search_cont form { width: 70%; } } /* Minimum width of screen size 3440px */ @media (min-width: 3440px) { #search_cont form { width: 70%; } } #search_cont form #productSearchFieldTop { width: 614px; height: 20px; padding-left: 30px; margin-left: 5px; } #search_cont form i.icon { position: absolute; left: 8px; font-size: 16px; top: 9px; } #search_cont input[type="submit"] { width: 105px; height: 22px; padding: 1px 0; background-image: none; } #search_cont input[type="submit"]:hover { background-color: #eee; cursor: pointer; } #search_cont .basketMini { width: 99%; background-color: #ccc; top: 0; right: 4px; height: 34px; padding: 6px 15px; box-sizing: border-box; text-align: right; } /* Minimum width of screen size 1700px */ @media (min-width: 1700px) { #search_cont .basketMini { width: 30%; } } #search_cont .basketMini .ic_warenkorb { background-color: transparent !important; font-size: 18px; } .basketData span { text-shadow: none; font-size: 12px; } @media (max-width: 1373px) { #search_cont { top: 70px; } #search_cont form { padding-right: 4px; width: 551px; } #search_cont form #productSearchFieldTop { width: 73%; } #search_cont .basketMini { width: 99%; } } @media (max-width: 1050px) { div#leftpanel { top: 130px !important; } #search_cont { top: 130px; } div#center { top: 180px; } } /* **************************** *** BREADCRUMB *** **************************** */ div#center .breadcrumb { background-color: #fff; } div#center .breadcrumb a { text-decoration: none; color: #000; font-weight: 500; } .breadcrumb br, .breadcrumb .hyphen { display: none; } #center .breadcrumb a { color: #333; } #center .breadcrumb { margin: 0 0 10px 0 !important; padding: 10px 0; background: #eee; } /* EO BREADCRUMB */ /* **************************** *** LEFT PANEL *** **************************** */ #leftpanel .leftMain { position: absolute; top: 0; left: 0; bottom: 110px; right: 0; } #leftpanel .leftFooter { position: absolute; left: 0; bottom: 0; right: 0; max-height: 100px; padding: 10px 0 20px; text-align: center; } #leftpanel .leftFooter img { width: 185px; height: 90px; } #leftpanel ul, #leftpanel ol { margin: 0 5px 5px 0; padding-bottom: 2px; padding-left: 2px; } div#leftpanel { width: 280px; top: 89px; } /* Maximum width of screen size 1630px */ @media (max-width: 1630px) { div#leftpanel { width: 16.66666667%; } } /* Minimum width of screen size 1920px */ @media (min-width: 1920px) { div#leftpanel { width: 16.66666667%; } } #leftpanel { background-color: #eee; } #leftpanel form, #leftpanel .leftMain .banner_container, #leftpanel .supplies_search, #leftpanel .adviser, #leftpanel .content, #leftpanel .accordion { background-color: #eee; } #leftpanel h3.mygreen, #leftpanel h3.mygrey, #leftpanel h3, #leftpanel .shop_page_headline h2 { background: #ccc; font-size: 14px; font-weight: bold; margin: 0 0 3px; padding: 10px; } #leftpanel h3.mygreen, #leftpanel h3.mygrey { background-image: none; border: none; color: #333; margin: 0; } #leftpanel-resizer { display: none; } #leftpanel .module { padding: 3px 5px; background-color: transparent; } #lefpanel p:not([class]) { padding: 0 5px; } #leftpanel #searchStoredDropdown { margin: 0px 4px; padding: 3px 5px; } #leftpanel #searchStoredDropdown select#searchStoredTitleList, #leftpanel #searchStoredDropdown input.bind_searchStored, #leftpanel #searchStoredDropdown div { margin: 5px 0!important; } #leftpanel #searchStoredDropdown div input { float: left; max-width: 87px; } #leftpanel #searchStoredDropdown div input.bind_searchStoredSave { border-left: 0px; border-right: 0px; } #leftpanel #searchStoredDropdown>div { display: flex; } /* JB: in low resolutions, we leave out the banner to maximize available leftpanel space for the search form */ #leftpanel.compact .leftMain { bottom: 0; } #leftpanel.compact .leftFooter { display: none; } /* Exorbyte */ .exsg_box { background-color: #fff; border: 1px solid #ccc !important; color: #000; font-family: "Roboto",sans-serif !important; font-size: 11pt !important; } .exsg_header { border-bottom: 1px solid #ccc !important; } .exsg_logo, .exsg_footer { border-top: 1px solid #ccc !important; } .exsg_cat { background-color: #ccc !important; color: #000 !important; text-align: center; } .exsg_results ul li ul li:nth-child(2n) { background-color: #eee; } .exsg_bold { background: #77d65e none repeat scroll 0 0; color: #333 !important; font-weight: normal !important; padding: 2px; } /* ASN */ #tooltip, .tooltip { position: absolute; z-index: 3000; border: none; background-color: #eee; padding: 0; opacity: 0.95; } #tooltip h3, #tooltip div, .tooltip h3, .tooltip div { margin: 0; } /* asn buttons top */ div.global div.main div.content div.result span.hit {width: 200px; text-align: right;} div.global div.main div.content div.result input {width: 130px; background-color: #ccc; border: 1px solid #ccc; color: #fff;} div.global div.main div.content div.result input.small {width: 30px; background-color: #fff; color: #333;} #leftpanel #asnMenu h3 { font-size: 14px; font-weight: bold; } #leftpanel #asnMenu h3 { margin-bottom: 3px; } #leftpanel #asnMenu h3:before { content: "\25BA "; color: #fff; } #leftpanel #asnMenu h3.open:before { content: "\25BC "; color: #fff; } #leftpanel #asnMenu h3:hover:before, #leftpanel #asnMenu h3.open:hover:before { color: #333; } /* Bind */ #leftpanel .bind_queryform .isbutton.bind_resetquery, #leftpanel .bind_queryform .isbutton.bind_submitSearch { border: 0; margin: 5px 1px; width: 49%; } #leftpanel .bind_queryform .isbutton.bind_resetquery { background: #ccc; } #leftpanel .bind_queryform .isbutton.bind_resetquery:hover { background: #aaa; } #leftpanel .bind_queryform .isbutton.bind_submitSearch:hover { background: #aaa; } /* responsible Person */ .responsiblePerson { margin: 10px 0; } .responsiblePerson > * { margin: 3px 10px; } #leftpanel .responsiblePerson > h3 { margin: 10px 0; } .responsiblePerson .contact_logo { margin: 10px 0; } .responsiblePerson .contact_infos span { display: block; } /* banner */ #leftpanel .leftMain .banner_container { position: absolute; bottom: 0; width: 100%; } #leftpanel .leftMain .bannerManager { display: block; left: 0; right: 0; height: 100px; padding: 5px 0; text-align: center; } #leftpanel .leftMain .bannerManager img { width: 185px; height: 90px; } .boxLine .box .bannerManager img, .bannercontainer_main_top .bannerManager img { width: 100%; height: auto; } #center .dashboard .boxLine > .box { display: inline-block; width: 33.333%; margin: 0; padding: 0.25%; } .bannercontainer_main_top a.bannerManager { display: inline-block; margin: 0; padding: 0.25%; } .bannercontainer_main_top .wt-banner-container { margin: 0; width: 32.33%; padding: .25%; display: inline-block; } .bannercontainer_main_top .wt-banner-container img { max-width: 510px !important; height: auto; width: 100%; } .bannercontainer_main_top a.bannerManager:first-of-type { padding-left: 0; } .bannercontainer_main_top a.bannerManager:last-of-type { padding-right: 0; } #leftpanel .leftFooter { padding: 10px 0 0; z-index: 2147483647; } /* Banner Manager / Widgets Dashboard */ .cs-widget_banner { float: left; width: 32%; text-align: center; margin: 0.5% 1%;; height: auto; } .cs-widget_banner img { width: 100%; height: auto; } .cs-widget_banner:first-of-type { margin-left: 0; } .cs-widget_banner:last-of-type { margin-right: 0; } .widget_banners, .cs-widget_banners-first_row, .cs-widget_banners-second_row { overflow: hidden; } #banners .js-widget-header { display: none; } /* Banner Manager / Reset Search */ .cs-reset-search-banners { width: 100%; max-width: 100%; } .cs-reset-search-banners .cs-search-vertical-banner, .cs-reset-search-banners .cs-search-horizontal-banner-row { float: left; text-align: center; } .cs-reset-search-banners .cs-search-vertical-banner { width: 12%; } .cs-reset-search-banners .cs-search-vertical-banner img { max-width: 120px; height: auto; width: 100%; } .cs-reset-search-banners .cs-search-horizontal-banner-row { width: 32%; text-align: center; } .cs-reset-search-banners .cs-search-horizontal-banner-row img { width: 100%; max-width: 510px; margin-bottom: 10px; } /* content */ #leftpanel .content ul { margin: 4px; font-size: 11px; } #leftpanel .content ul li { position: relative; } #leftpanel .content ul li.c { background: url(../../../img/shop_2/sprites/tree_sprite_pic.png) no-repeat 0 2px; cursor: url(../../../img/shop_2/open_folder_cursor.gif), default; } #leftpanel .content ul li.o { background: url(../../../img/shop_2/sprites/tree_sprite_pic.png) no-repeat 0 -998px; cursor: url(../../../img/shop_2/close_folder_cursor.gif), default; } #leftpanel .content ul li.l { background: url(../../../img/shop_2/sprites/tree_sprite_pic.png) no-repeat -10px -1985px; cursor: pointer !IMPORTANT; } #leftpanel .content ul li a:link, #leftpanel .content ul li a:visited { color: #333; text-decoration: none; display: block; padding: 2px 5px 4px 0; position: relative; left: 40px; } #leftpanel .content ul li a:hover { text-decoration: underline; } #leftpanel .content ul ul li { margin-left: 12px; } #leftpanel .content ul ul li a:link, #leftpanel .content ul ul li a:visited { color: #333; text-decoration: none; display: block; padding: 2px 5px 4px 0; position: relative; left: 40px; } #leftpanel .content ul ul li a:hover { text-decoration: underline; } #leftpanel .content ul ul ul li { margin-left: 15px; } #leftpanel .content ul ul ul li a:link, #leftpanel .content ul ul ul li a:visited { color: #333; text-decoration: none; display: block; padding: 2px 5px 2px 0; position: relative; left: 30px; } #leftpanel .content ul ul ul li a:hover { text-decoration: underline; } #leftpanel .content #allManufacturers li a:link, #leftpanel .content #allManufacturers li a:visited { display: block; padding: 3px 5px; background-color: #eee; border-bottom: 1px solid #fff; margin-left: 0; text-decoration: none; } #leftpanel .content #allManufacturers li a:hover { background-color: #deb; font-weight: bold; } #leftpanel .content #allManufacturers li a:active { background-color: #ccc; color: #fff; } #leftpanel .content .mytext li { background-color: #fff; list-style: circle; padding: 3px 0; } #leftpanel form { display: block; padding: 3px 5px; background-color: #eee; margin: 0 4px; } #leftpanel form label { display: block; margin: 2px 0; } #leftpanel form label span.label { width: 70px; display: inline-block; } #leftpanel form label span.large { width: 140px; display: inline-block; } #leftpanel form label input#textSearch, #leftpanel form label select { width: 125px; } #leftpanel #searchStoredDropdown { padding: 3px 8px; } /* Markus - Korrektur Left-Panel Suche IE7*/ #leftpanel .content UL { MARGIN: 4px; FONT-SIZE: 11px; position: static; } #leftpanel .content UL li ul { MARGIN: 0; } #leftpanel .content UL LI { POSITION: static; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; list-style: none outside; } #leftpanel .content UL LI SPAN { POSITION: static; WIDTH: 35px; DISPLAY: block; } #leftpanel .content UL LI A:link, #leftpanel .content UL LI A:visited { position: static; padding: 2px 5px 4px 0; display: block; color: #333; text-decoration: none; margin-left: 20px; } #leftpanel .content UL UL LI A:link, #leftpanel .content UL UL LI A:visited { position: static; padding: 2px 5px 4px 0; display: block; COLOR: #333; text-decoration: none; margin-left: 20px; } #leftpanel .content UL UL UL LI A:link, #leftpanel .content UL UL UL LI A:visited { POSITION: static; padding: 2px 5px 2px 0; DISPLAY: block; COLOR: #333; TEXT-DECORATION: none; margin-left: 20px; } #leftpanel .content UL LI A:hover { text-decoration: underline; background-color: #fff; } #leftpanel .content UL UL LI A:hover, #leftpanel .content UL UL UL LI A:hover { text-decoration: underline; background-color: #fff; } @media (max-width: 1373px) { div#leftpanel { top: 70px; } } /* EO LEFT PANEL */ /* **************************** *** RIGHT PANEL *** **************************** */ #rightpanel .ui-tabs .ui-tabs-panel { padding: 5px 8px 0px 10px !important; } #rightpanel .rightLeft { position: absolute; left: 0; width: 40px; background: none; height: auto !important; background: #ccc; top: 42%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } #rightpanel .isnumeric { font-family: 'Droid Sans Mono'; } #rightpanel .rightLeft .icon { position: relative; left: inherit; width: 40px !important; height: 40px !important; margin: 0; font-size: 20px; text-align: center; line-height: 40px; background: none !important; border-radius: 0 !important; cursor: pointer; } #rightpanel td { border-bottom: 1px solid #ccc; } #rightpanel tr:last-of-type td { border-bottom: none !important; } #rightpanel td a { text-decoration: none; } #rightpanel td a:hover { text-decoration: underline; } div#rightpanel .icon-delete::before { font-size: 14px; } #rightpanel .cartsToSelect p { font-weight: bold; } #rightpanel .cartsToSelect > p > select { margin-top: -7px; width: 60%; } #rightpanel select { font-weight: normal; font-size: 13px; display: block; height: 34px; width: 100%; padding: 6px 12px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 0; float: right; -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } #rightpanel .icon:first-of-type:before { padding: 0; } #rightpanel .toggler .icon::before { font-size: 20px; } #rightpanel .rightLeft .icon:last-of-type { margin-bottom: 0; } #rightpanel .rightLeft .icon:hover { background: #aaa !important; color: #333; } #rightpanel .rightLeft .icon.toggle_rp { position: relative; height: auto; cursor: pointer; background: #E7FAE3 !important; color: #333; } #rightpanel .rightLeft .icon.toggle_rp:hover { background: #77d65e !important; color: #333; } div#rightpanel { height: 190px; top: 37%; } #rightpanel.opened { height: auto; top: 50px; width: 587px; z-index: 9999; } #rightpanel.opened .toggle_rp { background: #77d65e !important; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } div#rightpanel.opened .rightLeft.toggler span.icon.toggle_rp.icon-arrow-left { background: #77d65e !important; } div#rightpanel.opened .rightLeft.toggler .icon { background: #000 !important; } div#rightpanel.opened .rightLeft.toggler .icon::before { color: #fff !important; } #rightpanel .rightMain { position: absolute; top: 0; bottom: 110px /* rightFooter height */; right: 0; padding-bottom: 5px; left: 40px; border-top: 1px solid #bbb; border-left: 1px solid #bbb; border-bottom: 1px solid #bbb; } #rightpanel .rightLeft { background: none; height: auto !important; background: #bbb; } #rightpanel .functions { position: sticky; left: 15px; bottom: 0px; right: 15px; background: #fff; padding-bottom: 10px; padding-top: 5px; height: auto; } #rightpanel .isbutton { display: inline-block; background: #fff !important; box-shadow: none; border: 1px solid #ccc; padding: 10px; font-size: 13px; color: #000; width: auto; margin-right: 5px; } #rightpanel .isgreen { background: #89e872 !important; box-shadow: none; border: 1px solid #89e872; padding: 10px; font-size: 13px; color: #000; width: auto; } #rightpanel .isbutton:hover { background: #eee !important; } #rightpanel .isgreen:hover { background: #71e355 !important; } #rightpanel .ui-tabs .ui-tabs-nav li a { padding: 5px 15px !important; font-size: 13px; } #rightpanel .tabs { margin-left: 30px; font-size: 11px; padding: 0; margin: 0; overflow: scroll; overflow-x: hidden; height: 87%; } #rightpanel .tabs ul li a { font-weight: bold; } #rightpanel .mainArea { overflow: auto; padding: 10px 2px 2px 2px; overflow-x: hidden; } #rightpanel .details .maintain_additional_data, #rightpanel .showNotepadDetails.maintain_additional_data, #rightpanel .details .maintain_additional_data td { background-color: #f0ad4e!important; } #rightpanel .showNotepadDetails.maintain_additional_data { border-color: #eea236; } .maintain_additional_data + tr.rp_postext.js-positionText td { background: #f0ad4e !important; } /* Rightpanel confirmation dialog */ .functions .rpconfirm, .functions .rpdialog { background: #f5f5f5 !important; padding: 5px 15px; border-radius: 3px; display: flex; justify-content: center; } .functions .rpdialog{ padding-top: 10px !important; } .functions .rpdialog span{ font-weight: bold !important; } .functions .rpconfirm input{ width: 25% !important; margin: 5px !important; font-weight: bold; } /* banner */ #rightpanel .add { position: absolute; left: 0; bottom: 0; right: 0; height: 100px; text-align: center; background-color: #ccc; padding: 5px 0; height: auto; } #rightpanel .add { background: none; } #rightpanel .add { width: 546px; left: auto; border-left: 1px solid #bbb; border-bottom: 1px solid #bbb; display: none; } #rightpanel.opened .add { display: block!important; } #rightpanel .add > div { background: #fff; margin-top: -6px; height: 111px; } #rightpanel .add img { width: 300px; height: 100px; padding-top: 8px; } #rightpanel span.priceHEK { font-family: 'Droid Sans Mono'; } /* EO RIGHT PANEL */ #rightpanel p.message { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; line-height: 30px; display: flex; font-weight: normal; justify-content: start; padding-left: 15px; border-radius: 5px; line-height: 1.5em; } #rightpanel p.message span::before { display: none; } #rightpanel p.hint { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; line-height: 30px; display: flex; font-weight: normal; justify-content: start; padding-left: 15px; border-radius: 5px; line-height: 1.5em; } #rightpanel p.hint span::before { display: none; } #rightpanel p.error { color: #a94442; background-color: #f2dede; border-color: #ebccd1; line-height: 30px; display: flex; font-weight: normal; justify-content: start; padding-left: 15px; border-radius: 5px; line-height: 1.5em; } #rightpanel p.error span::before { display: none; } .notepadDetails > a:first-child { background: #99E087; padding: 7px 25px; margin-right: 15px; font-size: 13px; border-radius: 5px; text-decoration: none; color: #000; } .notepadDetails > a:first-child:hover { background: #82d96c; color: #000; text-decoration: none; } .notepadDetails > a:first-child:before { content: "\f060"; font-family: fontAwesome; position: relative; left: -8px } .notepadDetails > a { background: #ccc; padding: 7px 35px; margin-right: 15px; font-size: 13px; border-radius: 5px; text-decoration: none; color: #000; } .notepadDetails > a:hover { background: #bbb; color: #000; text-decoration: none; } /* **************************** *** Saved basket /notepad **************************** */ #rightpanel .tab_notepad .details { position: relative; top: 14px; } #rightpanel div#tab_notepad select { float: none; } #rightpanel .saved_basket_frame { padding-top: 50px; display: block; text-align: center; } #rightpanel .saved_basket_text::before { content: ''; background-image: url("https://www.also.com/ec/cms5/media/img/shop_2/icons_30/images_4/ot_noresult.png"); width: 175px; height: 175px; display: block; margin: 0 auto; background-size: cover; margin-bottom: 20px; } #rightpanel .saved_basket_text { margin-bottom: 30px; font-size: 15px; font-weight: normal; color: #aaa; line-height: 1.3em; } #rightpanel optgroup[label] { color: #000; font-size: 15px; padding: 50px; background: #f5f5f5; height: 50px; line-height: 50px; } #rightpanel option { color: black; font-size: 12px; background: #fff; } #tab_notepad .content select option:nth-child(1) { display: none; } #tab_notepad .content select option { font-size: 13px; } #rightpanel .saved_basket_frame .isbutton { float: none; margin: 0 auto; } #rightpanel .saved_basket_frame a{ text-decoration: none !important; } #tab_notepad { font-size: 13px; } #tab_notepad .details { position: relative; top: 10px; } #tab_notepad table.normal { border-top: none; width: 100%; margin: 15px 0 0 0 !important; } #tab_notepad table.normal th.first { border-left: 1px solid #fff !important; } #tab_notepad table.normal th { border-right: 0; border-right: 0; border-bottom: 2px solid black; font-size: 13px; padding: 8px; } #tab_notepad table.normal tr:first-child, #tab_notepad table.normal td.first { border-left: 0px solid #999; } #tab_notepad table.normal td { border: none !important; border-right: 0; } #tab_notepad table.normal td { padding: 7px; } #tab_notepad table.normal tr.odd td { background-color: white; } #tab_notepad .basket_default_info { display: flex; width: 100%; justify-content: center; font-size: 13px; background: #DBEEFD; padding: 8px; font-weight: bold; font-family: 'Roboto'; color: #49A8F6; position: relative; top: -5px; } #tab_notepad .saved_basket_options { padding: 0px 0px 10px 0px; position: relative; top: -3px; display: flex; flex-direction: column; } #tab_notepad .saved_basket_left { float: left; } #tab_notepad .saved_basket_right { float: right; } #rightpanel .saved_basket_table .cell_name { font-weight: bold; } #rightpanel .saved_basket_table table { width: 100%; } #rightpanel .saved_basket_table td { border: 0; padding: 2px; } table.saved_basket_table { width: 100%; display: inline-table; margin-top: 8px; } .basket_default_info { background: #DBEEFD; padding: 5px; text-align: center; font-weight: bold; font-family: 'Roboto'; font-size: 13px; color: #49A8F6; } .saved_basket_options i { font-size: 14px; margin-left: 5px; color: #00B5E2; position: relative; top: -1px; } .saved_basket_options i:hover { cursor: pointer; } .saved_basket_options i span { visibility: hidden; width: 170px; background-color: #00B5E2; color: #fff; text-align: center; border-radius: 5px; border: 0px solid #eee; padding: 15px 15px; position: absolute; z-index: 999999999999999 !important; top: -40px; text-align: left; font-size: 13px; font-family: 'Roboto'; box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px; height: 120px; margin-left: 12px; } .saved_basket_options i:hover span { visibility: visible; } .saved_basket_options i span::after { content: ''; position: absolute; left: -10px; top: 40px; width: 0; height: 0; border-style: solid; border-width: 8px 12px 8px 0; border-color: transparent #00B5E2 transparent transparent; } /* Postext */ #tab_notepad tr.rp_postext td { padding: 0px 2px 6px 7px !important; color: #808080; } #tab_notepad input.input_postext { width: calc(100% - 40px) !important; border: 1px solid #aaa; border-radius: 3px; padding: 5px 7px; font-size: 12px !important; color: #808080; } .normal tr.odd { border-top: 1px solid #aaa; } #tab_notepad tr.odd { border-bottom: 0px solid #aaa; } #tab_notepad .normal input { width: 50px; } #tab_notepad input.input_postext:focus, #tab_notepad input.input_postext:active{ box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%); border:1px solid transparent !important; color: #000 !important; } #rightpanel #tab_notepad .rightpanel_additional_productInfo p.hint { line-height: 1.5em; margin-bottom: 5px !important; width: 95%; margin-left: auto !important; margin-right: auto !important; } #tab_notepad .content { padding-bottom: 20px; } /* **************************** *** Rightpanel Comparepool **************************** */ .comparePoolList td { padding: 7px !important; font-size: 13px; } .comparePoolList td a{ text-decoration: none; } .comparePoolList td a:hover{ text-decoration: underline; } .comparePoolList tr th{ font-weight: bold; font-size: 13px; border-bottom: 2px solid #000 !important; } .comparePoolList .main_pt { width: 98%; } /* **************************** *** CENTER AREA *** **************************** */ div#center { top: 135px; right: 4px; left: 285px; overflow-y: scroll; /* right panel overlay fix */ padding-right: 40px; } /* Maximum width of screen size 1630px */ @media (max-width: 1630px) { div#center { right: 4px; width: 78.8%; left: unset; } } /* Minimum width of screen size 1920px */ @media (min-width: 1920px) { div#center { left: 16.93%; } } /* Minimum width of screen size 1980px */ @media (min-width: 1980px) { div#center { left: 16.67%; } } /* Minimum width of screen size 2560px */ @media (min-width: 2560px) { div#center { left: 16.8%; } } /* Minimum width of screen size 3440px */ @media (min-width: 3440px) { div#center { left: 14.8%; } } #center p, #center ul { font-size: 13px; letter-spacing: 0; line-height: 1.25; margin: 10px 0; /* 10px 5px */ } #center ul li { list-style-type: square; padding: 3px 0; background-image: none; } /* Formulare */ #center form { display: block; } #center form label { float: left; } #center form input[type="text"], #center form input[type="password"] { border: 1px solid #999; } #center form textarea { border: 1px solid #999; } #center input[type="text"], #center input[type="password"] { border: 1px solid #ccc; margin-top: 1px; vertical-align: top; } #center textarea { border: 1px solid #999; vertical-align: top; margin-top: 1px; width: 400px; } #center input[type="text"]:focus, #center input[type="password"]:focus { border: 1px solid #ccc; } #center textarea:focus { border: 1px solid #ccc; } #center input.qnty { width: 40px; } #center input.isnumeric { width: 60px; text-align: right; } #center input.iscomment { width: 95%; } /* printbox */ form.printBox { display: block; font-size: 12px; margin: 50px auto; width: 80%; border: 1px solid #999; padding: 10px; background-color: #fefefe; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; overflow: auto; } form.printBox label span.label { width: 300px; display: inline-block; } form.printBox label span.large { width: 500px; display: inline-block; } form.printBox label { display: block; margin: 2px 0; } /* leftpanel navigation */ .mmenu { margin: 0; padding: 0; } .mmhead { color: #fff; font-weight: bold; font-size: 9pt; display: block; background-color: #A4CC59; padding: 4px 0 4px 10px; text-decoration: none; } .sf-menu { display: none; } /* CK /ec/cms2/1010/admin/configService.do */ .configuration_admin label { display: inline-block; width: 140px; } .configuration_admin .huge { display: inline-block; width: 400px; } /* JB order tracking */ table#ordertracking { width: 100%; } iframe.fullfill {width: 100%;} /* gtc confirmation mail hack */ textarea.agb_text { width: 1000px; height: 500px; } /* manufactorer dropdown: don't exceed form box due to long manufacturer name */ div.supplies_search select { width: 100%; } /* flowplayer gui representation */ .flowplayer { display:block;width:400px;height:300px; } /* hhuger symantecLicenseConfigurator */ div.symantecLicense {width:100%; padding-left: 3px;} div.symantecLicense div.headline h2{text-align: left; font:bold 11pt Arial; padding-bottom: 10px;} div.symantecLicense div.search {padding-left: 3px;} div.symantecLicense div.search fieldset {border-style:groove; border-width:1px; margin:2px; padding-top: 10px; padding-bottom: 10px;} div.symantecLicense div.search fieldset legend {padding-left: 5px;} div.symantecLicense div.search div.left div label{float:left; width:150px; height:10px; padding: 5px;} div.symantecLicense div.search div.left div label img{display:none;} div.symantecLicense form div.check {padding-left:3px;} div.symantecLicense form div.check p {padding-top: 5px; padding-bottom: 5px;} div.symantecLicense form div.check div {display:inline;} div.symantecLicense form div.check div input {width: 230px;} div.symantecLicense form div.check ul li {padding-left:5px; padding-bottom:2px;padding-top:2px;} div.symantecLicense form div.userdata {width:600px;} div.symantecLicense form div.userdata span {float:left;} div.symantecLicense form div.userdata span label {width: 200px; float: left;} div.symantecLicense form div.userdata span input {width: 300px; float: left;} div.symantecLicense form div.userdata span input.plz {width: 50px; } div.symantecLicense form div.userdata span input.city{width: 246px; } div.symantecLicense form div.userdata p {padding-top: 5px; padding-bottom: 5px;;font:bold 10pt Arial;} /* BR Bonusclub all */ .bonusClubOuterTable { width:100%; margin-bottom:5px;} .bonusClubOuterTable .linkTop { padding:5px 10px 0 0; text-align:right; } .bonusClubOuterTable .textBottom { padding-bottom:10px; } .bonusClubOuterTable .innerTableOne { width:100%; margin-left:5px; margin-right:5px; } .bonusClubOuterTable .contentOne { text-align:right; padding-right:10px; } .bonusClubOuterTable .link { cursor:pointer;} .bonusClubOuterTable .contentTwo { padding-bottom:10px; } .bonusClubOuterTable .resultDataSet { width:100%; padding: 0 10px; } .bonusClubOuterTable .resultDataSet .resultDataSetTable { width:100%; } .bonusClubOuterTable .resultDataSet .resultDataSetTable .resultText { text-align:center; } .bonusClubOuterTable .contentThree { padding-left:10px; } .bonusClubOuterTable .contentFour { width:100%; padding-bottom:5px; } .bonusClubOuterTable div#selectManufacturerLayer { font-size:9pt; height:19px; padding: 1px 0 0 4px; position:absolute; vertical-align:middle; visibility:hidden; width: 150px; } .bonusClubOuterTable .contentFive { width:100%; padding: 0 10px;} .bonusClubOuterTable .resultDataTableTwo { width:100%; } .bonusClubOuterTable .contentSix { padding-top:5px; text-align:right;} .bonusClubOuterTable .contentSeven { padding-top:10px; padding-left:0px;} .bonusClubOuterTable .contentEight { text-align:center; } .bonusClubOuterTable .contentNine { padding: 5px 10px 0 0px; text-align:right; } .bonusClubOuterTable .innerTableThree {margin-left:5px; margin-right:5px; } .bonusClubOuterTable .contentTen { width:45%; height:100%; padding: 0 10px; } .bonusClubOuterTable .contentEleven { width:100%; height:100%;} .bonusClubOuterTable .bold { font-weight: bold; } .bonusClubOuterTable .right { text-align: right; } .bonusClubOuterTable .center { text-align: center; } .bonusClubOuterTable .contentTwelve { width:25%; height:100%; } .bonusClubOuterTable .contentThirteen { width:70%; vertical-align:top; padding: 0 10px; } .bonusClubOuterTable .contentFourteen { padding: 10px 10px 0 10px; } .bonusClubOuterTable .contentFiveteen { width:100%; padding-right:10px; padding-bottom:5px; } .bonusClubOuterTable .contentSixteen { width:100%; padding-bottom:10px; } .bonusClubOuterTable .bcPointBox { float: left; width: 120px; margin: 3px; } .bonusClubOuterTable .bcLogo { margin-top: 3px; margin-bottom: auto; margin-right: 2px; } .bonusClubOuterTable .sublineTwoAdv { padding: 0 5px 10px 10px; } .bcInfoEventHeadline { float:left; } .bcInfoEventHeadline div { width: 500px; } .bcMaterialResultTable { width:100%; margin-top:10px; margin-bottom:10px; } /* BR deep copy bonus club info event */ #logo {text-align:right; padding-right:5px; padding-top: 10px; } #event { clear:left; text-align:left; padding-left:5px; margin-bottom: 10px; font-size:10pt; } #box_left { float:left; border: 1px solid #ccc; margin-bottom: 10px; width: 250px; } #box_right { float: right; height: 250px; width: 250px; margin-bottom: 10px; border: 1px solid #ccc; } #headline_box { text-align: center; background-color: #ccc; color: #fff; font-weight: bold; } #points { color: #000; float: left; font-size: 14px; font-weight: bold; padding-top: 5px; width: 125px; } #price { float: right; font-size: 12px; font-weight: bold; padding-top: 5px; width: 125px; } #cart { clear: both; font-size: 13px; font-weight: bold; padding-top: 5px; width: 250px; } #cartIcon {padding-top:1px; padding-left: 10px; padding-right:5px;} #footer { text-align:left; clear:both; padding-left:5px; margin-top: 10px; margin-bottom: 10px; width:620px; font-size:10pt; } td.list1 { font-size: 8pt; padding-left: 3px; text-align: left; vertical-align: top; background-color: #fff; border:1px solid #eee; } td.list2 { font-size: 8pt; padding-left: 3px; text-align: left; vertical-align: top; background-color: #DAE3E4; border:1px solid #eee; } /* HH Konfigurierbare preislisten*/ .ftp{float:left;padding-bottom:10px;padding-left:10px;padding-right:10px;padding-top:10px;width:99%;} .ftp span {clear:left;float:left;padding-top:5px;} .ftp .admindata{width:100%;} .ftp label{clear:both;float:left;padding-top:5px;width:40%;} .ftp .headline2 {background-color:#deb;width:99%; color:#000;font-size:10pt;font-weight:bold;padding-bottom:5px;padding-left:5px;padding-right:5px;padding-top:5px;text-align:left;vertical-align:top;} /* feedback box. box fuer left oder rightpanel, mit mailformular */ div.feedback p { text-align: justify; width: 95%; } /* buttons on configuration_view page */ div.content div.textbox { text-align: center; } /* BR 12.06.2010 notepad */ div.logoUploadHelp {font-size: 12px;} div.logoUploadHelp h1 {font-size: 14px;} div.logoUploadHelp p {margin: 10px 0;} div.logoUploadHelp ul {} div.logoUploadHelp ul li {} fieldset.notepad div.propertyDiv {float:left; width:50%;} fieldset.notepad div.propertyDiv2 {text-align:right; padding: 5px 5px 0 5px;} div.tabCategories ul li {width:200px; cursor:pointer; margin-top:3px; } fieldset.notepadAdv { clear:both; } fieldset.notepadAdv div.tabBox { clear:both; } fieldset.notepadAdv table { clear:both; } .notepadDetailsSelectTodo { cursor:pointer; } input.notepadDetailsSelectKeyDown { width:100px; } td.notepadding { padding-left:5px; } .notepaddtop { padding-top:5px; } .notetalpadd {text-align:right; padding: 5px 0; } .ndskd2 { width:30px; } .ndskd3 { width:150px; } .ndskd4 { width:40px; } .ndskd5 { width:50px; } .ndskd6 { width:100px; } .ndskd7 { width:120px; } .ndskd8 { width:200px; } .ndskd9 { width:300px; } .ndskd10 { width:450px; } .ndskd11 { width:220px; } td.commenttalr { text-align:right; } .talrpaddr { text-align:right; padding-right:3px; } .tarpadd { text-align:right; padding: 1px 0; } .talrpadd { text-align:right; padding: 5px 10px; } .wtalrpaddr { width:50px; text-align:right; padding-right:3px; } .fwfleft { width: 49%; float:left; } .clearb { clear:both; } .cleft { clear:left; } .dfleftpadd { float:left; padding: 1px 0; } .dfrightpadd { padding: 1px 0; text-align: right; } .dfleftpaddr { float:left; padding-right: 10px; } .wfleft {width:62px;float:left; } .pointer {cursor:pointer;} .fleft { float:left; } .fright { float:right; } .flpadd { float:left; padding: 1px 0px 2px 0px } .fleftw47 { float:left; width: 47%; } .fleftw70 { float:left; width: 70%; } .fleftw200 { float:left; width: 200px; } .talrpaddr5 {text-align:right; padding:5px;} .talclearbpaddr { text-align:left; clear:both; padding-right:5px; } .talfzpaddl { text-align:left; font-size:9pt; padding-left:5px; } .talrpadd25 {padding: 2px 5px; text-align: right;} div.logoCorrect { background-color: #9c3; border: solid 1pt #000; width: 49%; } div.logoIncorrect { background-color: #f66; border: solid 1pt #000; width: 49%;} div.logoWarning { background-color: #ff0; border: solid 1pt #000; width: 49%; } .talclearb {text-align:left; clear:both;} .padd { padding: 1px 0; } .colbackgr { color:#fff; background-color:#036; } .paddtal { padding:5px;text-align:left; } .vertalop { vertical-align:text-top; } .w200fleft { width:200px;float:left } /* HH FTS BTO Fileupload*/ .fsc_bto .even{background-color:#eee;font-size:8pt;padding-bottom:3px;padding-left:3px;padding-right:3px;padding-top:3px;width:15px;} .fsc_bto .odd{background-color:#fff;font-size:8pt;padding-bottom:3px;padding-left:3px;padding-right:3px;padding-top:3px;width:15px;} .fsc_bto .matno{width:50px; } .fsc_bto .desc{width:200px;} .fsc_bto .button{margin-left: 80px;padding-left:3px;padding-right:3px;padding-top:3px;} /* BR: Schnellerfassung + Dateiupload der Schnellerfassung */ /* Breite aller Mengeneingabefelder in der Schnellerfassung */ div.cartFastorder div.small { width:25px; } /* Rahmenabstand Inhalt Dateiupload f�r die Schnellerfassung */ div.fastorder div { padding-left: 5px; } /* BR: Bonusclubbox 31.05.2010 */ /* Ausrichtung der Tabelle über ein umgebenes div */ .bonusclubbox div div { float: left; width: 120px; margin: 3px; } /* Bonusclubimage , Klasse nic ht ver�ndern, wird im js �ber load event verwendet */ .bonusclubbox img.bciImage { margin-top: 3px; margin-bottom: auto; margin-right: 2px; } /* Testausrichtung der Punkte */ .bonusclubbox table#bcPunktestand tbody tr td.right { text-align: right; } /* BR 01.06.2010 mcp_mini_snippet Liste der Aktionsartikel */ /* Erste Tabelle auf der Seite mit den Aktionskopfdaten wie G�ltigkeitsdauer */ .mcpHeader { width: 100%; } /* Breite der oberen Zeile eines Tabelleneintrags f�r die Verf�gbarkeit */ .plResultTable tr.oben td.mcpAvailable { width: 50px; } /* letzte element in der oberen Zeile */ .plResultTable tr.oben td.last { padding: 2px; } /* input fix */ #configIdDescription { width: 400px; } #center .columnleft { float: left; margin-right: 20px; } #center td.imgcol div { position: relative; top: 0; left: 0; } /* Bonusclub Points if lanugage switch */ #center td.imgcol .bcpunkte { background: url(../../../img/shop_2/bonusclub_new/bcpunkte_en_pic.png) no-repeat top left; width: 71px; height: 85px; position: absolute; bottom: 0; right: 0; display: block; color: #000; font-weight: bold; text-align: center; padding-top: 44px; font-family: 'rois_medium'; font-size: 9px; text-decoration: none; letter-spacing: 0.3em; } #center td.imgcol .bcpunkte_1010_de { background: url(../../../img/shop_2/bonusclub_new/bcpunkte_de_pic.png) no-repeat top left; } #center td.imgcol .bcpunkte_1010_en { background: url(../../../img/shop_2/bonusclub_new/bcpunkte_en_pic.png) no-repeat top left; } #center td.imgcol .bcpunkte_6110_de { background: url(../../../img/shop_2/bonusclub_new/bcpunkte_de_pic.png) no-repeat top left; } #center td.imgcol .bcpunkte_6110_fr { background: url(../../../img/shop_2/bonusclub_new/bcpunkte_en_pic.png) no-repeat top left; } #center td.imgcol .bcpunkte_5710_fi { background: url(../../../img/shop_2/bonusclub_new/bcpunkte_5710_fi_pic.png) no-repeat top left; } #center td.imgcol .bcpunkte_5710_en { background: url(../../../img/shop_2/bonusclub_new/bcpunkte_en_pic.png) no-repeat top left; } #center td.imgcol .bcpunkte_5110_et { background: url(../../../img/shop_2/bonusclub_new/bcpunkte_5110_et_pic.png) no-repeat top left; } #center td.imgcol .bcpunkte_5110_en { background: url(../../../img/shop_2/bonusclub_new/bcpunkte_en_pic.png) no-repeat top left; } #center td.imgcol .bcpunkte_5210_lv { background: url(../../../img/shop_2/bonusclub_new/bcpunkte_5210_lv_pic.png) no-repeat top left; } #center td.imgcol .bcpunkte_5210_en { background: url(../../../img/shop_2/bonusclub_new/bcpunkte_en_pic.png) no-repeat top left; } #center td.imgcol .bcpunkte_5310_lt { background: url(../../../img/shop_2/bonusclub_new/bcpunkte_5310_lt_pic.png) no-repeat top left; } #center td.imgcol .bcpunkte_5310_en { background: url(../../../img/shop_2/bonusclub_new/bcpunkte_en_pic.png) no-repeat top left; } #center td.imgcol .bcpunkte_5850_hu { background: url(../../../img/shop_2/bonusclub_new/bcpunkte_5850_hu_pic.png) no-repeat top left; } #center td.imgcol .bcpunkte_5860_ro { background: url(../../../img/shop_2/bonusclub_new/bcpunkte_5860_ro_pic.png) no-repeat top left; } #center td.imgcol .bcpunkte_2320_nl { background: url(../../../img/shop_2/bonusclub_new/bcpunkte_nl_pic.png) no-repeat top left; } #center td.imgcol .bcpunkte_2320_fr { background: url(../../../img/shop_2/bonusclub_new/bcpunkte_en_pic.png) no-repeat top left; } #center td.imgcol .bcpunkte_2420_nl { background: url(../../../img/shop_2/bonusclub_new/bcpunkte_nl_pic.png) no-repeat top left; } #center td.imgcol .bcpunkte_2420_de { background: url(../../../img/shop_2/bonusclub_new/bcpunkte_de_pic.png) no-repeat top left; } #center td.imgcol .bcpunkte_2420_fr { background: url(../../../img/shop_2/bonusclub_new/bcpunkte_en_pic.png) no-repeat top left; } #center td.imgcol .bcpunkte_2420_en { background: url(../../../img/shop_2/bonusclub_new/bcpunkte_en_pic.png) no-repeat top left; } #center td.imgcol .bcpunkte_2420_es { background: url(../../../img/shop_2/bonusclub_new/bcpunkte_en_pic.png) no-repeat top left; } #center td.imgcol .bcpunkte_2420_pt { background: url(../../../img/shop_2/bonusclub_new/bcpunkte_en_pic.png) no-repeat top left; } #center td.imgcol .bcpunkte_2400_nl { background: url(../../../img/shop_2/bonusclub_new/bcpunkte_nl_pic.png) no-repeat top left; } #center td.imgcol .bcpunkte_2200_de { background: url(../../../img/shop_2/bonusclub_new/bcpunkte_de_pic.png) no-repeat top left; } #center td.imgcol .bcpunkte_5820_sl { background: url(../../../img/shop_2/bonusclub_new/bcpunkte_5820_sl_pic.png) no-repeat top left; } #center td.imgcol .bcpunkte_5830_hr { background: url(../../../img/shop_2/bonusclub_new/bcpunkte_5830_hr_pic.png) no-repeat top left; } #center td.imgcol .bcpunkte_5840_sk { background: url(../../../img/shop_2/bonusclub_new/bcpunkte_5840_sk_pic.png) no-repeat top left; } #center td.imgcol .bcpunkte_5845_cs { background: url(../../../img/shop_2/bonusclub_new/bcpunkte_5845_cs_pic.png) no-repeat top left; } /* */ #center .cart_type_selection.tabs { margin-bottom: 0; } #center .tabs { border: 1px solid #ccc !important; clear: left; margin-bottom: 20px; padding: 0; } #center .tabs table.main_tech { width: 100%; border: none; } #center .tabs table.main_tech tr td:first-child { width: 30%; } #center .tabs table.main_tech p { font-size: 10px; color: #999; } #center .tabs table.main_tech p a { display: block; text-align: center; } #center .tabs p { margin: 5px; } #center .ui-tabs-panel { padding: 1px 0 0; } #center .ui-tabs-panel > p { padding: 5px; } #center .ui-tabs { padding: 0; border-top: none; border-color: #aaa; } #center .ui-corner-all { } #center .ui-widget-header { background-image: url(../../../img/shop_2/h_bg_grau_pic.png); border: none; } #center .ui-tabs .ui-tabs-nav { border-bottom: 1px solid #aaa; border-top: 1px solid #aaa; } #center .ui-tabs .ui-tabs-nav li { border: none; background-image: none; background-color: #eee; } #center .ui-tabs .ui-tabs-nav li.ui-state-active { background-image: none; background-color: #fff; } #center .ui-tabs .ui-tabs-nav li a { padding: 2px 20px; color: #333; } #center .ui-widget-content { background: none; background-color: #fff; line-height: 15px; } #center ul { margin: 5px 0 5px 20px; padding: 0; } #center ul li ul li { list-style-type: circle; } #center ul li ul li ul li { list-style-type: square; } /* Tabs Padding Fix */ #center .ui-tabs .ui-tabs-nav li a { padding: 5px 25px !important; } /* Kategorie Uebersicht */ #center .categories_summary ul li { margin: 3px; padding: 0; background-color: #eee; display: block; list-style: none; } #center .categories_summary ul li a:link, #center .categories_summary ul li a:visited { display: block; color: #000; text-decoration: none; padding: 3px; } #center .categories_summary ul li a:hover { background-color: #ccc; color: #fff; } #center .categories_summary ul li ul li { background-color: #ddd; } #center .categories_summary ul li ul li ul li { background-color: #ccc; } #center .tabs #images a img { width: 55px; display: block; float: left; margin: 10px; border: 1px solid #fff; } #center .tabs ul li { border: none; } /* CK: Offene Posten */ .openitem-registration span.label { display: inline-block; width: 160px; } .openitem-registration h2 {font-weight: bold} @media (max-width: 1373px) { div#center { top: 120px; } div#center { right: 4px; } } /* EO CENTER AREA */ /* **************************** *** ASN *** **************************** */ /* JB: lightweight ASN */ #asnMenu select { width: 100%; } /* JB: needed for lightweight ASN, where the accordion does not set panel heights */ #asnMenu .isLoading, #asnMenu .ajaxFailed { min-height: 100px; } /* */ #productList { overflow: auto !IMPORTANT; } #productList .match { background-color: #fe0; color: #333; padding: 0; } /* JB: avoid unneccessary scrollbar displayed by IE7 (the correct scrollbar is the one for the nested element div#productlist */ * + html .productsearchlist { overflow: hidden !important; } .productsearchlist .breadcrumb { margin-left: 30px !IMPORTANT; margin-right: 30px !IMPORTANT; } .productsearchlist #content { padding: 0; margin: 0 -10px; /*-- 0 --*/ } .productsearchlist #productListTable { margin: 5px 0 0 !IMPORTANT; } #listHeader h3 { margin: 5px 0 0; } a.openFilter { float: none !IMPORTANT; } span#myfilter { left: 0 !Important; top: 0 !Important; display: block; padding: 5px; } span#myfilter #editFilter { margin-right: 0 !Important; } #lp_detail { overflow: hidden; } #filters .icon, #foundAttributes .icon, #lp_detail .icon { float: left; } #filters li, #foundAttributes li, #lp_detail li { clear: left; } #lp_detail li { line-height: 24px; } #lp_detail li .icon { margin-right: 5px !important; } #lp_detail .icon { margin: -2px 0 0 -2px; padding-right: 10px; } .lv_ms { display: block !IMPORTANT; line-height: 22px !IMPORTANT; padding: 0 !IMPORTANT; } .lv_ms:hover { background-color: transparent !IMPORTANT; } #filtersDialog .ui-tabs-nav a { width: auto !IMPORTANT; } #filtersDialog .ui-tabs-panel { height: 100%; } #filtersDialog .ui-tabs-panel li { width: 47% !IMPORTANT; line-height: 1.5; } #filtersDialog .ui-tabs-panel li input { border: 1px solid #999; margin: 5px; float: left; } #filtersDialog .ui-tabs-panel li label { display: block; margin-left: 25px; } .ui-slider-label { margin-left: -5px !IMPORTANT; } #b_ie7 #filtersDialog .ui-tabs-nav { width: 220px !IMPORTANT; } #b_ie7 #filtersDialog .ui-tabs-nav li { width: 90% !IMPORTANT; } .found { background-color: #deb; } .notfound { background-color: #fbb; } .debuginfo { padding: 0; border: 3px solid #ccc; } .debuginfo .ui-dialog-buttonpane { background-color: #eee; } /* JB ASN 1.5 */ .dropdown { /*width: 100%;*/ margin: 5px 0 !IMPORTANT; } .dd_viewer #allCategories, .dd_viewer #allCategories ul { background-color: #fff; } .dd_viewer #allCategories ul { position: relative !IMPORTANT; left: -20px; } .dd_opener, .dd_viewer, .dd_ud, .dd_search, #leftpanel .content #allCategories ul ul li a:link, #leftpanel .content #allCategories ul ul li a:visited { margin-left: 10px !IMPORTANT; } .dd_search { border: 1px solid #ccc; width: 190px; margin: 10px 4px; padding: 2px 3px; font-size: 11px; } .dd_opener { position: relative; overflow: hidden; line-height: 20px; padding: 0; background: #ddd; border: 0; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); cursor: pointer; margin-left: 0 !Important; } .dd_text { margin-right: 25px; padding: 3px 5px 0; overflow: hidden; white-space: nowrap; } .dd_ud { float: right; border: none; width: 16px; height: 16px; background: none; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); margin-left: 0 !important; margin-top: 0px !important; padding: 5px; line-height: 16px; border-radius: 0 !important; background: #999; color: #fff; } .dd_ud:before { padding-left: 4px; font-size: 8px; content: "\E00F"; font-family: "streamline-also"; } .dd_viewer { position: absolute; top: 35px; left: 0; width: 100%; height: 200px; overflow: auto; z-index: 1; margin: 2px 0 0 !Important; padding: 0; border: 1px solid #ccc; background-color: #fff; display: none; overflow-x: hidden; } /* entfernt die horizontalen Scrollbalken */ .dd_opened .dd_ud { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); background: #999; } .dd_opened .dd_viewer { display: block; } .dd_list { margin: 0; padding: 0; list-style: none; background-color: #fff; } .dd_list li { display: block; overflow: hidden; line-height: 16px; padding: 7px 5px; border-top: 2px solid #fff; } .dd_list li.checked, .dd_list li:hover { background-color: #aaa; } .dd_list input { display: block; float: left; position: relative; top: 2px; } .dd_list label { display: block; cursor: pointer; margin-left: 20px !IMPORTANT; } .dd_footer { background: #fff; border: 1px solid #ccc; position: absolute; z-index: 2; display: none; } .dd_footer div { padding: 5px 6px; } .dd_opened .dd_footer { display: block; } #searchKeywords { width: 95%; padding: 1px 0 2px 5px; } .searchDetails li { border: none !Important; overflow: hidden !Important; } .preceding { display: block; float: left; margin-left: 20px !Important; width: 80px; } .searchDetails input[type="text"] { width: 80px !Important; } .searchDetails input[type="checkbox"] { float: left; display: block !Important; margin-top: 6px; } .succeeding { margin-left: 20px !Important; display: block; } #b_ie7 #leftpanel .content .bind_queryform { margin: 0; width: 95%; } #b_ie7 #asnMenu div.content { overflow: visible; } .dd_viewer #allCategories li.l { padding-left: 20px !Important; } .dd_viewer #allCategories li a { font-weight: normal; } .dd_viewer #allCategories li.s a { font-weight: bold; background-color: #fff !Important; } .dd_viewer #allCategories li.s li a { font-weight: normal; } .dd_viewer #allCategories li.s li.s a { font-weight: bold; } .dd_viewer #allCategories li.s li.s li a { font-weight: normal; } .dd_viewer #allCategories li.s li.s li.s a { font-weight: bold; } /* **************************** *** TREEWIDGET *** **************************** */ /* ASN 1.5 Treewidget */ /* Treewidget Reset */ #leftpanel #asnMenu .treewidget { margin: 0 !important; padding: 0 10px !important; background: none !important; text-decoration: none !important; top: 0 !important; left: 0 !important; border: none !important; font-weight: normal !important; background-color: #fff !IMPORTANT; } #leftpanel #asnMenu .treewidget ul, #leftpanel #asnMenu .treewidget li { margin: 0 !Important; padding: 0 !Important; background: none !IMPORTANT; text-decoration: none !IMPORTANT; top: 0 !IMPORTANT; left: 0 !IMPORTANT; border: none !IMPORTANT; font-weight: normal !IMPORTANT; } #leftpanel #asnMenu .treewidget a { margin: 0 !Important; padding: 0 !Important; background: none !IMPORTANT; text-decoration: none !IMPORTANT; top: 0 !IMPORTANT; left: 0 !IMPORTANT; border: none !IMPORTANT; font-weight: normal !IMPORTANT; } #leftpanel #asnMenu .treewidget a:link, #leftpanel #asnMenu .treewidget a:visited, #leftpanel #asnMenu .treewidget a:active, #leftpanel #asnMenu .treewidget a:hover { margin: 0 !Important; padding: 0 !Important; background: none !IMPORTANT; text-decoration: none !IMPORTANT; top: 0 !IMPORTANT; left: 0 !IMPORTANT; border: none !IMPORTANT; font-weight: normal !IMPORTANT; } #leftpanel #asnMenu .treewidget li { background: #fff url(../../../img/shop_2/sprites/tree_sprite_asn15_pic.png) -300px 0 no-repeat !important; padding-left: 27px !IMPORTANT; line-height: 18px !IMPORTANT; } #leftpanel #asnMenu .treewidget > li.l { background-position: 0 0 !IMPORTANT; } #leftpanel #asnMenu .treewidget > li.o { background-position: -600px 0 !IMPORTANT; } #leftpanel #asnMenu .treewidget > li li { background-position: -1200px 0 !IMPORTANT; position: relative; left: -10px !IMPORTANT; } #leftpanel #asnMenu .treewidget > li li.l { background-position: -900px 0 !IMPORTANT; } #leftpanel #asnMenu .treewidget > li li.o { background-position: -1500px 0 !IMPORTANT; } #leftpanel #asnMenu .treewidget > li li li.l { background-position: -1800px 0 !IMPORTANT; padding-left: 17px !IMPORTANT; padding-bottom: 3px !IMPORTANT; line-height: 18px !IMPORTANT; } #leftpanel #asnMenu #asnFoundCategoriesMenuTabContent .treewidget > li li li.l { padding-left: 28px !IMPORTANT; } #leftpanel #asnMenu .treewidget li.c > ul { display: none !IMPORTANT; } #leftpanel #asnMenu .treewidget li.o > ul { display: block !IMPORTANT; } #leftpanel #asnMenu .treewidget li.s a { font-weight: bold !IMPORTANT; } #leftpanel #asnMenu .treewidget li.s li a { font-weight: normal !IMPORTANT; } #leftpanel #asnMenu .treewidget a:hover { text-decoration: underline !IMPORTANT; } #leftpanel #asnMenu .treewidget#productTree li { background: none!important; white-space: nowrap; } #leftpanel #asnMenu .treewidget#productTree li i { display: none; } #leftpanel #asnMenu .treewidget#productTree li::before { font-family: "streamline-also"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; text-transform: none; margin-right: 5px; display: inline-block; color: #666; font-size: 8px; } #leftpanel #asnMenu .treewidget#productTree li.o::before { content: "\E0DE"; transform: rotate(45deg); } #leftpanel #asnMenu .treewidget#productTree li.c::before { content: "\E0DE"; color: #999; } #leftpanel #asnMenu .treewidget#productTree li:hover.c::before { content: "\E0DE"; color: #666; } #leftpanel #asnMenu .treewidget#productTree li.l::before { content: "\E0E0"; color: #999; } #leftpanel #asnMenu .treewidget#productTree li.l:hover::before { content: "\E0E0"; color: #666; } #leftpanel #asnMenu .treewidget#productTree li a { display: inline-block; } /* eo Treewidget Reset */ /* OM: Fix fuer POC3 bei gefundenen Kategorien */ /* eo ASN 1.5 Treewidget */ /* **************************** *** TREEVIEW *** **************************** */ /* treeview >>> */ ul.treeview { font-size: 12px; cursor: pointer; margin-left: 0; padding-left: 0; margin-right: 0; padding-right: 0; } ul.listview { } ul.treeview a, ul.listview a { font-size: 11px; color: #000; text-decoration: none; display: inline-block; padding: 0; } ul.treeview a.restricted, ul.listview a.restricted { color: #d00; } ul.treeview a:hover, ul.listview a:hover { background-color: inherit; color: #000; text-decoration: underline; } ul.treeview li { color: #000; list-style-position: inside; /* wichtig fuer IE ! */ list-style-type: none; list-style-image: none; padding-left: 10px; margin: 5px; margin-right: 0; } ul.treeview li.o a { font-weight: bold; } ul.treeview li.o ul li a { font-weight: normal; } ul.treeview li.o ul li.o a { font-weight: bold; } ul.treeview li.o ul li.o ul li a { font-weight: normal; } ul.treeview li.o ul li.o ul li.s a { font-weight: bold; } ul.treeview ul { margin-left: 0; padding-left: 0; } ul.treeview li.c { color: #000; cursor: url(product_search/folder-open.png), crosshair; background-image: url(product_search/folder-closed.png); background-repeat: no-repeat; padding-left: 20px; } ul.treeview li.c ul { display: none; } ul.treeview li.o { color: #000; cursor: url(product_search/folder-close.png), crosshair; background-image: url(product_search/folder-opened.png); background-repeat: no-repeat; padding-left: 20px; } ul.treeview li.l { /* leaf node (with no children) */ } ul.treeview li.s a { background-color: #deb; } /* selected list item : */ /* <<< treeview */ #asnMenu { overflow: hidden; } #asnMenu div.content { overflow: auto; } #appliedFilter li { list-style-position: inside; list-style-image: url(product_search/delete-small.png); cursor: pointer; } #appliedFilter li a { text-decoration: none; } #appliedFilter li a:hover { border: thin solid #000; } form.productSearchForm { display: block; margin: 0; padding: 0; height: 100%; } .dialogtab { display: block; width: 100%; } #filtersDialog { overflow: hidden; } #myDialogList { height: 400px; width: 240px; overflow-y: scroll; overflow-x: hidden; background-image: none; } .myDialogValue { float: left; width: 49%; } .myDialogRight { height: 380px; overflow-y: scroll; overflow-x: hidden; width: 504px; padding: 0; margin: 0; } form.productSearchForm { display: block; margin: 0; padding: 0; height: 100%; } #filtersDialog { overflow: hidden; } #filtersDialog .ui-tabs-nav { height: 400px; width: 240px; overflow-y: scroll; overflow-x: hidden; background-image: none; } #filtersDialog a.restricted { color: #d00; } #filtersDialog .ui-tabs-nav a { display: block; width: 100%; } #filtersDialog .ui-tabs-panel { width: 530px; height: 400px; overflow-y: scroll; overflow-x: hidden; padding: 0; margin: 0; } #filtersDialog .ui-tabs-panel li { float: left; width: 48%; background-color: #eee; margin: 2px; padding: 2px; overflow: hidden; } #filtersDialog ul li.ui-selecting { background-color: #ccc; } #filtersDialog ul li.ui-selected { background-color: #390; color: #fff; } #filtersDialog ul li.na { background-color: #fbb; } #filtersDialog ul li span { font-size: xx-small; } #filtersDialog fieldset { border: thin solid; } #filtersDialog fieldset > span { display: block; } #ui-dialog-title-filtersDialog { width: 100%; } #ui-dialog-title-filtersDialog span.availMaterialCount { float: right; margin-right: 40px; font-weight: bold; } /* EO TREEVIEW */ /* **************************** *** PRODUCT LIST *** *** PRODUCT SEARCH *** **************************** */ /* */ #center #productListTable tr.size-row { min-height: 35px; } /* JB search result highlighting */ #productList .match { background: #8ae873 none repeat scroll 0 0; color: #333; font-weight: normal; padding: 2px; } #productList #productListTable .groupHeadline td { background-color: #555; color: #fff; } /* ausgeschoepfte bundles in rot anzeigen*/ .bundle_avail_0 { background-color: #fbb; } /* result-list adjustments */ #resultContent tr.odd td { background-color: #ccc; } #resultContent tr.even td { background-color: #eee; } /* image hover effect */ #resultContent a img.large { display: none; } #resultContent a:hover img.large { display: block; position: absolute; border: 2px solid #ccc; } table.producttable { width: 800px; } .main_pt { background-color: #fff; border-collapse: collapse; clear: right; empty-cells: show; margin: 7px; width: 100%; } html .main_pt td, html .main_pt th { background-color: #fff; border-bottom: 1px solid #ccc; padding: 7px; vertical-align: top; } .main_pt th { border-bottom: 1px solid #333; font-weight: bold; text-align: left; } html .main_pt .headline th { border-bottom: 1px solid #333; } .main_pt td { line-height: 150%; padding: 1px 3px 3px; background: #fff; } .main_pt .oben th { border-top: 1px solid #999; border-right: 1px solid #999; border-bottom: none; } .main_pt .oben td { border-bottom: none; } .main_pt .oben td .main_pt .oben td.hek { white-space: nowrap; } .main_pt a:hover { border-bottom-style: solid; } .main_pt a:active { color: !IMPORTANT; } .main_pt td a:hover { border-bottom-style: solid; } .main_pt td a:active { color: !IMPORTANT; } .main_pt .unten td { border-bottom: 1px solid #ccc; line-height: 100%; padding: 10px 5px 5px; text-align: left; vertical-align: bottom; white-space: nowrap; } .main_pt .unten td .icon { font-size: 16px; } .main_pt .comment td { border-bottom: 1px solid #999; } .main_pt td.listpreis { font-weight: bold; } .main_pt td.mainimg { padding: 0; text-align: center; } .main_pt td.mainimg a { border: none !IMPORTANT; } .main_pt td.vcenter { vertical-align: middle; } .main_pt td.bordbot { border-bottom: 1px solid #ccc; } .main_pt td.trbreak { border: none; font-size: 1px; height: 3px; line-height: 3px; padding: 0; margin: 0; } .main_pt td.trbreakchild { border: none; border-bottom: 1px solid #999; font-size: 1px; height: 3px; line-height: 3px; padding: 0; margin: 0; } .main_pt td.zubProdClass { border: 1px solid #999; padding: 2px 5px; background-color: #ccc; } .main_pt td.zubmore { text-align: center; border: 0; line-height: 40px; } .zubmore a.isinline:hover { background: #77d65e; } #productListTable .carepacks, #productListTable .accessories { font-size: 13px; } td.zubmore .isinline{ background:#99e087; border: 0 !important; padding: 6px 25px; } td.zubmore .isinline:hover{ background:##77d65e; } table#productListTable { font-size: 13px; } .main_pt td.unbreakable { white-space: nowrap; } .main_pt td.isborderless { border: none; } .main_pt td.iscolorless { background-color: transparent; } .main_pt td.isnumeric { text-align: right; white-space: nowrap; } .main_pt td span.rt_green { color: #8ae873; } #ad_products_table .even td { background: #eee; } .main_pt img { border: none; } .main_pt input.text { border: 1px solid #000; width: 40px; padding: 3px 5px; border-radius: 3px; } .main_pt div.bonus { width: 45px; float: right; margin-right: 2px; } .main_pt td.istextright, .main_pt th.istextright { text-align: right; } .main_pt .bc_container { position: relative; top: 0; left: -7px; display: inline-block; height: 19px; text-decoration: none !IMPORTANT; width: 40px; border: none !IMPORTANT; } .main_pt .bc { position: absolute; top: 0; left: 0; display: block; height: 14px; overflow: hidden; border: 1px solid #9c3; padding: 1px; width: 40px; background: #fff; } .main_pt .bc_count { position: absolute; top: 1px; left: 1px; display: block; background-color: #9c3; color: #fff; text-align: center; padding: 1px 0 2px; font-weight: bold; width: 40px; z-index: 300; } .main_pt .bc_text { position: absolute; bottom: -30px; left: 0; display: block; color: #9c3; font-weight: bold; font-size: 10px; width: 40px; z-index: 400; text-align: center; padding-bottom: 3px; } .main_pt .bc:hover { height: 36px; top: -22px; } .main_pt .bc:hover .bc_text { bottom: 0; } .main_pt .ie_bc_count { display: inline; color: #333 !IMPORTANT; } .main_pt .alt-0 td { background-color: #eee; } .cs-export-disabled { color: #ccc; } /* TODO 1. Kopfleiste mit "Suche" in #center soll stehenbleiben und nicht wegscrollen. 2. Nur der Inhalt von #productListPanel soll scrollen. 3. height von #main mindestens so gro´┐¢ wie die von #leftPanel. Die wird anscheinend bestimmt von der ersten Falte (Kategorien) im Accordion + H´┐¢he aller geschlossenen Falten. 4. Innerhalb von #center wird kein Accordion mehr ben´┐¢tigt. */ .closed { display: none; } .clearer { clear: both; } .inline { display: inline; } .block { display: block; } img.clearFilter { float: right; margin-right: 10px; cursor: pointer; } a.openFilter { float: left; } #productListPanel { height: 100%; width: 100%; } #b_ie7 #productListPanel { width: 98%; } .main_pt th.sortable, .main_pt th.ascending, .main_pt th.descending{ cursor: pointer; padding-left: 18px; } div.productPreview { display: block; width: 400px; z-index: 10; text-align: center; padding: 0; } div.productPreview table { background-color: #fff; width: 100%; } div.productPreview td { text-align: left; vertical-align: middle; padding: 5px; border: thin solid Gray; } div.productPreview td.img { text-align: center; } div.productPreview td.col1 { background-color: LightGrey; } div.productPreview td.col2 { font-size: 10pt; } div.productPreview td.listprice { font-size: 10pt; text-align: right; } div.productPreview td.netprice { font-size: 10pt; text-align: right; font-weight: bold; } /* **************************** *** PRODUCT DETAIL *** **************************** */ h1.product { clear: none; background: none; color: #333; font-size: 16px; border: none; font-weight: bold; overflow: hidden; } h1.product img { float: left; margin: 0 10px 0 0; } .headinfo_left { float: left; } .realtimeSuccess { color: #000; font-weight: bold; } .pricebox, .headinfo_left, .headinfo_right { width: 370px; } .headinfo_left tr td { padding: 7px !important; } .headinfo_left tr td:first-child { width: 140px !important; } .headinfo_left table, .headinfo_right table { width: 100%; } /* Promo Badge */ .sr_img_ribbon { position: absolute; font-size: 10px; font-weight: 300; transform: rotate(-40deg); top: 18px; left: -28px; width: 100px; text-align: center; box-shadow: 1px 1px 2px #444; cursor: help; } .ribbon-promo { background-color: darkorange; color: #fff; } /* Bundle */ .bundle_components_list { width: 99%; margin: 0; z-index: 1; } tr.oben.highlight_component { border-bottom: #aaa; } tr.unten.highlight_component { border-top: none; border-bottom: 1px solid #aaa; } tr.oben.highlight_component, tr.unten.highlight_component { border-left: 1px solid #aaa; border-right: 1px solid #aaa; } tr.oben.highlight_component td { background: url(../../../img/shop_2/highlighted_bg.png) repeat-x scroll center center #ccc; } tr.unten.highlight_component td { background-color: #ddd; } .bundle_word { font-weight: 900; font-size: 12pt; color: #333; text-align: left; letter-spacing: 0.2em; } #center #bundleComponents .bundle_tabs ul { background: url(../../../img/shop_2/h_bg_gruen_pic.png) repeat-x scroll left center #fff; } #bundle_components { border-top: 1px solid #999; } #bundle_components td.first { text-align: center; vertical-align: middle; } #bundle_components .bundle_components_list .click_path { background-color: #ccc; } a.bundle_comp { position: relative; z-index: 1; } a.bundle_comp:hover { z-index: 1; text-decoration: none; } a.bundle_comp span { display: none; } a.bundle_comp:hover span { background-color: #fff; border: 2px dotted #A4CC59; display: block; position: absolute; z-index: 200; left: 100px; top: -110px; } #center .tabs #bundle_components { overflow: visible; } #bundle_components .main_pt img { width: 55px; } #bundle_components .main_pt span img { width: auto; } #bundle_components tr { cursor: pointer; } #productList .pl-bundle { color: #333 !IMPORTANT; font-size: 10px !IMPORTANT; } div.productPreview span.pl-bundle { color: #333 !IMPORTANT; font-size: 12px !IMPORTANT; } @media screen and (max-width: 1100px) { .headinfo_left { float: none; } } #center .columnright .row .pricebox, #center .columnright .row .headinfo_left { float: left; } @media screen and (max-width: 1100px) { #center .columnright .row .headinfo_left { float: none; } } .detailtable { margin-bottom: 20px; box-sizing: border-box; width: 100%; } .detailtable td { vertical-align: top; position: relative; } .detailtable .imgcol { width: 300px; } .detailtable .productImage { display: initial; margin: auto; max-width:310px; margin-bottom: 25px; } .detailtable .tabs { width: 300px; } .pricebox { margin-right: 10px; margin-top: 10px; z-index: 1; } #b_ie7 .pricebox, #b_ie8 .pricebox { margin-top: 80px; } @media screen and (max-width: 1100px) { .pricebox { margin-top: 80px; } } .pricebox td { margin: 0; padding: 0; } .pricebox .stock td { padding-bottom: 5px; } .pricebox .price { text-align: right; } .pricebox .price span{ font-size: 20px; } .pricebox .orderrow td { height: 25px; vertical-align: middle; text-align: center; font-size: 11px; color: #333; background: #99e087; } .pricebox .orderrow .intobasket { cursor: pointer; } .pricebox .orderrow .or_c_1 { width: 45px; } .pricebox .orderrow .or_c_2 { width: 10px; font-weight: bold; } .pricebox .orderrow .or_c_3 { width: 22px; border-left: 2px solid #fff; } .pricebox .orderrow .or_c_4 { width: auto; font-weight: bold; } .pricebox .orderrow .or_c_4 span { font-weight: bold; cursor: pointer; text-transform: uppercase; } .pricebox .orderrow .td_basket { border-left: 2px solid #fff; } .pricebox .orderrow input { width: 40px; border: 1px solid #ccc; font-size: 11px; } .detailtable table { margin-right: 10px; margin-bottom: 20px; } .detailtable .headinfo_left td, .detailtable .headinfo_left th { font-size: 12px; text-align: left; } .detailtable table td, .detailtable table th { padding: 3px; } #lp_detail .addToBasket, #lp_detail .addToComparepool, #lp_detail .addToNotepad, #lp_detail .addToProductAgent, #lp_detail .addToRealtimeBinding, #lp_detail .addToPdf, #lp_detail .show_mmsQuestionBox, #lp_detail .ic_act_1 { cursor: pointer; } .testeoCode { position: absolute; right: 30px; top: 80px; } #tbBadges img { display: block; margin: auto; } #attachments { padding: 10px !IMPORTANT; } #center div.prodimg { position: relative; display: block; width: 220px; float: left; } #center div.prodimg img { margin: 10px 20px 10px 0; display: block; } #center div.prodimg .bcpunkte { width: 65px; height: 70px; position: absolute; bottom: 0; right: 0; display: block; color: #fff; font-weight: bold; text-align: center; padding-top: 12px; } #center p.info { overflow: hidden; } #center span#viewOutput { float: right; } #center span#viewOutput .switchview { cursor: pointer; text-decoration: underline; } #center span#viewOutput .active { font-weight: bold; text-decoration: none; cursor: default; } #center .tabs #images a img { width: 55px; display: block; float: left; margin: 10px; border: 1px solid #fff; } #center .tabs > div { overflow: hidden; padding-bottom: 10px; } [aria-labelledby="tl-prd-product_detail_contract"] { overflow: visible !important; } #center .detailtable .tabs > div { overflow: auto; height: 116px; width: auto; } .crosssellingDialog .ic_available::before { margin-right: 5px; } #center .pde { background: #eee; float: left; margin: 1% 0 0 1%; max-width: 18.3%; min-height: 190px; min-width: 275px; padding: 3px; } #center .pde > a:first-of-type { background: #fff; display: block; } #center .pde a img, #center .pde .prodImageContainer img { display: block; border: 0; margin: auto; width: 100px; } #center .pde .pde_img { vertical-align: middle; display: table-cell; padding: 4px 0; } #center .pde img { max-width: 100%; } #center .pde img.ha_left { float: left; } #center .pde img.ha_right { float: right; } #center .pde img.ha_full { width: 100%; } #center .pde form { display: block; text-align: center; margin-bottom: 3px; } #center .pde input { width: 30px; border: 1px solid #aaa; } #center .pde p { line-height: 1; margin: 0; padding: 0 5px 5px; /*-- font-size: 11px; --*/ } #center .pde .desc a { word-wrap: break-word; } #center .pde p a:link, #center .pde p a:visited { display: inline-block; margin: 0; padding: 5px 0; color: #333; font-size: 15px; line-height:1.1; font-weight: bold; text-decoration: none; } #center .pde p a:hover { text-decoration: underline; } #center .pde p a:active { color: #333; } /* CK mms fragen zum produkt auf produktdetailseite (24.11.2010) */ #mmsQuestionBox label { display: inline-block; width: 250px; } #mmsQuestionBox input { display: inline-block; width: 300px; } #mmsQuestionBox textarea { display: inline-block; width: 558px; height: 80px; } /*MPS Box*/ #mps-cont { border: 1px solid #ccc; width: 280px; height: 180px; float: left; margin-left: 2px; margin-top: 8px; } #mps-cont > * { display: inline-block; padding: 0 2% 2%; width: 96%; } #mps-cont > *:first-child { border-bottom: 1px solid #ccc; color: #333; font-weight: bold; } #mps-cont th, #mps-cont td { padding: 2px 10px 2px 0; text-align: left; vertical-align: top; } #mps-cont .isbutton { margin: 0 2% 4% !important; width: 96% !important; } /* EO DETAIL PAGE */ /* **************************** *** USERADMINISTRATION *** **************************** */ .admin-user-entry { min-width: 50%; } .admin-user-entry .first { width: 70px; } .user-list-paging { background: #eee; padding: 10px; } .user-list-paging .adminPaging { font-weight: bold; color: #333; cursor: pointer; } .user-list-paging .adminPaging:hover { color: #000; } .user-list-paging .adminPagingActive { color: #333; cursor: default; } .user-list-paging .adminPagingActive:hover { color: #333; cursor: default; } .customer-info-fieldset, .customer-user-fieldset, .comment-fieldset, .user-info-fieldset, .users-customer-info-fieldset, .user-webfunctions-fieldset, .user-roles-fieldset, .user-settings-fieldset { border: 1px solid #ccc; padding: 10px; margin-bottom: 30px; } .customer-info-fieldset legend, .customer-user-fieldset legend, .comment-fieldset legend, .user-info-fieldset legend, .users-customer-info-fieldset legend, .user-webfunctions-fieldset legend, .user-roles-fieldset legend, .user-settings-fieldset legend { color: #000; font-weight: bold; padding: 5px 10px; } .customer-info-fieldset table, .customer-user-fieldset table { min-width: 50%; padding: 0; border: none; } .comment-fieldset table { min-width: 50%; padding: 0; border: none; } .comment-fieldset .commentTable { border-top: 1px solid #999; } .customer-info-fieldset td, .customer-info-fieldset th { padding: 3px 5px; } .customer-user-fieldset td, .customer-user-fieldset th { padding: 3px 5px; } .comment-fieldset td, .comment-fieldset th { padding: 3px 5px; } .customer-info-fieldset th, .customer-user-fieldset th, .comment-fieldset th, .user-info-fieldset th, .users-customer-info-fieldset th, .user-webfunctions-fieldset th, .user-roles-fieldset th, .user-settings-fieldset th { font-weight: bold; background-color: #ccc; text-align: left; } .customer-info-fieldset tr:nth-child(odd), .customer-user-fieldset tr:nth-child(odd), .comment-fieldset tr:nth-child(odd), .user-info-fieldset tr:nth-child(odd), .users-customer-info-fieldset tr:nth-child(odd), .user-webfunctions-fieldset tr:nth-child(odd), .user-roles-fieldset tr:nth-child(odd), .user-settings-fieldset tr:nth-child(odd) { background-color: #eee; } a[href="adminUserBackTo.do"] { display: block; padding: 5px 10px; background-color: #ccc; margin: 5px 0; color: #fff !Important; text-decoration: none; width: 160px; text-align: center; } .userManagement table.dataTable th.seperator, .userManagement table.dataTable td.seperator { border-right: 2px solid #999; } .userManagement table td.highlight a { font-weight: bold; } .userManagement .isautowidth { max-width: 160px; } #leftpanel.lp_admin_customer_details .leftMain { bottom: 0; } #leftpanel.lp_admin_customer_details .leftFooter { height: 0; } .adminEditCommentsForm textarea { width: 100%; } .adminEditRolesForm #wfTable, .adminEditRolesForm select { width: 100%; } .userManagement select { min-width: 300px; } .userManagement table.dataTable td.seperator { border-right: 2px solid #000; } #userAdministrationForm .userDataSection .isbutton.isautowidth { display: inline-block; background-color: #eee; padding: 5px!important; } #userAdministrationForm .userDataSection .isbutton.isautowidth:hover { background-color: #aaa; } div.error.error-message.isautowidth { display: inline-block; margin-top: 4px!important; margin-left: 5px!important; } /* new Sprite fix */ .basketMini .icon, .toggler .icon { background-color: #fff !IMPORTANT; border-radius: 0 !IMPORTANT; } .orderrow .ic_warenkorb { background-color: transparent !IMPORTANT; border-radius: 0 !IMPORTANT; font-size: 18px; } #example_wrapper .DTTT_button_csv, #example_wrapper .DTTT_button_xls, #example_wrapper .DTTT_button_copy, #example_wrapper .DTTT_button_print, #example_wrapper .DTTT_button_csv:hover, #example_wrapper .DTTT_button_xls:hover, #example_wrapper .DTTT_button_copy:hover, #example_wrapper .DTTT_button_print:hover, #example_wrapper .DTTT_button_csv_hover, #example_wrapper .DTTT_button_xls_hover, #example_wrapper .DTTT_button_copy_hover, #example_wrapper .DTTT_button_print_hover { cursor: pointer !IMPORTANT; background-image: url(../../../img/shop_2/sprites/actebis_sprites_pic.png); background-repeat: no-repeat; } #example_wrapper .DTTT_button_csv, #example_wrapper .DTTT_button_xls, #example_wrapper .DTTT_button_csv:hover, #example_wrapper .DTTT_button_xls:hover, #example_wrapper .DTTT_button_csv_hover, #example_wrapper .DTTT_button_xls_hover { background-position: 40px -237px;} #example_wrapper .DTTT_button_copy { background-position: 40px -357px;} #example_wrapper .DTTT_button_copy :hover { background-position: 40px -357px;} #example_wrapper .DTTT_button_copy_hover { background-position: 40px -357px;} #example_wrapper .DTTT_button_print { background-position: 40px -477px;} #example_wrapper .DTTT_button_print:hover { background-position: 40px -477px;} #example_wrapper .DTTT_button_print_hover { background-position: 40px -477px;} /* SD: Passwort ueberpruefung Staerke, von Marcel Kruhl */ div.userAdministration .PegPassPWS_C, div.userAdministration .PegPassPWS_1, div.userAdministration .PegPassPWS_2, div.userAdministration .PegPassPWS_3, div.userAdministration .PegPassPWS_4, div.userAdministration .PegPassPWS_6 { height: 6px; padding: 0; margin: 3px 0 0 0; } div.userAdministration .PegPassPWS_C { background-color: #ccc; width: 100%; } div.userAdministration .PegPassPWS_O { color: #777; margin: 1px 0 3px 0; } div.userAdministration .PegPassPWS_1 { background-color: #390; width: 100%; } div.userAdministration .PegPassPWS_2 { background-color: #9f0; width: 85%; } div.userAdministration .PegPassPWS_3 { background-color: #fc0; width: 60%; } div.userAdministration .PegPassPWS_4 { background-color: #960; width: 45%; } div.userAdministration .PegPassPWS_5 { background-color: #930; width: 30%; } div.userAdministration .PegPassPWS_6 { background-color: #f00; width: 10%; } #isform form#userAdministrationForm span.individual_settings_subheadline { color: #999999; padding: 0 18px 0 0; font-size: 14px; font-weight: bold; display: block; margin: 0 0 10px 0!important; } /* MW(Opitz) Fehlende Rechte umschliessende Box Ausrichtung */ .missingGrant div { padding-left:10px; } /* SD: Benutzeradministration */ .clearer {clear: both;} fieldset.userDataSection {border: 1px dotted #ccc; margin-top: 20px; padding: 5px;} fieldset.userDataSection legend {font-weight: bold; background-color: #fff; padding: 0 5px;} fieldset.userDataSection div.row {margin-top: 5px; padding: 0;} fieldset.userDataSection div.row label {width: 180px; display: block; float:left;} fieldset.userDataSection div.row input, fieldset.userDataSection div.row select {width: 200px; margin-right: 10px; float:left;} fieldset.userDataSection div.row span.labelAddition {width: 15px; margin-right: 5px; float:left; text-align: right;} fieldset.userDataSection div.row select#sapAddressId {width: 500px;} fieldset.userDataSection div.row div.advise {width: 350px; float: left; font-size: 8pt;} /* eo UserAdministration */ /* **************************** *** APP DROPDOWN *** **************************** */ .app-dd-item { position: relative; border: 1px solid #777} .app-dd-item > div { background-color: #eee; overflow: hidden; padding: 3px; } .app-dd-item > div:hover { background-color: #ddd; } .app-dd-item input[type="radio"], .app-dd-item input[type="checkbox"] { display: none; } .app-dd-item input[type="radio"]:checked + div, .app-dd-item input[type="checkbox"]:checked + div { background-color: #bbb; background: linear-gradient(to bottom, #ccc 0%, #aaa 100%); } .app-complete { border-color: #ccc; } .app-incomplete { border-color: #a00; } .app-dd-item img { float: left; margin-right: 10px; } .app-dd .app-dd-icon-yes, .app-dd .app-dd-icon-no { display: inline-block; margin: 2px; padding: 0; width: 19px; height: 19px; background-image: url(../../../img/shop_2/sprites/actebis_sprites_pic.png); background-repeat: no-repeat; background-position: 100px 100px; border: none; position: absolute; } .app-dd-item .app-dd-icon-yes { background-position: -160px -1040px; } .app-dd-item .app-dd-icon-no { background-position: -40px -1160px; } .app-dd-item .icon-slot-1 { right: 0; top: 0; } .app-dd-item .icon-slot-2 { right: 0; top: 18px; } /* eo APP Dropdown */ /* **************************** *** ORDER TRACKING *** **************************** */ #ordertracking { border-collapse: collapse; } #ordertracking th { border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 2px 3px; text-align: left; vertical-align: top; } #ordertracking td { border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 2px 3px; text-align: left; vertical-align: top; } #ordertracking th { font-weight: bold; } #ordertracking .ot_order th { background-color: #aaa; color: #fff; } #ordertracking .ot_items th { background-color: #ccc; color: #333; } /* #ordertracking .ot_items:after { content: ''; display: block; height: 20px; } */ .ot_order:before { float: left; content: ""; height: 20px; } #ordertracking .ot_items .odd td { background-color: #fefefe; } #ordertracking .ot_items .even td { background-color: #eee; } #ordertracking .isnumeric { white-space: nowrap; text-align: right; } #ordertracking th:first-child { border-left: 1px solid #ddd; } #ordertracking td:first-child { border-left: 1px solid #ddd; } #ordertracking td.trbreak { border: none; } #ordertracking a:link, #ordertracking a:visited, #ordertracking a:active { color: #333; } #ordertracking a:hover { color: #888; } @media screen and (min-width: 1100px) { #ordertracking td { } } /* ORDER TRACKING - Order Details*/ .order-details-head { background-color: #eee; border-bottom: 1px dotted #ccc; margin-bottom: 25px; margin-top: 5px; padding: 5px; width: 98%; } .order-details-head.clearfix:before, .order-details-head.clearfix:after { content: ""; display: table; } .order-details-head.clearfix:after { clear: both; } .order-details-head.clearfix { *zoom: 1; } .order-details-head .left, .order-details-head .right { float: left; } .order-details-head span.label { font-weight: bold; min-width: 170px; width: 170px; } .order-details-head section span { display: block; float: left; min-height: 20px; } .order-details-head section ul li { clear: both; } .order-details-orderlines table.normal { width: 100%; } .order-details-orderlines table.normal, .order-details-orderlines table.normal tr, .order-details-orderlines table.normal tr td, .order-details-orderlines table.normal tr th { border: none; } .order-details-orderlines table.normal thead { background-color: #eee; border-bottom: 1px dotted #ddd; } .order-details-orderlines table.normal th, .order-details-orderlines table.normal tr td { background-color: #fff; } .order-details-orderlines table.normal tr:nth-child(2n) td { background-color: #eee; } .order-details-orderlines .bind_cartqty { width: 40px; } #center .dashboard .pde { min-width: 160px; width: 18.5%; } #cboxBody .content, #cboxBody .content > div { height: 100%; } #cboxBody .content > div .order-details-orderlines { overflow-y: scroll; overflow-x: hidden; max-height: 70%; } /* FIX ECOM-3100 */ #cboxBody .content > div[id^="order-details-"] { height: auto; } /* FIX ECOM-2885 */ #cboxBody .content #multiwarehouseMsg { height: auto; } /* FIX ECOM-3015 */ #cboxBody .content > div#messages { height: auto; } /* EO ORDER TRACKING */ /* **************************** *** LICENCEBUY 2400 *** **************************** */ #licenseForm { margin-top: 10px; } #licenseForm h3 { margin-bottom: 10px; } #licenseForm div { overflow: hidden; } #licenseForm label { display: block; width: 160px; } #licenseForm .formfield td input { margin: 2px; } #licenceTypeInfoBox table { margin: 10px; background: #deb; border: 1px solid #ccc; } #licenceTypeInfoBox table th { text-align: left; padding: 3px 5px; } #licenceTypeInfoBox table td { padding: 3px 5px; } /* Update 2020 */ #orderTrackingApp { margin-bottom: 200px; } #orderTrackingApp div#messages { margin-top: 50px; } #orderTrackingApp .ot_error { border: 1px solid red !important; } #ordertracking colgroup:nth-child(2) { display: none !important; } #ordertracking_tabs table#ordertracking { width: 100%; table-layout: initial !important; display: table !important; } #ordertracking_tabs { font-size: 12px !important; } #ordertracking_tabs ul li a { font-size: 12px !important; } /* #ordertracking .ot_items:after { content: ''; display: block; height: 20px; } */ #ordertracking .ot_order:before { float: left; content: ""; height: 40px; } #ordertracking td:first-child { border-left: 1px solid #ddd; } #ordertracking .ot_order th { background-color: #ddd; color: black; border-top: 1px solid #ddd; } #ordertracking .ot_order tr th { padding: 7px 5px 5px 5px; } #ordertracking .ot_order th:first-child { border-bottom: 0px; } #ordertracking .ot_order th:first-child { border-left: 0px solid #ddd; background: white; border-top: 0; } #ordertracking td { padding: 10px 5px 9px 5px; } #ordertracking .ot_items th { padding: 7px 5px 5px 5px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #ddd; } #ordertracking .ot_order tr.oben td:first-child { border-left: 0px solid #ddd; background: white; } #ordertracking .ot_items tr td, #ordertracking .ot_items tr.even td { padding: 7px 3px 7px 4px; } #ordertracking .ot_items tr td:hover, #ordertracking .ot_items tr.even td:hover { background: #f2faff; } #ordertracking .ot_items tr td a:hover, #ordertracking .ot_items tr.even td a:hover { color: black; } #ordertracking tr.oben.odd td { background: white !important; } #ordertracking .ot_order i { color: black; position: relative; padding-right: 3px; font-size: 18px !important; font-weight: bold; } #ordertracking .ot_items a:nth-child(n +2) i.fa.fa-truck { margin-top: 5px; } #ordertracking .ot_items a:nth-child(n +2) img { margin-top: 3px; } /* Releaase CO Button*/ #ordertracking button.isbutton.js-orderchange-release { box-shadow: none !important; padding: 10px !important; height: 25px !important! } /* Load more button */ #ordertracking .load_more_tbody tr td { text-align: center; border: 0; padding-top: 50px; margin-bottom: 100px !important; } #ordertracking .load_more_tbody tr td input#ot_showdetails_button { background: #99e087; border: 0; padding: 15px 200px; } #ordertracking .load_more_tbody tr td input#ot_showdetails_button:hover { background: #77D65E; border: 0; padding: 15px 200px; cursor: pointer; } #ordertracking .load_more_tbody tr td:after { content:"\f078"; width: 20px; height: 20px; color: black; position: absolute; left: 50%; margin-top: 50px; font-family: FontAwesome; font-size: 17px; } .ot_showdetails_button_lp .oldRecordsBtn { background: #CCCCCC; padding: 10px 10px; width: 96%; margin: 10px auto 10px auto; text-align: center; border: 0; color: #000; position: relative; text-align: center; display: block; font-family: 'Roboto', sans-serif; } .ot_showdetails_button_lp .oldRecordsBtn:hover { background: #AAAAAA; cursor: pointer; } .ot_showdetails_button_lp .orderDetailsBtn { background: #CCCCCC; padding: 10px 10px; width: 96%; margin: 10px auto 10px auto; text-align: center; border: 0; color: #000; position: relative; text-align: center; display: block; font-family: 'Roboto', sans-serif; } .ot_showdetails_button_lp .orderDetailsBtn:hover { background: #AAAAAA; cursor: pointer; } /* Update 2020 - New filter */ .ot_filter_bar { background: #F2F2F2; display: flex; padding: 0px 10px 0px 6px; width: calc(100% - 370px); position: fixed; top: 130px; z-index: 1000; } .ot_filter_bar .ot_input_group { display: flex; flex-direction: column; float: left; order: 1; flex-grow: 6; } /* Adjustments 1_1*/ .ot_filter_bar .ot_button_group { order: 2; display: flex; float: left; margin-top: 8px; justify-content: flex-start; } .firstline { display: flex; flex-direction: row; } /* Secondline */ .secondline span.clear_all_filters{ float: right; } .secondline { padding-left: 12px !important; padding-right: 50px !important; font-size: 12px; max-width: 920px; } .secondline { width: auto !important; } .secondline span:hover { cursor: pointer; text-decoration: underline; } .secondline span.toggle_filters i { margin-left: 3px; } /* Thirdline */ .thirdline { display: flex; flex-direction: column; } .filteritem { display: flex; flex-direction: column; margin-right: 15px; } .filteritem input { width: 16em; line-height: 20px; } .filteritem span { font-size: 11px; cursor: pointer; padding: 6px 0px 0px 5px } .advanced_filter { display: flex; flex-direction: row; padding-left: 0px !important; } .advanced_filter:last-child { padding-bottom: 5px; } select#inputdata_orderStatus { height: 32px; margin-top: 1px; } input#inputdata_orderDateFrom { width: 16em; height: 20px; margin-top: 1px; } input#inputdata_orderDateTo { width: 16.7em; height: 20px; margin-top: 1px; } input#inputdata_deliveryDateFrom { width: 16em; margin-top: 1px; height: 20px; } input#inputdata_deliveryDateTo { width: 16.7em; height: 20px; margin-top: 1px; } /* End Adjustments 1_1*/ .ot_filter_bar #ot_filter_main { margin-right: 12px; } .ot_filter_bar #ot_filter_minor { margin-right: 20px; } .ot_filter_bar #ot_filter_minor2 { margin-left: 3px; margin-right: 19px; } .ot_filter_bar #ot_filter_tpd { margin-left: 5px; } .ot_filter_bar #searchFilterDropdown { padding: 8px 0px; } .ot_filter_bar input#text1 { padding-top: 9px; padding-bottom: 9px; position: relative; top: -1px; } /* Label */ /* Label */ .ot_filter_bar div { padding: 3px 5px 2px 5px; } .ot_filter_bar select, .ot_filter_bar input { padding: 5px 5px 5px 5px; width: 17em; } .ot_filter_bar label { font-size: 12px; padding-left: 2px; } /* Groups */ .ot_filter_bar .ot_filtergroup_second { margin-left: 20px; margin-right: 30px; display: flex; } .ot_filter_bar .ot_filtergroup_third { margin-left: -3px; } /* Buttons and Input */ .ot_filter_bar select, .ot_filter_bar input { border: 1px solid #ced4da } .ot_filter_bar #ot_submit_start { margin-right: 20px; } .ot_filter_bar #ot_submit_start input { background: #99e087; border: 0; padding: 12px; } .ot_filter_bar #ot_submit_start input:hover { background: #77d65e !important; color: black; cursor: pointer; } .ot_filter_bar #ot_submit_csv_export input { border: 0; background: #CCCCCC; padding: 12px; } .ot_filter_bar #ot_submit_csv_export input:hover { background: #aaa; color: #000; cursor: pointer; } .ot_filter_bar input#dateFrom { padding: 7px 0px 6px 8px; } .ot_filter_bar input#dateTo { padding: 7px 0px 6px 8px; } @media (max-width: 1890px) { .ot_filter_bar .ot_input_group { flex-grow: 4; } .ot_filter_bar .ot_button_group { order: 2; display: flex; flex-direction: row; } .ot_filter_bar #ot_submit_start { width: 13em; } .ot_filter_bar #ot_submit_start input { width: 13em; } .ot_filter_bar #ot_submit_csv_export { width: 13em; } .ot_filter_bar #ot_submit_csv_export input { width: 13em; } } @media (max-width: 1800px) { .ot_filter_bar .ot_input_group, .ot_filter_bar .ot_input_group select, .ot_filter_bar .ot_input_group input { width: 15em; } input#inputdata_orderDateFrom { width: 14em; } input#inputdata_orderDateTo { width: 14em; } input#inputdata_deliveryDateFrom { width: 14em; } input#inputdata_deliveryDateTo { width: 14em; } } @media (max-width: 1630px) { .ot_filter_bar .ot_button_group { flex-direction: column; } .ot_search_results { margin-top: 80px !important; } } @media (max-width: 1560px) { .ot_filter_bar select, .ot_filter_bar input { width: 15em; } } @media (max-width: 1450px) { .ot_filter_bar select, .ot_filter_bar input { width: 14em; } .ot_filter_bar #ot_submit_start { width: 11em; } .ot_filter_bar #ot_submit_start input { width: 11em; } .ot_filter_bar #ot_submit_csv_export { width: 11em; } .ot_filter_bar #ot_submit_csv_export input { width: 11em; } } @media (max-width: 1435px) { .ot_filter_bar { position: relative; width: 97%; flex-direction: column; position: relative; top: 0px; } .ot_search_results { margin-top: 0px !important; } #ot_filter_main select#searchFilterDropdown { width: 100% } .ot_filter_bar .ot_input_group { flex-direction: column; width: 97%; } .ot_filter_bar .ot_button_group { flex-direction: row; width: 97%; } .ot_filter_bar div, .ot_filter_bar select, .ot_filter_bar input { padding: 5px 5px 5px 5px; width: 100%; } .ot_filter_bar select#searchFilterDropdown { width: 98%; } .ot_filter_bar input#text1 { width: 99%; } .ot_filter_bar input#text2 { width: 99%; } .ot_filter_bar input#dateFrom { width: 99%; padding-right: 10px; } .ot_filter_bar input#dateTo { width: 99%; padding-right: 10px; } .ot_filter_bar #ot_submit_start { flex-grow: 6; } .ot_filter_bar #ot_submit_csv_export { flex-grow: 6; } .ot_filter_bar input#searchBtn { width: 100%; } .ot_filter_bar input#exportBtn { width: 100%; } .ot_filter_bar .ot_button_group { margin-right: 12px; } } @media (max-width: 1265px) { .ot_filter_bar .firstline { flex-direction: row; flex-wrap: wrap-reverse; } .filteritem { flex: 40%; } .ot_filter_bar .ot_input_group div, .ot_filter_bar .ot_input_group select, .ot_filter_bar .ot_input_group input { width: auto; } .thirdline .advanced_filter { display: flex; flex-direction: row; padding-left: 0px !important; flex-wrap: wrap; } input#inputdata_orderDateFrom { width: 96%; } input#inputdata_orderDateTo { width: 96%; } input#inputdata_deliveryDateFrom { width: 96%; } input#inputdata_deliveryDateTo { width: 96%; } } @media (max-width: 800px) { .ot_filter_bar .ot_button_group { flex-direction: column; margin-right: 4px; } .ot_filter_bar #ot_submit_start { margin-right: 0px; } .ot_filter_bar select#searchFilterDropdown { width: 97%; } .ot_filter_bar #ot_submit_start { width: 93%; } .ot_filter_bar #ot_submit_csv_export { width: 93%; } .filteritem { flex: 100% } } /* Buttons */ .ot_showdetails_button { position: fixed; right: 43px; bottom: 70px; padding: 10px 40px; display: flex; flex-direction: column; } .ot_showdetails_button input { background: #99e087; padding: 10px 20px; color: #000; cursor: pointer; border: 0; box-shadow: 3px 3px 5px #888; } .ot_showdetails_button input:hover { background: #77d65e; } .ot_showdetails_button input:nth-child(2) { background: white !important; padding: 10px 40px; border: 1px solid #aaa; border-top: 0; } .ot_showdetails_button input:nth-child(3) { background: white !important; padding: 10px 40px; border: 1px solid #aaa; border-top: 0; } .ot_showdetails_button input:nth-child(2):hover { background: #e6e6e6 !important; } /* Form */ #orderTrackingForm #searchFilterDropdown { width: 100%; padding: 5px 3px 5px 5px; } #orderTrackingForm #divText1 { margin-top: 5px; width: 100%; margin-bottom: 10px; } #orderTrackingForm #divText1 #caption1 { padding: 7px 3px 7px 5px; } #orderTrackingForm #divText1 input { width: 60%; float: right; padding: 5px 3px 5px 5px; } #orderTrackingForm #divText2 { margin-top: 5px; width: 100%; margin-bottom: 10px; } #orderTrackingForm #divText2 #caption2 { padding: 7px 3px 7px 5px; } #orderTrackingForm #divText2 input { width: 60%; float: right; padding: 5px 3px 5px 5px; } .ot_search_results { padding-left: 5px; font-weight: normal; position: relative; top: 28px !important; left: 3px; border-left: 4px solid #77D65E; line-height: 25px; margin-top: 0px; } .ot_search_results span{ font-weight: bold; } /* Ordertracking - Reorder Tab */ #ordertracking_tab2 .ot_filter_bar input#text1 { width: 60em; } #ordertracking_tab2 .green { border-left: 10px solid #99E087; } #ordertracking_tab2 .yellow { border-left: 10px solid #F9A263; } #ordertracking_tab2 .red { border-left: 10px solid #DD6866; } #ordertracking_tab2 .table-sr tr.stockless { border-left: 10px solid #cccccc; } #ordertracking_tab2 span.filter_hint { background: #FCF8E3; padding: 10px 20px; font-size: 12px; position: relative; top: 15px; display: block; } #ordertracking_tab2 .js-search-result-description p { margin: 0 !important; font-size: 12px; } /* Bandaroles // ribbons */ #ordertracking_tab2 .sr_img { overflow: hidden; } #ordertracking_tab2 .sr_img_ribbon { position: relative; font-size: 10px; font-weight: 300; transform: rotate(-40deg) !important; top: -64px; left: -27px; width: 100px; text-align: center; box-shadow: 1px 1px 2px #444; cursor: help; display: block } #ordertracking_tab2 .sr_img_ribbon a { color: #fff; } #ordertracking_tab2 .ribbon-bundle { background-color: #ccc; color: #000; } #ordertracking_tab2 .ribbon-promo { background-color: darkorange; color: #fff; font-weight: 400; text-decoration: underline; } #ordertracking_tab2 .ribbon-bonusclub { background-color: #89e872; color: #000; } #ordertracking_tab2 .ribbon-eol { background-color: #ccc; color: #000; } #ordertracking_tab2 .ribbon-core { background-color: #83cdff; color: #000; } #ordertracking_tab2 .sr_img img { margin-left: 20px; margin-top: 1px; } #ordertracking_tab2 .table > thead > tr > th, #ordertracking_tab2 .table > tbody > tr > th, #ordertracking_tab2 .table > tfoot > tr > th, #ordertracking_tab2 .table > thead > tr > td, #ordertracking_tab2 .table > tbody > tr > td, #ordertracking_tab2 .table > tfoot > tr > td { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; } #ordertracking_tab2 table > thead > tr > th { vertical-align: bottom !important; text-align: left; border-bottom: 2px solid #ddd; } #ordertracking_tab2 .table-responsive { font-size: 12px; margin-top: 30px; } #ordertracking_tab2 .isnumeric { text-align: right; font-family: 'Droid Sans Mono', monospace !important; font-size: 12px; } #ordertracking_tab2 .text-right { text-align: right !important; padding-right: 10px !important; } #ordertracking_tab2 th.minWidth.th_mat_no { min-width: 80px; } /* New implementotion with availabiliy on <tr> */ #ordertracking_tab2 .rt_pending.red td:first-of-type, #ordertracking_tab2 .rt_pending.yellow td:first-of-type, #ordertracking_tab2 .rt_pending.green td:first-of-type { border-left-color: #ccc; } #ordertracking_tab2 .realtimeSuccess.green .sr_avail, #ordertracking_tab2 .realtimeSuccess.green .sr_hek, #ordertracking_tab2 .green .sr_avail .sr_i_avail_qty { color: #7a1; } #ordertracking_tab2 .realtimeSuccess.yellow .sr_avail, #ordertracking_tab2 .realtimeSuccess.yellow .sr_hek, #ordertracking_tab2 .yellow .sr_avail .sr_i_avail_qty { color: #f0ad4e; } #ordertracking_tab2 .realtimeSuccess.red .sr_avail, #ordertracking_tab2 .realtimeSuccess.red .sr_hek, #ordertracking_tab2 .red .sr_avail .sr_i_avail_qty { color: #a00; } #ordertracking_tab2 .replenishment_date_unknown { color: #aaa; font-style: oblique; } #ordertracking_tab2 .sr_img_icons i, #ordertracking_tab2 .sr_avail span { cursor: help; } /* scalePrice */ #ordertracking_tab2 .scaledPrices { width: 95px; font-family: 'Droid Sans Mono', monospace, FontAwesome; /*font-family: 'Roboto Mono', monospace, FontAwesome;*/ } #ordertracking_tab2 .scaledPrices option { padding: 2px; } #ordertracking_tab2 #center input.qnty { width: 40px; padding: 8px 5px; position: relative; top: -5px; width: 65px; max-width: 65px; } #ordertracking_tab2 .form-control { display: block; width: 100%; height: 34px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } #ordertracking_tab2 .sr_desc.js-search-result-description { width: 80%; } #ordertracking_tab2 .sr_qty .input-group-btn { display: flex; } #ordertracking_tab2 .sr_qty .input-group button { padding: 10px 10px 10px 3px; position: relative; top: -5px; width: 40px; } #ordertracking_tab2 .sr_qty .input-group button:hover { background: #99E087; } #ordertracking_tab2 .sr_qty:nth-child(7) .btn-default { padding: 10px 15px; position: relative; top: -4px; white-space: nowrap; border: 1px solid #ddd; } #ordertracking_tab2 .sr_qty:nth-child(7) .btn-default:hover { background: #ddd; } #ordertracking_tab2 .sr_qty:nth-child(8) { width: 150px; } #ordertracking_tab2 .sr_qty:nth-child(8) input { width: 103px !important; } #ordertracking_tab2 .input-group { display: flex; flex-direction: row; } #ordertracking_tab2 .sr_qty:nth-child(8) .btn-bonuses { width: auto !important; background: #EFEFEF; padding: 7px 20px; border: 1px solid #ddd; text-align: center; position: relative; top: -6px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 108px; } #ordertracking_tab2 #result-default .sr_qty .btn-bonuses:before { content: "+ "; } #ordertracking_tab2 .btn-bonuses { display: block; } #ordertracking_tab2 i.fa.fa-fw.fa-certificate { display: none; } #ordertracking_tab2 .alert-info { color: #31708f; background-color: #d9edf7; border: 1px solid #bce8f1; padding: 10px 10px; margin-top: 10px; border-radius: 5px; } #ordertracking_tab2 .input-group-btn .btn-default { padding: 6px 5px !important; background: #fff; border: 1px solid #ddd } #ordertracking_tab2 i.fa.fa-external-link { padding: 1px 5px 1px 10px; font-size: 14px; color: #ddd; } #ordertracking_tab2 .input-group-btn a.btn i.fa.fa-external-link { font-size: 14px; color: #000; background: #efefef; line-height: 36px; position: relative; top: -1px; width: 25px; text-align: center; } #ordertracking_tab2 .input-group-btn a.btn i.fa.fa-external-link:hover { background: #99e087; } #ordertracking_tab2 .btn i:hover { background: #99E087 !important; } /* Contract Icons */ #ordertracking_tab2 .fa-stack-1x { font-size: 13px; } #ordertracking_tab2 .scale_nt_icon i.fa.fa-forward.fa-stack-1x { top: 10px; left: 1px; font-size: 7px; color: #fff; line-height: 5px; } #ordertracking_tab2 i.fa.fa-external-link { padding: 1px 5px 1px 10px; font-size: 14px; color: #ddd; } /* Responsive Adjustments */ @media (max-width: 1560px) { #ordertracking_tab2 .ot_filter_bar { flex-direction: row; padding: 5px 10px 10px 1px; } } @media (max-width: 1340px) { #ordertracking_tab2 .ot_filter_bar { flex-direction: row; padding: 5px 10px 10px 17px; } #ordertracking_tab2 .ot_filter_bar input#text1 { width: 100%; } #ordertracking_tab2 .ot_filter_bar #ot_filter_minor { margin-right: 20px; width: 90%; } #ordertracking_tab2 .ot_filter_bar .ot_button_group { margin-right: 12px; flex-grow: 2; } #ordertracking_tab2 .sr_img { display: none; } #ordertracking_tab2 .th_img { display: none; } #ordertracking_tab2 .sr_qty:nth-child(7) .btn-default { white-space: initial; min-width: 110px; } #ordertracking_tab2 .sr_man_mat_no.js-search-result-manufacturer-material-number { white-space: break-spaces; word-break: break-word; } } @media (max-width: 1100px) { #ordertracking_tab2 #result-default { width: 95%; } #ordertracking_tab2 .ot_filter_bar { flex-direction: column; padding: 5px 10px 10px 5px; } #ordertracking_tab2 .ot_filter_bar input#text1 { width: 100%; } #ordertracking_tab2 thead { display: none; } #ordertracking_tab2 .table-responsive td { display: flex; flex-direction: column; width: 95%; } #ordertracking_tab2 .sr_desc.js-search-result-description { width: 95%; } #ordertracking_tab2 .isnumeric { text-align: left; } #ordertracking_tab2 td.sr_img { text-align: center; } #ordertracking_tab2 .sr_qty:nth-child(8) { margin-bottom: 25px; width: 95%; } #ordertracking_tab2 .sr_qty:nth-child(8) input { width: 98% !important; } #ordertracking_tab2 .scaledPrices { width: 100%; padding: 8px; } #ordertracking_tab2 .input-group { display: flex; flex-direction: column; } #ordertracking_tab2 .sr_qty .input-group button { width: 100%; } #ordertracking_tab2 .ot_filter_bar .ot_button_group { margin-top: 0px !important; } #ordertracking_tab2 .ot_filter_bar input#searchBtn { width: 100%; } #ordertracking_tab2 .ot_filter_bar .ot_button_group { margin-top: 0px !important; margin-right: 0px !important; } #ordertracking_tab2 .ot_filter_bar #ot_submit_start { margin-right: 0; } #ordertracking_tab2 .ot_filter_bar #ot_filter_minor { margin-right: 0px; width: 96%; } } /* **************************** *** Tooltip on Ordertracking *** **************************** */ .ot_csv_export_advice { background: #F79646; color: #fff; position: absolute !important; top: 64px; right: 0px; width: 290px !important; text-align: center; padding: 6px !important; line-height: 1.3em; animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both; transform: translate3d(0, 0, 0); animation-delay: 2s; font-size: 12px; z-index: 99999999999; } .ot_csv_export_advice:after { content: ''; position: absolute; left: 48%; top: -28%; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 15px solid #F79646; transform: rotate(180deg); } @keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0); } 20%, 80% { transform: translate3d(2px, 0, 0); } 30%, 50%, 70% { transform: translate3d(-4px, 0, 0); } 40%, 60% { transform: translate3d(4px, 0, 0); } } @media (max-width: 1800px) { .ot_csv_export_advice { top: 70px !important; right: 0px !important; } .ot_csv_export_advice:after { content: ""; border-color: transparent #F79646; border-style: solid; border-width: 8px 0px 8px 15px; left: 65%; top: -15px; transform: rotate(270deg); } } @media (max-width: 1630px) { .ot_csv_export_advice { position: absolute !important; top: 110px !important; right: 0% !important; } .ot_csv_export_advice:after { content:""; border-color: #F79646 transparent; border-style: solid; border-width: 0px 8px 15px 8px; left: 48%; top: -14px; transform: rotate(0deg); } } @media (max-width: 1435px) { .ot_csv_export_advice { display: none; } } /* Preferred Delivery date in OT */ .tbl_deliveryDate button { padding: 5px 0px; box-shadow: none; background: #ccc; } .ot_releaseDateInfo { white-space: pre; } .tbl_deliveryDate button:hover { background: #aaa; } div[id*="inputData_preferredDelivery"] { padding: 10px; } div[id*="inputData_preferredDelivery"] span { font-weight: bold; float: right; margin-right: 25%; } div[id*="inputData_preferredDelivery"] input { margin-left: 5px; } .edit_deliveryDate_confirm { width: 35px; margin-right: 10px; background: #99e087 !important; } .edit_deliveryDate_discard { width: 35px; margin-right: 7px; margin-left: 20px; } .preferredDelivery_info { background: #FCF8E3; color: #8d790f; padding: 10px; border-radius: 5px; border: 1px solid #8d790f; } /* **************************** *** FIM Buttons *** **************************** */ .fimOverviewBtn { background: #CCCCCC; padding: 10px 10px; width: 96%; margin: 10px auto 10px auto; text-align: center; border: 0; color: #000; position: relative; text-align: center; display: block; font-family: 'Roboto', sans-serif; text-decoration: none !important; display: none; } .fimOverviewBtn:hover { background: #AAAAAA; cursor: pointer; } .fimHistoricalBtn { background: #CCCCCC; padding: 10px 10px; width: 96%; margin: 10px auto 10px auto; text-align: center; border: 0; color: #000; position: relative; text-align: center; display: block; font-family: 'Roboto', sans-serif; display: none; } .fimHistoricalBtn:hover { background: #AAAAAA; cursor: pointer; } .ot_showdetails_button_lp a { text-decoration: none; } .leftpanelButton { background: #CCCCCC; padding: 10px 10px; width: 96%; margin: 10px auto 10px auto; text-align: center; border: 0; color: #000; position: relative; text-align: center; display: block; font-family: 'Roboto', sans-serif; white-space: break-spaces; } .leftpanelButton:hover { background: #AAAAAA; cursor: pointer; } .linkto_new_version .fimHistoricalBtn{ display: initial; white-space: break-spaces; } /* **************************** *** ADDRESS OVERVIEW *** **************************** */ #addressOverview { margin-bottom: 20px; } #addressOverview > div { border: 1px solid #AAA; padding: 0; margin: 15px 0 0 0; } #addressOverview h3 { margin: 0; border: none; border-bottom: 1px solid #ccc; } #addressOverview .advice { font-weight: bold; padding: 6px 3px; } #addressOverview ol { border-color: #ccc; border-width: 0 0 1px; border-style: solid; } #addressOverview li { border-top: 1px solid #ccc; padding: 3px; } /* addressAdminForm */ .addressAdminForm input[type="text"], .addressAdminForm select { width: 99%; } /* **************************** *** CART STEP 1 *** **************************** */ .cart_edit .productList { border: none; } .cart_type_selection, #center .cart_product_list { margin-right: 15px; } .cart_product_list .main_pt .even td, .cart_product_list .main_pt .even th { background-color: #fff; border-bottom: 1px solid #ccc } .cart_product_list .main_pt { margin: 10px 0 0; } .cart_product_list .main_pt, .cart_product_list .main_pt td, .cart_product_list .main_pt th { border: none; font-size: 13px; } .cart_product_list .main_pt tr.unten + tr, .cart_check .cart_product_list .main_pt tr.unten { border-bottom: 1px solid #ccc; } .cart_product_list .main_pt tr.ischildrow ~ tr.oben { border-top: 1px solid #ccc; } .cart_product_list .main_pt thead tr { border-bottom: 2px solid #333 } #center .cart_product_list .main_pt .qnty, .cart_product_list .main_pt tr.ischildrow input { padding: 5px; width: 30px; border-color: #ccc } .cart_product_list .main_pt tr.ischildrow input + span { cursor: pointer; } #center .cart_product_list .main_pt .qnty:focus { border-color: #8ae873; background-color: #fff; } #center .cart_product_list .main_pt .iscomment { border-color: #ccc; padding: 5px; } #center .cart_product_list .main_pt .iscomment:not(:placeholder-shown) { border-color: transparent; background-color: transparent; } #center .cart_product_list .main_pt .qnty:focus, #center .cart_product_list .main_pt .iscomment:focus, #center .cart_product_list .main_pt .iscomment:not(:placeholder-shown):focus, #center .cart_product_list .main_pt .iscomment:not(:placeholder-shown):hover { border-color: #8ae873; background-color: #fff; } .cart_product_list .main_pt th, .cart_product_list .main_pt tbody tr:not(.oben):not(.unten) td { vertical-align: middle } .cart_product_list .main_pt tbody tr:not(.oben):not(.unten):not(.ischildrow) th { text-align: right; } .cart_product_list .main_pt tbody .printcol6 br { display: none; } .cart_product_list .main_pt td.green:before, .cart_product_list .main_pt td.red:before, .cart_product_list .main_pt td.blue:before, .cart_product_list .main_pt td.yellow:before { top: 2px; display: inline-block; position: relative; } .cart_product_list .main_pt tbody .printcol3 a, .cart_product_list .main_pt tbody tr:not(.oben):not(.unten) td a { border-bottom: 0px solid #333 } .cart_product_list .main_pt tbody tr.ischildrow th { color: #777; } .cart_product_list .main_pt tbody tr.ischildrow td { background-color: #fff; } .cart_product_list .main_pt tbody tr.ischildrow td[colspan="1"] a { border-bottom: 1px dashed #777; color: #777; } .cart_product_list .main_pt .ischildrow td[colspan="1"] { color: #777; } .cart_product_list .main_pt .ischildrow:hover td[colspan="1"]:not(.isborderless), .cart_product_list .main_pt .ischildrow:hover td[colspan="1"] a { color: #333; background-color: #eee; } .cart_product_list .main_pt .ischildrow th[colspan="7"] { font-size: 18px; font-weight: normal; text-align: center; border-bottom: 1px solid #777; } /* crossselling panel */ @media screen and (max-width: 1640px) { .js-crosssellingList { display: none !important; } } /* **************************** *** CART STEP 1 + 4 *** *** Leftpanel *** **************************** */ #leftpanel.lp_shopping_cart_edit_2 .leftMain h3:not(.mygreen) { background-color: transparent; margin: 0 0 10px; padding: 10px 0 2px; font-weight: normal; font-size: 18px; color: #333; } .lp_shopping_cart_edit_2 .normal, .lp_shopping_cart_check_2 .normal { margin: 0; width: 100%; } .lp_shopping_cart_edit_2 .normal, .lp_shopping_cart_edit_2 .normal td, .lp_shopping_cart_edit_2 .normal .oben td, .lp_shopping_cart_edit_2 .normal th, .lp_shopping_cart_edit_2 .normal th.first, .lp_shopping_cart_edit_2 .normal tr, .lp_shopping_cart_edit_2 .normal tr:first-child, .lp_shopping_cart_check_2 .normal, .lp_shopping_cart_check_2 .normal td, .lp_shopping_cart_check_2 .normal .oben td, .lp_shopping_cart_check_2 .normal th, .lp_shopping_cart_check_2 .normal th.first, .lp_shopping_cart_check_2 .normal tr, .lp_shopping_cart_check_2 .normal tr:first-child { border: none; background-color: transparent; color: #333; vertical-align: middle; } .lp_shopping_cart_edit_2 .normal td, .lp_shopping_cart_edit_2 .normal th, .lp_shopping_cart_check_2 .normal td, .lp_shopping_cart_check_2 .normal th { padding: 5px 0; } .lp_shopping_cart_edit_2 .normal tr:not(:nth-last-child(1)), .lp_shopping_cart_check_2 .normal tr:not(:nth-last-child(1)){ border-bottom: 1px solid #999; } #leftpanel.lp_shopping_cart_edit_2 form div:not(:first-of-type) { padding: 6px } #leftpanel.lp_shopping_cart_edit_2 form div:not(:first-of-type) h3 { position: relative; left: -5px; } #leftpanel.lp_shopping_cart_edit_2 form label:not(:first-of-type) { position: relative; box-sizing: border-box; -moz-box-sizing: border-box; display: block; background-color: #ccc; width: 100%; text-align: center; /*-- font-size: 13px !IMPORTANT; --*/ padding: 1px 0px 0px; margin: 10px 0; color: #333 !important; font-weight: normal; text-decoration: none !important; cursor: pointer !IMPORTANT; border: 0; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); } #leftpanel.lp_shopping_cart_edit_2 form label:not(:first-of-type):hover { background-color: #999; } #leftpanel.lp_shopping_cart_edit_2 form label:not(:first-of-type) span.label { position: relative; top: -5px; } #leftpanel.lp_shopping_cart_edit_2 form input.storedCartName { padding: 5px; width: 160px } #leftpanel.lp_shopping_cart_edit_2 form input.storedCartName:focus { border-color: #8ae873; } /* **************************** *** CART STEP 2 *** **************************** */ .cart_provider_left .cartPayment { background-color: #eee; margin: 0 4px 4px 4px; padding: 5px 3px; } /* **************************** *** CART STEP 3 *** **************************** */ #center .cart_detail .address .normal select { width: 100%; } #center .cart_detail .address .normal input[type="text"] { width: 300px; } #center .cartPayment input[type="text"] { width: 300px; } /* **************************** *** CART STEP 4 *** **************************** */ .cart_confirmation .module { clear: both; padding: 10px; width: 100%; margin: auto; } .cart_confirmation .module:first-of-type { background: #f5f5f5; } .cart_confirmation a#js-cart_orderNo { font-size: 18px; } .cart_confirmation .module p { font-size: 14px !Important; } .cart_confirmation .module b { font-size: 16px !Important; } .cart_confirmation .orderNo span { font-size: 20px; } .cart_confirmation .orderNo .label.large { font-weight: bold; } .bannerManager-orderConfirmation:first-of-type { margin-bottom: 1rem; } /* **************************** *** CART STEPS *** **************************** */ .cart_check #cartSteps, .cart_detail #cartSteps, .cart_edit #cartSteps, .cart_confirmation #cartSteps { width: 100%; margin:0; box-sizing: border-box; } .cart_check #cartSteps .step, .cart_detail #cartSteps .step, .cart_edit #cartSteps .step, .cart_confirmation #cartSteps .step { position: relative; box-sizing: border-box; height: 160px; background-color: transparent; width: 22%; margin: 0; float: left; } .cart_check #cartSteps .number, .cart_detail #cartSteps .number, .cart_edit #cartSteps .number, .cart_confirmation #cartSteps .number { float: none; text-align: center; width: 100%; color: #ccc; font-size: 550%; } .cart_check #cartSteps .activ .number, .cart_detail #cartSteps .activ .number, .cart_edit #cartSteps .activ .number, .cart_confirmation #cartSteps .activ .number { color: #8ae873; } .cart_check #cartSteps .subline, .cart_detail #cartSteps .subline, .cart_edit #cartSteps .subline, .cart_confirmation #cartSteps .subline { text-align: center; font-size: 18px; font-weight: normal; } .cart_check #cartSteps .desc, .cart_detail #cartSteps .desc, .cart_edit #cartSteps .desc, .cart_confirmation #cartSteps .desc { margin-left: 35%; } /* **************************** *** CART ESD *** **************************** */ table.esd_items, table.esd_products, table.esd_platforms { border-top: 1px solid #999; border-left: 1px solid #999; width: 99%; } table.esd_sum { border-top: 1px solid #999; border-left: 1px solid #999; } table.esd_items .odd td { background-color: #eee; } table.esd_products > tbody > tr:nth-child(6n-1) td, table.esd_products > tbody > tr:nth-child(6n-2) td, table.esd_products > tbody > tr:nth-child(6n) td { background: #eee; } .odd table.esd_products > tbody > tr:nth-child(6n-1) td, .odd table.esd_products > tbody > tr:nth-child(6n-2) td, .odd table.esd_products > tbody > tr:nth-child(6n) td { background: #eee; } table.esd_products th:first-child { width: 279px; } table.esd_platforms th:first-child { width: 268px; } table.esd_items th { background: #ccc; } table.esd_products th { background: #deb; } table.esd_sum { float: right; } table.esd_sum th { text-align: right; } /* **************************** *** VIND *** **************************** */ .vindConfirmDiv { background-color: #eee; } .vindDiv { font-weight: bold; font-size: 10pt;color:#036; } .vindSubmit { display: none;padding-top:3px; } .vindCustomAddressDiv { text-align: center; font-weight: bold; font-size: 10pt; } /* **************************** *** VINV *** **************************** */ .tpdisList h2 { background: none; border: 0; color: #333; padding: 1px 0 3px; } #tpdisChoice { margin: 0 5px 20px; } #leftpanel form #tpdisChoice label { display: inline-block; width: 80%; } #leftpanel form #tpdisChoice input { float: left; } /* **************************** *** PRODUCT AGENT *** **************************** */ div.productAgent tr.criteriaReached td { background-color: #deb; color: #000; font-weight: bold; } /* Anfrage hinzufuegen */ div.productAgent div.add {margin-bottom: 8px;} div.productAgent div.add fieldset {margin: 0; padding: 10px 4px 4px 4px; background-color: #ddd; border: 1px dotted #000;} div.productAgent div.add fieldset legend {margin-left: 5px; padding: 2px; font-weight: bold; background-color: #fff; border: 1px solid #000; font-size: 10pt;} div.productAgent div.add div.artNo {width: 150px;} div.productAgent div.add div.price {width: 100px; margin-left: 18px;} div.productAgent div.add div.qty {width: 90px; margin-left: 8px;} div.productAgent div.add div.commentar {width: 280px;} div.productAgent div.add div.prodName {margin-left: 8px;} div.productAgent div.add div.btn {width: 80px; margin-left: 18px;} div.productAgent div.add div.combinated {float: left; text-align: center; margin-left: 8px; margin-right: 8px; font-size: 10pt; font-weight: normal; width: 230px;} /* Anfrage hinzuf�gen - �berschriften*/ div.productAgent div.add div.headDescription {float: left; width: 100%; margin: 0 0 10px 0; padding: 0;} div.productAgent div.add div.headDescription div.firstRow {float: left;} div.productAgent div.add div.headDescription div.secondRow {margin-top: 5px;float: left;} div.productAgent div.add div.headDescription div.description {float: left; text-align: left; margin-top: 3px; font-size: 10pt; font-weight: bold;} div.productAgent div.add div.headDescription div.description div {margin:0; padding: 0;} div.productAgent div.add div.headDescription div.bottom {margin-top: 21px;} /* Anfrage hinzuf�gen - InputFelder*/ div.productAgent div.add div.bodyInput {clear: both; float: left; width: 100%;} div.productAgent div.add div.bodyInput div.inputEntry {margin-bottom: 5px; border-bottom: 1px dotted #fff;} div.productAgent div.add div.bodyInput div.inputField {margin-top: 3px; float: left;} div.productAgent div.add div.bodyInput input {margin-top: 2px;} div.productAgent div.add div.bodyInput input.btnReset {background-image: url(/pub/images/ic_23x24_delete_trans.gif); padding: 0; margin: 0; width: 23px; background-color: #ddd; border: none;} div.productAgent div.add div.bodyInput input.btnSave {background-image: url(/pub/images/ic_ok.gif); padding: 0; margin: 0; width: 23px; background-color: #ddd; border: none;} div.productAgent div.add div.bodyInput input.btnEdit {background-image: url(/pub/images/ic_edit.gif); padding: 0; margin: 0; width: 23px; background-color: #ddd; border: none;} div.productAgent div.add div.bodyInput div.actions {float: right; clear: both;} /* bereits vorhandene Anfragen */ div.productAgent tr.criteriaReached td{color: #fff; font-weight: bold; background-color: #ccc;} div.productAgent tr.criteriaReached td a {color: #fff; font-weight: bold;} div.productAgent tr.criteriaReached td a:link {color: #fff; font-weight: bold;} div.productAgent tr.criteriaReached td a:visited {color: #fff; font-weight: bold;} div.productAgent tr.criteriaReached td a:hover {color: #fff; font-weight: bold;} /* Eingabe St�ckzahl f�r den Warenkorb in der Materialliste */ div.productAgent form div div table tbody tr td input { width: 25px; } /* **************************** *** HP TOPCONFIG / ACE *** **************************** */ /* CK HP Ace Konfigurator. ace is for all ace application pages, ace_* for a special page */ div.ace_configlines { margin: 25px; } div.ace_configlines div.logo { float: right; width: 140px; } div.ace ul { margin-bottom: 20px; } div.ace .configuration_list {margin-left: 15px; text-align: left;} div.acemodelbox .acemenu { display: inline; float: left; padding-top: 3px; } div.modelinformations { float: right; width: 200px; } div.alignleft { text-align: left; } /* flexible centered box */ div.textbox { margin-top: 10px; margin-bottom: 10px; margin-left: auto; margin-right: auto; width: 100%; } .acemodelbox img.product { width: 170px; height: 190px; } iframe.aceConfigurator { width: 100%; height: 700px; border-style: none; } iframe.passwordForgotten {margin: 0; height: 220px;} /* result */ aceprice { text-align: right; } /* */ .acemodelbox { margin: 5px; border: 1px solid #999; float: left; } #center div.ace_model_view div.block div.acemodelbox form h3.model { margin: 0; } .acemodelbox div > img { display: block; margin: 5px auto; } .acemodelbox div div { margin: auto; } .acemodelbox table { width: 282px; } .configuration_list .ic_delete { margin-left: 155px; } /* **************************** *** APPLE CTO FINDER *** **************************** */ #appleFinder .finder_box.cto_contact p { padding-left: 20px; } #cto_left { padding-top: 27px; } #cto_left div { padding: 5px; } #cto_left .cto_info { background-color: #eee; display: block; margin: 0 4px; padding: 3px 5px; } #cto_left ul { padding: 5px 0 5px; } #cto_left li { padding-bottom: 5px; font-size: 11px; } #cto_left li.selected { font-weight: bold; } #cto_left table { margin: 5px 0; width: 99%; } #cto_left table td { border: 1px solid #333; padding: 2px; } #cto_left table .price { background: #fff; text-align: right; } #cto_left input[type="text"] { margin: 5px 0; width: 99%; } #cto_left .icons { text-align: right; } .apple_finder a:link, .apple_finder a:visited { color: #999; text-decoration: none; } .apple_finder a:hover { color: #000; } .apple_finder .hint { margin: 10px 5px !important; } .finder_box { margin: 5px 5px 15px 5px; padding: 5px 0 15px 0; overflow: hidden; background: #F2F2F2; } .finder_box h2, .finder_box .module h2 { border: none; background: none; color: #000; font-weight: normal !important; } .finder_box h3, .finder_box .module h3 { border: none; background: none; color: #000; text-align: center; padding: 10px; font-size: 16px; font-weight: normal; } .finder_box h4, .finder_box .module h4, .finder_box h5, .finder_box .module h5 { border: none; background: none; color: #000; margin: 5px 0 5px 15px; font-weight: bold; } .finder_box div.info, .finder_box div.hint, .finder_box div.error, .finder_box div.undefined, .finder_box div.inconspicuous { background: none; border: 0; } .cto_contact .module h2 { font-size: 11px; line-height: 15px; font-weight: bold !important; margin: 0; padding: 5px; } .cto_contact .module h3 { font-size: 11px; line-height: 15px; font-weight: normal !important; text-align: left; margin: 0; padding: 5px; } .cto_contact .module .left { margin: 5px; } /* CTO Finder - Step 1 */ .prod_families { overflow: hidden; } .prod_family { display: block; float: left; text-align: center; margin: 5px 20px 5px 0; width: 17%; min-width: 120px; } .prod_family span { display: block; font-size: 16px; padding-top: 10px; color: #06c; } .prod_family span:hover { text-decoration: underline; } .prod_families img { width: 100%; height: 100%; } a.prod_family { padding: 10px; } /* CTO Finder - Step 2 */ .basic_groups { overflow: hidden; /* width: 49%; */ /*width: 24.5%; */ width: 100%; min-width: 200px; float: left; border-left: 1px solid #ccc; } .finder_box .first { border: none; } .basic_group { overflow: hidden; /* width: 47%; */ width: auto; min-width: 200px; max-width: 350px; float: left; margin-left: 10px; margin-bottom: 90px; } .basic_groups h3 { border: none; background: none; color: #000; text-align: center; padding: 10px; font-size: 25px; font-weight: bold; } .basic_group_feature h4 { border: none; background: none; color: #000; margin: 5px 0 5px 15px; font-weight: bold; line-height: 1.2em; max-width: 200px; font-size: 1.5em; } #appleFinder .basic_group_feature img, #appleFinder .basic_group_feature h4 { cursor: pointer; } #appleFinder .basic_group_feature h4:hover { color: #0071e3 ; } .basic_group form { max-width: 200px; overflow: hidden; } #center .basic_group_feature ul { margin: 5px 0 15px 15px; padding: 0; } #center .basic_group_feature li { list-style: none; font-size: 14px; padding: 7px 60px 5px 0px; } #center .basic_icons { width: auto; min-width: 200px; max-width: 350px; margin: 5px 0; text-align: left; padding-left: 17px; color: #06c; } .apple_finder .basic_icons a:link, .apple_finder .basic_icons a:visited { display: inline-block; float: left; margin: 0 15px; text-decoration: none; } .apple_finder .basic_icons .icon { vertical-align: middle; } #appleFinder span.priceHEK { line-height: 50px; font-size: 15px; vertical-align: middle; } #appleFinder span.priceHEK span{ font-weight: bold !important; color: black; } #appleFinder .context_appleCto_modelList { background: #999 !important; padding: 5px 30px !important; border-radius: 50px !important; color: white; margin-left: 55px !important; } #appleFinder .context_appleCto_modelList:hover { background: #808080 !important; } #appleFinder span.icon.ic_act_1 { line-height: 30px; padding-left: 10px; } #appleFinder .ic_xls:before, .icon-doc-xls:before { padding-left: 10px; } #appleFinder span.icon.ic_act_1.js-callConfiguration.configure-model { background: #0071e3 !important; padding: 0px 60px !important; width: 100%; color: #fff; border-radius: 20px; margin-bottom: 10px; min-width: 110px; text-align: center; } #appleFinder span.icon.ic_act_1.js-callConfiguration.configure-model:hover { background: #0060c1 !important; } #appleFinder span.icon.ic_act_1.js-callConfiguration.configure-model::before { font-size: 13px; position: relative; top: 2px; margin-right: 5px; } #appleFinder span.icon.ic_xls { position: relative; top: 5px; line-height: 25px; } #appleFinder span.icon.ic_xls::before { position: relative; top: 3px; } /* CTO Finder - Step 3 */ .config input { float: left; margin-right: 10px; } .config_header { overflow: hidden; } .config_header img { float: left; margin: 0 15px; } .config_header h4 { padding-top: 17px; } .config_option_header { border-top: 1px solid #ccc; padding: 5px 0; background: url(../../../grfx/default_shop/cto_header_bg.png) repeat-y right center #DDD; } .config_option_header p { margin: 5px 0 5px 15px; max-width: 500px; line-height: 20px; vertical-align: top; } .config_option_body { padding: 5px 15px; border-bottom: 1px solid #ccc; margin-bottom: 10px; } .config_option_body .icon { vertical-align: bottom; height: 18px; margin-left: 5px; } #center .config_option_body label { float: none; line-height: 1.2em; display: inline-block; vertical-align: text-top; max-width: 500px; margin: 0 0 5px 10px; } #center .config_option_body input { margin: 0 0 5px 0; padding: 0; display: inline-block; vertical-align: text-top; } .config_option .generated { display: block; margin: 15px; color: #333; font-weight: bold; } /* Apple CTO Finder - END */ /* **************************** *** FINANCIAL SERVICES *** **************************** */ /* Bullettable */ .module .bullettable { border: none; width: auto; margin: 20px; } .module .bullettable td, .module .bullettable th { border: none; vertical-align: top; font-size: 1.2em; padding: 10px; } .module .bullettable .hasbullet { width: 30px; } .module .bullettable .hasbullet:before { font-family: FontAwesome; content: "\f00c"; color: #333; font-size: 1.5em; } .isleasing { padding: 10px; } .isleasing .module h2 { color: #333; background: transparent; border: none; font-size: 16px; padding: 0; } #leasinginfo { width: 400px; display: inline-block; float: left; margin-right: 30px; vertical-align: top; } #leasing_info h2, #cboxBody h2 { background-image: none; background-color: #eee; border: none; color: #333; text-shadow: 1px 1px 1px #fff; font-size: 14px; padding: 10px; margin: 0; } #leasinginfo h3 { background: transparent; border: none; color: #333; padding: 0; margin: 5px 0 10px; font-size: 14px; } #leasingexample th, #leasingexample td { text-align: left; vertical-align: top; padding: 5px 0; } #leasingexample th { font-weight: bold; width: 130px; } #leasingexample th .icon { margin: 0 0 0 5px; padding: 0; } #leasingexample tbody { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } #arguments { padding-top: 30px; } #arguments li { vertical-align: middle; font-size: 14px; } #arguments li:before { font-family: FontAwesome; color: #333; font-size: 30px; vertical-align: middle; content: "\f05d"; margin-right: 10px; font-weight: normal; } #requestLeasingOffer { margin: 25px 0; } #poweredBy { display: block; clear: right; } #leasinginfo1 + .module { clear: both; margin-top: 25px; } #center .pde .desc .pde_more { color: #333; text-decoration: none; } #center .pde .desc .pde_more:hover { color: #333; text-decoration: underline; } .tt_leasing { background: #eee; border: 1px solid #ccc; padding: 10px; color: #333; line-height: 20px; vertical-align: middle; white-space: nowrap; } .tt_leasing:before { font-family: FontAwesome; content: "\f05a"; color: #777; display: inline-block; padding-right: 5px; font-size: 16px; vertical-align: middle; } #tooltip .row_leasing td, .tooltip .row_leasing td { background-color: #ccc; color: #333; border: none; position: relative; top: 10px; } .row_leasing .col1 { } .row_leasing .col2 { text-align: right; } /* **************************** *** CONTENT ELEMENTS *** **************************** */ .module { /*-- font-size: 11px; --*/ line-height: 15px; margin: 4px 0 0; } .module a:hover { text-decoration: underline; } .module p { font-size: 11px; margin: 5px 0; } .module p.left { font-size: 11px; margin: 5px 0; } .module ul, .module ol { margin-top: 0; margin-bottom: 20px; padding-left: 25px; padding-top: 0; list-style-type: decimal; } .module ul li { list-style: circle; } .module .subheadline { font-weight: bold; /*-- font-size: 13px; --*/ } .includedTextBlock { overflow: hidden } .includedTextBlock .subheadline { font-weight: bold; /*-- font-size: 13px; --*/ } .teaser_with_img span.i40 { position: relative; top: 5px; } /* content text with image / teaser with image */ .module { overflow: hidden; margin-bottom: 5px; margin-top: 0; } .module .i20 { width: 109px; } .module .i30 { width: 149px; } .module .i40 { width: 185px; } .module .i50 { width: 228px; } .module .i100 { width: 468px; margin: 0 0 10px; } .module .i100p { width: auto; max-width: 100%; } .message_box .i100 { max-width: 100%; } .module .right { float: right; z-index: 10; margin: 0 0 5px 10px; } .module .left { float: left; z-index: 10; margin: 0 10px 5px 0; } .module .caption { display: block; text-align: left; font-size: 11px; line-height: 100%; color: #999; margin: 5px 0 0; padding: 3px 5px; font-style: italic; } .two_columns .img-responsive { max-width: 100%; } .two_columns.clearfix { overflow: hidden; } /* gallery und contact_data*/ .legend .table { display: table; padding: 0 10px; } .legend .table .item { display: table-row; } .legend .table .item span { display: table-cell; padding: 0 0 0 10px; vertical-align: middle; } .legend .table .item span p { margin: 0 0 10px !important; } .legend .table .item span.icon { float: none; font-size: 24px; width: 40px !important; } /* Legende - Spalten-Einteilung */ .two-grid-legend { float: left; width: 50%; } .three-grid-legend { float: left; width: 33%; } #center .module .i20 + h2 { margin-right: 120px; } #center .module .i30 + h2 { margin-right: 160px; } #center .module .i40 + h2 { margin-right: 200px; } #center .module .i50 + h2 { margin-right: 240px; } #center .module .i100 + h2 { margin-right: 480px; } .two-grid-legend span.icon { float: left; } #center .two-grid-legend p { margin-top: 0; margin-left: 25px; } /* gallery */ /* gallery und contact_data*/ /* content gallery */ .module .gallery_row { overflow: hidden; margin-bottom: 10px; } .module .last_row { overflow: hidden; margin-bottom: 5px; } .module .gallery_row .gallery { float: left; display: block; } .module .gallery_row img { display: block; } .module .gallery_row .i100 { width: 466px; margin: 0; } .module .gallery_row .caption { display: block; text-align: left; font-size: 11px; line-height: 100%; color: #999; margin: 5px 0 0; padding: 3px 5px; font-style: italic; } .module .gallery_row .gallery { margin-right: 8px; } .module .gallery_row .last { margin-right: 0; } .module table { width: 100%; border-left: 1px solid #ccc; border-top: 1px solid #ccc; padding: 0; border-spacing: 0; } .module table tr.even { background-color: #deb; } .module table th, .module table td { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 2px 3px; } .module table th { color: #fff; background-color: #ccc; } .module table.tableNoBorder { color: #000; background-color: #fff; border: none; } .module table.tableNoBorder th, .module table.tableNoBorder td { color: #000; background-color: #fff; border: none; } .module .contact_data_list { border: 0; margin-bottom: 20px; } .module .contact_data_list img.i10 { width: 55px; } .module .contact_data_list td { width: 40%; border: 0; border-top: 1px solid #DDD; padding-top: 5px; padding-bottom: 5px; vertical-align: top; } .module .contact_data_list td.i10 { width: 20%; } .module .contact_data_list .tr1 td { border-top: 0; } .important_information { display: block; font-weight: bold; background: #deb url(../../../grfx/default_shop/info.png) no-repeat 10px 10px; border: 1px solid #ccc; padding: 10px 10px 10px 60px; margin-bottom: 20px; } /* **************************** *** SPECIAL SECTIONS *** **************************** */ /* MPS Selection */ .mps_selection { border: 1px solid #693; width: 248px; text-align: center; overflow: hidden; } .mps_selection a:link, .mps_selection a:visited, .mps_selection a:hover { text-decoration: none; } .mps_selection img { border: none; } .mps_selection .blocked { display: block; } .mps_selection .service { border-top: 1px solid #693; border-bottom: 1px solid #693; } .mps_selection .logo { margin: 4px auto 6px auto; border: none; } /* HTML Snippet - MPS Selection - DEV extras */ .mps_content { width: auto; height: 0px; z-index: 9999; position: absolute; background-color: #fff; visibility: hidden; top: 150px; left: 235px; } .mps_banner:hover + .mps_content, .mps_content:hover { visibility: visible !IMPORTANT; } /* Dashboard */ .dashboard .boxLine {margin-bottom: 5px} .dashboard .boxLine > .box .boxContent {margin: 5px 5px;} .dashboard .boxMiddle { width: 32%;} .dashboard .hotdealmini .headline {display: none} .dashboard .latest_news h3 {display: none} .dashboard .mcpPromotionList .header {display:none} .dashboard .hotdealContent .header {display:none} .dashboardMini .boxLine > .box {border-right: 1px solid #333;} .dashboardMini .boxRight.box {border-right: none} .dashboardMiniBanner .boxLine > .box {text-align: center; height: 90px; overflow: hidden;} .dashboard .boxLine > .box { box-sizing: border-box; -moz-box-sizing: border-box; width: 30%; float: left; border: none; margin: 0; padding: 5px; height: auto; } .dashboard .respsonsiblePerson span { display: block; } /* Dashboard - AdW */ .box .adw { height: 220px; } .box .adw img { width: auto; height: auto; } .box .adw img { margin-top: 0; margin-bottom: 0; max-height: 130px; } a.desc { font-size: 13px; line-height: 1.25; padding: 0 65px; } #adw p#adw_price { margin-top: 5px; } table#adw_nav { margin-top:5px; } #adw_prev::before, #adw_next::before { font-family: "streamline-also"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; text-transform: none; padding: 0 5px; } #adw_prev::before { content: "\E010"; } #adw_next::before { content: "\E011"; } #adw_prev, #adw_next{ margin-right: 12px!important; margin-bottom: 11px!important; } #adw_prev.ic_arrow_left_aktiv::before, #adw_next.ic_arrow_right_aktiv::before{ font-size: 16px; } /* Dashboard - Config */ div#grid_disabled { overflow: hidden; } div#enableGrid.isbutton { float: right; width: 140px; padding-right: 10px; margin-right: 10px; } div#grid_enabled { overflow: hidden; } div#grid_enabled > div.isbutton { float: right; width: auto; } div#grid_enabled div:first-of-type { margin-left: 5px; margin-right: 10px; } div#grid_disabled .isbutton i, div#grid_enabled .isbutton i { margin-right: 10px; } #widget_add_selection .widgetdetails { overflow: hidden; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #cecece; } #widget_add_selection .widgetdetails > div { float: left; } #widget_add_selection .widgetdetails .widgetdetails_left { width: 35%; } #widget_add_selection .widgetdetails .widgetdetails_right { width: 65%; } #widget_add_selection .widgetdetails { padding: 15px; } #widget_add_selection .widgetdetails .widget_thumbnail { padding-bottom: 10px; } #widget_add_selection .widgetdetails > div img { max-width: 200px; max-height: 150px; } /* BR hotdeal mini css*/ .hotdealmini div div#teaserNav { text-align:center;font:bold 10pt Arial; padding-top: 5px; } .hotdealmini div div.teaserContent { padding:0px;height:150px;} .hotdealmini div div.teaserContent div#teaserImg { text-align:center; } .hotdealmini div div.teaserContent div#teaserImg a#teaserLinkImg img { filter:progid:DXImageTransform.Microsoft.Fade(Duration=0.5) } .hotdealmini div div.teaserContent div#teaserDesc { text-align: center; padding-bottom:5px; overflow:hidden; width: inherit; } .hotdealmini div div.teaserContent div#teaserPrice { text-align: center ;color:#f60;font:bold 10pt Arial; } .hotdealmini div#teaserDiv div.teaserContent div#teaserDesc a { font: bold 10pt Arial; text-decoration: underline; } .hotdealmini div#teaserDiv div.teaserNav a { text-decoration: none; } /* Bonus Club */ .dashboardMini .c-bonusclub-pointsBox > div { background-color: #ccc; display: block; padding: 3px 4px !important; border: 0 none; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); box-sizing: border-box; color: #333 !important; cursor: pointer !important; font-size: 13px !important; font-weight: normal; text-align: center; text-decoration: none !important; margin: 5px; width: auto; } .dashboardMini .c-bonusclub-pointsBox > div:hover { background: #aaa none repeat scroll 0 0; text-shadow: none; } .dashboardMini .funktionsbox h3 { display: none; } .dashboardMini .c-bonusclub-pointsBox h3 { display: none; } .dashboardMini .c-bonusclub-pointsBox a { text-decoration: none; } /* Dashboard - MyLinks */ #mylinks .fa.configButton, #mylinks .fa.reloadButton { font-style: 0.7em; } /* ADW */ #adw_nav { margin: auto; position: relative; margin-top: 25px; } .adw .ic_warenkorb::before { margin: -2px; } #adw_nav td { vertical-align: middle; } #adw_nav #adw_caption { display: block; margin: 1px 0 2px; } .adw_item { margin: auto; overflow: hidden; } .adw_img { display: block; margin: auto; } .adw_img img { display: block; margin: auto; } .desc { display: block; margin: auto; } .adw .desc { text-align: center; } .adw_img img { margin: 10px auto; max-height: 90px; } .adw_price { font-size: 16px; text-align: center; } .adw_price .icon { margin: 0 0 -4px; } .adw a { text-decoration: none; } #center .trenner_oben, #center .trenner_unten { display: none; } /* Dashboard links */ .funktionsbox label, .accountBox label { display: block; overflow: hidden; } .funktionsbox label span.label, .accountBox label span.label { display: block; float: left; width: 120px; font-weight: bold; } .funktionsbox label span.ltext, .accountBox label span.ltext { display: block; margin-left: 120px; } /* Kontrakte */ .contract fieldset { padding: 10px 0; border: none; } .contract #searchString { width: 97%; padding: 7px 3px 7px 5px; } .contract legend { display: block; font-size: 12px; background: #ccc url(../../../img/shop_2/h_bg_grau_pic.png) repeat-x center center; padding: 5px 10px; color: #fff; border: 1px solid #aaa; font-weight: bold; width: 97%; } .contract .respsonsiblePerson { line-height: 1.5; padding: 10px; } /* #cboxBody #content .contractContent { overflow: auto; } */ #contractConditions .ic_arrow_right:before { font-size: 10px; } /* AGB */ textarea.agb_text { width: 96% !IMPORTANT; padding: 10px; font-size: 11px !IMPORTANT; height: 1250px !IMPORTANT; border: none !IMPORTANT; outline: none !IMPORTANT; } /* Handyzubehoerberater */ #selectionBox td { width: 300px; } /* */ .lp_accessory_finder .ui-icon { background-image: none !IMPORTANT; } .lp_accessory_finder label { cursor: pointer; color: #000; } /* */ .mcpPromotionList > p { display: none; } .mcpPromotionList .module p { padding: 5px 10px 0; } /* */ #lefpanel .ui-tabs .ui-tabs-nav li a { padding: 5px 25px !important; } /* JG Berater Mainbereich (klasse "adviser adviser_main") + Leftpanel(klasse "adviser") */ /* allgemein */ .adviser .toClick {cursor: pointer;} .adviser .clearer {clear: both;} /* Mitte */ .adviser input {border: 1px solid #999; margin-right: 3px;} .adviser input:focus {border: 1px solid #ccc;} .adviser label {padding: 0;} .adviser select {border: 1px solid #999; margin-right: 8px; width: 165px;} .adviser select:focus {border: 1px solid #ccc;} .adviser input.textSearch {} .adviser input#textSearch {width: 130px} .adviser input#countPerPage {width: 20px; margin-right: 0; width: 20px;} .adviser ul.columnOne li input {display: inline-block; vertical-align: top;} .adviser ul.columnOne li label {display: inline-block; width: 80%;} .adviser_main input.doAjax {background-color: #ccc; margin-right: 0; font-size: 8pt} .adviser_main input.button {background-color: #ccc; margin-right: 0; font-size: 8pt} .adviser_main a.button {text-decoration: none; border: 1px solid #999; padding: 0 6px; background-color: #ccc; margin-right: 0; font-size: 8pt; cursor: pointer;} .adviser_main .ad_products {margin-top: 15px;} .adviser_main #sorting { border-bottom: 1px solid #333; margin-top: 10px; padding: 7px; } .adviser_main #sorting div { margin-right:30px; float: left;} .adviser_main #sorting span {float: left;} .adviser_main #sorting img {display: inline;} .adviser_main div.view { margin-top: 5px; float: right;} .adviser_main div.view a { padding: 0; margin: 0; text-align: center; width: 123px; display:block} /* Galerieansicht */ .adviser_main .underlined {text-decoration: underline; cursor: pointer} .adviser_main .mainMaterialSearch .button {width: 123px; margin-right: 19px;} .adviser_main div.block {margin-top: 15px; width: 790px;} .adviser_main .highlight {font-weight: bold;} /* Listenansicht - wie Produktsuche */ .adviser_main.vorschau_full {text-align: left; height: 90px; position: relative;} .adviser_main.container_full {clear: left; float: none; width: 784px; height: 90px;} /* Switch */ .adviser_main .hide, .adviser_main img.hide {display: none} /* Sidebar */ .adviser .additionalFunction {background-color: #999; padding: 3px 5px; display: block; margin-bottom: 5px; color: #fff; font-weight: bold; text-align: center; font-size: 9pt;} .adviser a.additionalFunction:hover {color: #fff;} html div.adviser .hide {display: none;} div.adviser ul {list-style: none; margin: 0; padding: 0;} div.adviser ul.columnThree li {float: left; width: 32%;} div.adviser ul.columnTwo li {float: left; width: 48%;} div.adviser div.breaker {clear: left; height: 1px; margin: 0; padding: 0; line-height: 1px; font-size: 1px;} div.adviser fieldset {border: none; padding-bottom:20px;} div.adviser .ui-accordion {font-size: 0.8em; margin: 0 9px} div.adviser .ui-accordion-group {background-color: #eee; font-size: 0.8em;} div.adviser h3 {padding: 3px 5px; border-bottom: 1px solid #fff; color: #000;} div.adviser h3.selectedCategory {color: #fff;} div.adviser h4 {font-size: 1em; padding: 3px 5px; margin: 0;} div.adviser div.selected h3.ui-accordion-header {color: #000; background-color: #999;} div.adviser hr {margin-top: 20px;} div.adviser .ui-slider {width: 75%; margin-left: 10px;} div.adviser .banner_block {margin-bottom: 15px;} .adviser_main .banner_block {margin: 15px 0 0 135px; width: 560px; height: 300px;} .adviser_main .banner_block img {margin: 30px 0;} /* eo Janine Berater Mainbereich (Mitte) */ #leftpanel .adviser .ui-slider { border: 1px solid #999; } #specificAdviser #sidebar .ui-slider-label.ui-slider-label-show { white-space: nowrap; } /* Content Provider (COP) - Datenblatt */ .datasheet { font-size: 10pt; min-width: 500px; } .datasheet div.productName { font-size: 12pt; font-weight: bold; color: darkblue; letter-spacing: 150%; margin-bottom: 30px; } .datasheet td { padding: 3px; vertical-align: top; } .datasheet td.value { padding-left: 5px; } .datasheet table.head td.name, .datasheet table.head td.value { font-size: 11pt; width: 180px; height: 30px; } .datasheet table.head td { vertical-align: middle; } .datasheet td.head td.image { padding: 5px; } .datasheet tr.sectionHead { margin-top: 5px; } .datasheet tr.sectionHead td { font-weight: bold; font-size: 11pt; padding-top: 6px; padding-bottom: 5px; background-color: #ddd; } .datasheet tr.alt-1 { background-color: #eee; } .datasheet tr.marketingText { text-align: justify; } .datasheet tr.marketingText.sectionHead { text-align: left; } .datasheet td.name, .datasheet td.value { border-bottom: thin dotted #000; line-height: 125%; } /* **************************** *** NEWSLETTER MANAGER *** **************************** */ div.newsletterManager div.groupHeader { font-weight: bold; font-size: 12px; margin-left: 5px; } div.newsletterManager div.crack { width: 75%; float: left; margin-top: 0px; margin-right: 3px; } @media (max-width: 1166px) { div.newsletterManager div.crack { width: 100%; } } div.newsletterManager div.crack div.group { margin: 0 0 20px 5px; } div.newsletterManager div.crack label { border-bottom: solid 1px #eee; margin-bottom: 3px; width: 95%; float: left; } div.newsletterManager div.crack label span { display: inline-block; width: 95%; line-height: 1.5em; float: right; } div.newsletterManager div.crack input { float: left; width: 14px; } .newsletterManager #mydataTextTop { margin-top: 30px; } .newsletterManager .businessfieldTextTop { margin-top: 15px; } .newsletterManagement .waitingForOptinConfirmation { background-image: url(../../../img/shop_2/nlm_opt_in_pic.png); background-repeat: no-repeat; background-position: right; background-color: transparent; } .newsletterManagement .waitingForOptinConfirmation span { font-style: italic; color: #999; } .newsletterManagement .waitingForOptinConfirmation input { border: 1px solid #999; } /* **************************** *** CNET CONTENT *** **************************** */ #center #cnetinlinecontent { padding: 10px; } /* **************************** *** MESSAGES *** **************************** */ .productsearchlist .messages { margin-left: 30px !IMPORTANT; margin-right: 30px !IMPORTANT; } /* CK: Messages und statusbox - nur zum sichtbar machen, ich weiss dass das kein CI ist */ div.messages { background-color: grey; width: 80%; } div.messages div.info { color: #000; } div.messages div.warn { color: #f60; } div.messages div.error { color: #d00; } #content #productList p.hint { padding: 20px 10px 20px 60px !IMPORTANT; margin-top: 10px !IMPORTANT; } #content #productList .ic_warning { top: 15px !IMPORTANT; } p.message, p.hint, p.error, p.undefined, p.inconspicuous { display: block; position: relative; font-weight: bold; background: #deb; border: 1px solid #ccc; padding: 10px 10px 10px 60px; margin: 5px 0 10px !IMPORTANT; } .icon.icon-information-outline:hover { cursor: auto; } #b_ie7 p.message, #b_ie7 p.hint, #b_ie7 p.error, #b_ie7 p.undefined, #b_ie7 p.inconspicuous { border-top-width: 2px !IMPORTANT; } p.message .icon, p.hint .icon, p.error .icon, p.undefined .icon, p.inconspicuous .icon { position: absolute !IMPORTANT; top: 5px !IMPORTANT; left: 10px !IMPORTANT; } p.hint { background: #fea; border: 1px solid #fb0; } p.error { background: #fbb; border: 1px solid #c00; } p.undefined { background: #c8c8ff; border: 1px solid #1d00cc; } p.inconspicuous { background: #eee; border: 1px solid #999; font-weight: normal; font-size: 11px; clear: both; } /* Meldungen NEU */ .message_box .icon:first-of-type::before { padding: 5px 0; } .message_box p { margin: 0 !important; padding: 0 0 3px; } .leftMain .message_box { margin: 5px 5px 10px !important; } div.info, div.hint, div.error, div.undefined, div.inconspicuous { display: block; position: relative; font-weight: bold; background: #deb; border: 1px solid #ccc; padding: 10px 10px 10px 50px; margin: 0 0 10px !IMPORTANT; } #b_ie7 div.info, #b_ie7 div.hint, #b_ie7 div.error, #b_ie7 div.undefined, #b_ie7 div.inconspicuous { border-top-width: 2px !IMPORTANT; } div.info .icon, div.hint .icon, div.error .icon, div.undefined .icon, div.inconspicuous .icon { position: absolute !IMPORTANT; top: 5px !IMPORTANT; left: 10px !IMPORTANT; } div.hint { background: #fea; border: 1px solid #fb0; } div.error { background: #fbb; border: 1px solid #c00; font-weight: normal; font-size: 11px; clear: both; } div.undefined { background: #c8c8ff; border: 1px solid #1d00cc; font-weight: normal; font-size: 11px; clear: both; } div.inconspicuous { background: #eee; border: 1px solid #999; font-weight: normal; font-size: 11px; clear: both; } p.message .msdata, p.hint .msdata, p.error .msdata, p.undefined .msdata, p.inconspicuous .msdata { display: block; margin-top: 10px !IMPORTANT; font-weight: bold; } p.message .msdatafirst, p.hint .msdatafirst, p.error .msdatafirst, p.undefined .msdatafirst, p.inconspicuous .msdatafirst { margin-top: 0 !IMPORTANT; } .message_box small, .message_box .legal_text, .message_box sub, .message_box sup { font-size: 10px; } .message_box sub { vertical-align: sub; } .message_box sup { vertical-align: super; } .message_box .legal_text { line-height: 13px; } /* printheader ausblenden */ .printheader { display: none; } /* **************************** *** PRINT OUTPUT *** **************************** */ @media print { /* header, footer, right, left ausblenden */ div#leftpanel, div#rightpanel, div#header, div#footer { display: none; } #leftpanel-resizer, #listHeader { display: none; } html body .breadcrumb, html body .hint, html body .error, html body .warning, html body .inconspicuous { display: none; } /* sichtbaren Bereich anpassen */ div#center { position: absolute; top: 30mm; left: 0; /*width: 190mm;*/ width: 100%; clear: left; overflow: hidden; margin: 0; } div#center #productList, div#center .productsearchlist #productListTable, div#center .main_pt { width: 100%; } /* Anschrift einbinden */ /* IN ANDERER CSS AUSBLENDEN! */ html body .printheader { clear: left; position: absolute; top: 0; left: 0; border-bottom: solid 2px #B2B1AA; width: 190mm; display: block; visibility: visible; } .printheader div.plogo { width: 30%; float: left; } .printheader div.pinfo { width: 69%; float: left; font-size: 8pt; } .printheader div.pinfo ul li { list-style-type: none; text-align: right; } .printheader div.pinfo ul li.topic { font-weight: bold; margin-bottom: 5px; } /* shopping card */ .cart_edit table, .cart_check table, .cart_print table { font-size: 8pt; } .cart_edit .bs-wizard, .cart_check .bs-wizard, .cart_print .bs-wizard { display: none; } .cart_edit button, .cart_check button, .cart_print button { display: none !important; } } /* ================================== SlidingScalePrice ===================================*/ .css-slidingScalePrice-table-container .icon.ic_staffel { display: inline-block; } .css-slidingScalePrice-table-container .slidingScalePrice { display: block; padding-bottom: 5px; position: relative; background-color: transparent; color: #333; } .css-slidingScalePrice-table-container span.slidingScalePrice-price { display: block; text-align: right; white-space: nowrap; } .css-slidingScalePrice-table-container span.slidingScalePrice-price .slidingScalePrice-price--amount { width: 11%; display: inline-block; text-align: left; margin-right: 10px; } .css-slidingScalePrice-table-container span.slidingScalePrice-price .slidingScalePrice-price--amount, .css-slidingScalePrice-table-container span.slidingScalePrice-price .slidingScalePrice-price--price { font-weight: bold; } .css-slidingScalePrice-table-container span.slidingScalePrice-price .slidingScalePrice-price--price { width: 41%; display: inline-block; } .css-slidingScalePrice-table-container .slidingScalePrice-more, .css-slidingScalePrice-table-container .slidingScalePrice-less { display: inline-block; float: left; position: absolute; top: 0; margin-left: 5px; cursor: pointer; right: -20px; } .css-slidingScalePrice-table-container .slidingScalePrice-more::before, .css-slidingScalePrice-table-container .slidingScalePrice-less::before{ display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .css-slidingScalePrice-table-container .slidingScalePrice-more::before { content: "\f063"; } .css-slidingScalePrice-table-container .slidingScalePrice-less::before { content: "\f062"; } .css-slidingScalePrice-table-container #ths_price { text-align: right; width: 100px; } .css-slidingScalePrice-table-container#productListTable span.priceHEK { display: block; text-align: right; } /* PRINT OUTPUT */ /* EOF */ /* ... */ .neverending #header { position: fixed !IMPORTANT; } .neverending #leftpanel { position: unset !IMPORTANT; top: unset !IMPORTANT; left:unset !IMPORTANT; right:unset !IMPORTANT; bottom:unset !IMPORTANT; float: left !IMPORTANT; width: 270px !Important; height: 2000px !IMPORTANT; } .neverending #leftpanel .leftMain { position: unset !IMPORTANT; height: auto !IMPORTANT; } .neverending #center { position: unset !IMPORTANT; top: unset !IMPORTANT; left:unset !IMPORTANT; right:unset !IMPORTANT; bottom:unset !IMPORTANT; margin: 110px 40px 0 280px; } .neverending .leftFooter { display: none; } /************************************************************************************************************************ * Multiwarehouse * *************************************************************************************************************************/ #multiwarehouseOpenProductDetailsPage, #multiwarehouseAddProductToComparepool { bottom: 0; display: block; position: absolute; margin-left: 15px; padding: 10px 15px; width: auto; } #multiwarehouseAddProductToComparepool { margin-left: 200px; } .multiwarehouseContent table td { padding: 5px } .multiwarehouseContent #headingTable ~ table { width: 100%; } .multiwarehouseContent table tr:nth-child(even) { background-color: #F7F7F7; } .multiwarehouseContent #headingTable ~ table tr:first-child td b { font-size: 1.4em; } .multiwarehouseContent table .bind_cartqty { width: 30px; } .multiwarehouseContent table tr th:first-child, .multiwarehouseContent table tr td:first-child { width: 140px; } .multiwarehouseContent table:not(#headingTable) tr th:nth-child(2), .multiwarehouseContent table:not(#headingTable) tr td:nth-child(2) { width: 120px; } .multiwarehouseContent table#externalVendorsTable { width: 385px; } .multiwarehouseContent #headingTable { margin-bottom: 25px; } .multiwarehouseContent thead { border-bottom: 1px solid #F7F7F7; } .multiwarehouseContent th { text-align: left; padding-bottom: 5px } /************************************************************************************************************************ * Carepack * *************************************************************************************************************************/ #eCarepackListForm fieldset { margin-top:15px; } #eCarepackListForm fieldset legend { font-weight: bold; font-size: 18px; margin-bottom: 15px; border-bottom: 1px solid #ccc; width: 100%; } #eCarepackListForm .carepackListSearch select, #eCarepackListForm .carepackListSearch input { width: 100%; padding: 2px 5px; box-sizing: border-box; } #eCarepackListForm .carepackListSearch input.hasDatepicker { width: 85%; margin-right: 4px; } #eCarepackListForm fieldset table.carepackListSearch td { padding: 5px; } #eCarepackListForm .isbutton { width: 100px } /************************************************************************************************************************ * Sellout * *************************************************************************************************************************/ .sellout-highlight { margin-top: 10px; position: relative; padding: 0 50px; height: 125px; width: 93%; visibility: hidden; } .sellout-highlight .slide { width: 100%; margin: 0; padding: 0; overflow: hidden; } .sellout-highlight .slide-item { border: 1px solid #ccc; width: 46%; float: left; padding: 1%; margin: 0 0.5% 0.5%; height: 65px; } .sellout-highlight .sellout-highlight-image { float: left; padding-right: 10px; } .sellout-highlight .sellout-highlight-prev { position: absolute; top: 0; left: 0; bottom: 0; width: 40px; } .sellout-highlight .sellout-highlight-prev a, .sellout-highlight-next a { font-size: 60px; font-weight: normal; text-decoration: none; color: #aaa; } .sellout-highlight .sellout-highlight-next { position: absolute; top: 0; right: 10px; bottom: 0; width: 40px; } .iquote_start #isform .button.primary { float: left; } #getRmaByStateAndDateRange { display: inline-block; width: auto; margin-top: -10px; } rma_filter_type { margin-bottom: 10px; } #rmaRequest_wrapper { margin-top: 25px; } #view_notepadQuotation h2 { margin-top: 50px; } #view_notepadQuotation table.main_pt tr:not(:last-child) td:nth-child(3) input { width: 175px !important; } span.extended_offerdata { font-size: 12px; } .epayment table tr td a:link, .epayment table tr td a:visited { color: #333; text-decoration: underline; border-bottom: none; } .cs-phone-fee { font-size: 9px; color: #777; display: block; } .module.faq h2 { margin-top: 30px; } .faq .three-grid-legend:nth-child(3) { margin-bottom: 80px; } /* New Search is coming - pop-up */ #newSearchIsComing h2 { color: #99e087; font-weight: bold; } #newSearchIsComing p { font-size: 16px; margin: 15px 0; line-height: 1.2; } #newSearchIsComing li { font-size: 16px; list-style-type: disc; margin: 5px 0; line-height: 1.2; } .layout_50_50 > section { width: 50%; float: left; } /* Menu fix */ .facelift #navi > li:nth-last-of-type(3) { display: none; } .facelift .col-xs-10 #navi > li:nth-last-of-type(3), .facelift.facelift--all #navi > li:nth-last-of-type(3) { display: block; } .intercom-app .intercom-launcher-frame { bottom: 135px !important; } .intercom-messenger-frame { bottom: 205px !important; } picture > img{ float: none !important; } .longform { width: 98% !important; } .label-new { background-color: #E87722; position: relative; left: 20px; display: inline-block !important; margin-bottom: 5px !important; } /*********************************************************************** * CSS for elasticsearch * ************************************************************************/ .ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px .4em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .cs-also-search-suggest { border: 1px solid #aaa !important; font-family: Roboto, sans-serif !important; max-width: 600px; overflow: hidden; } .cs-also-search-suggest .search-suggest-products { display: flex; width: 100%; } .cs-also-search-suggest body .ui-widget.ui-widget-content { padding-bottom: 5px; } .cs-also-search-suggest .ui-autocomplete-category { border-bottom: 1px solid #aaaaaa; color: #aaaaaa; font-size: 1.1em; margin-top: 15px; border-top: none; font-size: 15px; font-family: Roboto, sans-serif !important; } .cs-also-search-suggest b, .cs-also-search-suggest strong { color: black ; background: white; } .cs-also-search-suggest li > div > div:last-child { color: black !important; } .cs-also-search-suggest mark { color: #000; background: transparent; font-weight: bold; padding: 0px !important; } .cs-also-search-suggest body .ui-widget.ui-widget-content { padding-bottom: 5px; } .cs-also-search-suggest li.ui-menu-item { font-size: 13px; line-height: 17px; } .cs-also-search-suggest .search-suggest-products--description { padding-right: 1em; width: 32em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .cs-also-search-suggest .search-suggest-products--image { width: 40px; padding-right: 1em; } .cs-also-search-suggest .search-suggest-products--image img { max-width: 50px; max-height: 35px; display: block; margin: 0 auto; } .cs-also-search-suggest .search-suggest-item-wrapper { line-height: 25px; justify-content: space-between; } .cs-also-search-suggest .search-suggest-products--price { font-weight: bold; text-align: right; color: #000; width: 7em; white-space: nowrap; margin-left: auto; } /*********************************************************************** * Checkbox & Label basket * ************************************************************************/ .poslabel { float: left; margin-right: 10px; } body .ui-widget.ui-widget-content { border: 0 none; padding: 0; z-index: 1051 !important; } .chat-launcher__wrapper--also-styling { position: fixed; right: 20px; bottom: 100px; cursor: pointer; z-index: 99; } .chat-launcher__title { display: inline-block; font-size: 17px; text-transform: uppercase; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .chat-launcher__wrapper--also-styling .chat-launcher__title { padding: 10px 20px 10px 10px; -webkit-transform: translateX(15px); -ms-transform: translateX(15px); transform: translateX(15px); white-space: nowrap; } .chat-launcher__wrapper--also-styling .icon { padding: 10px; border-radius: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-size: 40px; text-align: center; width: auto; height: auto; } .chat-launcher__wrapper--also-styling .icon::before { padding: 0 !important; font-size: 40px; line-height: 1; } .chat-launcher__wrapper--also-styling .chat-launcher__title, .chat-launcher__wrapper--also-styling .icon { background: #99e087; vertical-align: middle; position: relative; transition-duration: 0.5s; } .chat-launcher__wrapper--also-styling:hover .chat-launcher__title, .chat-launcher__wrapper--also-styling:hover .icon, .chat-launcher__wrapper--also-styling:active .chat-launcher__title, .chat-launcher__wrapper--also-styling:active .icon, .chat-launcher__wrapper--also-styling:focus .chat-launcher__title, .chat-launcher__wrapper--also-styling:focus .icon { background: #77d65e; } /* Adjustments for small launcher icon */ .chat-launcher--small .chat-launcher__wrapper--also-styling .chat-launcher__title { max-width: 0; padding: 10px 0; overflow: hidden; } .chat-launcher--small .chat-launcher__wrapper--also-styling .icon { border: 1px solid #77d65e; } .chat-launcher--small .chat-launcher__wrapper--also-styling .chat-launcher__title, .chat-launcher--small .chat-launcher__wrapper--also-styling .icon { background: #fff; color: #99e087; } .chat-launcher--small .chat-launcher__wrapper--also-styling:hover .chat-launcher__title, .chat-launcher--small .chat-launcher__wrapper--also-styling:active .chat-launcher__title, .chat-launcher--small .chat-launcher__wrapper--also-styling:focus .chat-launcher__title { max-width: 400px; padding: 10px 20px 10px 10px; } .chat-launcher--small .chat-launcher__wrapper--also-styling:hover .icon, .chat-launcher--small .chat-launcher__wrapper--also-styling:active .icon, .chat-launcher--small .chat-launcher__wrapper--also-styling:focus .icon { border: 1px solid transparent; } .chat-launcher--small .chat-launcher__wrapper--also-styling:hover .chat-launcher__title, .chat-launcher--small .chat-launcher__wrapper--also-styling:hover .icon, .chat-launcher--small .chat-launcher__wrapper--also-styling:active .chat-launcher__title, .chat-launcher--small .chat-launcher__wrapper--also-styling:active .icon, .chat-launcher--small .chat-launcher__wrapper--also-styling:focus .chat-launcher__title, .chat-launcher--small .chat-launcher__wrapper--also-styling:focus .icon { background: #77d65e; color: #333; }

     /* Cart - Collective Order */

 .usesBT #center .cart_detail h3 {
     font-size: 22px;
     margin-bottom: 20px;
     padding-bottom: 20px;
     border-bottom: 1px solid #ddd
 }

.usesBT #center .cart_detail h3:first-line {
    font-size: 80%;
    color: #aaa;
    line-height: 3em;
}


/* --------------------------------------------------------------------------------
 * 	 Scale Price
 * -------------------------------------------------------------------------------- */

/* Productdetail */

.scale_ot_frame {
    width: 850px;
    padding-left: 10px;
}

.scale_ot_leftcontent {
    width: 40%;
    float: left;
}
.scale_ot_leftcontent > .module > p {
    margin-bottom: 10px !important;
}

.scale_ot_rightcontent {
    padding-top: 15px;
    width: 55%;
    float: right;
}

.scale_ot_info {
    position: relative;
    top: 10px;
    height: auto;
    float: left;
}

.scale_ot_info > .module > p {
    margin-bottom: 15px !important;
}

.scale_ot_availabilty {
    color: green;
}

.scale_ot_table_price {
    width: 100%;
}

.scale_ot_table_price tr {
    border: 1px solid #ccc;
    padding: 8px;
}

.scale_ot_table_price tr td {
    border-bottom: 1px solid #ccc;
    padding: 8px;
	font-size: 13px;
}

.scale_ot_table_price tbody tr:nth-child(1) td {
    font-weight: bold;
    width: 55%;
}

.scale_ot_table_price th {
    padding: 10px;
    color: #fff;
    background: #49a8f6;
    border: 1px solid #49a8f6;
}

.scale_ot_table_price td {
    padding: 5px 5px;
}

.contractContent {
    float: left;
    margin-top: 20px;
	padding: 0px 15px;
}

.contractContent td:first-child {
    border-left: 1px solid #999;
}

/* Modal */

.cs-skeleton .scale_ot_frame h2 {
    font-size: 18px !important;
    font-weight: bold !important;
    text-shadow: none !important;
    margin-bottom: 20px !important;
}

.cs-skeleton .scale_ot_table_price tr td {
    padding: 12px !important;
	font-size: 14px !important;
}

.cs-skeleton .table thead th, .table th {
    font-size: 15px !important;
}

.cs-skeleton .scale_ot_table_price tbody tr:nth-child(1) td {
    font-size: 14px !important;
}

.scale_ot_table_price tr td:last-child div {
    display: flex;
    font-size: 14px;
}

.fpp_lt_original {
    position: relative;
    display: flex;
    align-items: center;
    margin-left: 5px;
}

.fpp_lt_original i {
    font-size: 18px;
    color: #d9534f;
}

.fpp_lt_original:hover {
    cursor: pointer;
}

span.fpp_tooltip_text {
    visibility: hidden;
    display: flex;
    position: absolute;
    left: -95px;
    top: -90px;
    background: #d9534f;
    padding: 7px;
    border: 1px solid #d9534f;
    border-radius: 8px;
    color: white;
    width: 225px;
    text-align: center;
    height: 80px;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

span.fpp_tooltip_text b{
    padding-top: 3px;
    font-size: 14px;
}

span.fpp_tooltip_text:after {
    content: " ";
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-top: 13px solid #d9534f;
    position: absolute;
    top: 100%;
    left: 40%;
}

.fpp_lt_original:hover span.fpp_tooltip_text {
    visibility: visible;
}


/* Pricing Tags in Product Detailview */

.search_results_tag_line {
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
    width: 370px;
    flex-wrap: wrap;
}

.search_tag {
    font-size: 10px;
    padding: 4px 5px;
    margin-right: 10px;
    width: auto;
	min-width: 80px;
	max-width: 170px;
    text-align: center;
    font-weight: 400;
    text-overflow:ellipsis;
    overflow: hidden;
    white-space: nowrap;
    transition: all 0.2s ease-out;
	margin-bottom: 8px;
}

.search_tag {
	background: linear-gradient(to right, #49a8f6 50%, #e8e8e8 50%);
	background-size: 200% 100%;
	background-position: right bottom;
    border-left: 3px solid #49a8f6;
}

.search_tag.tag_hpspeedprice {
	background: linear-gradient(to right, #49a8f6 50%, #e8e8e8 50%);
	background-size: 200% 100%;
	background-position: right bottom;
    border-left: 3px solid #49a8f6;
}

.search_tag.tag_acerfastlane {
	background: linear-gradient(to right, #49a8f6 50%, #e8e8e8 50%);
	background-size: 200% 100%;
	background-position: right bottom;
	border-left: 3px solid #49a8f6;
}
.search_tag.tag_bidproject {
	background: linear-gradient(to right, #49a8f6 50%, #e8e8e8 50%);
	background-size: 200% 100%;
	background-position: right bottom;
	border-left: 3px solid #49a8f6;
}
.search_tag.tag_techpartner {
	background: linear-gradient(to right, #49a8f6 50%, #e8e8e8 50%);
	background-size: 200% 100%;
	background-position: right bottom;
	border-left: 3px solid #49a8f6;	
}
.search_tag.tag_scaleprice {
	background: linear-gradient(to right, #49a8f6 50%, #e8e8e8 50%);
	background-size: 200% 100%;
	background-position: right bottom;
	border-left: 3px solid #49a8f6;
}

.search_tag:hover {
	color: #fff;
	cursor: pointer;
	background-position: left bottom;
}

.search_tag.tag_hpspeedprice:hover {
	color: #fff;
	cursor: pointer;
	background-position: left bottom;
}

.search_tag.tag_acerfastlane:hover {
	color: #fff;
	cursor: pointer;
	background-position: left bottom;
}

.search_tag.tag_bidproject:hover {
	color: #fff;
	cursor: pointer;
	background-position: left bottom;
}

.search_tag.tag_techpartner:hover {
	color: #fff;
	cursor: pointer;
	background-position: left bottom;
}

.search_tag.tag_scaleprice:hover {
	color: #fff;
	cursor: pointer;
	background-position: left bottom;
}


.first_row p.message.inconspicuous{
	padding-left: 30px;
	margin: 0px 0 5px !IMPORTANT;
}

.first_row p.inconspicuous .icon {
    top: 7px !IMPORTANT;
    left: 0px !IMPORTANT;
}

div#materialTags {
    margin-top: 40px;
	min-height: 26px;
}

/* --------------------------------------------------------------------------------
 * 	 Historical data Box
 * -------------------------------------------------------------------------------- */

#hist_data.alert.alert-info {
    display: flex;
    flex-direction: column;
	width: 280px;
    padding: 10px;
	margin-top: 20px;
}

#hist_data.alert.alert-info span:nth-child(1) {
	min-width: 50%;
	display: inline-block;
}


#hist_data.alert.alert-info span:nth-child(2) {
    font-weight: bold;
	text-align: left;
}

#hist_data.alert.alert-info div:nth-child(3) {
    margin-top: 5px;
}

#hist_data.alert.alert-info a {
    font-weight: bold;
    color: #31708f;
}

/* --------------------------------------------------------------------------------
 * 	 Product Detailpage - Update 2020
 * -------------------------------------------------------------------------------- */
/*
Please activate after going live

.product_detail_page p.hint {
    width: 450px;
}

.product_detail_page p.hint .icon:first-of-type:before {
    padding: 11px 2px 2px 7px;
}

*/

.productdetail_incl_variants span.icon.fa-external-link::before {
    content: "\f08e";
    font-family: fontAwesome;
    position: relative;
    top: 2px;
}

.product_detail_page p.hint a {
    display: flex;
}

.ot_overview_page a.bannerManager {
    display: none;
}

.product_detail_page .detailtable td.imgcol table {
    margin-bottom: 5px;
}

.product_detail_page .ui-tooltip {
    box-shadow: 0 0 0px black !important;
}

.product_detail_page .ui-tooltip-content {
    color: #fff;
    background: #000 !important;
    padding: 10px 15px !important;
    font-size: 12px;
    margin-left: -75px !important;
    margin-top: -80px;
}

.product_detail_page .ui-tooltip-content:after {
    position: relative;
    top: 35px;
    right: 45%;
    content: "";
    width: 0; 
    height: 0; 
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 12px solid #000;
}

.product_detail_page .priceHEK td {
    font-weight: bold !important;
    line-height: 1.5em;
}

.product_detail_page .headinfo_left .priceHEK td {
    background: #fae5b3;
}

.product_detail_page #center .detailtable td.imgcol .tabs {
    margin-bottom: 10px !important;
}

.product_detail_page .detailtable .imgcol .ui-widget-content {
    width: 280px;
}

.product_detail_page .detailtable .imgcol table td,
.product_detail_page .detailtable .imgcol table th {
    padding: 0px;
}

.product_detail_page .detailtable .imgcol  .inconspicuous {
	width: 242px;
}

/* Variants */

.product_detail_page #productVariantAttributes{
	padding-left: 60px;
}

.product_detail_page td#productdetail_pricetable {
    width: 30%;
	padding-left: 70px;
	float: left;
}

.product_detail_page td.pricing_table {
    width: 30%;
}

.product_detail_page .variants_box {
    margin-top: 33px;
    width: 400px;
    border: 1px solid #CCCCCC;
}

.product_detail_page .variants_head {
    text-align: center;
    background-image: linear-gradient(to left, #4CB8C4 0%, #3CD3AD  100%)
}

.product_detail_page .variants_head h3 {
	color: white;
	margin: 0px;
	font-size: 13px;
	padding: 9px 0px 10px 0px;
	font-weight: bold;
	text-transform: uppercase;
}

.product_detail_page .variants_head h3:before {
	font-family: "FontAwesome";
    content: "\f1de ";
	width: 20px;
	height: 20px;
	font-size: 18px;
	padding-right: 10px;
	position: relative;
	top: 1px;
}

.variants_box p {
    padding: 0px 10px;
}

.product_detail_page .variants_box table {
	margin: 0px 10px 10px 10px;
	width: 380px;
}

.product_detail_page .variants_box td:nth-child(1) {
    width: 25% !important;
	line-height: 1em;
}

.product_detail_page .variants_box td {
    vertical-align: middle;
    line-height: 2;
    padding: 5px !important;
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
	width: 75% !important;
}

.product_detail_page .variants_box select {
    font-size:12px;
    font-family: 'Roboto', sans-serif !important;
}

.product_detail_page .variants_box select.form-control {
    padding: 5px;
    border: 1px solid #cccccc;
	width: 100%;
	font-size: 12px;
	font-family: 'Roboto', sans-serif !important;
}

.product_detail_page #ccs-logo-service table tr td{
    padding-right: 10px;
}

div#ccs-logo-service table tr {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

div#ccs-logo-service table tr td {
    margin-top: 5px;
}

.product_detail_page div#coreProduct_infobox:after {
    content: "";
    width: 300px;
    height: 300px;
    background-image:url("../../../img/shop_2/variant_arrow.png");
    position: absolute;
    background-size: 70% 25%;
    background-repeat: no-repeat;
    transform: rotate(20deg);
    margin-left: 140px;
    margin-top: 30px;
}

/* Options*/

.productDetail .variant_nomatch {
    color: #ddd;
    font-style: italic;
}

/* Variantpage without productdata */



.detail_variantpage #productdetail_pricetable {
	width: 370px !important;
	display: flex;
	flex-direction: column;
	float: left;
	padding-top: 70px;
}

.detail_variantpage div#coreProductPriceDisplay {
	color: #000;
	font-weight: normal;
	vertical-align: bottom;
	padding-top: 6px;
	padding-right: 10px;
	text-transform: lowercase;
	text-align: right;
	line-height: 25px;
}

#coreProduct_namebox {
	background: #ccc;
	padding: 13px 15px;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
}

#coreProduct_infobox {
	padding: 12px 15px;
}
.detail_variantpage .variants_box {
    margin-top: 103px;
}

.product_detail_page #productVariantAttributes {
	padding-left: 0px;
	position: relative;
	left: -120px;
}

.detail_variantpage div#coreProductPriceDisplay span{
    position: relative;
    left: 8px;
    color: #000;
    font-size: 20px;
    font-weight: normal;
    margin-top: -3px !important;
}

.productdetail_incl_variants .variants_box {
    margin-top: 104px;
}

.product_detail_page div#nav_cont #navi > li > a .icon {
    margin-top: -5px !important;
    font-size: 25px;
}
.product_detail_page div#nav_cont #navi > li > a span {
    margin-top: -2px;
}

.product_detail_page li.hasdropdown ul {
    line-height: 1em;
}

/***********************************************************************
 * Notepad list in Leftpanel *
************************************************************************/

.notepadlist {
    margin-left: 6px;
    z-index: 10000;
    border-collapse: separate;
}

.svdbkt-dpdwn {
    position: absolute;
    background: white;
    text-align: left;
    padding: 0;
    width: 500px;
    max-height: 350px;
    overflow-y: scroll;
    border-radius: 3px;
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    overflow-x: hidden;
    border: 1px solid #ccc;
    border-collapse: separate;
	top: 86px;
    left: 165px;
	z-index: 100;
}

.svdbkt-dpdwn-collapsed {
    display: none;
}

.svdbkt-dpdwn table {
    border-collapse: revert;
}

button.drpdwn_toggle {
    width: 20px;
    padding: 5px 16px 5px 10px;
    text-align: center;
    background: #fff;
    box-shadow: none;
    border-radius: 3px;
    border: 1px solid #aaa;
    position: relative;
    top: -1px;
    margin: 0;
    border-collapse: separate;
}

button.drpdwn_toggle:hover {
    background: #f5f5f5;
}


.svdbkt-dpdwn table tr:hover  {
    background: #f5f5f5;
    cursor: pointer;
}

.svdbkt-dpdwn table th  {
   font-size: 13px;
   padding: 6px;
   font-weight: bold;
   position: sticky;
   top: 0px;
   background: #fff;
   border-bottom: 2px solid #000;
   border-collapse: revert;
}

 .svdbkt-dpdwn table th:nth-child(2),
 .svdbkt-dpdwn table th:nth-child(3) {
    padding-left: 0;
}

.svdbkt-dpdwn::-webkit-scrollbar {
    width: 10px;
}

.svdbkt-dpdwn::-webkit-scrollbar-track {
    background: #ebebed;
}

.svdbkt-dpdwn::-webkit-scrollbar-thumb {
    background: #808080;
    max-height: 25px !important;
}

.svdbkt-dpdwn::-webkit-scrollbar-thumb:hover {
    background: #5e5e5e;
}

tr.bkt_type td {
    background: #eee;
    width: 100%;
    font-size: 13px;
    text-align: center;
    padding: 3px !important;
}

.svdbkt-dpdwn td {
    text-overflow: ellipsis;
    overflow: hidden;  
    white-space: nowrap;
}

.svdbkt-dpdwn td:nth-child(1) {
    width: 250px;
    overflow: hidden;
    white-space: nowrap;
    padding: 0px 10px 0px 5px;
}

.svdbkt-dpdwn td:nth-child(2) {
    width: 100px;
}

.svdbkt-dpdwn td:nth-child(3) {
    width: 150px;
}

.newsvdbkt  {
    border-top: 1px solid #eee;
    text-align: center;
    width: 100%;
    padding: 6px;
    background: #f5f5f5;
}

.newsvdbkt a {
    font-size: 13px !important;
}

.svdbkt-dpdwn tr.isDefault {
    color: #49A8F6;
    background: #DBEEFD;
}

.svdbkt-dpdwn tr.isDefault:hover {
    color: #49A8F6;
    background: #cbe6fc !important;
}

#tl-prd-product_detail_leftpanel_notepad:nth-child(3) {
    padding-top: 3px;
}

#tl-prd-product_detail_leftpanel_notepad button:nth-child(1) {
    padding: 0;
    border: 0;
    font-size: 13px;
    background: none;
}

#tl-prd-product_detail_leftpanel_notepad .svdbsk .dropdown-toggle {
    margin-left: 5px !important;
    padding: 9px 8px;
    border-radius: 3px !important;
    position: relative;
    top: -3px;
}

#tl-prd-product_detail_leftpanel_notepad .svdbsk {
	position: static !important;
}

#tl-prd-product_detail_leftpanel_notepad .svdbkt-dpdwn {
    text-align: left;
    padding: 0;
    width: 500px;
    max-height: 350px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 0 !important;
}

#tl-prd-product_detail_leftpanel_notepad .svdbkt-dpdwn {
    top: 85px !important;
    left: 155px !important;
}

#tl-prd-product_detail_leftpanel_notepad .btn.btn_green {
  background: #99e087;
  padding: 7px 35px;
  border-radius: 5px;
}

#tl-prd-product_detail_leftpanel_notepad  .new_np_search .btn.btn_grey {
  background: #cccccc;
  padding: 7px 35px;
  border-radius: 5px;
}

#tl-prd-product_detail_leftpanel_notepad .new_np_search .notepadtype span {
    line-height: 1.5em;
}

#tl-prd-product_detail_leftpanel_notepad .new_np_search .inputitem label {
    max-width: 100%;
    margin-bottom: 0px;
    font-weight: normal;
    position: relative;
    top: 7px;
    left: 11px;
    background: white;
    padding: 0px 5px;
    color: grey;
    font-size: 12px;
    display: inline-block;
}

/***********************************************************************
 * Notepadlist in productdetailpage *
************************************************************************/

.dpdwn_hidden {
    display: none;
}

.svdbkt-dpdwn .saved_basket_frame {
    padding-top: 10px;
    text-align: center;
}

.svdbkt-dpdwn .saved_basket_text::before {
    content: '';
    background-image: url("https://www.also.com/ec/cms5/media/img/shop_2/icons_30/images_4/ot_noresult.png");
    width: 150px;
    height: 150px;
    display: block;
    margin: 0 auto;
    background-size: cover;
    margin-bottom: 10px;
}

.svdbkt-dpdwn .saved_basket_text {
    margin-bottom: 20px;
    font-size: 15px;
    font-weight: normal;
    color: #aaa;
    line-height: 1.3em;
}

.saved_basket_frame .isbutton .isgreen {
    font-family: 'Roboto';
    background-color: #89e872;
    border: 0;
    padding: 7px 15px 5px 15px;
    font-size: 12px;

}

.saved_basket_frame .isgreen:hover {
	background-color: #71e355;
}

.svdbkt-dpdwn .saved_basket_frame a{
    margin: 0 auto;
        margin-bottom: 25px;
}


/***********************************************************************
 * Adjustment for loading animation *
************************************************************************/

.svdbkt-dpdwn .loading {
    background-color: #eee;
    width: 93%;
    margin: 8px 13px;
    overflow: hidden;
    height: 20px;
    border-radius: 10px;
}
 
.svdbkt-dpdwn .ldg_hdl {
    background: #ddd;
    height: 25px;
}

.svdbkt-dpdwn .loading::after {
    background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255, 255, 255, 0.4)), to(transparent));
    background: linear-gradient(
90deg
, transparent, rgba(255, 255, 255, 0.4), transparent);
    animation: loading 1.0s infinite;
}

.ldgrow {
    display: flex;
}

.ldgrow div:nth-child(1) {
    width: 250px;
}
.ldgrow div:nth-child(2) {
    width: 100px;
}
.ldgrow div:nth-child(3) {
    width: 150px;
}

.ldgbtm .loading_placeholder.loading {
    width: 150px;
    margin: 0 auto;
    background: #ddd;
}

.ldgbtm {
    padding: 6px;
    background: #f5f5f5;
}

/* Animation */

.loading {
    position: relative;
    background-color: #e2e2e2;
}

/* The moving element */
.loading::after {
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background: -webkit-gradient(linear, left top,
    right top, from(transparent),
    color-stop(rgba(255, 255, 255, 0.2)),
    to(transparent));
    background: linear-gradient(90deg, transparent,
    rgba(255, 255, 255, 0.2), transparent);
    /* Adding animation */
    animation: loading 0.8s infinite;
}

/* Loading Animation */
@keyframes loading {
    100% {
        transform: translateX(100%);
    }
}




.dpdwn_hidden {
    display: none;
}

.svdbkt-dpdwn .saved_basket_frame {
    padding-top: 10px;
    text-align: center;
}

.svdbkt-dpdwn .saved_basket_text::before {
    content: '';
    background-image: url("https://www.also.com/ec/cms5/media/img/shop_2/icons_30/images_4/ot_noresult.png");
    width: 150px;
    height: 150px;
    display: block;
    margin: 0 auto;
    background-size: cover;
    margin-bottom: 10px;
}

.svdbkt-dpdwn .saved_basket_text {
    margin-bottom: 20px;
    font-size: 15px;
    font-weight: normal;
    color: #aaa;
    line-height: 1.3em;
}

.saved_basket_frame .isbutton .isgreen {
    font-family: 'Roboto';
    background-color: #89e872;
    border: 0;
    padding: 7px 15px 5px 15px;
    font-size: 12px;

}

.saved_basket_frame .isgreen:hover {
	background-color: #71e355;
}

.svdbkt-dpdwn .saved_basket_frame a{
    margin: 0 auto;
        margin-bottom: 25px;
}


/***********************************************************************
 * Adjustment for loading animation *
************************************************************************/

.svdbkt-dpdwn .loading {
    background-color: #eee;
    width: 93%;
    margin: 8px 13px;
    overflow: hidden;
    height: 20px;
    border-radius: 10px;
}
 
.svdbkt-dpdwn .ldg_hdl {
    background: #ddd;
    height: 25px;
}

.svdbkt-dpdwn .loading::after {
    background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255, 255, 255, 0.4)), to(transparent));
    background: linear-gradient(
90deg
, transparent, rgba(255, 255, 255, 0.4), transparent);
    animation: loading 1.0s infinite;
}

.ldgrow {
    display: flex;
}

.ldgrow div:nth-child(1) {
    width: 250px;
}
.ldgrow div:nth-child(2) {
    width: 100px;
}
.ldgrow div:nth-child(3) {
    width: 150px;
}

.ldgbtm .loading_placeholder.loading {
    width: 150px;
    margin: 0 auto;
    background: #ddd;
}

.ldgbtm {
    padding: 6px;
    background: #f5f5f5;
}

/* Animation */

.loading {
    position: relative;
    background-color: #e2e2e2;
}

/* The moving element */
.loading::after {
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background: -webkit-gradient(linear, left top,
    right top, from(transparent),
    color-stop(rgba(255, 255, 255, 0.2)),
    to(transparent));
    background: linear-gradient(90deg, transparent,
    rgba(255, 255, 255, 0.2), transparent);
    /* Adding animation */
    animation: loading 0.8s infinite;
}

/* Loading Animation */
@keyframes loading {
    100% {
        transform: translateX(100%);
    }
}

/***********************************************************************
 * Lightbox contract *
************************************************************************/

.contractContent td input {
    height: 34px !important;
    border: 1px solid #ccc;
    white-space: nowrap;
}

.contractContent .svdbsk {
	margin-left: 5px;
}

.contractContent .svdbsk button {
    height: 34px;
    padding: 0px;
	border-radius: 0px !important;
}

.contractContent .svdbsk button:nth-child(1) {
	padding: 2px 5px;
}

.contractContent .svdbsk button i {
	font-size: 18px;
}

.contractContent .svdbsk button i:nth-child(2) {
	font-size: 9px;
	position: relative;
	top: -3px;
}

.contractContent span.icon.ic_warenkorb {
	background: #eee !important;
	border: 1px solid #ccc;
	height: 34px;
	margin: 0px;
	padding: 3px 15px;
	margin-left: -4px;
}

[aria-labelledby="tl-prd-product_detail_contract"] .contractContent span.icon.ic_warenkorb {
	background: #eee !important;
	max-height: 34px !important;
	height: 34px !important;
	border: 1px solid #ccc;
	position: relative;
	top: 1px;
	left: -1px;
}

[aria-labelledby="tl-prd-product_detail_contract"] .contractContent .icon:first-of-type:before {
	position: relative;
	top: 4px;
	width: 32px;
	height: 34px !important;
	line-height: 20px;
	left: 0px;
}

.contractContent .icon:first-of-type:before {
	position: relative;
	left: 0;
}

.contractContent .svdbkt-dpdwn {
	padding: 0;
}

.contractContent .svdbkt-dpdwn table td {
	padding: 0;
	font-size: 13px !important;
	padding: 2px 5px !important;
	border: 0;
}

.contractContent .svdbkt-dpdwn table th{
	border-bottom: 2px solid black !important;
	border-top: 0 !important;
	border-right: 0 !important;
	border-left: 0 !important;
	color: #000 !important;
	font-size: 13px !important;
}
contractContent .svdbkt-dpdwn table tr.bkt_type  td {
	padding: 5px !important;
    font-weight: normal !important;
    font-size: 13px !important;
}

.contractContent td[class*="mat"] div {
	display: inline-flex;
}
/***********************************************************************
 * notepad component in lightbox for contract *
************************************************************************/

html.cs-skeleton .svdbkt-dpdwn{
    display: flex;
    flex-direction: column;
}

html.cs-skeleton .svdbkt-dpdwn th,
html.cs-skeleton .svdbkt-dpdwn tr,
html.cs-skeleton .svdbkt-dpdwn td{
    background: #fff;
}

html.cs-skeleton .svdbsk .svdbkt-dpdwn {
    display: none !important;
}

html.cs-skeleton .svdbsk.open .svdbkt-dpdwn {
    display: block !important;
    z-index: 9999;
}

html.cs-skeleton tr.bkt_type td {
    background: #eee;
    width: 100%;
    font-size: 13px;
    text-align: center;
    padding: 6px !important;
}

html.cs-skeleton .svdbkt-dpdwn tr.isDefault td {
    color: #49A8F6;
    background: #DBEEFD !important;
}

html.cs-skeleton .svdbkt-dpdwn td {
    width: 250px;
    overflow: hidden;
    white-space: nowrap;
    padding: 0px 10px 0px 5px !important;
}

html.cs-skeleton .svdbkt-dpdwn table tr:hover td {
    background: #f5f5f5 !important;
    cursor: pointer;
}

html.cs-skeleton .newsvdbkt .btn,
html.cs-skeleton .new_np_search .btn {
  padding: 0px 25px !important;
  font-size: 13px;
  border-radius: 5px !important;
  margin: 0 auto;
}

html.cs-skeleton .newsvdbkt .btn.btn_green,
html.cs-skeleton .new_np_search .btn.btn_green {
  background: #99e087;
}

html.cs-skeleton .newsvdbkt .btn.btn_grey,
html.cs-skeleton .new_np_search .btn.btn_grey {
  background: #ccc;
  border-radius: 5px;
}

html.cs-skeleton .newsvdbkt {
  text-align: center;
}

.cs-skeleton .contractContent .icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
}

/***********************************************************************
 * Update notepad FPP *
************************************************************************/

.scale_ot_button {
    display: flex;
    border: none !important;
}
.scale_ot_button input {
    height: 34px !important;
	border: 1px solid #ccc;
}

.scale_ot_button .svdbsk {
	margin-left: 15px;
}

.scale_ot_button .svdbsk button {
    height: 34px;
    padding: 0px;
	border-radius: 0px !important;
}

.scale_ot_button .svdbsk button:nth-child(1) {
	padding: 2px 5px;
}

.scale_ot_button .svdbsk button i {
	font-size: 18px;
}

.scale_ot_button .svdbsk button i:nth-child(2) {
	font-size: 9px;
	position: relative;
	top: -3px;
}

.scale_ot_button span.icon.ic_warenkorb {
	background: #eee !important;
	border: 1px solid #ccc;
	height: 34px;
	margin: 0px;
	padding: 2px 18px;
	margin-left: -1px;
}

.scale_ot_button .icon:first-of-type:before {
	position: relative;
	left: -16px;
}

.scale_ot_button .svdbkt-dpdwn {
	padding: 0;
}

.scale_ot_button .svdbkt-dpdwn table td {
	padding: 0;
	font-size: 13px !important;
	padding: 2px 5px !important;
	border: 0;
}

.scale_ot_button .svdbkt-dpdwn table th{
	border-bottom: 2px solid black !important;
	border-top: 0 !important;
	border-right: 0 !important;
	border-left: 0 !important;
	color: #000 !important;
	font-size: 13px !important;
}

.scale_ot_button .svdbkt-dpdwn table tr.bkt_type  td {
	padding: 5px !important;
    font-weight: normal !important;
    font-size: 13px !important;
}
.scale_ot_table_price tr td.scale_ot_button .btn-group.svdbsk button span.fa-stack .icon.icon-note:before{
    width: auto;
    height: auto;
    background: transparent;
    left: 0 ;

}
/***********************************************************************
 * Update FPP in contract tab *
************************************************************************/

[aria-labelledby="tl-prd-product_detail_contract"] .scale_ot_button .icon:first-of-type:before {
	position: relative;
	left: 0px;
	height: 32px;
	background: #eeeeee;
	width: 35px;
	padding: 3px 1px 0px 9px;
}

[aria-labelledby="tl-prd-product_detail_contract"] span.icon.ic_warenkorb.isFastScale.matNo_4124435.addedFromPage_fastScaleDetails {
    background: red !important;
    position: relative;
    left: -1px;
}

/***********************************************************************
 * notepad component create new in old temp *
************************************************************************/

html.cs-skeleton .svdbkt-dpdwn{
    display: flex;
    flex-direction: column;
}

html.cs-skeleton .svdbkt-dpdwn th,
html.cs-skeleton .svdbkt-dpdwn tr,
html.cs-skeleton .svdbkt-dpdwn td{
    background: #fff;
}

html.cs-skeleton .svdbsk .svdbkt-dpdwn {
    display: none !important;
}

html.cs-skeleton .svdbsk.open .svdbkt-dpdwn {
    display: block !important;
}

html.cs-skeleton tr.bkt_type td {
    background: #eee;
    width: 100%;
    font-size: 13px;
    text-align: center;
    padding: 6px !important;
}

html.cs-skeleton .svdbkt-dpdwn tr.isDefault td {
    color: #49A8F6;
    background: #DBEEFD !important;
}

html.cs-skeleton .svdbkt-dpdwn td {
    width: 250px;
    overflow: hidden;
    white-space: nowrap;
    padding: 0px 10px 0px 5px !important;
}

html.cs-skeleton .svdbkt-dpdwn table tr:hover td {
    background: #f5f5f5 !important;
    cursor: pointer;
}

html.cs-skeleton .newsvdbkt .btn,
html.cs-skeleton .new_np_search .btn {
  padding: 0px 25px !important;
  font-size: 13px;
  border-radius: 5px !important;
  margin: 0 auto;
}

html.cs-skeleton .newsvdbkt .btn.btn_green,
html.cs-skeleton .new_np_search .btn.btn_green {
  background: #99e087;
}

html.cs-skeleton .newsvdbkt .btn.btn_grey,
html.cs-skeleton .new_np_search .btn.btn_grey {
  background: #ccc;
  border-radius: 5px;
}

html.cs-skeleton .newsvdbkt {
  text-align: center;
}

/***********************************************************************
 * New notepad in Search result *
************************************************************************/

.new_np_search {
  display: flex;
  flex-direction: column;
  padding: 10px 25px 0px 30px !important;
}

.new_np_search .typebox {
  padding: 10px 10px 30px 10px !important;
  display: flex;
  flex-direction: column;
  border: 1px solid #99e087;
  border-radius: 5px;
  width: 48%;
}

.new_np_search .typebox:hover {
  cursor: pointer;
  background: #e9f8e5;
}

.new_np_search .notepadtype {
  display: flex;
  margin-bottom: 20px;
  margin-top: 10px;
  justify-content: space-between;
}

.new_np_search .notepadtype span{
  white-space: break-spaces;
}

.new_np_search span.light {
  color: #808080;
}

.new_np_search span.bold {
  font-weight: bold;
  padding-bottom: 7px;
}

.new_np_search .typebox.active {
  background: #99e087;
}

.new_np_search .notepad_create_box {
  padding-top: 20px;
  display: flex;
  flex-direction: column;
}

.new_np_search .inputitem {
  display: block !important;
  flex-direction: column;
}

.new_np_search .inputitem input {
  border-radius: 5px;
  font-size: 13px;
}

.new_np_search .inputitem label {
  max-width: 100%;
  margin-bottom: 0px;
  font-weight: normal;
  position: relative;
  top: 7px;
  left: 11px;
  background: white;
  padding: 0px 5px;
  color: grey;
  font-size: 12px;
}

.newsvdbkt .btn,
.new_np_search .btn {
  padding: 5px 35px;
  margin-right: 15px;
  font-size: 13px;
  border-radius: 5px;
}

.newsvdbkt .btn.btn_green,
.new_np_search .btn.btn_green {
  background: #99e087;
}

.newsvdbkt .btn.btn_grey,
.new_np_search .btn.btn_grey {
  background: #ccc;
  border-radius: 5px;
}

.new_np_search .content-section {
  padding-top: 10px;
}

.new_np_search {
    height: 340px !important;
    width: 500px !important;
    padding: 10px 10px 10px 25px;
    font-size: 13px;
}

.notepad_create_headline {
    font-weight: bold;
    color: #808080;
    font-size: 14px;
    text-align: center;
    padding-bottom: 10px;
}

.notepad_create_headline {
    text-align: center;
    margin: 0 auto;
}

.notepad_btn_row {
    display: block !important;
}

/***********************************************************************
 * Update contracts item *
************************************************************************/

table#contract_items tbody tr td:last-child {
	display: flex;
}

#contract_items .btn-group.svdbsk {
    display: flex;
}

#contract_items .svdbsk {
	margin-left: 20px;
}

#contract_items tbody tr td:last-child input {
    height: 34px !important;
    padding: 5px;
	border-radius: 0px !important;
	border-color: #ccc !important;
	width: 50px !important;
	margin-top: 0 !important;
}

#contract_items .svdbsk button {
    height: 34px;
    padding: 3px 5px;
}

#contract_items tbody span.icon.ic_warenkorb {
	background: #eee !important;
	border: 1px solid #ccc !important;
	margin-left: -1px !important;
	height: 34px !important;
	padding: 3px 7px  3px 3px!important;
}

#contract_items .dropdown-toggle {
	padding: 5px 9px !important;
}

#contract_items .svdbkt-dpdwn table td {
	padding: 0;
	font-size: 13px !important;
	padding: 2px 5px !important;
	border: 0;
	background: #fff;
}

#contract_items .svdbkt-dpdwn table th{
	border-bottom: 2px solid black !important;
	border-top: 0 !important;
	border-right: 0 !important;
	border-left: 0 !important;
	color: #000 !important;
	font-size: 13px !important;
	background: #fff;
}

#contract_items .svdbkt-dpdwn table tr.bkt_type  td {
	padding: 5px !important;
    font-weight: normal !important;
    font-size: 13px !important;
	display: table-cell;
}

#contract_items .btn-group.svdbsk span i {
    font-size: 18px;
}

#contract_items .btn-group.svdbsk span i:nth-child(2) {
    font-size: 10px;
    position: relative;
    top: -3px;
}

#contract_items .svdbkt-dpdwn th  {
	background: #fff;
}

#contract_items .svdbkt-dpdwn  {
	padding: 0;
}

#contract_items tr.bkt_type td {
    background: #eee !important;
}

#contract_items tr.isDefault td {
    color: #49A8F6;
    background: #DBEEFD;
}

#contract_items .dropdown-menu.dropdown-menu-right.svdbkt-dpdwn {
    display: none;
    padding: 0;
}

#contract_items .svdbsk.open .svdbkt-dpdwn {
    display: block;
}


/***********************************************************************
 * Notepad on contract tab *
************************************************************************/

[aria-labelledby="tl-prd-product_detail_contract"] .svdbkt-dpdwn{
    display: flex;
    flex-direction: column;
}

[aria-labelledby="tl-prd-product_detail_contract"] .svdbkt-dpdwn th,
[aria-labelledby="tl-prd-product_detail_contract"] .svdbkt-dpdwn tr,
[aria-labelledby="tl-prd-product_detail_contract"] .svdbkt-dpdwn td{
    background: #fff;
}

[aria-labelledby="tl-prd-product_detail_contract"] .svdbsk .svdbkt-dpdwn {
    display: none !important;
}

[aria-labelledby="tl-prd-product_detail_contract"] .svdbsk.open .svdbkt-dpdwn {
    display: block !important;
}

[aria-labelledby="tl-prd-product_detail_contract"] tr.bkt_type td {
    background: #eee;
    width: 100%;
    font-size: 13px;
    text-align: center;
    padding: 6px !important;
}

[aria-labelledby="tl-prd-product_detail_contract"] .svdbkt-dpdwn tr.isDefault td {
    color: #49A8F6;
    background: #DBEEFD !important;
}

[aria-labelledby="tl-prd-product_detail_contract"] .svdbkt-dpdwn td {
    width: 250px;
    overflow: hidden;
    white-space: nowrap;
    padding: 0px 10px 0px 5px !important;
}

[aria-labelledby="tl-prd-product_detail_contract"] .svdbkt-dpdwn table tr:hover td {
    background: #f5f5f5 !important;
    cursor: pointer;
}

[aria-labelledby="tl-prd-product_detail_contract"] .newsvdbkt .btn,
[aria-labelledby="tl-prd-product_detail_contract"] .new_np_search .btn {
  padding: 0px 25px !important;
  font-size: 13px;
  border-radius: 5px !important;
  margin: 0 auto;
}

[aria-labelledby="tl-prd-product_detail_contract"] .newsvdbkt .btn.btn_green,
[aria-labelledby="tl-prd-product_detail_contract"] .new_np_search .btn.btn_green {
  background: #99e087;
}

[aria-labelledby="tl-prd-product_detail_contract"] .newsvdbkt .btn.btn_grey,
[aria-labelledby="tl-prd-product_detail_contract"] .new_np_search .btn.btn_grey {
  background: #ccc;
  border-radius: 5px;
}

[aria-labelledby="tl-prd-product_detail_contract"] .newsvdbkt {
  text-align: center;
}

/***********************************************************************
 * Contractpage *
************************************************************************/

#contract_items_wrapper td:last-child div{
    display: flex;
    flex-direction: row;
}

#contract_items_wrapper .svdbkt-dpdwn{
    display: flex;
    flex-direction: column !important;
}

#contract_items_wrapper .newsvdbkt{
    display: flex;
    justify-content: center;
}

#contract_items_wrapper .newsvdbkt button{
    padding: 7px 25px 5px 25px;
    border-radius: 5px;
}


/***********************************************************************
 * Notepad overview update *
************************************************************************/

.notepad_update div#center {
    padding-right: 50px;
}

.notepad_update #navi li ul li a {
    padding: 2px 10px 1px 5px !important;
}

.notepad_update div#nav_cont #navi > li > a span {
    margin-top: 0px;
}

.notepad_update #navi > li > a {
    padding-top: 2px !important;
}

.notepad_update {
    font-family: 'Roboto';
    font-size: 13px;
}

.notepad_update #search_cont form #productSearchFieldTop {
    height: 23px;
}
.notepad_update #search_cont input[type="submit"] {
    height: 23px;
}

.notepad_update #search_cont .basketMini a:link,
.notepad_update #search_cont .basketMini a:hover,
.notepad_update #search_cont .basketMini a:visited {
    line-height: 22px;
}

.notepad_update #search_cont .basketMini .ic_warenkorb {
    position: relative;
    top: -1px;
}

.notepad_update h1 {
    font-family: 'Roboto';
    font-size: 24px;
    margin-bottom: 20px;
}

.notepad_update #center .tabs {
    border: 0 !important;
}

.notepad_update #center ul {
    margin: 5px 0 5px 0px !important;
}

.notepad_update .cart_product_list .row {
    margin-left: 15px;
}

.notepad_update #center .cart_product_list {
    width: calc(100% - 30px);
}

.notepad_update #center ul a {
    text-decoration: none;
    font-size: 13px;
}

.notepad_update #center  li.active a {
   background: #f5f5f5;
}

.notepad_update #center ul a:hover {
    color: #000;
    background: #f5f5f5;
}

.notepad_update .cs-skeleton .table thead th, .table th {
    font-size: 14px !important;
}

.notepad_update #center table.normal,
.notepad_update #center table.normal th,
.notepad_update #center table.normal td,
.notepad_update #center table.normal tr:first-child,
.notepad_update #center table.normal td.first {
    border: 0;
}

.notepad_update #center table.normal th {
    vertical-align: middle;
    background: #f5f5f5;
    padding-right: 30px;
    padding-left: 8px;
}

.notepad_update #center table.normal td {
    padding-left: 10px;
}
.notepad_update #center table.normal td:nth-child(2) {
    padding-right: 120px;
 }

 .notepad_update #center table.normal .isbutton{
    position: relative;
    top: 3px;
}

 .notepad_update #center .isbutton,
 .notepad_update #leftpanel .isbutton {
    background: #ccc !important;
    box-shadow: none !important;
    padding: 6px 15px !important;
    height: 30px !important;
    border-radius: 3px;
}

.notepad_update #center .isbutton:hover,
.notepad_update #leftpanel .isbutton:hover {
    background: #aaa !important;
}

 .notepad_update .isautowidth,
 .notepad_update #leftpanel .isautowidth, 
 .notepad_update #rightpanel .isautowidth, 
 .notepad_update #center .isautowidth {
    margin: 5px;
    padding: 4px 27px !IMPORTANT;
}

.notepadView.tabs {
    margin-top: 20px;
}

.notepad_update #center table.normal input[type=checkbox] {
    margin-left: 10px;
    position: relative;
    top: -3px
}

.notepad_update #center table.normal input[type=checkbox]:hover {
    cursor: pointer;
}

.notepad_update #center table.normal input[type=text] {
    border: 1px solid #ccc !important;
    padding-left: 5px;
    border-radius: 3px;
    margin-right: 10px;
}

.notepad_update #center select[multiple],
.notepad_update #leftpanel select[multiple],
.notepad_update #center select[size],
.notepad_update #leftpanel select[size] {
    padding: 3px;
    border-radius: 3px;
    border: 1px solid #ccc;
}

.notepad_update #leftpanel .form-group.form-group-sm {
    margin-top: 20px;
}

.notepad_update #leftpanel .control-label {
    margin-top: 5px !important;
}

.notepad_update #leftpanel input#notepadName {
    margin-top: 4px;
    width: 190px;
    border-radius: 3px;
    border: 1px solid #ccc;
    padding: 3px;
}

.notepad_update #leftpanel .radio:nth-child(1) {
    padding-top: 10px !important;
}

.notepad_update #leftpanel .radio,
.notepad_update #leftpanel .checkbox {
    padding: 0px !important;
}


.notepad_update #rightpanel #tab_notepad label {
    font-weight: normal;
    padding-left: 5px;
}

.notepad_update #rightpanel #tab_notepad input[type=checkbox],
.notepad_update #rightpanel #tab_notepad input[type=radio] {
    margin-top: -3px;
}

/***********************************************************************
 * Notepad in cart step 1 - modal *
************************************************************************/

#bt_saveSelectedAsNotepad .modal-body {
    height: 500px;
}

#bt_saveSelectedAsNotepad .svdbsk .svdbkt-dpdwn,
#bt_saveSelectedAsNotepad .svdbsk.open .svdbkt-dpdwn {
	display: block !important;
	position: relative;
	max-height: none;
	max-height: none;
	box-shadow: none;
	width: auto;
    max-height: none;
    overflow-y: inherit !important;
    overflow-x: hidden;
    border-radius: 0;
}

#bt_saveSelectedAsNotepad .svdbkt-dpdwn td:nth-child(1) {
    width: 300px;
	max-width: 300px;
}

#bt_saveSelectedAsNotepad .svdbkt-dpdwn td:nth-child(2) {
    width: 150px;
	max-width: 150px;
}

#bt_saveSelectedAsNotepad .svdbkt-dpdwn td:nth-child(3) {
    width: 150px;
	max-width: 150px;
}

#bt_saveSelectedAsNotepad .modal-body {
    height: 500px;
}

#bt_saveSelectedAsNotepad .svdbsk .svdbkt-dpdwn,
#bt_saveSelectedAsNotepad .svdbsk.open .svdbkt-dpdwn {
	display: block !important;
	position: relative;
	box-shadow: none;
	width: auto;
    max-height: none;
    overflow-y: inherit !important;
    overflow-x: hidden;
    border-radius: 0;
	max-width: 550px;
}

#bt_saveSelectedAsNotepad .svdbkt-dpdwn td:nth-child(1) {
    width: 300px;
	max-width: 300px;
}

#bt_saveSelectedAsNotepad .svdbkt-dpdwn td:nth-child(2) {
    width: 150px;
	max-width: 150px;
}

#bt_saveSelectedAsNotepad .svdbkt-dpdwn td:nth-child(3) {
    width: 150px;
	max-width: 150px;
}

#bt_saveSelectedAsNotepad .message {
	color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    border: 1px solid #d6e9c6;
    padding: 10px;
    margin-bottom: 5px;
    border-radius: 3px;
}

aside#floating-box {
	position: fixed;
	bottom: 2vh;
	left: 2vw;
	background: rgb(255 255 255 / 90%);
	padding: 20px;
	max-width: 360px;
	/*border: 2px solid #99e087;*/
	box-sizing: border-box;
	z-index: 3000000000;
	--border-color__light: #99e087;
	--border-color__dark: #006B7D;
}

aside#floating-box::before {
    width: 100%;
    height: 100%;
    content: '';
    /*background: #fff;*/
    transform: scale(1.0) translate(-50%,-50%);
    transform-origin: top left;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transition: border-width 0.5s;
    border: 2px solid #99e087;
    z-index: -1;
    border-image: linear-gradient(120deg, var(--border-color__dark) 0%, var(--border-color__light) 80%);
    border-image-slice: 1;
}

aside#floating-box.remainingDays5,
aside#floating-box.remainingDays4,
aside#floating-box.remainingDays3 {
	--border-color__light: yellow;
	--border-color__dark: orange;
}

aside#floating-box.remainingDays2,
aside#floating-box.remainingDays1,
aside#floating-box.remainingDays0 {
	--border-color__light: orange;
	--border-color__dark: red;
}

#floating-box .text-group {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#floating-box .text-group p {
	font-size: 14px;
	line-height: 1.42857143;
}

#floating-box .text-group .icon {
	font-size: xxx-large;
	margin-right: 10px;
	width: auto;
	height: auto;
}

#floating-box .text-group .icon::before {
	font-size: inherit;
}

#floating-box .button-group .btn {
	display: inline-block;
    padding: 6px 12px;
    font-size: 14px;
}

#daysPasswordExpireIn {
	display: none;
}



/***********************************************************************
 * Grid container 
************************************************************************/
.grid-container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 50% auto;
  grid-template-columns: 50% auto;
}

.gc-40-60 {
	-ms-grid-columns: 40% 60%;
	grid-template-columns: 40% 60%;
}

.grid-container > div {
  padding: 5px;
}

.grid-container > div:first-child {
  -ms-grid-column:2;
      grid-column-start:2;
}


/***********************************************************************
 * Extension for Streamline icons SVG
************************************************************************/

.svg-icon {
    position: relative;
    top: 0px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: 50% 0%;
    filter: opacity(0.7);
    background-size: 25%;
}

.svg-icon-share-setting {
    background-image: url("/ec/cms5/media/img/shop_2/icons_4/share-setting.svg");
}

/***********************************************************************
 * BID APP - Nordics 
************************************************************************/
#contractSearchResults .svdbkt-dpdwn {
  display: flex;
  flex-direction: column;
}

#contractSearchResults tbody tr td:last-child div {
  display: flex;
 /* flex-direction: row; */
  line-height: 30px;
}

#contractSearchResults .svdbkt-dpdwn th, #contractSearchResults .svdbkt-dpdwn tr, #contractSearchResults .svdbkt-dpdwn td {
  background: #fff;
}

#contractSearchResultsn .svdbsk .svdbkt-dpdwn {
  display: none !important;
}

#contractSearchResults .svdbsk.open .svdbkt-dpdwn {
  display: block !important;
}

#contractSearchResults tr.bkt_type td {
  background: #eee;
  width: 100%;
  font-size: 13px;
  text-align: center;
  padding: 6px !important;
}

#contractSearchResults .svdbkt-dpdwn tr.isDefault td {
  color: #49A8F6;
  background: #DBEEFD !important;
}

#contractSearchResults .svdbkt-dpdwn td {
  width: 250px;
  overflow: hidden;
  white-space: nowrap;
  padding: 0px 10px 0px 5px !important;
}

#contractSearchResults .svdbkt-dpdwn table tr:hover td {
  background: #f5f5f5 !important;
  cursor: pointer;
}

#contractSearchResults .newsvdbkt .btn, #contractSearchResults .new_np_search .btn {
  padding: 0px 25px !important;
  font-size: 13px;
  border-radius: 5px !important;
  margin: 0 auto;
}

#contractSearchResults .newsvdbkt .btn.btn_green, #contractSearchResults .new_np_search .btn.btn_green {
  line-height: 25px;
  font-size: 12px;
  background: #99e087;
}

#contractSearchResults .newsvdbkt .btn.btn_green:hover, #contractSearchResults .new_np_search .btn.btn_green:hover {
  background: #84cf72 !important;
}

#contractSearchResults .newsvdbkt .btn.btn_grey, #contractSearchResults .new_np_search .btn.btn_grey {
  background: #ccc;
  border-radius: 5px;
}

#contractSearchResults .newsvdbkt {
  text-align: center;
  padding: 10px;
}

#contractSearchResults .dropdown-menu.dropdown-menu-right.svdbkt-dpdwn {
  display: none;
  padding: 0;
}

#contractSearchResults input {
  line-height: 30px;
  padding: 0;
  height: 34px;
  border: 1px solid #ccc;
  padding-left: 5px;
}

#contractSearchResults .icon.ic_warenkorb {
  line-height: 28px;
  padding: 0;
  background: #ddd!important;
  font-size: 12px;
  margin-right: 10px !important;
  padding: 0px 5px 0px 5px!important;
  border: 1px solid #ccc;
  border-left: 0;
}

#contractSearchResults .btn-group.svdbsk button {
  height: 34px;
}

#contractSearchResults .btn-group.svdbsk button:first-child {
  padding: 0px 6px;
}


#contractSearchResults .btn-group.svdbsk button i {
  font-size: 16px !important;

}

#contractSearchResults .btn-group.svdbsk button i:last-child {
  font-size: 8px !important;
  position: relative;
  top: -2px;
}
#contractSearchResults .svdbsk.open .svdbkt-dpdwn .notepad_btn_row{
    padding: 15px 0px;
}
#contractSearchResults .svdbsk.open .svdbkt-dpdwn .notepad_btn_row button{
    margin-right: 15px;
}
[v-cloak] {
	display: none;
}

@media (max-height: 800px) {
    .contact_image {
        display: none;
    }
}
/***********************************************************************
 * lenovo DSC
************************************************************************/
.sr_qty {
    text-align: right;
}

.btngrp_odrblk {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.qtybkt {
    margin-right: 5px;
}

.sr_qty .input-group {
    width: 140px;
}

.sr_qty button.btn.addToBasket {
    border: 1px solid #ccc;
}

.btn-group.svdbsk {
    height: 34px;
    margin-right: 5px;
}
.qtybkt .input-group input.qnty {
    width: 100% !important;
    text-align: right;
    border-radius: 0;
}
.qtybkt .input-group .input-group-btn button.btn.addToBasket .icon:before {
    font-size: 13px;
}
.qtybkt .input-group .input-group-btn button.btn.addToBasket .icon:first-of-type:before{padding: 1px 0px;}
.sr_qty button.btn.addToBasket{border-radius:0}
 #result-default .btn-group {
    display: flex;
}

.btn-group.svdbsk button.js_actionTracking .fa-stack{
    width: 1em;
    height: auto;
    line-height: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-group.svdbsk button.js_actionTracking .fa-stack .icon:first-of-type:before{padding:0}
.btngrp_odrblk .btn{border-radius:0;/* position: relative; */}
.btngrp_odrblk .btn.btn-default .fa-fw.fa-cogs{
    width: 1em;
    height: auto;
    line-height: 1.3em;
    display: flex;
    align-items: center;
    justify-content: center;
}
#result-default .js-search-result-description p {
    min-height: 55px !important;
    margin-top: 0;
}
td.sr_img{
    vertical-align: top;
    position: relative;
}
/***********************************************************************
 * product DetailsPage Gallery
************************************************************************/
.productDetailsPage-gallery-tabs {
    width: 280px;
    margin-bottom: 10px
}
.productDetailsPage-gallery-tabs #images a img {
    width: 50px;
    display: block;
    float: left;
    margin: 10px;
    border: 1px solid #fff;
}
.productDetailsPage-gallery-tabs #images{
    display: flex;
    flex-wrap: wrap;
}
.productDetailsPage-gallery-tabs #tl-prd-product_detail_attachments_other{
    margin-top: 15px;
}

.product-image {
    display: flex;
    align-items: center;
    gap: 10px;
}

.charging-pictogram {
    max-width: 120px;
    height: auto;
    margin: 15px 0px;
}


html, body {
    height: 100%;
}

@media print{
    html, body {
        height: auto;
    }
}

.table thead th,
.table th {
    font-weight: bold;
}

.wkTabVf {
    width: 10px;
    padding: 0 !important;
}

.wkTabCheck {
    width: 10px;
}

.wkTabDiv {
    width: 10px;
}

.wkTabQty {
    width: 50px;
}

.table input[type="number"] {
    width: 50px;
    text-align: right;
}

.table td.blue,
.table td.red {
    background-color: #f1234c;
	z-index: 2;
}

.table td.yellow {
    background-color: #efa268;
	z-index: 2;
}

.table div.yellow,
.table input.yellow {
    border: 1px solid #efa268;
	z-index: 2;
}

.table div.blue,
.table input.blue,
.table div.red,
.table input.red,
.table input:invalid {
    background-color: transparent;
    border: 1px solid #f1234c;
}

.table td.green {
    background-color: #99e087;
}

.table div.green,
.table input.green {
    outline: none;
}

.table td.text-color.green,
.text-color.green {
    background-color: transparent;
    color: #99e087;
}

.table td.text-color.yellow,
.text-color.yellow {
    background-color: transparent;
    color: #efa268;
}

.table td.text-color.red,
.text-color.red,
.table td.text-color.blue,
.text-color.blue {
    background-color: transparent;
    color: #f1234c;
}

.table div.blue,
.table div.red,
.table div.green {
    text-align: right;
}

.table div.green,
.table div.blue,
.table div.red {
    padding-right: 16px;
}


.table .isnumeric {
    text-align: right;
    font-family: 'Droid Sans Mono', monospace;
}

.table .isnumeric,
.table .noBreak {
    white-space: nowrap;
}

.table .isnumeric,
.table .minWidth {
    width: 50px;
}

.table .isspecialbid {
    font-style: italic;
    color: #d81;
    cursor: help;
}

.table .btn .fa {
    margin-top: 1px;
    margin-bottom: 1px;
}

.table input[placeholder="Positionstext"] {
    margin-top: 5px;
}

.table .btn-group {
    white-space: nowrap;
    font-size: 0;
}

.table .btn-group .btn {
    display: inline-block;
    float: none;
    clear: none;
}

.table input[name="positionText"] {
    margin-top: 5px;
}

.table tfoot {
    border-top: 2px solid;
}

table.table tfoot tr td {
    border-top: none;
}


.table tr.isChild td {
    font-size: 85%;
    color: #888;
}

.table tr.isChild .green {
    background-color: transparent;
}

.table.table-borderless th,
.table.table-borderless td {
    border: none;
}

.table.table-righthead th {
    text-align: right;
}

.table.table-minimize {
    width: auto;
}


.bs-wizard {margin-top: 40px; margin-bottom: 15px;}

/*Form Wizard*/
.bs-wizard {border-bottom: solid 0 #e0e0e0; padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #555; font-size: 16px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum a {font-size: 16px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #bd7; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #7a1; border-radius: 50px; position: absolute; top: 8px; left: 8px; }
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0; height: 8px; box-shadow: none; margin: 20px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0; box-shadow: none; background: #bd7;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #eee;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }
.bs-wizard > .bs-wizard-step.disabled .bs-wizard-stepnum {color: #ccc;}

/*END Form Wizard*/

.noRightpanel #rightpanel {
    display: none;
}

.noRightpanel #center {
    right: 0;
}

@media screen and (max-width: 1640px) {
    .noRightpanel #center {
        width: 100%;
        right: 0;
    }
}

.noLeftpanel #leftpanel {
    display: none;
}

.noLeftpanel #center {
    left: 0;
}

.noBreadcrumb .breadcrumb {
    display: none;
}

.cart_edit .productList {
    border: none;
    margin: 0;
	z-index: 100;
}

.btn.btn-default.btn-data-filled {
    color: #7a1;
}

/* Bootstrap Dropdown Margin in Table Fix */

.table .dropdown {
    margin-top: 0 !IMPORTANT;
    margin-bottom: 0 !IMPORTANT;
}

/* Bootstrap Dropdown Button Fix */

.btn-group.dropup .dropdown-toggle {
    height: 34px;
}

.btn-group.dropdown .dropdown-toggle {
    height: 30px;
}

/* Bootstrap Dropdown List Fix */

#center ul.dropdown-menu li {
    padding: 0;
    list-style-type: none;
}

/* Bootstrap Dropdown link fix */

.dropdown-menu a:link,
.dropdown-menu a:visited {
    text-decoration: none;
}

/* Bootstrap Dropdown-item Status-Deklaration */

.dropdown-menu .dd-info,
.dropdown-menu .dd-info:hover {
    color: #7a1;
}

.dropdown-menu .dd-warning {
    background-image: -webkit-linear-gradient(top,#f0ad4e 0,#eb9316 100%);
    background-image: -o-linear-gradient(top,#f0ad4e 0,#eb9316 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f0ad4e),to(#eb9316));
    background-image: linear-gradient(to bottom,#f0ad4e 0,#eb9316 100%);
    background-repeat: repeat-x;
    border-color: #e38d13;
    color: #fff;
}

.dropdown-menu .dd-danger {
    background-image: -webkit-linear-gradient(top,#d9534f 0,#c12e2a 100%);
    background-image: -o-linear-gradient(top,#d9534f 0,#c12e2a 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#d9534f),to(#c12e2a));
    background-image: linear-gradient(to bottom,#d9534f 0,#c12e2a 100%);
    background-repeat: repeat-x;
    border-color: #b92c28;
    color: #fff;
}


/* FontAwesome Fix for use with text-icons */

.fa-owntext {
    font-family: monospace;
    font-size: 80%;
    color: #fff;
    background: #333;
    padding: 1px 2px;
    text-align: center;
    border-radius: 2px;
}

.fa-type-stacked .fa-stack-1x + .fa-stack-1x {
    font-size: 50%;
}

td[data-atp-qty] div {
    text-align: right;
    padding-right: 16px;
}


/* helpBubble Arrow-Fix */
td[data-atp-qty] div.popover,
td[data-atp-qty] div.arrow {
    padding-right: 0;
}

/* Bootstrap Box-Model fix for old Page-Elements */

.usesBT #navi *,
.usesBT #footer,
.usesBT #konto,
.usesBT #konto * {
    box-sizing: content-box;
}

.usesBT #navi {
    line-height: initial;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.usesBT #search_cont input[type="text"] {
    box-sizing: content-box;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Further Fixes for old Elements */

.usesBT input.hidePriceSubmit.isbutton {
    box-sizing: border-box;
    width: auto;
}

.usesBT #anmeldung legend {
    border-bottom: none;
    margin-bottom: 5px;
    width: auto;
}

/* Bootstrap primary Button color Overwrite */

a.btn-primary,
button.btn-primary,
a.btn-primary:focus,
a.btn-primary.focus,
button.btn-primary:focus,
button.btn-primary.focus {
    color: #333;
    background-color: #99e087;
    
    border-color: #99e087;
}

a.btn-primary:hover,
button.btn-primary:hover,
a.btn-primary:active,
a.btn-primary.active,
a.btn-primary:active:focus,
a.btn-primary.active:focus,
button.btn-primary:active,
button.btn-primary.active,
button.btn-primary:active:focus,
button.btn-primary.active:focus {
    color: #333;
    background-color: #77d65e;
    
    border-color: #77d65e;
}

body a:link,
body a:visited,
body a {
    color: 
}

body a:hover,
body a:focus {
    color: ;
}

body .btn-hp-inc {
    color: #fff;
    background-color: #06f; /* HP Inc Brand Color: Medium blue */
    border-color: #06f;  /* HP Inc Brand Color: Dark blue */
}

body .btn-hp-inc:hover {
    color: #fff;
    background-color: #036; /* HP Inc Brand Color: Medium blue */
    border-color: #036;  /* HP Inc Brand Color: Dark blue */
}


body .btn-hp-ent {
    color: #fff;
    background-color: #2b8; /* HP Ent Brand Color */
    border-color: #2b8;  /* HP Ent Brand Color */
}

body .btn-hp-ent:hover {
    color: #fff;
    background-color: #098;
    border-color: #098;
}

.cart_product_list {
    margin-top: 15px;
}

div#center {
    padding-bottom: 30px;
}

/* floating action buttons in shopping basket */

.cart_edit {
    position: relative;
}

.cart_edit,
.cart_detail,
.cart_check {
    margin-bottom: 50px;
}

.btn-group.float-ab {
    position: fixed;
    bottom: 50px;
    right: 90px;
	z-index: 200;
}

.float-ab,
.float-ab ul {
    box-shadow: 3px 3px 5px #888;
}

button[disabled],
html input[disabled] {
    opacity: 0.5;
}

/* Bootstrap Tab Fix */

#center .nav-tabs>li {
    list-style-type: none;
    padding: 0;
}

/* Bootstrap Dropdowns Fix */

#center ul.dropdown-menu {
    margin: 2px 0 0;
    padding: 5px 0;
}

/* Bootstrap input-group-btn fix */

#shoppingCartDetailsForm .input-group-btn .btn-sm {
    padding-top: 7px;
    padding-bottom: 9px;
}

#center #shoppingCartDetailsForm input[type="text"],
#center #shoppingCartDetailsForm input[type="password"],
#center #shoppingCartDetailsForm textarea {
    margin-top: 0;
    border: 1px solid #ccc;
}

/* Crossselling */

.productList_cs > h4 {
    position: relative;
}

.productList_cs hr {
    margin-bottom: 0;
}

.productList_cs .cs-body {
    box-sizing: border-box;
    padding: 20px 5px 20px 0;
}

.productList_cs > h4 .dropdown-menu {
    top: 28px;
}

.productList_cs > h4 .dropdown-menu input {
    position: relative;
    bottom: 2px;
}

.productList_cs .media {
    opacity: 0.4;
    transition: 500ms;
}

.productList_cs .media:hover,
.productList_cs .selectedFromMat {
    opacity: 1;
    transition: 500ms;
}

table.csHover tr {
    opacity: 0.3;
    transition: 500ms;
}

table.csHover tr.csActive {
    opacity: 1;
    transition: 500ms;
}

@keyframes animatedBackground {
    from {
        background-color: rgba(180, 180, 180, 1);
    }
    to {
        background-color: rgba(0,0,0,0);
    }
}

.iamnew {
    animation: animatedBackground 0.5s linear;
}

.usesBT .bannercontainer {
    margin: 30px auto auto;
    max-width: 1400px;
}

.usesBT .bannercontainer .bannerManager {
    margin: 0;
    box-sizing: border-box;
}

/* WK Sidenav */

#scroll-s3-nav .nav > li > a {
    display: block;
    padding: 4px 20px;
    font-size: 13px;
    font-weight: 500;
    color: #888;
    background-color: transparent;
}
#scroll-s3-nav .nav > li > a:hover,
#scroll-s3-nav.nav > li > a:focus {
    padding-left: 19px;
    color: #563d7c;
    text-decoration: none;
    background-color: transparent;
    border-left: 1px solid #ccc;
}
#scroll-s3-nav .nav > .active > a,
#scroll-s3-nav .nav > .active:hover > a,
#scroll-s3-nav .nav > .active:focus > a {
    padding-left: 18px;
    font-weight: bold;
    color: #444;
    background-color: transparent;
    border-left: 2px solid #ccc;
}

/* Nav: second level (shown on .active) */
#scroll-s3-nav .nav .nav {
    display: none; /* Hide by default, but at >768px, show it */
    padding-bottom: 10px;
}
#scroll-s3-nav .nav .nav > li > a {
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 30px;
    font-size: 12px;
    font-weight: normal;
}
#scroll-s3-nav .nav .nav > li > a:hover,
#scroll-s3-nav .nav .nav > li > a:focus {
    padding-left: 29px;
}
#scroll-s3-nav .nav .nav > .active > a,
#scroll-s3-nav .nav .nav > .active:hover > a,
#scroll-s3-nav .nav .nav > .active:focus > a {
    padding-left: 28px;
    font-weight: 500;
}

.usesBT h1,
.usesBT #center h1,
.usesBT h2,
.usesBT #center h2,
.usesBT h3,
.usesBT #center h3,
.usesBT h4,
.usesBT #center h4,
.usesBT h5,
.usesBT #center h5,
.usesBT h6,
.usesBT #center h6,
#cboxBody.usesBT h1,
#cboxBody.usesBT #center h1,
#cboxBody.usesBT h2,
#cboxBody.usesBT #center h2,
#cboxBody.usesBT h3,
#cboxBody.usesBT #center h3,
#cboxBody.usesBT h4,
#cboxBody.usesBT #center h4,
#cboxBody.usesBT h5,
#cboxBody.usesBT #center h5,
#cboxBody.usesBT h6,
#cboxBody.usesBT #center h6 {
    padding: 0;
    margin: 20px 0 10px;
    color: #444;
    background: none;
    border: none;
    font-weight: 500;
}

.usesBT h1,
.usesBT #center h1,
#cboxBody.usesBT h1,
#cboxBody.usesBT #center h1 {
    font-size: 36px;

}

.usesBT h2,
.usesBT #center h2,
#cboxBody.usesBT h2,
#cboxBody.usesBT #center h2 {
    font-size: 30px;

}
.usesBT h3,
.usesBT #center h3,
#cboxBody.usesBT h3,
#cboxBody.usesBT #center h3 {
    font-size: 24px;
}

.usesBT h4,
.usesBT #center h4,
#cboxBody.usesBT h4,
#cboxBody.usesBT #center h4 {
    font-size: 18px;
}

.usesBT h5,
.usesBT #center h5,
#cboxBody.usesBT h5,
#cboxBody.usesBT #center h5 {
    font-size: 14px;
}

.usesBT h6,
.usesBT #center h6,
#cboxBody.usesBT h6,
#cboxBody.usesBT #center h6 {
    font-size: 12px;
}

.fa-stack-1x.fa-stack-text-1x {
    font-size: 8px;
    position: absolute;
    top: -1px;
    left: -1px;
}

.fa-stack.fa-fw {
    width: 1.28571429em;
}

#scroll-s3-nav .active .nav {
    display: block;
    padding-bottom: 0;
    margin-left: 0;
    padding-left: 0;
}

/* Required field START */

.required-field-block {
    position: relative;
}

.required-field-block .required-icon {
    display: inline-block;
    vertical-align: middle;
    margin: -0.25em 0.25em 0;
    background-color: #eee;
    border-color: #eee;
    padding: 0.5em 0.8em;
    color: rgba(0, 0, 0, 0.65);
    text-transform: uppercase;
    font-weight: normal;
    border-radius: 0.325em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background 0.1s linear;
    -moz-transition: background 0.1s linear;
    transition: background 0.1s linear;
    font-size: 75%;
}

.required-field-block .required-icon {
    background-color: transparent;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    margin: 0;
    width: 30px;
    height: 30px;
    padding: 0;
    text-align: center;
    -webkit-transition: color 0.2s ease;
    -moz-transition: color 0.2s ease;
    transition: color 0.2s ease;
}

.required-field-block .required-icon:after {
    position: absolute;
    content: "";
    right: 1px;
    top: 1px;
    z-index: -1;
    width: 0;
    height: 0;
    border-top: 0 solid transparent;
    border-right: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 0 solid transparent;
    border-right-color: inherit;
    -webkit-transition: border-color 0.2s ease;
    -moz-transition: border-color 0.2s ease;
    transition: border-color 0.2s ease;
}

.required-field-block .required-icon .text {
    color: ;
    font-size: 26px;
    margin: -3px 0 0 12px;
}

.required-field-block input:invalid + .required-icon,
.required-field-block input.invalid + .required-icon {
    border-color: ;
}

.required-field-block input:invalid + .required-icon .text,
.required-field-block input.invalid + .required-icon .text{
    color: #fff;
}
.required-field-block .cal-icon {
    padding-right: 30px !important;
}
/* Required field END */

.clearfix.spacer-bottom-20 {
    margin-bottom: 20px;
}

.panel-body-overflow {
    overflow: auto;
}

.usesBT #center h3.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    background-color: #eee;
    border-bottom: 1px solid #eee;
    border-radius: 5px 5px 0 0;
}

.cursor-help {
    cursor: help;
}

.cursor-pointer {
    cursor: pointer;
}

/* IE 9+ Shop Header Fix */
@media screen and (min-width:0\0) and (min-resolution: +72dpi) {

    .usesBT #header #nav_cont #navi li a span {
        min-height: auto;
        padding-top: 0;
    }

}

/* Radiobuttons als Klickbuttons */

.btn-group[data-toggle="buttons"] .btn-danger:not(.active),
.btn-group[data-toggle="buttons"] .btn-success:not(.active) {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    background-image: linear-gradient(to bottom,#fff 0,#eee 100%);
}

.btn-group[data-toggle="buttons"] .btn-danger:not(.active):hover,
.btn-group[data-toggle="buttons"] .btn-success:not(.active):hover {
    color: #333;
    background-color: #eee;
    border-color: #aaa;
    background-position: 0 0;
}

/* Step 3+4 vCard */

.vcard-body {
    margin-top: 15px;
}

/* Step 4 Feature Box */

.feature-box > .feature-box-icon { text-align: center; position: relative; }
.feature-box > .feature-box-icon > .feature-box-image { position: relative; z-index: 2; margin: auto; width: 88px; height: 88px; border: 8px solid white; line-height: 88px; border-radius: 50%; background: #aaa; vertical-align: middle; }
.feature-box > .feature-box-icon > .feature-box-image > i {color: #fff; position: relative; top: 13px;}
.feature-box > .feature-box-icon > .feature-box-info {text-align: left; margin-top: -24px; background: rgba(0, 0, 0, 0.04); border: 1px solid #eee; padding: 15px 20px 10px; }
.feature-box > .feature-box-icon > .feature-box-info > h3.title {font-size: 16px; color: #222; font-weight: 500;}
.feature-box > .feature-box-icon > .feature-box-info > p {font-size: 13px; color: #666; line-height: 1.5em;}
.feature-box .feature-box-space { height: 30px; }

/* button fix */

.btn {
    width: auto;
    box-shadow: none;
}

/* Module p Fontsize-fix */

.usesBT .module p {
    font-size: 14px;
    line-height: 1.42857143;
}

/* colorbox print-screen fix */

.cboxBody.usesBT {
    margin-bottom: 100px;
}

#center ol.no-bullets li,
#center ul.no-bullets li,
ol.no-bullets,
ul.no-bullets {
    list-style-type: none;
}

/* popover fix */

.usesBT div.popover {
    color: #333;
    text-align: left;
}

td[data-atp-qty] div.popover-content {
    text-align: left;
}

#cboxBody.usesBT #center .cart_check .vcard-header h4,
#cboxBody.usesBT .cart_check .vcard-header h4,
#center .cart_check .vcard-header h4,
#cboxBody.usesBT #center .cart_order_details .vcard-header h4,
#cboxBody.usesBT .cart_order_details .vcard-header h4,
#center .cart_order_details .vcard-header h4 {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left;
    font-size: 14px;
    margin: 0;
}

.cart_order_details .table + p {
    padding: 5px;
}

.usesBT #center .cart_check .vcard-body,
.usesBT #center .cart_check .vcard-img,
.cart_order_details .vcard-body,
.cart_order_details .vcard-img {
    padding-left: 5px;
}

/* new alters */

.alert.alert-low {
    background-color: #eee;
    border-color: #ddd;
    color: #333;
}
.alert.alert-low hr {
    border-top-color: #ccc;
}
.alert.alert-low .alert-link {
    color: #888;
}

.alert.alert-basic {
    background-color: #eee;
    border-color: #eee;
    color: #888;
}
.alert.alert-basic hr {
    border-top-color: #eee;
}
.alert.alert-basic .alert-link {
    color: #aaa;
}

/* HP Quotes */

#hqQuotesHeaderlist th,
.hpquotesPositions th {
    text-align: left;
}

.hpquotesPositions .bundleHead {
    background-color: #7a1;
}

.hpquotesPositions .bundleItem {
    padding-left:10px;
}

table#fixPricePositions th {
    font-weight: bold;
    border-bottom: 3px solid #fff;
}

.hpquotesPositions #fixPricePositions .price {
    text-align: right;
}

/* BT Address deklaration */

.address {
    margin: 20px;
}

/* Service Information */

div[data-bind="text: serviceInformationType"] {
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 5px;
}

.tab-pane div[data-bind="text: serviceInformationType"]:first-of-type {
    margin-top: 0;
}

hr + .manufacturer_support,
hr + .service_process,
hr + .service_center,
hr + .service_texts {
    clear: both;
}

.facelift ul#navi legend,
.facelift ul#navi a,
.facelift ul#navi span,
.facelift .account label,
.facelift ul#navi fieldset .isbutton {
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
}

.facelift ul#navi span,
.facelift ul#navi fieldset .isbutton {
    line-height:13px;
}

.facelift .account legend {
    margin-bottom: 0;
}

.facelift .account label {
    margin-bottom:0;
    font-weight:normal;
}

.facelift .modal-header button.close {
    width: auto;
    box-shadow: none;
}

.facelift .btn-group .btn {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.usesBT .dpbar .alert {
    padding: 0;
    margin-bottom: 0;
}

/* Collective Order */

.co-container {
    cursor: pointer;
}

.co-container .list-group-item-heading {
    margin-bottom: 0px;
}

.co-container .list-group-item {
    border-left: 10px solid #ddd;
}

.co-container .list-group-item:hover {
    border-left-color: #aaa;
}

.co-container  .list-group-item.co-selected {
    border-left-color: #99e087;
}

button[disabled] {
    cursor: not-allowed !Important;
}

.table td.stockless {
    background-color: #ccc;
}

/*
.table td.stockless,
.table td.stockless ~ td {
    opacity: 0.4
}
*/

.co-item-ordered {
    opacity: 0.4
}

.co-container .list-group-item {
    padding: 0px 15px 10px 15px;
}

.co-container .co_prefDeliveryDate {
    width: 100%;
    margin-top: 35px;
	font-size: 13px;
}

.co-container span.co_prefDate {
    float: right;
    font-weight: bold;
}

.co-container .co_addedUntilDate {
    margin-top: 4px;
    font-size: 13px;
}

.co-container span.co_addDate {
    float: right;
    font-weight: bold;
    padding-top: 17px;
}

.co-container span.co_addText {
    width: 65% !important;
    word-wrap: unset;
    float: left;
    display: block;
}

.co-container .list-group-item-heading.row {
    margin-bottom: 0;
}

.list-group-item-heading h4 {
    margin: 12px 0 0 0 !important;
}

.list-group-item-heading .col-xs-4.text-right {
    margin-top: 5px;
}

.co-container .list-group-item-text p {
    line-height: 1em !important;
}

.list-group-item-created.row {
    padding: 4px 0px 0px 0px;
}

.list-group-item-created span.ownUser {
    background: #DBEEFD;
    color: #49A8F6;
    padding: 3px 10px;
    border-radius: 8px;
    margin-left: 5px;
}

.list-group-item-created span.otherUser {
    background: #eee;
    color: #808080;
    padding: 3px 10px;
    border-radius: 8px;
    margin-left: 5px;
}

/* Handle empty state */

.cart_edit .productList p.hint {
  background: white;
  border: 0;
  font-size: 2em !important;
  color: #aaa;
  width: 100%;
  padding-top: 20px !important;
  position: relative;
  top: 330px;
  text-align: center;
  padding: 0;
  font-weight: normal;
}

.cart_edit .productList p.hint::before {
  content: "";
  width: 300px;
  height: 300px;
  background: url("https://www.also.com/ec/cms5/media/img/shop_2/icons_30/images_4/ot_noresult.png");
  position: absolute;
  background-size: cover;
  left: 50%;
  transform: translate(-50%);
  top: -300px;
}

.cart_edit .productList span.icon.ic_warning.icon-information-outline {
    visibility: hidden;
}

/* Cart inputfield update */

.input_btn_style {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

#js-fastOrder .input_btn_style {
    display: flex;
    justify-content: left !important;
}

.input_btn_style button.btn.btn-default {
    width: 24px;
    outline: 0;
    border-radius: 0;
    height: 30px;
    padding: 1px 5px 0px 5px;
    font-weight: bold;
    font-size: 15px;
    color: #808080
}

.input_btn_style button.btn.btn-default:focus {
    border-color: #ccc;
}

.input_btn_style .btn_plus,
.input_btn_style .btn_minus {
    background: #f5f5f5;
}

.input_btn_style .btn_plus:hover,
.input_btn_style .btn_minus:hover {
    background: #ddd;
}

.input_btn_style input {
    border: 1px solid #ccc;
    text-align: center !important;
    border-left: 0;
    border-right: 0;
    width: 42px !important;
}

.input_btn_style input::-webkit-outer-spin-button,
.input_btn_style input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.input_btn_style input[type=number] {
    -moz-appearance: textfield;
}


.btn_minus.deactivated {
    cursor: none;
    background: #f9f9f9;
    color: #ddd !important;
    border-color: #ddd;
    cursor: default !important;
}

.btn_minus.deactivated {
    cursor: none;
    background: #f9f9f9;
    color: #ddd !important;
    border-color: #ddd;
    cursor: default !important;
}

.btn_minus.deactivated:active {
    box-shadow: none;
    border-color: #ddd;
}

.btn_minus.deactivated:hover {
    background: #f9f9f9;
}

div#rightpanel .input_btn_style input {
    width: 35px !important;
}

/* Old template */
div#rightpanel .input_btn_style button.btn.btn-default {
    width: 21px;
    padding: 2px 4px 0px 6px;
    font-size: 11px;
}

div#rightpanel .input_btn_style  .text{
    border-top: 1px solid #ccc !important;
    border-bottom: 1px solid #ccc !important;
    border-left: 0px solid #ccc !important;
    border-right: 0px solid #ccc !important;
    border-radius: 0 !important;
}
.expDelText{
    color: #006800;
}
.expectedDeliveryDate-message{
    display: flex;
    align-items: center;
    column-gap: 15px;
    margin-bottom: 15px;
}
.expectedDeliveryDate-message .icon.icon-order-tracking-outline{
    color: #006800;
    position: relative;
    top: -5px;
}
.expectedDeliveryDate-message .icon.icon-order-tracking-outline:before{
    font-size: 30px;
}







/*#######################
  #  New label for MFA  #
  #######################*/

a[href*="administration"] {
	position: relative;
}

.breadcrumb a[href*="administration/index"]::after {
	display: none;
}

.shopteaser {
	position: relative;
	overflow: initial;
}

.shopteaser a[href*="updateUserAdministration"]::after {
    right: -8px;
}

#userAdministrationForm .userDataSection .isbutton.isautowidth {
	position: relative;
	margin-top: 8px;
}

.ui-dialog-twostep {
  display: flex;
  justify-content: space-between;
}
.ui-dialog-twostep a {
  display: flex;
  align-self: center;
  align-items: center;
}
.ui-dialog-twostep .icon {
  margin-right: 10px;
}