.AdminPalette ul, .AdminPalette li { list-style-type: none; margin: 0; } .AdminPalette ul[data-level="1"] { display: inline-block; width: 100%; } .AdminPalette ul[data-level="2"] { margin-bottom: 1rem; } .AdminPalette .paletteElement { display: block; line-height: 1.5rem; cursor: pointer; overflow: hidden; } .AdminPalette ul[data-level="0"]>li.children { clear: both; overflow: hidden; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } .AdminPalette ul[data-level="0"]>li.paletteElement { font-family: "DIN-Regular"; font-weight: bold; font-size: 1rem; margin: 0 0 1rem 0.5rem; } .AdminPalette ul[data-level="1"]>li.paletteElement { clear: both; font-family:DIN-Regular, sans-serif; font-weight: bold; font-size: 17px; margin: 0 0 1rem 0.5rem; } .AdminPalette ul[data-level="2"]>li.paletteElement { font-weight: normal; padding: 0.5rem; } /****** palette elements ****/ .AdminPalette .paletteElement .BasicGraphic { width: 3rem; height: 3rem; float: left; } .AdminPalette .paletteElement .paletteIcon>img, .AdminPalette .paletteElement .paletteIcon>svg { width: 100%; height: 100%; } .AdminPalette .paletteElement .info { margin-left: 1rem; width:calc(100% - 4rem); float:left; } .AdminPalette .paletteElement .BasicText { display: block; width:100%; margin: 0; float: none; line-height: 1.5em; font-family:DIN-Regular, sans-serif; } .AdminPalette .paletteElement .title { font-size: 13px; } .AdminPalette ul[data-level="2"]>li.paletteElement:hover { background-color: var(--admin_color_bcCellmsBlue10); } .PageAddContentProperty #paletteTabs { border: none; } .PageAddContentProperty #paletteTab { padding-top:1rem; } .PageAddContentProperty .tab { padding-top: 2rem; position:relative; } .PageAddContentProperty .ui-tabs-anchor { font-size: 0.875rem; } .PageAddContentProperty .widgetSelection { font-family:OpenSans; } .PageAddContentProperty .widgetSelection .wrapper { width: 100%; clear: both; overflow: hidden; margin-bottom: 12px; } .PageAddContentProperty .widgetSelection .paletteElement { width: 328px; float: left; } .PageAddContentProperty .widgetSelection .paletteIcon { float: left; width: 3rem; } .PageAddContentProperty .widgetSelection img, .PageAddContentProperty .widgetSelection svg { width: 100%; height:100%; } .PageAddContentProperty .widgetSelection .info { float: left; width: 252px; margin-left: 12px; } .PageAddContentProperty .widgetSelection .title, .PageAddContentProperty .widgetSelection .description { float: none; clear: both; font-size: 11px; } .PageAddContentProperty .widgetSelection .title { color: var(--color_cCellmsBlue); margin: 0 0 4px 0; } .PageAddContentProperty .widgetSelection .remove { font-size: 18px; font-weight: bold; width: 48px; float: left; text-align: center; cursor: pointer; } .PageAddContentProperty .radioWrapper label { margin: 8px 16px 0 0; width: auto; clear: none; } .PageAddContentProperty .radioWrapper input { height: auto !important; margin: 0 !important; } .PageAddContentProperty .clearTrash { color: var(--color_cCellmsBlue); cursor:pointer; font-size:1rem; position:absolute; top:1rem; right: 0; } .PageAddContentProperty .clearTrash .icon{ height:1rem; margin-right:1rem; } .adminSnippetProductDetail { width:80rem; max-width:100%; } .adminSnippetProductDetail iframe { width:100%; overflow:hidden; } .adminSnippetProductDetail .btnWrapper { text-align:center; } .adminSnippetProductDetail .btn { display:inline-block; font-size:1rem; text-decoration:underline; padding:1rem 0; cursor:pointer; } .adminSnippetProductDetail .btn:hover { color:var(--color_cCellmsBlue); } .adminSnippetProductDetail .tooltip { margin: 0 2rem 2rem; } .iframeAdminSnippetProductDetail #wysiwyg > .itemToolbar, .iframeAdminSnippetProductDetail .CustomProduct.Single > .adminTooltip { display:none; } .iframeAdminSnippetProductDetail #wysiwyg { margin:0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .adminSnippetFormPersonaliseData { width:80rem; max-width:100%; box-sizing:border-box; padding:2rem 2rem; } .adminSnippetFormPersonaliseData > .formContent { margin-bottom:2rem; } .adminSnippetFormPersonaliseData .btnWrapper { text-align:center; } .adminSnippetFormPersonaliseData .btn { display:inline-block; font-size:1rem; text-decoration:underline; padding:1rem 0; cursor:pointer; } .adminSnippetFormPersonaliseData .btn:hover { color:var(--color_cCellmsBlue); } .adminSnippetFormPersonaliseData .tooltip { margin-bottom:2rem; } .adminSnippetFormPersonaliseData .BasicForm .wrapper.submit { display:none; } .adminSnippetWelcome { margin: 2rem auto; } .adminSnippetWelcome .title { font-size: 1.5rem; text-align: center; } /************** Für Propertyview (Dokumente -> Bearbeiten -> editAccess)************/ .AdminRelation { clear:both; } .AdminRelation .relationHeader { height: 30px; margin-left:12px; margin-right:12px; } .AdminRelation .relationHeader .mark { width: auto; padding-top: 4px; float: left; } .AdminRelation .relationHeader .mark a { margin-right: 16px; font-size:12px; color: #cccccc; } .AdminRelation .relationHeader .mark a:hover { color: var(--color_cWhite); } .AdminRelation .relationHeader .mark a.selected { color: var(--color_cWhite); } .AdminRelation .relationHeader .filter { width: auto; float: right; } .AdminRelation .relationHeader .filter label { font-size: 14px; color: #444444; margin-top: 8px; width:auto; float:left; } .AdminRelation .relationHeader .filter .relation_filter { font-size: 14px; border: 1px solid #cccccc; width: 200px; height: 20px; padding: 4px 8px 4px 8px; margin-left: 16px; margin-right: 16px; float:left; } .AdminRelation .relationHeader .filter a { color: #cccccc; } .AdminRelation .relationHeader .filter a:hover { color: var(--color_cWhite); } .AdminRelation .relationHeader .filter .clear_filter{ margin-top:4px; font-size:12px; } .AdminRelation .relationDiv { display: block; height:auto; clear:both; padding: 0px 0px 8px 0px; margin-left:12px; margin-right:12px; text-align: center; overflow: hidden; } .AdminRelation .relationDiv ul { width:auto; height:auto; list-style: none; display: inline; clear: both; overflow: hidden; } .AdminRelation .relationDiv ul li { display: inline; margin: 0px 8px 0px 0px; line-height: 24px; float:left; } .AdminRelation .relationDiv ul li label { width:auto; height:auto; font-size: 12px; color:#444444; background-color: #cecece; float:left; padding: 0px 8px 0px 8px; margin: 0px 4px 8px 0px; } .AdminRelation .relationDiv ul li label:hover { color: var(--color_cWhite); background-color: #777777; } .AdminRelation .relationDiv ul li input[type="checkbox"], .AdminRelation .relationDiv ul li input[type="radio"] { display: none; } .AdminRelation .relationDiv ul li input:checked+label { color: var(--color_cWhite); background-color: #000000; } .AdminRelation .gridLink { float: right; } .relationTitle { clear: both; font-size: 14px; margin: 0 0 8px 12px; } .AdminTree { } /************ Fläche um die komplette Tabelle mit Reiter *************/ .AdminTreeGrid { padding: 0px; border: 0px; } /********** Überschrift - Tabellenansicht und Baumansicht********/ .AdminTreeGrid > ul > li > a{ color:var(--color_cWhite); text-align: center; } .AdminTreeGrid > ul > li > a:hover{ color:var(--color_cCellmsBlue); cursor:pointer; } .AdminTreeGrid > ul > li.ui-state-active > a{ color:var(--color_cCellmsBlue); } /************ Fläche um die Reiter *************/ .ui-tabs-nav{ /*border:1px solid #00ff00;*/ } .ui-tabs-nav.li{ border:1px solid #00ff00; color:#00ff00; } /************ Fläche um die komplette Tabelle *************/ #gridTab{ padding:0px; } .AdminTree { padding: 8px 24px; } /* button liste */ .AdminTree .navigationToolbar .ui-button-icon-only{ width:24px; height:16px; } .AdminTree .navigationToolbar .ui-button-text{ padding:0px; height: 0px; line-height: 0px; } .AdminTree .navigationToolbar { margin-left: 12px; } .AdminTreeGrid .TreeTab .treeButtons{ height:24px; padding:3px 10px 2px 10px; background-color: var(--color_cWhite); background-image: -webkit-gradient(linear, left top, left bottom, from(#333439), to(#1b1b1c)); background-image: -webkit-linear-gradient(top, #333439, #1b1b1c); background-image: -moz-linear-gradient(top, #333439, #1b1b1c); background-image: -ms-linear-gradient(top, #333439, #1b1b1c); background-image: -o-linear-gradient(top, #333439, #1b1b1c); background-image: linear-gradient(top, #333439, #1b1b1c); } .AdminTreeGrid .TreeTab .treeButtons .expandAll, .AdminTreeGrid .TreeTab .treeButtons .collapseAll{ width:101px; border:0px; margin-top:4px; } span.tree_index { font-style:italic; display:inline-block; padding-right: 2em; /* width:10%; */ /* text-align:right; */ } #treeChildren, #treeParents { display: inline-block; font-size: 15px; padding-top: 9px; } #treeParents li { /* display:inline-block; padding-right: 1em; */ margin-left: 0.75rem; } #treeChildren li { margin-left: 0.75rem; } #treeChildren li.active{ font-weight:bold; } #s2id_parentPageId { margin-top: 2rem; } .select2-drop.parentPageIdSelect2 .select2-result.hidden { display: none; } #parentPageIdDescr { color: var(--color_cTextPassive); } /* TODO: kopiert überflüssige Einschränkungen entfernt ... muss noch überarbeitet werden: */ .Widget.property .dropDown .caption{ border: solid 1px var(--color_cLine); } .Widget.property .dropDown .item{ border: solid 1px var(--color_cLine); border-top-width: 0px; } .Widget.property .dropDown .item:hover, .Widget.property .dropDown .item:focus, .Widget.property .dropDown .item.selected{ color: var(--color_cWhite); background-color: var(--color_cCellmsBlue); } /************************* admin-buttons with ss-font *************************/ .admin-button { padding: 3px; color:var(--admin_color_cAdminButton); background-color:var(--admin_color_bcAdminButton); display:inline-block; cursor:pointer; } .admin-button .text, .admin-button .icon { padding:0 3px; float:left; } .admin-button.icon-only .text { display:none; } .admin-button .text { line-height:23px; min-height:21px; font-size:13px; } .admin-button .icon, .admin-button .icon[class*="ss-"] { color:var(--admin_color_cAdminButton); display:block; height:21px; font-size:13px; line-height: 23px; } .admin-button .icon.right { float:right; } .admin-button:hover, .admin-button:hover .icon { color:var(--color_cCellmsBlue); } .admin-button.icon-only .icon { padding-right:4px; padding-left:4px; } .admin-button.icon-only .text { padding:0; } .admin-button .BasicText { font-size: 13px; height:21px; line-height:23px; padding-left: 2px; padding-right: 2px; } .itemToolbar.panel { height:27px; } .itemToolbar[data-position="top"], .pageItem.collapsed .itemToolbar { padding-bottom:1px; } #wysiwyg.edit .panel.rendertime{ float: right; position: relative; z-index: 10; background-color: var(--admin_color_bcAdminButton); color: var(--color_cWhite); line-height: 1.3em; text-align: left; display: block; padding: 4px 8px; } /********************************* Definition für panelContent ****************/ .panelContentForm .panelContent { width: 768px; margin-right: 32px; } .panelContentForm .stripe { height: 12px; background-image: url('File/admin_panel/pattern.jpg'); background-repeat: repeat; margin-right: 16px; margin-left: 16px; clear: both; } .panelContentForm .title:not(.wrapper) { width: auto; font-size: 18px; color: #444444; margin: 0px 0px 16px 12px; float: left; } .panelContentForm .title:not(.wrapper) span { float: left; } .panelContentForm .formView { clear:both; float:right; margin-right: 12px; } .panelContentForm .formName { float:left; } .panelContentForm .AdminGrid { clear: both; width: 100%; } .panelContentForm form .AdminGrid { margin-bottom:16px; } /************** panelContent - WYSIWYG LOCK*****************/ .panelContentForm #wysiwygMenu { float: right; margin-bottom:4px; } /**************** Definition für panelContentForm ****************/ .ui-dialog .ui-dialog-titlebar { width: auto; color: var(--color_cWhite); font-size: 12px; } .panelContentForm { max-width: 1200px; margin: 24px 12px 24px 12px; } .panelContentForm form .title:not(.wrapper) { width: auto; font-size: 18px; color: #444444; margin: 0px 0px 16px 12px; float: left; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .panelContentForm form input.title { margin: 0px 0px 16px 0; } .panelContentForm form .title:not(.wrapper) * { display: inline; /* in case <p> elements or similar come in the title*/ } .panelContentForm form .aktiv, .panelContentForm form .right { float: right; margin-right: 12px; padding-top: 3px; } .panelContentForm form .aktiv input[type="checkbox"], .panelContentForm form .right input[type="checkbox"] { height: 18px; width: 18px; float: left; } .panelContentForm form .aktiv label, .panelContentForm form .right label { margin-top: 4px; } .panelContentForm form .stripe { width: 100%; height: 12px; clear: both; margin-bottom: 16px; background-image: url('File/admin_panel/pattern.jpg'); background-repeat: repeat; display: block; margin-left: 0px; margin-right: 0px; } .panelContentForm form label, .panelContentForm label { width: 108px; font-size: 12px; display: block; clear: both; text-align: right; color: #777777; float: left; margin-right:12px; /*margin: 12px 16px 16px 0px;*/ } .panelContentForm form label { /* :first-child */ margin-top: 12px; margin-bottom: 16px; } .panelContentForm form .references.right label { margin-right: 0.375rem; } .panelContentForm form .references.right .count { float: left; margin-top: 0.1875rem; line-height: normal; font-size: 0.75rem; font-family: inherit; } .panelContentForm .metaPropertyInfo{ color: var(--color_cRed); } .panelContentForm .metaPropertyInfo.indented{ margin-left: 120px; margin-bottom: 8px; } .panelContentForm form input, .panelContentForm input, .panelContentForm .button, .panelContentForm textarea { float: left; margin-bottom: 16px; padding-left: 8px; padding-right: 8px; border: 1px solid #cccccc; background-color: #cccccc; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ececec) ); background-image: -webkit-linear-gradient(top, #ffffff, #ececec); background-image: -moz-linear-gradient(top, #ffffff, #ececec); background-image: -ms-linear-gradient(top, #ffffff, #ececec); background-image: -o-linear-gradient(top, #ffffff, #ececec); background-image: linear-gradient(top, #ffffff, #ececec); } .panelContentForm form input:hover, .panelContentForm input:hover { border: 1px solid #aaaaaa; cursor:pointer; /* -webkit-box-shadow: 0px 0px 1px #aaaaaa; -moz-box-shadow: 0px 0px 1px #aaaaaa; box-shadow: 0px 0px 1px #aaaaaa; */ } .panelContentForm :not(.ui-search-input) > .select2-container { margin-bottom: 16px; display: block; overflow: hidden; } .panelContentForm input[type="time"]::-webkit-calendar-picker-indicator { background: none; display: none; } /************************ 1 Spalte ***********************/ .panelContentForm form .oneColumn { width: 1176px; float: left; margin: 0px 12px 0px 12px; } .panelContentForm form .oneColumn input[type="text"], .panelContentForm form .oneColumn input[type="password"] { width: 1038px; } .panelContentForm form .oneColumn .formView input[type="text"], .panelContentForm form .oneColumn .formView input[type="password"] { width: 1026px; } .panelContentForm form .oneColumn select { width: 1054px; } .panelContentForm form .oneColumn .formView select { width: 1042px; } .panelContentForm form .jqgrid select { width: auto; height: 2em; padding: inherit; margin: inherit; } .panelContentForm form .jqgrid textarea { padding: inherit; margin: inherit; } .panelContentForm form .oneColumn textarea { width: 1038px; resize: vertical; } /************************ 2 Spalten ***********************/ .panelContentForm form .twoColumns { width: 576px; float: left; margin: 0px 12px 0px 12px; } .panelContentForm form .twoColumns input[type="text"], .panelContentForm form .twoColumns input[type="password"], .panelContentForm form .twoColumns textarea { width: 436px; } .panelContentForm form .twoColumns select { width: 454px; } .panelContentForm form .twoColumns .BasicFileUpload { width: 454px; } .panelContentForm form .twoColumns .resetDocument { float: right; margin-right: 0px; } .column50 { width: 50%; box-sizing:border-box; float:left; } .panelContentForm form .twoColumns2to3 .column50 input[type="text"], .panelContentForm form .twoColumns2to3 .column50 input[type="password"], .panelContentForm form .twoColumns2to3 .column50 textarea { width: 250px; } .panelContentForm form .twoColumns2to3 .column50 select { width: 268px; } .panelContentForm form .twoColumns2to3 .column50 .stripe { margin-left:16px; width:auto; } /****** 2 columns inside of 2 columns ****/ .panelContentForm form .twoColumns > .twoColumns { margin: 0 !important; width: 287px; } .panelContentForm form .twoColumns .twoColumns input[type="text"], .panelContentForm form .twoColumns .twoColumns input[type="password"], .panelContentForm form .twoColumns .twoColumns textarea { width: 149px; } .panelContentForm form .twoColumns .oneColumn { margin: 0 !important; width: 100%; } .panelContentForm form .twoColumns .oneColumn .twoColumns { margin: 0 !important; } .panelContentForm form .twoColumns2to3 > .oneColumn { width: 100%; margin: 0 !important; } /************************ 2 Spalten - 1/3 zu 2/3 Aufteilung ***************/ .panelContentForm form .twoColumns1to3, .panelContentForm .twoColumns1to3 { width: 376px; float: left; margin: 0px 12px 0px 12px; } .panelContentForm form .twoColumns1to3 input[type="text"], .panelContentForm form .twoColumns1to3 input[type="password"] { width: 238px; } .panelContentForm form .twoColumns1to3 select{ width: 256px; } .panelContentForm form .twoColumns1to3 textarea { width: 244px; } .panelContentForm form .twoColumns2to3, .panelContentForm .twoColumns2to3 { width: 776px; float: left; margin: 0px 12px 0px 12px; } .panelContentForm form .twoColumns2to3 input[type="text"], .panelContentForm form .twoColumns2to3 input[type="password"] { width: 638px; } .panelContentForm form .twoColumns2to3 textarea { width: 638px; } .panelContentForm form .twoColumns2to3 select { width: 656px; } .panelContentForm form .twoColumns2to3 .BasicFileUpload { float: left; margin-bottom: 16px; width: 656px; } .panelContentForm form .twoColumns2to3 a,.panelContentForm .twoColumns2to3 a { padding-right: 20px; } .panelContentForm form .twoColumns2to3 .group { width: 656px; float: left; } .panelContentForm form .twoColumns2to3 .resetDocument { float: right; margin-right: 0px; } /************************ 3 Spalten ***********************/ .panelContentForm form .threeColumns { width: 376px; float: left; margin: 0px 12px 0px 12px; } .panelContentForm form .threeColumns input[type="text"], .panelContentForm form .threeColumns input[type="password"], .panelContentForm form .threeColumns textarea { width: 238px; } .panelContentForm form .threeColumns select { width: 254px; } .panelContentForm form .threeColumns textarea { max-width: 238px; } .panelContentForm form .title1 { width: auto; float: left; } .panelContentForm form .title2 { width: 376px; float: left; } .panelContentForm form .stripe1 { width: 776px; /*margin-left:12px; margin-right:12px;*/ } .panelContentForm form .stripe2 { width: 376px; /*margin-left:12px; margin-right:12px;*/ } /*********************** Ende 3 Spalten ******************/ /************************ 4 Spalten ***********************/ .panelContentForm form .fourColumns { width: 276px; float: left; margin: 0px 12px 0px 12px; } .panelContentForm form .fourColumns input[type="text"], .panelContentForm form .fourColumns input[type="password"], .panelContentForm form .fourColumns textarea { width: 138px; } .panelContentForm form .fourColumns select { width: 154px; } .panelContentForm form .fourColumns textarea { max-width: 138px; } /*********************** Ende 4 Spalten ******************/ .panelContentForm form input[type="checkbox"], .panelContentForm form input[type="radio"] { height: 36px; width: 18px; float: left; margin: 0 0 16px 0; } .panelContentForm form .ui-jqgrid input[type="checkbox"], .panelContentForm form .ui-jqgrid input[type="radio"] { width: auto; height: auto; margin: 0; } .panelContentForm form input[type="text"], .panelContentForm form input[type="password"], .panelContentForm input[type="text"], .panelContentForm input[type="password"], .panelContentForm input[type="number"], .panelContentForm textarea { height: 32px; font-size: 15px; color: #444444; } .panelContentForm form textarea { float: left; height: 160px; font-size: 12px; border: 1px solid #cccccc; float: left; margin-bottom: 16px; padding: 4px; } .panelContentForm form textarea.singleLine { height: 24px; line-height: 24px; color: #444444; } .panelContentForm form textarea:hover { border: 1px solid #aaaaaa; -webkit-box-shadow: 1px 1px 5px #aaaaaa; -moz-box-shadow: 1px 1px 5px #aaaaaa; box-shadow: 1px 1px 5px #aaaaaa; } .panelContentForm form select, .panelContentForm select { height: 38px; float: left; font-size: 15px; color: #444444; vertical-align: bottom; padding: 6px; margin-bottom: 16px; border: 1px solid #cccccc; background-color: var(--color_cWhite); background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ececec) ); background-image: -webkit-linear-gradient(top, #ffffff, #ececec); background-image: -moz-linear-gradient(top, #ffffff, #ececec); background-image: -ms-linear-gradient(top, #ffffff, #ececec); background-image: -o-linear-gradient(top, #ffffff, #ececec); background-image: linear-gradient(top, #ffffff, #ececec); } .panelContentForm form .BasicFormAddElementProperty select { height: auto; } .panelContentForm form select[multiple="multiple"] { height: auto; } .panelContentForm form select:hover { cursor:pointer; border: 1px solid #aaaaaa; /* -webkit-box-shadow: 0px 0px 1px #aaaaaa; -moz-box-shadow: 0px 0px 1px #aaaaaa; box-shadow: 0px 0px 1px #aaaaaa;*/ } ::-moz-selection { background: #c8ebfb; color: #000 } ::selection { background: #c8ebfb; color: #000 } .panelContentForm form .fileUploadSingleGraphic .BasicFileUpload { float: left; display: block; margin-bottom: 16px; width: 100%; } .panelContentForm form .fileUploadSingleGraphic { float: left; } .panelContentForm form .fileUploadSingleGraphic input[type="button"] { width: 110px; padding: 8px 10px; } .panelContentForm form .fileUploadSingleGraphic .graphic { float: left; border: 0px solid #cccccc; margin-bottom: 16px; } .panelContentForm form .fileUploadSingleGraphic .graphic + input { margin: 0; width: 100%; box-sizing: border-box; } .panelContentForm form .fileUploadSingleGraphic .BasicFileUpload { float: left; /*margin-left:16px;*/ margin-bottom: 12px; } .panelContentForm form .uploadButtons { float: right; } .panelContentForm form .uploadButtons .removeGraphic { width: 122px; } .panelContentForm form .uploadButtons .resetGraphic { width: 122px; } .panelContentForm .panelButtons { float: right; clear: both; margin-bottom: 16px; } .panelContentForm input[type="button"], .panelContentForm .button, .adminButton { width: 122px; height: 32px; color: #777777; font-size: 12px; padding: 8px 20px; text-align: center; margin: 0px 12px 16px 0px; border: 1px solid #cccccc; background-color: #cccccc; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ececec) ); background-image: -webkit-linear-gradient(top, #ffffff, #ececec); background-image: -moz-linear-gradient(top, #ffffff, #ececec); background-image: -ms-linear-gradient(top, #ffffff, #ececec); background-image: -o-linear-gradient(top, #ffffff, #ececec); background-image: linear-gradient(top, #ffffff, #ececec); -webkit-box-shadow: 1px 1px 5px #aaaaaa; -moz-box-shadow: 1px 1px 5px #aaaaaa; box-shadow: 1px 1px 5px #aaaaaa; } .panelContentForm input[type="button"]:hover, .panelContentForm .button:hover, .adminButton:hover { color: #444444; border: 1px solid #aaaaaa; background-color: #eeeeee; background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cccccc) ); background-image: -webkit-linear-gradient(top, #ffffff, #dddddd); background-image: -moz-linear-gradient(top, #ffffff, #dddddd); background-image: -ms-linear-gradient(top, #ffffff, #dddddd); background-image: -o-linear-gradient(top, #ffffff, #dddddd); background-image: linear-gradient(top, #ffffff, #dddddd); } .panelContentForm input[type="button"]:disabled { cursor: default; border: inherit; color: #777777; background-image: -moz-linear-gradient(center top , #FFFFFF, #999999); } /************* edit Button WYSIWYG ***************/ .panelContent .editButtonWysiwygWrapper { display: block; overflow: hidden; } .panelContent .editButton.panel { min-width:32px; display:block; text-align:right; float:right; } .panelContent .editButton.panel * { text-shadow: none!important; } /**************** Ladeanzeige bei Fileupload *********************/ .fileUploadSingleGraphic .progressWrapper { width: 10% !important; margin-left: 4px !important; margin-right: 8px !important; } .fileUploadSingleGraphic .filename { width: 40% !important; overflow: hidden !important; margin-right: 8px !important; } .fileUploadSingleGraphic .filesize { width: 20% !important; margin-right: 8px !important; } .fileUploadSingleGraphic .loadingIndicator { margin-right: 8px !important; } #languageTabs.ui-widget-content, .languageTabs.ui-widget-content, #languageTabs .ui-widget-content, .tabs.ui-widget-content, .tabs .ui-widget-content { border: medium none; } #languageTabs .ui-tabs-nav, .languageTabs .ui-tabs-nav, .tabs .ui-tabs-nav { margin-bottom: 16px; } .ui-tabs { padding: 0; } .ui-tabs .ui-tabs-hide { position: absolute; left: -10000px; display: block !important; } .panelContentForm input[readonly="readonly"], .panelContentForm textarea[readonly="readonly"] { border-color : #dddddd; background-color: transparent; background-image: none; /* background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff) ); background-image: -webkit-linear-gradient(top, #ffffff, #ffffff); background-image: -moz-linear-gradient(top, #ffffff, #ffffff); background-image: -ms-linear-gradient(top, #ffffff, #ffffff); background-image: -o-linear-gradient(top, #ffffff, #ffffff); background-image: linear-gradient(top, #ffffff, #ffffff); */ } .panelContentForm .iconLink { font-size:14px !important; } .panelContentForm .iconLink [class*=ss-] { display: inline-block; vertical-align: middle; margin-right: 8px; } .panelContentForm .AdminGrid .footrow { border: none; border-bottom: 1px solid var(--admin_color_cAdminButton); } .panelContentForm .AdminGrid .footrow td { border: none; padding: 0 0 0 5px; height: 28px; vertical-align: middle; } .panelContentForm .AdminGrid .footrow td:first-child { padding: 0; } .panelContentForm form .title:not(.wrapper) .icon{ margin: 0 64px 0; font-size: 11px; color: var(--admin_color_cCaption); padding-bottom: 16px; float: left; } .panelContentForm .infolink { text-decoration:none; } .panelContentForm .infolink .icon:hover{ color: var(--color_cBlack); } .panelContentForm .infolink .icon{ color: var(--admin_color_cAdminButton); font-size: 27px; line-height: 27px; margin: -0.16px 0 0; padding: 0 16px; } .panelContentForm .infotext p{ font-size: 14px; line-height: 24px; max-width: 100%; padding-bottom: 16px; } .panelContentForm .warningText{ display: inline-block; width: 100%; text-align: center; background-color: var(--color_cYellow); font-size: 1rem; padding: 1rem; box-sizing: border-box; margin-bottom: 1rem; } .AdminMenu { clear: both; width: 100%; height: auto; font-family: "DIN-regular"; background-image: url('File/admin_menu/carbon_oben.jpg'); background-repeat: no-repeat; background-position: top right; background-color: #1D1E24; border-bottom: 1px solid #000000; box-shadow: 0 5px 5px #58595B; -moz-box-shadow: 0 5px 5px #58595B;; -webkit-box-shadow: 0 5px 5px #58595B;; color: var(--color_cWhite); position: absolute; top: 0; left: 0; z-index: 9980; min-width: 0; float: left; } .AdminMenu a{ text-decoration: none; } .AdminMenu.footerAdminMenu { margin: 0; position: relative!important; z-index: 0; } .AdminMenu .cellms { background-image: url('File/admin_menu/cellms.png'); background-repeat: no-repeat; float: left; height: 20px; width: 142px; margin: 16px 0 0 14px; } .AdminMenu .publishCache { display: block; float: right; padding: 16px 20px 0; text-decoration: none; } .AdminMenu .publishCache span { font-size: 20px; color: var(--color_cCellmsBlue); } .AdminMenu .debugNotice { display: block; float: right; padding: 16px 20px 0; text-decoration: none; } .AdminMenu .debugNotice span { font-size: 20px; color: var(--color_cOrange); } .AdminMenu ul { margin: 0; } .AdminMenu .navigation, .AdminMenu .navigation * { float: left; list-style: none; } .AdminMenu .navigation { margin-top: 9px; float: none; overflow: hidden; } .AdminMenu .navigation span, .AdminMenu .navigation a { color: var(--color_cWhite); text-align: center; width: 138px; } .AdminMenu .navigation > li > span, .AdminMenu .navigation > li > a { text-transform: uppercase; padding: 10px 0; } .AdminMenu .navigation > li { border-left: 1px solid #000000; border-top: 1px solid #000000; border-bottom: 1px solid #000000; background-color: #1D1E24; box-shadow: 1px 1px 0 0 #37343B inset; -moz-box-shadow: 1px 1px 0 0 #37343B inset; -webkit-box-shadow: 1px 1px 0 0 #37343B inset; } .AdminMenu .navigation > li:last-child { border-right: 1px solid #000000; box-shadow: 1px 1px 0 0 #37343B inset, 1px 0 0 0 #37343B; -moz-box-shadow: 1px 1px 0 0 #37343B inset, 1px 0 0 0 #37343B; -webkit-box-shadow: 1px 1px 0 0 #37343B inset, 1px 0 0 0 #37343B; } .AdminMenu .navigation>li.selected, .AdminMenu .navigation>li:hover { background-color: #1c1d23; background-image: -webkit-gradient(linear, left top, left bottom, from(#1c1d23), to(#333439) ); background-image: -webkit-linear-gradient(top, #1c1d23, #333439); background-image: -moz-linear-gradient(top, #1c1d23, #333439); background-image: -ms-linear-gradient(top, #1c1d23, #333439); background-image: -o-linear-gradient(top, #1c1d23, #333439); background-image: linear-gradient(top, #1c1d23, #333439); } .AdminMenu:not(.clickMenu) .navigation li:hover .navigationWrapper { display: block; z-index: 1500; } .AdminMenu .navigation .selected .navigationWrapper { display: block; } .AdminMenu .navigation ul{ padding-left:156px; padding-right:159px; } .AdminMenu .navigation ul li { width: 138px; margin: 7px 0; border-left: 1px solid #000000; box-shadow: 1px 0px 0 0 #37343B inset; -moz-box-shadow: 1px 0px 0 0 #37343B inset; -webkit-box-shadow: 1px 0px 0 0 #37343B inset; } .AdminMenu .navigation ul li a { height: 22px; line-height: 1.5em; color: #AAAAAA; border-right: 1px solid #000000; box-shadow: 1px 0px 0 0 #37343B; -moz-box-shadow: 1px 0px 0 0 #37343B; -webkit-box-shadow: 1px 0px 0 0 #37343B; } .AdminMenu.panelMenu .menuButton:hover, .AdminMenu .navigation li.selected>span, .AdminMenu .navigation li.selected>a, .AdminMenu .navigation a:hover { color: var(--color_cCellmsBlue) !important; text-decoration: none; } .AdminMenu .navigation .navigationWrapper { width: 100%; display: none; position: absolute; top: 46px; left: 0; border-top: 1px solid #37343B; box-shadow: 0 5px 5px #58595B; background-image: url('File/admin_menu/gradient.png'); background-repeat:repeat; } /***** click Menu *******/ .AdminMenu.clickMenu { position: fixed; } .panelContentForm .AdminMenu { position: static; box-shadow: none; border: none; } .AdminMenu.clickMenu .navigation .navigationWrapper { overflow: hidden; display: none; } .AdminMenu.clickMenu .navigation .selected .navigationWrapper { display: block!important; } .AdminMenu.clickMenu .panelContentMenu { position: fixed; } .AdminMenu.clickMenu .panelContentMenu a { pointer-events: none; cursor: default; } .AdminMenu.clickMenu .panelContentMenu a.activePanelContentMenuItem { pointer-events: auto; cursor: pointer; position: static; } /***** panel Menu *******/ .AdminMenu.panelMenu{ position:fixed; } .AdminMenu.panelMenu .menuButton{ float:right; font-size:14px; height:23px; padding-top:8px; margin:10px 32px 0 0; /*position:fixed; left:200px; right:200px;*/ cursor:pointer; padding-right:20px; width:auto; background-image: url('File/admin_menu/menu_close.png'); background-repeat:no-repeat; background-position:right center; text-transform:uppercase; } .AdminMenu.panelMenu .menuButton:hover{ background-image: url('File/admin_menu/menu_close_hover.png'); } .AdminMenu.panelMenu .menuButton.open{ height:25px; background-image: url('File/admin_menu/menu_open.png'); } .AdminMenu.panelMenu .menuButton.open:hover{ background-image: url('File/admin_menu/menu_open_hover.png'); } .AdminMenu.panelMenu .navigation{ height:0; position:fixed; left:0; top:46px; width:100%; overflow:hidden; margin:0; min-width:1248px; box-shadow:0 5px 5px #58595B; -webkit-box-shadow:0 5px 5px #58595B; -moz-box-shadow:0 5px 5px #58595B; background-color: #1c1d23; /*background-image: -webkit-gradient(linear, left top, left bottom, from(#33343), to(#1c1d23) ); background-image: -webkit-linear-gradient(top, #333439, #1c1d23); background-image: -moz-linear-gradient(top, #333439, #1c1d23); background-image: -ms-linear-gradient(top, #333439, #1c1d23); background-image: -o-linear-gradient(top, #333439, #1c1d23); background-image: linear-gradient(top, #333439, #1c1d23);*/ } .AdminMenu.panelMenu .navigation .navigationWrapper{ position: static; display: block; background-image:none; box-shadow:none; margin:7px 20px; } .AdminMenu.panelMenu .navigation > li{ box-shadow:none; width:200px; border:none; background:none; text-align: center; margin:15px 0 0 0; } .AdminMenu.panelMenu .navigation > li *{ float:none; width:auto; border:none; height:auto; box-shadow:none; padding:0; font-size:15px; margin:0; } .AdminMenu.panelMenu .navigation > li li{ padding:10px 0; border-top:1px solid #000; box-shadow:inset 0 1px 0 0 #37343B; } .AdminMenu.panelMenu .navigation > li li a{ font-size:13px; } .AdminMenu.panelMenu .navigation > li li:hover, .AdminMenu.panelMenu .navigation > li li.selected{ background: none repeat scroll 0 0 #222222; box-shadow: 1px 0 0 0 #111111 inset; } .AdminMenu .manualBox, .AdminMenu .BasicLanguageBox { display: block; float: right; height: 36px; line-height: 3em; margin-right: 24px; margin-top: 7px; margin-bottom: 0; } .AdminMenu .manualBox a, .AdminMenu .BasicLanguageBox a { color:var(--color_cCellmsBlue); text-transform:uppercase; margin-right: 8px; } .AdminMenu .manualBox .icon{ display: block; float: right; font-size: 20px; margin-left: 6px; } .ui-jqgrid .jqgrid-overlay { position: absolute; } table.ui-pg-table { table-layout: auto !important; } .jqgrid td,.jqgrid td * { font-size: 11px !important; } .jqgrid td input[type="text"] { border: none !important; height: 28px !important; padding: 0 !important; margin: 0 !important; } .jqgrid td input[readonly="readonly"], .jqgrid td textarea[readonly="readonly"] { xbackground-color: transparent; background-color: rgba(255, 255, 255, 0.5); background-image: none; } .ui-jqgrid tr.jqgrow td { /*pre is default from jqgrid*/ /*white-space: normal;*/ white-space: nowrap; /* => forces to even line heights...*/ } /* not good to do this here .jqgrid td textarea { position:absolute; } */ .jqgrid a { text-decoration: underline; } .jqgrid a:visited { color: inherit; } .adminGrid.formatter { font-size: 12px; } .adminGrid.formatter .close { cursor: pointer; padding: 5px 5px 0; font-size: 13px; position: absolute; right: 0; top: 0; } .adminGrid.formatterExt { position: absolute; z-index: 9999; } .adminGrid.formatterExt li { padding: 4px 6px; } .adminGrid.formatterExt li.ui-state-hover { padding: 3px 5px; } .adminGrid.formatterExt li[data-action] { cursor: pointer; } .gridImageWrapper { cursor:pointer; } .gridSsIconWrapper .icon { display: inline-block; font-size: 16px !important; height: 16px !important; } .ui-jqgrid .ui-jqgrid-htable .ui-search-toolbar th div { padding-left:0 !important; } .gridImagePreview { border: 1px solid var(--color_cLine); padding:5px; overflow:hidden; } .gridImagePreview .actionWrapper { overflow:hidden; clear:both; } .gridImagePreview .actionWrapper .adminButton { overflow:hidden; margin-bottom:0; font-size:12px; width:auto; height:24px; padding:4px 12px; } .gridImagePreview .actionWrapper .adminButton.deleteFile { margin-top: 6px; } .gridImagePreview .actionWrapper .close { padding:5px; padding-bottom:0; cursor:pointer; float:right; position: relative; } .gridImagePreview .actionWrapper { padding-bottom:5px; } .gridImagePreview .BasicFileUpload { width:240px; } .gridImagePreview .BasicFileUpload .dropZone p { font-size:10px; } .gridImagePreview .fileUploadState .progressWrapper { border: 0 none; height: 2px; margin: 3px 0; width: 100%; } .gridImagePreview .fileUploadState .progressWrapper .progressBar { height:100%; } .gridImagePreview .fileUploadState ul li { height:auto; border:0; } .gridImagePreview .fileUploadState ul { height:8px; } .gridImagePreview .fileUploadState .filesize, .gridImagePreview .fileUploadState .loadingIndicator, .gridImagePreview .fileUploadState .filename { display:none; } .gridImagePreview img { margin: 0 auto; max-width:240px; cursor:pointer; } .gridImagePreview .imageWrapper { position:relative; } .gridImagePreview .waitOverlay { background-color: rgba(255, 255, 255, 0.3); background-image: url("/Ressource/Graphic/ladeanimation_kreis5w.gif"); background-position: center center; background-repeat: no-repeat; position: absolute; bottom: 0; left: 0; right: 0; top: 0; } .select2-container.adminGridSelect2 { height: auto !important; } .select2-container.adminGridSelect2 .select2-choice { height: auto !important; line-height: 16px !important; } .select2-container.adminGridSelect2 .select2-choice .select2-arrow b { background-position: 0 -5px; } .select2-drop.adminGridSelect2 { } .adminGrid.formatterSelectEdit { padding: 12px !important; position: absolute; z-index: 999; border: 1px solid #aaaaaa; color: #222222; background-color: var(--color_cWhite); } .adminGrid.formatterSelectEdit > * { margin-bottom: 16px; } .adminGrid.formatterSelectEdit .add { margin-right: 16px; } .adminGrid.formatterSelectEdit h2 { margin-bottom: 4px; font-size: 12px; } .adminGrid.formatterSelectEdit ul { width: 17.6em; float: left; } .adminGrid.formatterSelectEdit .select2-container-multi .select2-choices .select2-search-choice { background-color: var(--color_cBlack); background-image: none; box-shadow: none; color: var(--color_cWhite); font-size: 12px; line-height: 14px; padding: 5px 8px; } .adminGrid.formatterSelectEdit .select2-container-multi .select2-choices .select2-search-choice:hover { background-color: #777777; } .adminGrid.formatterSelectEdit .select2-search-choice-close { background: none; bottom: 0; height: auto; left: 0; right: 0; top: 0; width: auto; } .adminGrid.formatterSelectEdit input[name=select_save]:disabled { cursor: default; } .AdminMonitor.hideMonitor{ display:none; } .AdminMonitor { position:fixed; top: 7rem; right: 0; width:23rem; box-sizing:border-box; background-color:rgba(230,230,230,0.7); border:solid 1px black; border-right:0; z-index: 9999; -o-transition: right .3s, background-color .3s; -ms-transition: right .3s, background-color .3s; -moz-transition: right .3s, background-color .3s; -webkit-transition: right .3s, background-color .3s; transition: right .3s, background-color .3s; } .AdminMonitor *, .AdminMonitor *::before, .AdminMonitor *::after { -o-transition: background-color .3s, color .3s, border-color .3s; -ms-transition: background-color .3s, color .3s, border-color .3s; -moz-transition: background-color .3s, color .3s, border-color .3s; -webkit-transition: background-color .3s, color .3s, border-color .3s; transition: background-color .3s, color .3s, border-color .3s; } .AdminMonitor.closed { right:-23rem; } .AdminMonitor .openClose { position:absolute; top:-1px; left:-2.5rem; border: 1px solid var(--color_cBlack); width:2.5rem; height:2.5rem; background-color:var(--color_bcCellmsBlue40); cursor:pointer; box-sizing:border-box; padding:0.5rem 0; } .AdminMonitor .openClose .history { text-align:center; display:none; } .AdminMonitor[data-type="history"] .openClose .history { display:block; } .AdminMonitor .openClose .history .icon { font-size:1.75rem; color:var(--color_cBlack); display:block; margin-top:-4px; } .AdminMonitor .openClose .active { text-align:center; position:relative; width:2rem; margin:0 auto; display:none; } .AdminMonitor[data-type="active"] .openClose .active { display:block; } .AdminMonitor .openClose .active .icon { font-size:1.25rem; color:var(--color_cBlack); } .AdminMonitor .openClose .active .count { border-radius: 100%; background-color:var(--color_cRed); color:var(--color_cWhite); font-size:0.625rem; height:0.825rem; min-width:0.825rem; padding:0 2px; box-sizing:border-box; position:absolute; right:-2px; bottom:0; } .AdminMonitor .openClose .active .count[data-count="1"], .AdminMonitor .openClose .active .count[data-count="0"], .AdminMonitor .openClose .active .count[data-count=""] { background-color:var(--color_cBlack); } .AdminMonitor .entries { height:15rem; overflow:auto; padding: 0.5rem 0; } .AdminMonitor .entry { overflow:hidden; margin-bottom:0.5rem; cursor:pointer; } .AdminMonitor .entry .iconWrapper { float:left; width:3rem; text-align:center; } .AdminMonitor .entry .iconWrapper .icon { font-size:1.75rem; opacity:0.5; } .AdminMonitor .entry .infoWrapper { padding: 0 0.5rem 0 3rem; } .AdminMonitor .entry:not(.isEditing) .infoWrapper .editingSince, .AdminMonitor .entry.isEditing .infoWrapper .editingDone { display:none; } .AdminMonitor .entry.isEditing .infoWrapper .editingSince, .AdminMonitor .entry:not(.isEditing) .infoWrapper .editingDone { display:block; } .AdminMonitor .entry .infoWrapper .infos { display:none; } .AdminMonitor .entry.showInfos .infoWrapper .infos { display:block; } .AdminMonitor .entry.isEditing .iconWrapper .icon { opacity:1; color:var(--color_cRed); } .AdminMonitor .entry.isEditing .infoWrapper .editingSince { display:inline; } .AdminMonitor .actions { position:absolute; bottom:-2.5rem; right:0; height:2.5rem; padding: 0 0.25rem; text-align:right; border: 1px solid var(--color_cBlack); border-right:0; cursor:pointer; box-sizing:border-box; background-color:rgba(230,230,230,0.7); } .AdminMonitor .actions > .action { cursor:pointer; display:inline-block; vertical-align:middle; padding: 0.25rem 0.5rem; } .AdminMonitor .actions .icon::before, .AdminMonitor .actions .icon { display:inline-block; height:1.25rem; } .AdminMonitor .actions .icon { font-size: 1.5rem; display:block; } .AdminMonitor .actions .icon.ss-clock { margin-top:-4px; } .AdminMonitor .actions .close { padding-top:0.125rem; } .AdminMonitor .actions .refresh .icon { font-size: 1.25rem; } .AdminMonitor[data-type="history"] .actions .changeType [data-type="history"], .AdminMonitor[data-type="active"] .actions .changeType [data-type="active"] { display:none; } /* RTE Toolbar */ .rteToolbar { position: absolute; z-index: 200; } .rteToolbar > button { min-height: 29px; } /* Font Size Panel */ .sizePanel { position: absolute; height: 120px; width: 55px; z-index: 200; } .fontNumber { position: relative; width: 15px; height: 20px; border: 1px solid gray; margin: 5px; float: left; text-align: center; background-color: aqua; cursor: pointer; } /* Font Style Panel */ .stylePanel { position: absolute; height: 150px; width: 109px; z-index: 200; } .fontName { position: relative; border-bottom: 1px solid gray; margin: 2px; cursor: pointer; background-color: aqua; width: 105px; } /* Font Color Panel */ .colorPanel { position: absolute; height: 100px; width: 109px; z-index: 200; } .fontColor { position: relative; height: 15px; width: 15px; margin: 3px; border: 1px solid gray; cursor: pointer; } /* link Panel */ .linkPanel { position: absolute; height: 52px; width: 256px; } .linkPanel > input[type="text"] { position: relative; background-color: aqua; padding: 0px; margin: 3px; border: 0px; height: 18px; width: 250px; } .linkPanel > button { position: relative; border: 1px solid gray; margin: 3px 3px 3px 30px; height: 20px; background-color: aqua; } /* heading Panel */ .headingPanel { position: absolute; width: 70px; z-index: 200; } .headingPanel > button { width: 25px !important; } .fileInfo { margin: 30px; } .fileUpload { padding-top : 30px; margin-bottom : 0px; } .CodeEditor { height: 100%; width: 100%; margin-bottom: 16px; overflow: hidden; } .panelContentForm form .oneColumn .CodeEditor { width: 1046px; } .CodeEditor .jsonValue { width: 100%; height: 100%; min-height: 200px; } .CodeEditor .toolBar { box-sizing: border-box; height: 30px; width: 100%; overflow: hidden; background-color: #dbdbdb; } .CodeEditor .toolBar .btn { box-sizing: border-box; height: 24px; min-width: 24px; padding: 5px; align: center; margin: 3px; float: left; background-color: #f1f1f1; border: 1px solid #ccc; cursor: pointer; } .CodeEditor .toolBar .btn.on { border-top: 1px solid #007f00; } .CodeEditor .toolBar .btn.off { border-top: 1px solid #ff4d4d; } .AdminPanelContentMail .editButton.mailProperty { display: none; } .CustomMail.properties .ui-tabs { padding:0px; } .CustomMail.properties .ui-widget-content { border:none; } .CustomMail.properties .ui-tabs-nav { margin-bottom:16px; } #mailPreview iframe { width: 100%; height: 768px; } .AdminPanelContentUrlRedirection.properties .date { width: 9rem !important; } .AdminPanelContentUrlRedirection.properties .time { width: 3rem !important; margin-left: 1rem; } .AdminPanelContentUrlRedirection.properties #help { height: 5rem; resize: none; color: gray; } tr.ui-row-ltr.targetError td { background-color: #f3bdbd; background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF4F4), to(#f3bdbd)); background-image: -webkit-linear-gradient(top, #FFF4F4, #f3bdbd); background-image: -moz-linear-gradient(top, #FFF4F4, #f3bdbd); background-image: -ms-linear-gradient(top, #FFF4F4, #f3bdbd); background-image: -o-linear-gradient(top, #FFF4F4, #f3bdbd); background-image: linear-gradient(top, #FFF4F4, #f3bdbd); } .panelContent .legend .smallBox.targetError { background: #f3bdbd; } .AdminUrlRedirectionPanelContent.import.properties .BasicFileUpload.Widget { margin-bottom: 1rem; } .AdminUrlRedirectionPanelContent.import.properties #readMe{ resize: vertical; } .panelContentForm form .BasicFormAddElementProperty .title { margin-left: 0; } .BasicFormAddElementProperty ul, .BasicFormAddElementProperty ul > li { clear: none; float: left; list-style-type: none; } .BasicFormAddElementProperty ul { display: inline; height: auto; overflow: hidden; width: auto; margin: 0; clear: both; } .BasicFormAddElementProperty ul > li { display: inline; line-height: 24px; margin: 0 8px 0 0; } .BasicFormAddElementProperty ul > li > input[type="radio"] { display: none; } .BasicFormAddElementProperty ul > li > label { color: #444444; float: left; font-size: 12px; height: auto; margin: 8px 4px 8px 0; padding: 0 8px 0 0; width: auto; clear: both; display: block; text-align: right; } .BasicFormAddElementProperty ul > li > label:hover { color: #A0B9C6; } .BasicFormAddElementProperty ul > li > input[type="radio"]:checked + label { color: #6DA8C6; } .BasicFormAddElementProperty ul > li > label > .BasicText { line-height: 15px; margin-top: 6px; min-height: 45px; text-align: left; word-wrap: break-word; display: block; } .AdminPanelContentSocialMediaChannel.importProperty label { float: none; display: inline-block; width: auto; margin-left: 1rem; } .AdminPanelContentSocialMediaChannel.importProperty input[type="checkbox"] { margin-bottom: 0; } .AdminPanelContentSocialMediaChannel.importProperty input[type="button"] { margin-top: 1rem; width: auto; } /** * Edit properties */ .AdminPanelContentSocialMediaChannel.edit.property h1 { width: 80%; display: inline-block; } .AdminPanelContentSocialMediaChannel.edit.property h2 { margin-bottom: 1rem; } .AdminPanelContentSocialMediaChannel.edit.property a { font-size: 1rem; margin-bottom: 1rem; padding: 0.6rem; } .AdminPanelContentSocialMediaChannel.edit.property p { font-size: 1rem; padding: 1rem 0; } .AdminPanelContentSocialMediaChannel.edit.property .row { clear: both; } .AdminPanelContentSocialMediaChannel.edit.property .js-hidden { display: none; } .AdminPanelContentSocialMediaChannel.edit.property .active_flag { float: right; } .AdminPanelContentSocialMediaChannel.edit.property .center{ text-align: center; } .AdminPanelContentSocialMediaChannel.edit.property #updateChannelInfo { width: auto; float: none; } .AdminPanelContentSocialMediaChannel.edit.property .panelButtons { float: left; margin-left: 1rem; margin-top: 1rem; } .AdminPanelContentSocialMediaChannel.edit.property #im_code_changed { background: green; color: white; padding: 5px; font-size: 16px; display: none; } .AdminPanelContentSocialMediaChannel.edit.property .imCodeChange a { margin-left: 110px; } .ShopDashboard .dashboardWrapper { width: 86rem; max-width:100%; margin:0 auto; padding: 2rem; } .ShopDashboard h1 { text-align: center; margin-bottom: 2rem; } .ShopDashboard .column.left { width:19rem; float:left; box-sizing:border-box; } .ShopDashboard .column.right { padding-left:22rem; } .ShopDashboard .block { margin-bottom: 3rem; overflow: hidden; background-color: #d6f5ff; /* TODO : change to a css color*/ padding: 1.75rem 1.5rem; } .ShopDashboard h2 { font-size: 1.125rem; padding: 0 0.5rem; margin-bottom: 1rem; } .ShopDashboard h3 { padding:0 0.5rem; font-size: 0.9rem; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; } .ShopDashboard hr { margin: 0.75rem 0.5rem; border: none; border-top: 1px solid var(--admin_color_cLine); } .ShopDashboard input[type="checkbox"] { vertical-align:middle; } .ShopDashboard input[type="checkbox"] + label, .ShopDashboard input[type="radio"] + label { height: 2rem; line-height: 2rem; padding-left:0.5rem; margin-right:2rem; } .ShopDashboard .inputWrapper { display:inline-block; box-sizing:border-box; padding:0 0.5rem; vertical-align:bottom; } .ShopDashboard .inputWrapper.col1 { width: 100%; padding:0; } .ShopDashboard .inputWrapper.col2 { width: 50%; } .ShopDashboard .inputWrapper.col3 { width: 33.333%; } .ShopDashboard .inputWrapper.col4 { width: 25%; } .ShopDashboard .inputWrapper.col5 { width: 20%; } .ShopDashboard .inputWrapper { margin-bottom: 1rem; } .ShopDashboard .inputWrapper input, .ShopDashboard .inputWrapper select, .ShopDashboard .inputWrapper label, .ShopDashboard .inputWrapper button { width:100%; box-sizing:border-box; } .ShopDashboard .inputWrapper label{ font-size: 0.75rem; display: block; color: var(--admin_color_cCaption); margin-bottom: 0.5rem; } .ShopDashboard input[type="text"], .ShopDashboard select { height: 2rem; color: var(--admin_color_cInput); padding-left: 0.5rem; padding-right: 0.5rem; border: 1px solid var(--admin_color_cLine); background-color: var(--admin_color_cLine); background-image: -webkit-gradient(linear, left top, left bottom, from(var(--admin_color_cVersionHint)), to(var(--admin_color_bcInputGradient)) ); background-image: -webkit-linear-gradient(top, var(--admin_color_cVersionHint), var(--admin_color_bcInputGradient)); background-image: -moz-linear-gradient(top, var(--admin_color_cVersionHint), var(--admin_color_bcInputGradient)); background-image: -ms-linear-gradient(top, var(--admin_color_cVersionHint), var(--admin_color_bcInputGradient)); background-image: -o-linear-gradient(top, var(--admin_color_cVersionHint), var(--admin_color_bcInputGradient)); background-image: linear-gradient(top, var(--admin_color_cVersionHint), var(--admin_color_bcInputGradient)); } .ShopDashboard .transactionWrapper h2.title { float:left; padding-top:0.4rem; } .ShopDashboard .transactionWrapper .inputsWrapper { text-align:right; } .ShopDashboard .transactionWrapper .inputWrapper { text-align:left; } .ShopDashboard .taxingModeWrapper { float:left; margin-left:4rem; } .ShopDashboard .modeWrapper { float:right; text-align: center; margin-bottom: 1rem; } .ShopDashboard .modeWrapper label:last-child { margin-right:0.5rem; } .ShopDashboard .button{ width: 100%; height: 2rem; line-height: 1.75rem; color: var(--admin_color_bcVersionHint); padding: 0 1.25rem; text-align: center; text-decoration: none; border: 1px solid var(--admin_color_cAdminButtonBorder); background-color: var(--admin_color_cLine); box-sizing: border-box; cursor: pointer; } .ShopDashboard .transaction{ clear:both; margin-bottom: 2rem; overflow: hidden; } .ShopDashboard .data{ text-align: right; box-sizing: border-box; padding: 0 0.5rem; } .ShopDashboard .location { font-weight: bold; display: block; padding-right: 0.5rem; font-size: 0.75rem; } .ShopDashboard .transactionData { display: block; padding-right: 0.5rem; } .ShopDashboard .dates{ margin-bottom: 1rem; } .inputWrapper.export, .inputWrapper.update { float:right; } .ShopDashboard .documentExportWrapper .documentTypes { overflow:hidden; margin-bottom:1.5rem; padding:0 0.5rem; } .ShopDashboard .documentExportWrapper .checkboxWrapper { float:left; } .ShopDashboard .documentExportWrapper .taxInspectionPdf { clear:both; } .ShopDashboard .documentList { clear:both; } .ShopDashboard .documentList .document { margin-bottom:0.5rem; } .ShopDashboard .documentList .document.job .caption { vertical-align:middle; } .ShopDashboard .documentList .document a { color:var(--color_cCellmsBlue); } .ShopDashboard button[disabled] { color: var(--admin_color_cCaption); background-color:var(--admin_color_bcRteActive); cursor:auto; } .ShopDashboard .column.left .settingsWrapper { background-color:#f3edfc; padding-left: 2rem; padding-right: 2rem; } .ShopDashboard .column.left .settingsWrapper h2 { padding:0; } .ShopDashboard .column.left .settingsWrapper .label { margin-right:0; } .ShopDashboard .supplierGroupWrapper, .ShopDashboard .providersWrapper { margin-bottom:2rem; } .ShopDashboard .column.left input { clear: both; display: block; float: left; height:2rem; } .ShopDashboard .providersWrapper .checkboxWrapper{ max-width: 15rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ShopDashboard .settingsWrapper .inputWrapper:nth-last-child(2) { margin-bottom: 3rem; } /**************************** transactionTable*******************/ .ShopDashboard .data .transactionTable { width: 100%; border-collapse: collapse; margin: 1.25rem 0; font-size: 0.75rem; text-align: left; } .ShopDashboard .data .transactionTable th, .ShopDashboard .data .transactionTable td { border: 1px solid #ddd; padding: 0.5rem; } .ShopDashboard .data .transactionTable th { background-color: #f4f4f4; font-weight: bold; text-transform: uppercase; } .ShopDashboard .data .transactionTable tr:hover { background-color: #f1f1f1; } .ShopDashboard .data .transactionTable th:first-child, .ShopDashboard .data .transactionTable td:first-child { text-align: left; min-width: 8.5rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ShopDashboard .data .transactionTable th { text-align: center; } .ShopDashboard .data .transactionTable td { text-align: center; } .ShopDashboard .transactionWrapper .notice { font-size: 0.6rem; } .AdminPanelContentSite .site.panel { display: none; } .PanelContentSiteProperties input[type="text"].readonly { border: 2px dotted var(--color_bcInfoBox); color: var(--color_bcInfoBox) } .PanelContentSiteProperties input.readonly:hover { border: 2px dotted var(--color_bcInfoBox); color: var(--color_bcInfoBox) } .PanelContentSiteProperties .hint { color: var(--color_cTextPassive); } .AdminPanelContentInformationRequest h1, .AdminPanelContentInformationRequest .wrapperContent { width: 64rem; max-width:100%; margin:0 auto; padding: 2rem; text-align: center; } .AdminPanelContentInformationRequest .wrapperContent { margin-bottom: 3rem; background-color: var(--color_bcCellmsBlue40); } .AdminPanelContentInformationRequest .intro { margin-bottom: 1rem; font-size: 0.9rem; } .AdminPanelContentInformationRequest input, .AdminPanelContentInformationRequest a { margin-bottom: 1rem; } .AdminPanelContentInformationRequest .controls{ width: 50%; margin: 0 auto; } .AdminPanelContentInformationRequest input[type="text"] { height: 2rem; width: 100%; box-sizing: border-box; color: var(--admin_color_cInput); padding-left: 0.5rem; padding-right: 0.5rem; border: 1px solid var(--color_cLine); background-color: var(--color_cLine); background-image: -webkit-gradient(linear, left top, left bottom, from(var(--admin_color_cVersionHint)), to(var(--admin_color_bcInputGradient)) ); background-image: -webkit-linear-gradient(top, var(--admin_color_cVersionHint), var(--admin_color_bcInputGradient)); background-image: -moz-linear-gradient(top, var(--admin_color_cVersionHint), var(--admin_color_bcInputGradient)); background-image: -ms-linear-gradient(top, var(--admin_color_cVersionHint), var(--admin_color_bcInputGradient)); background-image: -o-linear-gradient(top, var(--admin_color_cVersionHint), var(--admin_color_bcInputGradient)); background-image: linear-gradient(top, var(--admin_color_cVersionHint), var(--admin_color_bcInputGradient)); } .AdminPanelContentInformationRequest input[type="button"] { height: 2rem; line-height: 1.75rem; color: var(--admin_color_bcVersionHint); padding: 0 1.25rem; text-align: center; text-decoration: none; border: 1px solid var(--admin_color_cAdminButtonBorder); background-color: var(--admin_color_cLine); box-sizing: border-box; cursor: pointer; } .AdminPanelContentInformationRequest .controlsWrapper input[type="button"]{ margin-bottom: 0; } .AdminPanelContentInformationRequest .controlsWrapper{ margin-bottom: 4rem; } .AdminPanelContentInformationRequest label{ text-align: left; display: block; margin-bottom: 0.5rem; } .AdminPanelContentInformationRequest textarea { box-sizing: border-box; overflow:hidden; width: 100%; padding: 0.5rem; margin-bottom: 2rem; } .AdminPanelContentInformationRequest a { display: block; text-decoration: underline; } .ExportProperty.label .clnone { clear: none; } /********** Newsletter Vorlagen -> edit *********/ .panelContentForm .wysiwygMenu #createCache { display: none; } .panelContentForm #newsletter b { font-weight: bold; color: inherit; font-size: inherit; font-style: inherit; letter-spacing: inherit; text-transform: none; } .panelContentForm #newsletter i { font-style: italic; color: inherit; font-size: inherit; letter-spacing: inherit; text-transform: none; } .panelContentForm #newsletter u { text-decoration:underline; color: inherit; font-size: inherit; font-style: inherit; letter-spacing: inherit; text-transform: none; } .panelContentForm #newsletter .uploadButtons .resetGraphic { margin-right: 0px; float: right; } .panelContentForm tr td tr td a { text-decoration: none; } .panelContentForm #newsletter label { width: auto; margin-top: 20px; } .panelContentForm #newsletter .LinkInput { float: left; height: 42px; width: 100%; box-sizing: border-box; color: #777777; font-size: 12px; padding: 8px 0px; border: 1px solid #cccccc; background-color: #cccccc; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ececec)); background-image: -webkit-linear-gradient(top, #ffffff, #ececec); background-image: -moz-linear-gradient(top, #ffffff, #ececec); background-image: -ms-linear-gradient(top, #ffffff, #ececec); background-image: -o-linear-gradient(top, #ffffff, #ececec); background-image: linear-gradient(top, #ffffff, #ececec); -webkit-box-shadow: 1px 1px 5px #aaaaaa; -moz-box-shadow: 1px 1px 5px #aaaaaa; box-shadow: 1px 1px 5px #aaaaaa; font: Arial; margin-top: 8px; } #newsletter .itemToolbar li { float: left; } #newsletter .newsletterItem.inactive table[data-role="toolbar"] { background-color: #cccccc; } #newsletter .itemToolbar li[data-toolbar-button="collapse"], #newsletter .itemToolbar li[data-toolbar-button="expand"], .newsletterItem .itemToolbar li[data-toolbar-button="drag"], .newsletterItem .itemToolbar li[data-toolbar-button="collapseOne"], .newsletterItem .itemToolbar li[data-toolbar-button="expandOne"] { float: right !important; } #wysiwyg[data-lock-state="false"] .newsletterItem.inactive [data-role="content"] { opacity: 0.35; } .panelContentForm #newsletter .newsletterItem li[data-role="title"] { display: none; } .panelContentForm #wysiwyg.edit #newsletter .newsletterItem.collapsed li[data-role="title"] { display: block; } .panelContentForm #wysiwyg.edit #newsletter .newsletterItem.collapsed .itemToolbar { height: auto; } .panelContentForm #wysiwyg #newsletter .newsletterItem label, .panelContentForm #wysiwyg #newsletter .LinkInput { display: none !important; } .panelContentForm #wysiwyg.edit #newsletter .newsletterItem label, .panelContentForm #wysiwyg.edit #newsletter .LinkInput { display: block !important; } .panelContentForm #wysiwyg.edit #newsletter .newsletterItem.collapsed [data-role="content"] { display: none; } .panelContentForm #newsletter .newsletterItem li[data-toolbar-button="active"], .panelContentForm #newsletter .newsletterItem li[data-toolbar-button="like"] { display: block; } .panelContentForm #newsletter .newsletterItem li[data-toolbar-button="inactive"], .panelContentForm #newsletter .newsletterItem li[data-toolbar-button="unlike"] { display: none; } .panelContentForm #newsletter .newsletterItem.inactive li[data-toolbar-button="active"], .panelContentForm #newsletter .newsletterItem.unlike li[data-toolbar-button="like"] { display: none; } .panelContentForm #newsletter .newsletterItem.inactive li[data-toolbar-button="inactive"], .panelContentForm #newsletter .newsletterItem.unlike li[data-toolbar-button="unlike"] { display: block; } .panelContentForm #newsletter .itemToolbar li[data-toolbar-button="expand"] { display: none; } .panelContentForm #newsletter .itemToolbar li[data-toolbar-button="collapse"] { display: block; } .panelContentForm #newsletter .itemToolbar.collapsed li[data-toolbar-button="expand"] { display: block; } .panelContentForm #newsletter .itemToolbar.collapsed li[data-toolbar-button="collapse"] { display: none; } /****** Dialog ******/ /*we dont want to have the edit and show/hide buttons*/ .ui-dialog .panelContentForm .wysiwygToolbarMenu > * { display: none !important; } /********** Newsletter Vorlagen -> send *********/ .panelContentForm .newsletterSend label { width:200px; margin-left:50px; float:left; clear:none; } .panelContentForm .newsletterSend select { width:734px; } .panelContentForm .newsletterSend input[type="text"]{ width:716px; float:left; } .panelContentForm .newsletterSend input[type="button"]{ float:left; margin-left:32px; margin-top:2px; } .panelContentForm .newsletterSend #tabelle{ clear:both; } .panelContentForm .newsletterSend #send_date{ width:218px; } .panelContentForm .newsletterSend #send_time{ width:218px; } .panelContentForm .newsletterSend > .flyoutGroups { margin-left:50px; margin-right:50px; } .panelContentForm .newsletterSend > #send_test + div { margin-bottom: 16px; } .panelContentForm .newsletterSend > .flyoutGroups { display: none; clear: both; } .panelContentForm .newsletterSend > .flyoutGroups > div { float: left; clear: both; width: 100%; } .panelContentForm .newsletterSend > .flyoutGroups > #groupHeader > #mark { float: left; padding-top: 4px; width: auto; } .panelContentForm .newsletterSend > .flyoutGroups > #groupHeader > #mark > a { color: #CCCCCC; margin-right: 16px; } .panelContentForm .newsletterSend > .flyoutGroups > #groupHeader > #filter { float: right; width: auto; } .panelContentForm .newsletterSend > .flyoutGroups > #groupHeader > #filter > label { color: #444444; float: left; font-size: 14px; margin-top: 8px; margin-left: 0; width: auto; } .panelContentForm .newsletterSend > .flyoutGroups > #groupHeader > #filter > #group_filter, .panelContentForm .newsletterSend > .flyoutGroups > #groupHeader > #filter > #group_filter_v2 { border: 1px solid #CCCCCC; float: left; font-size: 14px; height: 20px; margin-left: 16px; padding: 4px 8px; width: 200px; } .panelContentForm .newsletterSend > .flyoutGroups > #groupHeader > #filter > #clear_filter, .panelContentForm .newsletterSend > .flyoutGroups > #groupHeader > #filter > #clear_filter_v2, .panelContentForm .newsletterSend > .flyoutGroups > .groupsDiv > #confirm_groups, .panelContentForm .newsletterSend > .flyoutGroups > .groupsDiv > #confirm_groups_v2 { margin-top: 4px; margin-left: 28px; color: #CCCCCC; width: 124px; } .panelContentForm .newsletterSend > .flyoutGroups > .groupsDiv > #confirm_groups, .panelContentForm .newsletterSend > .flyoutGroups > .groupsDiv > #confirm_groups_v2 { margin-left: 28px; } .panelContentForm .newsletterSend > .flyoutGroups > .groupsDiv { clear: both; height: auto; overflow: hidden; padding: 0 0 8px; text-align: center; } .panelContentForm .newsletterSend ul#groups, .panelContentForm .newsletterSend ul#groups_v2 { clear: both; display: inline; height: auto; list-style: none outside none; overflow: hidden; width: 946px; float: left; margin: 0; } .panelContentForm .newsletterSend ul#categories { clear: none; width: 888px; margin-top: 6px; margin-bottom: 14px; } .panelContentForm .newsletterSend ul#groups > li, .panelContentForm .newsletterSend ul#groups_v2 > li, .panelContentForm .newsletterSend ul#categories > li { display: inline; float: left; line-height: 24px; margin: 0 8px 0 0; } .panelContentForm .newsletterSend ul#groups > li > input[type="checkbox"], .panelContentForm .newsletterSend ul#groups_v2 > li > input[type="checkbox"], .panelContentForm .newsletterSend ul#categories > li > input[type="checkbox"] { display: none; } .panelContentForm .newsletterSend ul#groups > li > label, .panelContentForm .newsletterSend ul#groups_v2 > li > label, .panelContentForm .newsletterSend ul#categories > li > label { background-color: #CECECE; color: #444444; float: left; font-size: 12px; height: auto; margin: 0 4px 8px 0; padding: 0 8px; width: auto; } .panelContentForm .newsletterSend ul#groups > li > label:hover, .panelContentForm .newsletterSend ul#groups_v2 > li > label:hover, .panelContentForm .newsletterSend ul#categories > li > label:hover { background-color: #777777; color: var(--color_cWhite); } .panelContentForm .newsletterSend ul#groups > li > input:checked + label, .panelContentForm .newsletterSend ul#groups_v2 > li > input:checked + label, .panelContentForm .newsletterSend ul#categories> li > input:checked + label { background-color: var(--color_cBlack); color: var(--color_cWhite); } .panelContentForm .newsletterSend > .flyoutGroups > .stripe { margin: 0 0 16px 0; } .panelContentForm .newsletterSend .categories .stripe { width: 1100px; margin: 0 auto 16px; } /*************** Newsletter bearbeiten -> bearbeiten ****************/ .panelContentForm #newsletter thead td > span { display: block; } .panelContentForm #newsletter td > .itemToolbar.panel, .panelContentForm #newsletter td > table[data-role=toolbar] { width: 100%; } .panelContentForm #newsletter td > .itemToolbar.panel select { height: 27px; font-size: 13px; padding: 3px; margin: 0 1px 0 0; background: none repeat scroll 0 0 var(--admin_color_bcAdminButton); color: var(--admin_color_cAdminButton); border: none; } .panelContentForm #newsletter td > .itemToolbar.panel select:hover { color:var(--color_cCellmsBlue); } .panelContentForm #newsletter td > .itemToolbar.panel option { color:var(--color_cWhite); } .panelContentForm #newsletter td > .itemToolbar.panel input[name=item_categories], .AdminPanelContentNewsletterWysiwyg .itemCategories input[name=item_categories] { border-radius:0; box-shadow:none; height: 21px; font-size: 13px; padding: 3px; margin: 0 1px 0 0; width: 244px; background: none repeat scroll 0 0 var(--admin_color_bcAdminButton); border:medium none; color:var(--admin_color_cAdminButton); cursor:pointer; } .AdminPanelContentNewsletterWysiwyg .itemCategories input[name=item_categories] { width: 100px; } .panelContentForm #newsletter td > .itemToolbar.panel input[name=item_categories]:hover, .AdminPanelContentNewsletterWysiwyg .itemCategories input[name=item_categories]:hover { color:var(--color_cCellmsBlue); } .AdminPanelContentNewsletterWysiwyg .flyoutGroups, .AdminPanelContentNewsletterWysiwyg li[data-role="toolbar"] { /*width: 150%; margin-left: -25%;*/ position: relative; background-color: white; list-style: none; } .panelContentForm #newsletter .flyoutGroups td > .wrapper, .AdminPanelContentNewsletterWysiwyg .flyoutGroups .wrapper { padding: 5px; border-left: 1px solid #1B1B1C; border-bottom: 1px solid #1B1B1C; border-right: 1px solid #1B1B1C; position: relative; } .panelContentForm #newsletter .flyoutGroups td > .wrapper .AdminRelation .relationHeader, .AdminPanelContentNewsletterWysiwyg .flyoutGroups .wrapper .AdminRelation .relationHeader { margin: 0 0 10px 0; height: auto; overflow: hidden; } .panelContentForm #newsletter .flyoutGroups td > .wrapper .AdminRelation .relationHeader, .panelContentForm #newsletter .flyoutGroups td > .wrapper .AdminRelation .relationHeader *, .AdminPanelContentNewsletterWysiwyg .flyoutGroups.wrapper .AdminRelation .relationHeader, .AdminPanelContentNewsletterWysiwyg .flyoutGroups .wrapper .AdminRelation .relationHeader * { font-size: 10px; } .panelContentForm #newsletter .flyoutGroups td > .wrapper .AdminRelation .relationHeader .mark, .AdminPanelContentNewsletterWysiwyg .flyoutGroups .wrapper .AdminRelation .relationHeader .mark { padding: 0; } .panelContentForm #newsletter .flyoutGroups td > .wrapper .AdminRelation .relationHeader .filter, .AdminPanelContentNewsletterWysiwyg .flyoutGroups .wrapper .AdminRelation .relationHeader .filter { display: none; } .panelContentForm #newsletter .flyoutGroups td > .wrapper .AdminRelation .relationHeader a, .AdminPanelContentNewsletterWysiwyg .flyoutGroups .wrapper .AdminRelation .relationHeader a { color: #999999; } .panelContentForm #newsletter .flyoutGroups td > .wrapper .AdminRelation .relationDiv, .AdminPanelContentNewsletterWysiwyg .flyoutGroups .wrapper .AdminRelation .relationDiv { margin: 0 150px 0 0; padding: 0; } .panelContentForm #newsletter .flyoutGroups td > .wrapper .AdminRelation .relationDiv label, .AdminPanelContentNewsletterWysiwyg .flyoutGroups .wrapper .AdminRelation .relationDiv label { margin-top: 0; } .panelContentForm #newsletter .flyoutGroups td > .wrapper .confirm_categories, .AdminPanelContentNewsletterWysiwyg .flyoutGroups .wrapper .confirm_categories { margin: 0; position: absolute; bottom: 5px; right: 5px; } .panelContentForm #newsletter .newsletterItem .flyoutGroups, .AdminPanelContentNewsletterWysiwyg .flyoutGroups { display: none; } .panelContentForm #newsletter #editor-toolbar{ background-color: #333439; } .panelContentForm #newsletter .itemToolbar{ margin-bottom:4px; padding-bottom:0px; } .panelContentForm #newsletter .newsletterItem .itemToolbar.panel [data-toolbar-button=expandOne], .panelContentForm #newsletter .newsletterItem.collapsed .itemToolbar.panel [data-toolbar-button=collapseOne] { display: none; } .panelContentForm #newsletter .newsletterItem.collapsed .itemToolbar.panel [data-toolbar-button=expandOne], .panelContentForm #newsletter .newsletterItem .itemToolbar.panel [data-toolbar-button=collapseOne] { display: inline; } .panelContentForm #newsletter :not(.BasicText.Widget) > ul, .panelContentForm #newsletter :not(.BasicText.Widget) > ol { margin-left:0px; /*background-color:#333439;*/ overflow: hidden; padding:0px; } .panelContentForm #newsletter .BasicText.Widget > ul, .panelContentForm #newsletter .BasicText.Widget > ol { margin: 14px 0; padding: 0 0 0 40px; } .panelContentForm #newsletter ul.itemToolbar, .panelContentForm #newsletter .itemToolbar li{ margin-top:0px; } .panelContentForm #newsletter .ui-button{ border:none; } .panelContentForm #newsletter .ui-button .ui-button-text:hover, .AdminPanelContentNewsletterWysiwyg .flyoutGroups .ui-button .ui-button-text:hover { color:var(--color_cCellmsBlue); } .panelContentForm #newsletter .newsletterItem.inactive table[data-role="toolbar"] { background-color:var(--color_cWhite); } .panelContentForm #newsletter .newsletterItem li[data-role="title"]{ clear:both; font-size:13px; color:var(--color_cWhite); margin:0px; background-color:var(--color_cCellmsBlue); padding:4px 0px 4px 10px; float:none; } /*** otherwise opening the file dialog doesnt workd... we don't know why! ***/ .panelContentForm #newsletter .newsletterItem .fileUploadSingleGraphicWysiwyg input.fileInputField { position: fixed; z-index: 10000; } .panelContentForm #newsletter .BasicGraphic a.editButton.graphicProperty { display:none; } /*************** Newsletter Statistik ****************/ .panelContentForm .statisticsh1{ font-size: 14px; margin:0px 16px 4px 16px; } .statisticsh1 + #statistic_print { right: 0; top: 4px; float: right; } .panelContentForm .statistics{ margin:8px 20px 8px 16px; clear: both; } .panelContentForm .statistics h4{ font-size: 12px; font-weight: normal; margin-right:32px; } .panelContentForm .statistics p{ font-size: 12px; margin-bottom:4px; text-align: center; } .panelContentForm .statistics + div + .statistics tr { border-bottom: 1px solid #000000; } .panelContentForm .statistics td:first-child > p{ text-align: left; } .panelContentForm .statistics small{ font-size: 9px; } .panelContentForm .statistics td{ padding-bottom: 5px; } .panelContentForm .statistics + .stripe { float: none; } .panelContentForm.preview, .preview #newsletter { float: left; } /********************* Newsletter Recipient Sync Property ************************/ .panelContentForm .NewsletterRecipientSyncProperty input[type="button"], .panelContentForm .NewsletterRecipientSyncProperty .button { width: auto; min-width: 122px; } .panelContentForm .NewsletterRecipientSyncProperty input[type="button"]:disabled, .panelContentForm .NewsletterRecipientSyncProperty .button:disabled { background-image: -moz-linear-gradient(center top , #ffffff, #999999); border: inherit; color: #777777; cursor: default; } /********************* Newsletter Recipient Group Grid ************************/ tr.ui-row-ltr.notUnique td { background-color: #EDCDCD; background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF4F4), to(#EDDFDF) ); background-image: -webkit-linear-gradient(top, #FFF4F4, #EDDFDF); background-image: -moz-linear-gradient(top, #FFF4F4, #EDDFDF); background-image: -ms-linear-gradient(top, #FFF4F4, #EDDFDF); background-image: -o-linear-gradient(top, #FFF4F4, #EDDFDF); background-image: linear-gradient(top, #FFF4F4, #EDDFDF); } /********************* Newsletter GridCompany *********************************/ tr.ui-row-ltr.versionDiffers td { background-color: #eff27c; background-image: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#eff27c) ); background-image: -webkit-linear-gradient(top, #ececec, #eff27c); background-image: -moz-linear-gradient(top, #ececec, #eff27c); background-image: -ms-linear-gradient(top, #ececec, #eff27c); background-image: -o-linear-gradient(top, #ececec, #eff27c); background-image: linear-gradient(top, #ececec, #eff27c); } .panelContent .legend .smallBox.versionInLegend { background: #eff27c; } /******************* edit/new property v2**************/ .CustomNewsletter.V2.properties textarea{ padding-left: 0.5rem; padding-right: 0.5rem; height: 2.5rem; font-size: 0.8125rem; resize: vertical; } /*******************send property v2 *******************/ .CustomNewsletter.SendV2Property input[type=button]{ padding: 0.5rem; float: right; width: auto; min-width: 122px; } .CustomNewsletter.SendV2Property .title.previewTitle { margin-top: 8px; } .CustomNewsletter.SendV2Property #iFramePreview{ min-width: 100%; width: 1px; } .CustomNewsletter.SendV2Property .bottomBorder{ border-bottom: 1px solid var(--color_cGreyBorder); } .CustomNewsletter.SendV2Property .bottomBorder.categoryWrapper{ padding-top: 0.4rem; } .CustomNewsletter.SendV2Property .bottomBorder.categoryWrapper .categories{ display: inline-block; } .CustomNewsletter.SendV2Property .bottomBorder.categoryWrapper #infoCategoryFilter { visibility: hidden; width: 10rem; background-color: var(--color_cWhite); color: var(--color_cBlack); text-align: center; padding: 0.6rem; position: absolute; z-index: 1; top: 20.5rem; border: 1px solid var(--color_cGreyBorder); left: 16.125rem; box-sizing: border-box; } .CustomNewsletter.SendV2Property #filterByCategoryInfo:hover + #infoCategoryFilter { visibility: visible; } .CustomNewsletter.SendV2Property #labelOfCategories{ cursor: auto !important; } /*******************statistic property v2 *******************/ .newsletterStatistic.v2 #iFramePreview{ width: 100%; } /******************* newsletter wysiwyg *******************/ .AdminPanelContentNewsletterWysiwyg .itemToolbar .itemCategories { float: right; } .AdminPanelContentNewsletterWysiwyg .pageContentElement { font-size: initial; line-height: initial; } .AdminPanelContentNewsletterWysiwyg .pageContentElement table { border-collapse: initial; border-spacing: initial; } .AdminPanelContentNewsletterWysiwyg .pageContentElement td { vertical-align: middle; } .AdminPanelContentNewsletterWysiwyg #wysiwyg.edit .BasicText.Widget { margin-bottom: 2px; } .VersionProperty input.cacheUpdate { clear: both; } .VersionProperty label.cacheUpdate { clear: right; width: auto; margin: 0.25rem 0 0.5rem; } .VersionProperty .updateButton { min-width: 15rem; } .VersionProperty .right { margin-bottom: 1rem; } .VersionProperty .right input[type="radio"] { margin: 0.25rem; height: auto; } .VersionProperty .editablePageTitles { font-size: 0.75rem; } .VersionProperty .noCacheTitle { font-size: 1rem; text-align: right; margin-bottom: 0.5rem; } .panelContent.AdminPanelContentCache>div { margin: 16px; } .panelContent.AdminPanelContentCache label { display: block; margin-bottom: 16px; } .panelContent.AdminPanelContentCache .checkboxes input { margin-right: 0.25rem; } .panelContent.AdminPanelContentCache .checkboxes label { display: inline-block; margin: 0.5rem; } .panelContent.AdminPanelContentCache textarea { } .panelContent.AdminPanelContentCache .version { margin: 0 24px; display: inline-block; } .panelContent.AdminPanelContentCache #currentVersion { width: 75px; text-align: center; } #update_proxy_cache { margin-top: 16px; display: block; } .AdminPanelContentOrderPartInventory.properties textarea { resize: vertical; } .AdminPanelContentOrder .propertyShopOrder { width: 100%; margin-left: 0; margin-right: 0; } .panelContentForm input[type="button"].split, .panelContentForm input[type="button"].release { margin:4px; float: right; width: 50%; } .orderPart.subProperty { background-color: var(--admin_color_bcRteActive); /* did not work overflow:hidden; */ float:left; } .orderPart.subProperty.state_20 { background-color: var(--color_cWhite); } .AdminPanelContentOrder.properties .unlocked.summary td.notEditable, .orderPart.properties .unlocked.summary td.notEditable { background: var(--admin_color_bcInactiveCell); color: var(--admin_color_cInactiveCell) !important; } .AdminPanelContentOrder .products .footrow td, .AdminPanelContentOrder .summary #total_products [aria-describedby*=grid_value], .AdminPanelContentOrder .summary #product_price [aria-describedby*=grid_value], .AdminPanelContentOrder .summary #total_price [aria-describedby*=grid_value], .orderPart.properties .products .footrow td, .orderPart.properties .summary #total_products [aria-describedby*=grid_value], .orderPart.properties .summary #product_price [aria-describedby*=grid_value], .orderPart.properties .summary #brutto [aria-describedby*=grid_value] { font-weight: bold; color: var(--color_cCellmsBlue); } .AdminPanelContentOrder.properties .unlocked.products .orderEditInfoWrapper, .orderPart.properties .unlocked.products .orderEditInfoWrapper { color: var(--admin_color_cRed); font-size: 0.75rem; margin-bottom: 0.5rem; margin-top: 0.5rem; } .productTable tr { border-color: var(--color_cLine); border-style: solid; } .panelContentForm .propertyShopOrder { margin-bottom:32px; } .panelContentForm .propertyShopOrder table { width:100%; } .panelContentForm .propertyShopOrder tr, .panelContentForm .propertyShopOrder tr.costLine.first { border-top-width: 1px; } .panelContentForm .propertyShopOrder tr.setPart, .panelContentForm .propertyShopOrder tr.costLine { border-top-width: 0; } .panelContentForm .propertyShopOrder th, .panelContentForm .propertyShopOrder td { padding: 0 12px 0 0; text-align: left; vertical-align: middle; font-size:12px; } .panelContentForm .propertyShopOrder td { padding-top:8px; padding-bottom:8px; } .panelContentForm .propertyShopOrder th, .panelContentForm .propertyShopOrder tr.click { height: 3em; } .panelContentForm .propertyShopOrder .productImg .BasicGraphic { margin: 0; } .productTable tr.costLine { height: 2em; } .orderPartProductTable .ui-jqgrid td.ui-state-highlight, [data-grid-content-view='propertyOrderPartInventoryProducts'] .ui-jqgrid td.ui-state-highlight { background-color: var(--admin_color_bcDropZone); background-image: none; color: black; } .AdminPanelContentOrderPartInventory .files { float: left; margin-bottom: 16px; width: 1056px; } .AdminPanelContentOrderPartInventory .uploadedFiles { overflow: hidden; } .AdminPanelContentOrderPartInventory .uploadedFiles .delete { float: left; cursor: pointer; font-size: 16px; height: 16px; margin-right: 16px; padding: 9px 0 0 4px; } .AdminPanelContentOrderPartInventory .file { font-size: 12px; display: block; float: none; clear: none; line-height: 16px; padding: 10px 0; margin: 0; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .AdminPanelContentOrderPartInventory .uploadedFiles .file { float: left; } tr.ui-row-ltr.backend td { background-color: #D5CBE3; background-image: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#D5CBE3) ); background-image: -webkit-linear-gradient(top, #ececec, #D5CBE3); background-image: -moz-linear-gradient(top, #ececec, #D5CBE3); background-image: -ms-linear-gradient(top, #ececec, #D5CBE3); background-image: -o-linear-gradient(top, #ececec, #D5CBE3); background-image: linear-gradient(top, #ececec, #D5CBE3); } tr.ui-row-ltr.shippable td { background-color: #b6f1b5; background-image: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#b6f1b5) ); background-image: -webkit-linear-gradient(top, #ececec, #b6f1b5); background-image: -moz-linear-gradient(top, #ececec, #b6f1b5); background-image: -ms-linear-gradient(top, #ececec, #b6f1b5); background-image: -o-linear-gradient(top, #ececec, #b6f1b5); background-image: linear-gradient(top, #ececec, #b6f1b5); } tr.ui-row-ltr.shippable_only_one_other_supplier td { background-color: #eff27c; background-image: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#eff27c) ); background-image: -webkit-linear-gradient(top, #ececec, #eff27c); background-image: -moz-linear-gradient(top, #ececec, #eff27c); background-image: -ms-linear-gradient(top, #ececec, #eff27c); background-image: -o-linear-gradient(top, #ececec, #eff27c); background-image: linear-gradient(top, #ececec, #eff27c); } tr.ui-row-ltr.shippable_other_supplier td { background-color: #eabc78; background-image: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#eabc78) ); background-image: -webkit-linear-gradient(top, #ececec, #eabc78); background-image: -moz-linear-gradient(top, #ececec, #eabc78); background-image: -ms-linear-gradient(top, #ececec, #eabc78); background-image: -o-linear-gradient(top, #ececec, #eabc78); background-image: linear-gradient(top, #ececec, #eabc78); } tr.ui-row-ltr[class*="shippable"]:not(.paid) td[aria-describedby="admin_panelContent_ordergrid_shop_order_state_payment"], tr.ui-row-ltr.paymentRequest td[aria-describedby="admin_panelContent_ordergrid_shop_order_state_payment"] { background-color: #ff4b4b; background-image: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#ff4b4b) ); background-image: -webkit-linear-gradient(top, #ececec, #ff4b4b); background-image: -moz-linear-gradient(top, #ececec, #ff4b4b); background-image: -ms-linear-gradient(top, #ececec, #ff4b4b); background-image: -o-linear-gradient(top, #ececec, #ff4b4b); background-image: linear-gradient(top, #ececec, #ff4b4b); } tr.ui-row-ltr[class*="pickup"] td[aria-describedby="admin_panelContent_ordergrid_shop_order_shipping_address"] { background-color: #4b8dff; background-image: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#4b8dff) ); background-image: -webkit-linear-gradient(top, #ececec, #4b8dff); background-image: -moz-linear-gradient(top, #ececec, #4b8dff); background-image: -ms-linear-gradient(top, #ececec, #4b8dff); background-image: -o-linear-gradient(top, #ececec, #4b8dff); background-image: linear-gradient(top, #ececec, #4b8dff); } .AdressHint { width: 540px; height: 310px; left: 39px; position: absolute; display: none; top: -8px; } .PackstationHint { background-image: url('File/admin_panelContent_order/PackstationHintV2.png'); display: block; } .PostfilialeHint { background-image: url('File/admin_panelContent_order/PostfilialeHintV2.png'); display: block; } .HintTrigger{ padding-top:5px; width:50%; } .panelContentForm .orderManagement { position:relative; } .panelContentForm .orderManagement .actionWrapper { margin-bottom:16px; overflow:hidden; } .panelContentForm .orderManagement .action { float: left; width: 50%; } .panelContentForm .documentManagement input.displayForm { width: 208px; margin:0 auto; display:block; float:none; } .panelContentForm .mailManagement input.displayForm { width: 208px; margin-left: 40px; } .panelContentForm .documentManagement .action .BasicFileUpload { width:auto; } .panelContentForm .documentManagement .action .dropZone { font-size:14px; } .panelContentForm .documentManagement { margin:0 auto; display:block; float:none; } .panelContentForm .orderManagement .formWrapper { clear:both; overflow:hidden; } .panelContentForm .mailManagement .filesWrapper { position:relative; } .panelContentForm .orderManagement .checkboxWrapper { float:left; width:50%; } .panelContentForm .orderManagement .checkboxWrapper.p30 { width:30%; } .panelContentForm .orderManagement .checkboxWrapper.p33 { width:33.333%; } .panelContentForm .orderManagement .checkboxWrapper.p40 { width:40%; } .panelContentForm .orderManagement #creditVoucherButton { width: auto; margin-right: 0; float: right; } .panelContentForm .orderManagement textarea { height : 128px; padding: 4px 8px; } .panelContentForm .orderManagement .submitWrapper { clear:both; margin-left:120px; overflow:hidden; } .panelContentForm .orderManagement.mailManagement .submitWrapper { margin: 0; } .panelContentForm .orderManagement .submitWrapper > * { width:48%; margin-right:2%; } .panelContentForm .orderManagement .files { font-size: 16px; margin: 16px 0 16px 24px; clear: both; } .panelContentForm .documentManagement .files { font-size: 16px; margin: 16px 0 16px 24px; clear: both; } .panelContentForm .documentManagement .twoColumns > label { margin: 0 0 16px 24px; text-align: left; } .panelContentForm .documentManagement .twoColumns { position: relative; } .panelContentForm .documentManagement .myPage { position: absolute; right: 156px; top: 4px; } .panelContentForm .documentManagement .type { position: absolute; right: 88px; top: 4px; } .panelContentForm .mailManagement .attach { float: right; position: relative; top: 16px; } .panelContentForm .mailManagement label[for="attach"] { margin-top:0; } .panelContentForm .orderManagement .uploadedFiles .fileWrapper { overflow:hidden; margin-bottom:4px; } .panelContentForm .orderManagement .uploadedFiles .fileWrapper:last-child { margin-bottom:16px; } .panelContentForm .orderManagement .uploadedFiles [type="checkbox"] { float:right; margin-bottom:0; height:24px; margin-top:4px; } .panelContentForm .orderManagement .uploadedFiles select { float: right; width: 140px; font-size: 12px; padding: 0; margin:0 0 12px 24px; height:32px; } .panelContentForm .orderManagement .uploadedFiles .delete { cursor: pointer; float: right; height: 16px; margin-right: 24px; padding: 8px 0 0 4px; } .panelContentForm .orderManagement .uploadedFiles .linkWrapper { margin-top:4px; margin-right: 232px; word-break: break-all; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; font-size: 14px; } .panelContentForm .orderManagement.mailManagement .uploadedFiles .linkWrapper { margin-right: 48px; } .panelContentForm .AdminPanelContentOrder .invoiceWrapper{ display:flex; flex-direction: column; } .AdminPanelContentEmploymentAd.syncPersonio.properties{ width: 42rem; } .AdminPanelContentEmploymentAd.syncPersonio.properties .wrapperSyncPersonio{ float: left; margin: 0 0.8rem; width: 40rem; } .AdminPanelContentEmploymentAd.syncPersonio.properties #startSync{ width: 25rem; margin-left: 8rem; } .SkeletonCookie.editWidgetList { margin: 3rem; } .SkeletonCookie.editWidgetList .widgetWrapper { } .SkeletonCookie.editWidgetList [data-active="0"] { opacity: 0.50; } .SkeletonCookie.editWidgetList .titleWrapper { margin: 0 1rem 1rem; padding: 0.25rem; overflow: hidden; font-size: 1.5rem; line-height: 1.5rem; } .SkeletonCookie.editWidgetList .activeFlag { width: 3rem; display: inline-block; text-align: center; } .SkeletonCookie.editWidgetList .shortClassName { margin: 0 2rem; display: inline-block; } .SkeletonCookie.editWidgetList .icon { padding-right: 1rem; } .SkeletonCookie.editWidgetList .iconWrapper { margin: 0 2rem; float: right; } .SkeletonCookie.editWidgetList .contentWrapper { margin: 0 1rem; } .SkeletonCookie.editWidgetList .service { padding: 0.5rem 1rem; } .SkeletonCookie.editWidgetList .serviceInfo { padding: 0.5rem; } .SkeletonCookie.editWidgetList .serviceInfo .name { display: inline-block; margin-left: 2rem; margin-right: 2rem; } .SkeletonCookie.editWidgetList .serviceInfo .selectCategory { display: inline-block; } .editWidgetList .ui-icon { float: right; margin: 0 0.5rem; } .editWidgetList .count { float: right; } .SkeletonCookie.editWidgetList .cookieList { overflow: hidden; display:none; padding-left:5rem; } .SkeletonCookie.editWidgetList .serviceWrapper.open .cookieList { display:block; } .SkeletonCookie.editWidgetList .cookieList .cookieInfo { padding: 0.5rem; } .SkeletonCookie.editWidgetList .cookieInfo { border-collapse: collapse; margin: 1rem 0; } .SkeletonCookie.editWidgetList .cookieInfo, .SkeletonCookie.editWidgetList .cookieInfo tr, .SkeletonCookie.editWidgetList .cookieInfo td { border: 1px solid black; } .SkeletonCookie.editWidgetList .cookieInfo td { padding: 0.3rem 0.6rem; } .AdminPanelContentCookie { padding: 3rem; } .AdminPanelContentCookie #cookieSettingsMode { margin: 3rem; } .AdminPanelContentCookie .editConfiguration { margin: 3rem; } .AdminPanelContentCookie .mode { display: none; } .AdminPanelContentCookie .mode_warning { margin-bottom: 3rem; } .AdminPanelContentCookie .cookiePropertySettings.editButton { display: inline-block; text-align: left; } .SkeletonCookie.property #addCategory { width: auto; } .SkeletonCookie.property .info{ font-size: 12px; line-height: 1.5em; color: #777777; float: left; margin-bottom: 16px; padding: 0 1rem; } .SubscriberProperty .dateContainer input[name*="[time]"] { display: none; } .SubscriberProperty .addressInfo { padding: 0 2rem 1rem; font-size: 1.2em; color: red; } .AdminPanelContentText>.editButton.panel { display: none; } #wysiwyg .BasicText { min-width: 20px; min-height: 1em; display: block; -moz-user-select: text !important; -webkit-user-select: text !important; } #wysiwyg .wysiwygPasteDialogTextArea textarea { width: 576px; min-height: 400px; margin: 32px; padding: 8px; } .BasicText.properties .ui-tabs { padding: 0; } .BasicText.properties .ui-widget-content { border: none; } .BasicText.properties .ui-tabs-nav { margin-bottom: 16px; } tr.ui-row-ltr.toBeTranslated td { background-color: #EDCDCD; background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF4F4), to(#FDDFDF) ); background-image: -webkit-linear-gradient(top, #FFF4F4, #FDDFDF); background-image: -moz-linear-gradient(top, #FFF4F4, #FDDFDF); background-image: -ms-linear-gradient(top, #FFF4F4, #FDDFDF); background-image: -o-linear-gradient(top, #FFF4F4, #FDDFDF); background-image: linear-gradient(top, #FFF4F4, #FDDFDF); } #wysiwyg .BasicText a { color: var(--color_cBlack); } .AdminPanelContentWidgetPosRecord tr.ui-row-ltr.cash_balance_end_difference td[aria-describedby=admin_panelContent_posRecordgrid_shop_pos_record_cash_balance_end_difference] { color: var(--color_cRed); } .AdminPanelPosRecordProperty .caption, .AdminPanelPosRecordProperty .value { font-size: 14px; margin: 0px 0px 16px 12px; } .AdminPanelPosRecordProperty .value { font-weight: bold; } .AdminPanelPosRecordProperty [data-action] { cursor: pointer; } .AdminPanelPosRecordProperty .uploadedFiles .linkWrapper { width: 20.25rem; margin-top:0.25rem; font-size: 0.875rem; word-break: break-all; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .AdminPanelPosRecordProperty .uploadedFiles .fileWrapper { overflow:hidden; margin-bottom: 1rem; } .AdminPanelPosRecordProperty .uploadedFiles select { float: right; width: 10rem!important; font-size: 0.75rem; padding: 0; margin: 0 1.5rem; height:2rem; } .AdminPanelPosRecordProperty .uploadedFiles .delete { cursor: pointer; float: right; height: 1rem; font-size: 1rem; margin-right: 1.5rem; padding: 0.5rem 0 0 0.25rem; } #wysiwyg .CustomAgreement h5 { font-weight: bold; border-top-width: 2px; padding-top: 0.5rem; } .AdminPanelContentAgreement .editButton.panel { display: none; } .AdminPanelContentAgreement .formWrapper { display: inline-block; } .AdminPanelContentAgreement .formWrapper label { clear: none; text-align: left; } .AdminPanelContentAgreement .customerGroupWrapper { float:left; width:100%; } .AdminPanelContentSupplier .supplier.panel { display: none; } .panelContentForm .Meta.properties input[type="text"] { font-size: 12px; } .panelContentForm .Meta.properties .counter.invalid{ color: var(--color_cRed); } .AdminPanelContentVoucher .legend { float: left; margin-left: 120px; } .AdminPanelContentVoucher .legend ul { list-style: outside; margin-left: 20px; } .AdminPanelContentVoucher.property .voucher_times .voucher_date{ width: 9rem; margin-right: 0.6rem; } .AdminPanelContentVoucher.property .voucher_times .voucher_time{ width: 4rem; } /*hide the button*/ .AdminPanelContentPrice .editButton { height: 0; } #ScaledPricesTabs { padding: 0; overflow:hidden; } .panelContentForm form .sectionTitle { font-size: 1rem; margin-left: 0.75rem; margin-top: 1.5rem; } .panelContentForm form .datepicker.dateOnlyInput { width:162px !important; margin-right:10px !important; } .panelContentForm form .timeOnlyInput { width:48px !important; } .panelContentForm form .input208px { width:208px !important; } .panelContentForm form input.error { border: 1px solid red; } .panelContentForm form .lockWrapper { display: grid; grid-template-columns: 1fr 30px; } .panelContentForm form .lockWrapper svg { width: 24px; margin-top: -0.5rem; } .panelContentForm form .lockWrapper svg *{ transition: all .3s; } .panelContentForm form [data-locked="true"] svg #dash { display: none; } .panelContentForm form [data-locked="false"] svg #dash { display: contents; } .panelContentForm form [data-locked="false"] svg #lines { opacity: .3; } #priceLanguageTabs.languageTabs > .tab { margin-left: 0; margin-right: 0; width: 100%; min-height:1px; margin-top:6px; /*margin:6px; width:364px;*/ } .inDialogPrice { clear: both; float: left; width: 100%; } .inDialogPrice > * { position: relative; } .inDialogPriceDisable { position: absolute; top: 0; right: 0; bottom: 16px; left: 0; background-color: rgba(255, 0, 0, 0.33); } .inDialogPriceDisable.offerPriceDisableHidden { display: none !important; } .inDialogPrice [data-price-section="basePrice"], .inDialogPrice [data-price-section="bulkPrices"] { clear:both; } .inDialogPrice [data-price-section="properties"] label[for="isPerformancePeriodUpdatedAtYearEnd"], .inDialogPrice [data-price-section="offerPrice"] label[for="isOfferPeriodUpdatedAtYearEnd"] { width: auto; } .AdminPanelContentSitemap { padding: 2rem; } .AdminPanelContentSitemap table td { line-height: 1.5em; padding: 0.25rem; } .AdminPanelContentSitemap table tr:nth-child(even) { background-color: var(--color_bcFond); } /************** Für Propertyview (editAccess)************/ .AdminPanelContentAccessControlRole .permissionHeader { overflow: hidden; margin-left: 12px; margin-right: 12px; } .AdminPanelContentAccessControlRole .permissionHeader .mark { width: auto; float: left; } .AdminPanelContentAccessControlRole .permissionHeader .mark a { margin-right: 16px; font-size: 12px; color: #cccccc; } .AdminPanelContentAccessControlRole .permissionHeader .mark a:hover { color: var(--color_cWhite); } .AdminPanelContentAccessControlRole .permissionHeader .mark a.selected { color: var(--color_cWhite); } .AdminPanelContentAccessControlRole .permissionHeader .filter { width: auto; float: right; } .AdminPanelContentAccessControlRole .permissionHeader .filter label { font-size: 14px; color: #444444; margin-top: 8px; width: auto; float: left; } .AdminPanelContentAccessControlRole .permissionHeader .filter .permission_filter { font-size: 14px; border: 1px solid #cccccc; width: 200px; height: 20px; padding: 4px 8px 4px 8px; margin: 0 16px; float: left; } .AdminPanelContentAccessControlRole .permissionHeader .filter a { color: #cccccc; } .AdminPanelContentAccessControlRole .permissionHeader .filter a:hover { color: var(--color_cWhite); } .AdminPanelContentAccessControlRole .permissionHeader .filter .clear_filter { font-size: 12px; } .AdminPanelContentAccessControlRole .allPermissionsDiv { display: block; height: auto; clear: both; padding: 24px 0px 8px 0px; margin-left: 12px; margin-right: 12px; text-align: center; overflow: hidden; } .AdminPanelContentAccessControlRole .allPermissionsDiv ul { width: auto; height: auto; list-style: none; display: inline; clear: both; overflow: hidden; } .AdminPanelContentAccessControlRole .allPermissionsDiv ul li { display: inline; margin: 0px 8px 0px 0px; line-height: 24px; float: left; } .AdminPanelContentAccessControlRole .allPermissionsDiv ul li label { width: auto; height: auto; font-size: 12px; color: #444444; background-color: #cecece; float: left; padding: 0px 8px 0px 8px; margin: 0px 4px 8px 0px; } .AdminPanelContentAccessControlRole .allPermissionsDiv ul li label:hover { color: var(--color_cWhite); background-color: #777777; } .AdminPanelContentAccessControlRole .allPermissionsDiv ul li input[type="checkbox"] { display: none; } .AdminPanelContentAccessControlRole .allPermissionsDiv ul li input:checked+label { color: var(--color_cWhite); background-color: #000000; } .panelContentForm .AdminPanelContentNewsletterRecipientGroupSet > .flyoutGroups { margin-left:50px; margin-right:50px; } .panelContentForm .AdminPanelContentNewsletterRecipientGroupSet > .flyoutGroups > div { float: left; clear: both; width: 100%; } .panelContentForm .AdminPanelContentNewsletterRecipientGroupSet > .flyoutGroups > #groupHeader > #mark { float: left; padding-top: 4px; width: auto; } .panelContentForm .AdminPanelContentNewsletterRecipientGroupSet > .flyoutGroups > #groupHeader > #mark > a { color: #CCCCCC; margin-right: 16px; } .panelContentForm .AdminPanelContentNewsletterRecipientGroupSet > .flyoutGroups > #groupHeader > #filter { float: right; width: auto; } .panelContentForm .AdminPanelContentNewsletterRecipientGroupSet > .flyoutGroups > #groupHeader > #filter > label { color: #444444; float: left; font-size: 14px; margin-top: 8px; margin-left: 0; width: auto; } .panelContentForm .AdminPanelContentNewsletterRecipientGroupSet > .flyoutGroups > #groupHeader > #filter > #group_filter_v2 { border: 1px solid #CCCCCC; float: left; font-size: 14px; height: 20px; margin-left: 16px; padding: 4px 8px; width: 200px; } .panelContentForm .AdminPanelContentNewsletterRecipientGroupSet > .flyoutGroups > #groupHeader > #filter > #clear_filter_v2 { margin-top: 4px; margin-left: 28px; color: #CCCCCC; width: 124px; } .panelContentForm .AdminPanelContentNewsletterRecipientGroupSet > .flyoutGroups > .groupsDiv { clear: both; height: auto; overflow: hidden; padding: 0 0 8px; text-align: center; } .panelContentForm .AdminPanelContentNewsletterRecipientGroupSet > .flyoutGroups > .stripe { margin: 0 0 16px 0; } .panelContentForm .AdminPanelContentNewsletterRecipientGroupSet .flyoutGroups ul#groups_v2 > li > label { background-color: #CECECE; color: #444444; float: left; font-size: 12px; height: auto; margin: 0 4px 8px 0; padding: 0 8px; width: auto; } .panelContentForm .AdminPanelContentNewsletterRecipientGroupSet .flyoutGroups ul#groups_v2 { clear: both; height: auto; list-style: none outside none; overflow: hidden; width: 946px; float: left; margin: 0; display: grid; grid-template-columns: repeat(3, 1fr); } .panelContentForm .AdminPanelContentNewsletterRecipientGroupSet ul#groups_v2 > li, .panelContentForm .AdminPanelContentNewsletterRecipientGroupSet ul#categories > li { display: inline; float: left; line-height: 24px; margin: 0 8px 0 0; } .panelContentForm .AdminPanelContentNewsletterRecipientGroupSet ul#groups_v2 > li > input[type="checkbox"], .panelContentForm .AdminPanelContentNewsletterRecipientGroupSet ul#categories > li > input[type="checkbox"] { display: none; } .panelContentForm .AdminPanelContentNewsletterRecipientGroupSet ul#groups_v2 > li > input:checked + label { background-color: var(--color_cBlack); color: var(--color_cWhite); } tr.ui-row-ltr.reorder td, .panelContent .legend .smallBox.reorder { background-color: #EDDFDF; background-image: -webkit-gradient(linear, left top, left bottom, from(#EDDFDF), to(#FFF4F4) ); background-image: -webkit-linear-gradient(top, #FFF4F4, #EDDFDF); background-image: -moz-linear-gradient(top, #FFF4F4, #EDDFDF); background-image: -ms-linear-gradient(top, #FFF4F4, #EDDFDF); background-image: -o-linear-gradient(top, #FFF4F4, #EDDFDF); background-image: linear-gradient(top, #FFF4F4, #EDDFDF); } tr.ui-row-ltr.activeSoldOut td, .panelContent .legend .smallBox.activeSoldOut { background-color: #fef8ad !important; background-image: -webkit-gradient(linear, left top, left bottom, from(#fef8ad), to(#FFF4F4) ) !important; background-image: -webkit-linear-gradient(top, #FFF4F4, #fef8ad) !important; background-image: -moz-linear-gradient(top, #FFF4F4, #fef8ad) !important; background-image: -ms-linear-gradient(top, #FFF4F4, #fef8ad) !important; background-image: -o-linear-gradient(top, #FFF4F4, #fef8ad) !important; background-image: linear-gradient(top, #FFF4F4, #fef8ad) !important; } tr.ui-row-ltr td.inventoryEditable, .panelContent .legend .smallBox.editable { background-color: #F0D1FF !important; background-image: -webkit-gradient(linear, left top, left bottom, from(#F0D1FF), to(#FFF4F4) ) !important; background-image: -webkit-linear-gradient(top, #FFF4F4, #F0D1FF) !important; background-image: -moz-linear-gradient(top, #FFF4F4, #F0D1FF) !important; background-image: -ms-linear-gradient(top, #FFF4F4, #F0D1FF) !important; background-image: -o-linear-gradient(top, #FFF4F4, #F0D1FF) !important; background-image: linear-gradient(top, #FFF4F4, #F0D1FF) !important; } tr.ui-row-ltr td.preOrder, .panelContent .legend .smallBox.preOrder { background-color: #b8fdb4 !important; background-image: -webkit-gradient(linear, left top, left bottom, from(#b8fdb4), to(#FFF4F4) ) !important; background-image: -webkit-linear-gradient(top, #FFF4F4, #b8fdb4) !important; background-image: -moz-linear-gradient(top, #FFF4F4, #b8fdb4) !important; background-image: -ms-linear-gradient(top, #FFF4F4, #b8fdb4) !important; background-image: -o-linear-gradient(top, #FFF4F4, #b8fdb4) !important; background-image: linear-gradient(top, #FFF4F4, #b8fdb4) !important; } .AdminPanelContentInventoryFulfillerSync.properties #bulkSyncButton { width: auto !important; float: right; } .AdminPanelContentInventoryFulfillerSync.properties #cb_admin_panelContent_inventoryFulfillerCompareinDialogFulfillerSync2grid { margin-top: 0.75rem; } .PanelContentCustomerGroup.properties .paymentTermsInfoWrapper { margin: 0 0 1rem 0.75rem; } .PanelContentCustomerGroup.properties .paymentTermsInfoTitle { width: 100% !important; } .CustomDesigner.properties #sort { width: 48%; margin-right: 2%; } .CustomDesigner.properties #buttonSetSortTop { width: 13%; margin: 0; height: 36px; } /******* PROPERTY DIALOG *******************/ .CustomDesigner.properties .singleLine{ font-size: 15px !important; height: 24px !important; padding-top: 7px !important; } .CustomDesigner.properties .fileUploadSingleGraphic{ width:68%; } .CustomDesigner.properties .uploadButtons input{ width:45%!important; } .AdminPanelContentAnnouncement .inactiveWarning, .AnnouncementProperty .inactiveWarning { padding: 2rem; text-align: center; background-color: rgb(247, 124, 124); font-size: 1rem; } .AnnouncementProperty .inactiveWarning { margin-bottom: 16px; } .AnnouncementProperty .loadingSection { clear: both; } .AnnouncementProperty .loadingSection .infoText { margin-left: 120px; margin-bottom: 12px; } .AnnouncementProperty .loadingSection input.datepicker[type="text"] { width: 162px; margin-right: 10px; } .AnnouncementProperty .loadingSection input.datepicker[type="text"] + input[type="text"] { width: 54px; } .AnnouncementProperty .typeSection .infoText { clear: both; margin-left: 120px; margin-bottom: 12px; } .AnnouncementProperty .typeSection #repeat_hours { visibility: hidden; } .AnnouncementProperty .typeSection #repeat_flag:checked + label + #repeat_hours { visibility: visible; } .AnnouncementProperty .contentSection .tab textarea:nth-child(2) { height: 40px; } .AnnouncementProperty .contentSection .tab textarea:nth-child(4) { height: 116px; } .AnnouncementProperty .contentSection .tab textarea:nth-child(6) { height: 35px; } .AnnouncementProperty .linkSection > .title > p { vertical-align: middle; } .AnnouncementProperty .linkSection > .title > p > span:nth-child(1) { font-size: 18px; } .AnnouncementProperty .linkSection > .title > p > span:nth-child(2) { font-size: 12px; margin-top: 5px; } .imageSelectorPreviewImage { max-width: 1.875rem; overflow: hidden; } .imageFromPoolSelectorWrapper { max-width: 23.125rem; } #tagTabs { float: left; overflow:hidden; } .TagCloudInProperty .threeColumns:nth-child(3n+1) { clear:both; } .TagCloudInPropertyV2 { width: 100%; overflow: hidden; } .TagCloudInPropertyV2 .select2-input { height: auto !important; } .TagCloudInPropertyV2 .select2-search-choice { padding-left: 24px !important; } .TagCloudInPropertyV2 .select2-container.tagCloudSelect2 table { margin: 2px 0 1px; } .TagCloudInPropertyV2 .select2-container.tagCloudSelect2 .index, .select2-drop.tagCloudSelect2 .index { width: 75px; } .select2-drop.tagCloudSelect2 .select2-selected { display: list-item !important; } .panelContentForm form textarea[name^="eventSlotModel[title_text_fk]"] { height: 24px; } .panelContentForm .EventSlotProperty .threeColumns .infoText { width: 256px; float: right; line-height: 1.2em; margin-bottom: 12px; } .panelContentForm .EventSlotProperty .documentManagement .filemanager.edit{ font-size: 12px; margin-left: 24px; cursor: pointer; float: none; } .panelContentForm .EventSlotProperty .documentManagement .filemanager.edit:hover{ text-decoration: underline; } .panelContentForm .EventSlotProperty .documentManagement { position:relative; } .panelContentForm .EventSlotProperty .documentManagement .title{ width: 100%; } .panelContentForm .EventSlotProperty .documentManagement .BasicFileUpload{ margin-bottom: 12px; } .panelContentForm .EventSlotProperty .documentManagement .infoText{ line-height: 1.2em; margin-bottom: 12px; } .panelContentForm .EventSlotProperty .documentManagement .visible{ position: absolute; right: 168px; } .panelContentForm .EventSlotProperty .documentManagement .type{ top: inherit; } .panelContentForm .EventSlotProperty .documentManagement .twoColumns2to3 > label { margin: 0 0 16px 24px; text-align: left; } .panelContentForm .EventSlotProperty .files { font-size: 1rem; margin: 1rem 0 1rem 1.5rem; clear: both; } .panelContentForm .EventSlotProperty .uploadedFiles .fileWrapper { overflow:hidden; margin-bottom:0.25rem; } .panelContentForm .EventSlotProperty .uploadedFiles .fileWrapper:last-child { margin-bottom:1rem; } .panelContentForm .EventSlotProperty .uploadedFiles .delete, .panelContentForm .EventSlotProperty .uploadedFiles .edit, .panelContentForm .EventSlotProperty .uploadedFiles .info { cursor: pointer; float: right; height: 1rem; margin-right: 1.5rem; padding: 0.5rem 0 0 0.25rem; } .panelContentForm .EventSlotProperty .uploadedFiles .linkWrapper { margin-top:0.25rem; margin-right: 14.5rem; word-break: break-all; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; font-size: 14px; } .panelContentForm .EventSlotProperty .uploadedFiles select { float: right; width: 140px; font-size: 12px; padding: 0; margin: 0 0 12px 24px; height: 32px; } .panelContentForm .EventSlotProperty .uploadedFiles [type="checkbox"] { float: right; margin-bottom: 0; height: 24px; margin-top: 4px; } .AdminPanelContentInventoryTaking.properties{ position: relative; display: inline-block; } .AdminPanelContentInventoryTaking.properties .productSelectWrapper{ display: inline-block; } .AdminPanelContentInventoryTaking.properties #bulkSelectionButton{ width: 15rem; float: right; margin-right: 0; } .AdminPanelContentInventoryTaking.properties .blendInInfos{ float: right; margin-right: 2rem; margin-top: 0.5rem; } .AdminPanelContentInventoryTaking.properties .saveInventoryButton{ position: absolute; right: 8.7rem; bottom: -3.25rem; } .AdminPanelContentInventoryTaking.properties .noFiltersSelected{ color: var(--color_cRed); } .AdminPanelContentInventoryTaking.newTaking .select2-search-choice-close{ height: 0.8125rem; } .AdminPanelContentInventoryTaking.newTaking #inventoryTakingComment{ width: 15.375rem; } .AdminPanelContentInventoryTaking.properties.bulkJustification .amountPositions { margin-bottom: 16px; font-size: 16px; font-weight: bold; } tr.ui-row-ltr.isEditedInventoryTaking td, span.isEditedInventoryTaking { background-color: #EDCDCD; background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF4F4), to(#EDDFDF) ); background-image: -webkit-linear-gradient(top, #FFF4F4, #EDDFDF); background-image: -moz-linear-gradient(top, #FFF4F4, #EDDFDF); background-image: -ms-linear-gradient(top, #FFF4F4, #EDDFDF); background-image: -o-linear-gradient(top, #FFF4F4, #EDDFDF); background-image: linear-gradient(top, #FFF4F4, #EDDFDF); } #admin_panelContent_graphicRulesgrid_toppager_center, #admin_panelContent_graphicRulesgrid_pager_center { visibility: hidden; } /********************************* AdminPanelContentWidgetGraphicRulesInProperty *********************************/ .panelContent.AdminPanelContentWidgetGraphicRulesInProperty { width: 100%; margin-left: 0; margin-right: 0; box-shadow: none; overflow: visible; } .panelContent.AdminPanelContentWidgetGraphicRulesInProperty input[type=button], #admin_panelContent_graphicRulesinPropertyjqGrid { clear: both; width:auto; } .showRules { clear: both; } /********************************* AdminPanelContentWidgetGraphicRules Process *********************************/ .CustomGraphicRules.process .threeColumns { clear: both; } .CustomGraphicRules.process .loading { background-image: url("File/skeleton_html/loading.gif"); height: 32px; margin: 0 auto; width: 32px; display: block; } .AdminPanelContentEventParticipant.property select{ height: inherit; } .PageProperty [for=pagePriority] { width: 83px; } .PageProperty #pagePriority { width: 25px; } .PageProperty .redirectionList { padding-top: 0.65rem; font-size: 0.95rem; display: inline-block; } .PageProperty .redirectionsWrapper { padding-bottom: 0.6rem; display: inline-block; } #newsTabs { float: left; } .CustomNews.properties { width: auto; min-height: 600px; } .CustomNews.propertiesTeaserList textarea { height:26px; } .CustomNews.properties .manufacturerSelect2, .CustomNews.properties .designerSelect2, .CustomNews.properties .authorSelect2 { font-size: 15px; margin-bottom: 16px; } .CustomNews.properties .select2-container.manufacturerSelect2 .select2-choice, .CustomNews.properties .select2-container.designerSelect2 .select2-choice, .CustomNews.properties .select2-container.authorSelect2 .select2-choice { height: 32px; line-height: 32px; } .CustomNews.properties .selectionWrapper{ overflow: auto; } .CustomNews.properties .removeDesigner, .CustomNews.properties .removeManufacturer{ clear: both; float: right; width: 50%; box-sizing: border-box; margin-bottom: 1rem; margin-right: 0.25rem; cursor: pointer; } .CustomNews.properties [for=fileUploadSingleGraphic], .CustomNews.properties .fileUploadSingleGraphicWrapper .oneColumn > label { width: 40px; } .CustomNews.properties .fileUploadSingleGraphic { width: 324px; } .CustomNews.properties .fileUploadSingleGraphicWrapper .uploadButtons input { margin-right: 0; } .CustomNews.properties h3 { margin-bottom:16px; } .CustomNews.properties #news_date, .CustomNews.properties #news_overview { height:56px; } .AdminPanelContentSystem { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; padding: 0.5rem; } .AdminPanelContentSystem .infoPanel .notice { background-color: red; color:white; padding: 0.5rem; } .AdminPanelContentSystem .infoPanel .notice span { font-style: italic; } .AdminPanelContentSystem :is(.infoPanel, .evalPanel) { padding: 10px; box-sizing: border-box; } .AdminPanelContentSystem .infoPanel table { width: 100%; } .AdminPanelContentSystem .infoPanel table tr { margin: 2px; } .AdminPanelContentSystem .infoPanel table td { padding: 2px; } .AdminPanelContentSystem .infoPanel table .separator { text-align: center; } .AdminPanelContentSystem .infoPanel table tr:nth-child(2n+1) { background-color: var(--color_cGrey); } .AdminPanelContentSystem .evalPanel textarea { width: 100%; height: 15rem; } @media screen and (max-width:1200px) { .AdminPanelContentSystem{ grid-template-columns: 1fr; } } .CustomStyle.properties #sort { width: 48%; margin-right: 2%; } .CustomStyle.properties #buttonSetSortTop { width: 13%; margin: 0; height: 36px; } .CustomStyle.properties .singleLine{ font-size: 15px !important; height: 24px !important; padding-top: 7px !important; } .CustomStyle.properties .fileUploadSingleGraphic{ width:68%; } .CustomStyle.properties .uploadButtons input{ width:45%!important; } .AdminPanelContentLocation .locationPropertyNewLocation.panel { display: none; } .CustomMap.Widget, .CustomMap.Widget>.wrapper, .CustomMap.Widget>.wrapper>.geocodingMap { width: 100%; height: 500px; } .CustomMap.Widget.properties { height: auto; margin: 0; width: inherit; } .CustomMap.Widget.properties { padding:0; } #geocodingMap { width: 100%; height: 500px; margin-bottom: 16px; position: relative; clear:both; } #geocodingMap:after, #geocodingMap:before { background-color: red; content: ""; position: absolute; z-index: 1; } #geocodingMap:before { left: 50%; top: 0; bottom: 0; width: 1px; } #geocodingMap:after { top: 50%; left: 0; right: 0; height: 1px; } .CustomArticle.properties .authorUserSelect2 { font-size: 15px; } .CustomArticle.properties .select2-container.authorUserSelect2 .select2-choice { height: 32px; line-height: 32px; } .AdminPanelContentProduct.grid .editButton.panel { display: none; } #productTabs { float: left; } .CustomProduct.properties { min-height: 600px; } .CustomProduct.properties #human_readable_id { width: 63%; } .CustomProduct.properties #sort { width: 48%; margin-right: 2%; } .CustomProduct.properties #buttonSetSortTop { width: 13%; margin: 0; height: 36px; } .CustomProduct.properties #availability, .CustomProduct.properties #manufacturer, .CustomProduct.properties #designer, .CustomProduct.properties #product_type, .CustomProduct.properties #style{ width: 68%; } .CustomProduct.properties .designer .showDesignerWrapper { float:right; } .CustomProduct.properties .designer .showDesignerWrapper label { width:auto; } .CustomProduct.properties .fileUploadSingleGraphic { width: 256px; } .CustomProduct.properties .fileUploadSingleGraphic img { max-height:48px; } .CustomProduct.properties .fileUploadSingleGraphic input[type="button"] { margin-right: 0; } .CustomProduct.properties .fileUploadSingleGraphic .removeGraphic { margin-right: 8px; margin-left: 0; } .CustomProduct.properties .info { float: left; margin-bottom: 1rem; } .CustomProduct.properties .renderMode { margin-bottom: 1rem; } .CustomProduct.properties .renderMode .title { width: 100%; } .CustomProduct.properties .renderMode fieldset { width: 100%; } .CustomProduct.properties .renderMode label.renderModeLabel { width: 50%; margin: 0.25rem; } .CustomProduct.properties .renderMode input { margin: 0; height: 1.5rem; } .CustomProduct.properties .tooltip { float: left; background-color: var(--admin_color_bcPropertyTooltip); } .productPropertyConfiguration { min-width: 1200px; } .productPropertyConfiguration .configurationAttribute { clear: both; overflow: hidden; margin: 8px; } .productPropertyConfiguration .configurableProduct { float: left; width: 100%; margin-bottom: 8px; } .productPropertyConfiguration .configurableProduct .hri, .productPropertyConfiguration .configurableProduct .views, .productPropertyConfiguration .configurableProduct .expanded, .productPropertyConfiguration .configurableProduct .preview, .productPropertyConfiguration .configurableProduct .priority { overflow: hidden; width: 100%; margin-bottom: 8px; } .productPropertyConfiguration .configurableProduct .AdminRelation { clear: none; float: left; width: 436px; } .productPropertyConfiguration .configurableProduct .AdminRelation .relationDiv { margin-left: 0; margin-right: 4px; } .productPropertyConfiguration .configurableProduct.collapsed .twoColumns, .productPropertyConfiguration .configurableProduct.collapsed [data-toolbar-button=collapseOne], .productPropertyConfiguration .configurableProduct:not(.collapsed) [data-toolbar-button=expandOne] { display: none; } .productPropertyConfiguration [data-role=toolbar] { width: 100%; } .productPropertyConfiguration .itemToolbar input[type=text] { height: 15px; margin: 0; width: auto !important; } .panelContentForm form .CustomProduct.properties .visible { float: right; padding-top: 3px; } .panelContentForm form .CustomProduct.properties .visible label { margin-top:4px; } .panelContentForm form .CustomProduct.properties .visible input[type="checkbox"] { float: left; height: 18px; width: 18px; } .panelContentForm form .productPropertyConfiguration textarea { height: 3.5em; } .panelContentForm form .productPropertyConfiguration .twoColumns { width: 556px; } .panelContentForm form .productPropertyConfiguration .twoColumns input[type="text"], .panelContentForm form .productPropertyConfiguration .twoColumns input[type="password"], .panelContentForm form .productPropertyConfiguration .twoColumns textarea { width: 418px; } .panelContentForm form .productPropertyConfiguration .oneColumn .hri input[type="text"] { width: 800px; } .panelContentForm .hri input[type="button"] { width: auto; margin-right: 0; float: right; } .panelContentForm form .productPropertyConfiguration .twoColumns .BasicFileUpload { width: 50%; float: left; } .panelContentForm form .productPropertyConfiguration input.addElement, .panelContentForm .productPropertyConfiguration input.addElement { float: right; margin-top: 12px; } .CustomProduct.properties.release .ui-paging-info span { margin-left: 8px; } .CustomProduct.properties .oneColumn.attributeWrapper .attributeTitle{ float: none !important; } .CustomProduct.properties .oneColumn.attributeWrapper .gridLegend{ margin-left: 1rem; } .CustomProduct.properties .oneColumn.attributeWrapper .gridLegendEntry{ margin-bottom: 0.8rem; } .CustomProduct.properties .oneColumn.attributeWrapper .square{ display: inline-block; height: 0.8rem; width: 0.8rem; float: left; margin-right: 0.3rem; } .CustomProduct.properties .oneColumn.attributeWrapper .square.greenOverlay{ background-color: var(--admin_color_bcGreenOverlay); } .CustomProduct.properties .oneColumn.attributeWrapper .square.redOverlay{ background-color: var(--admin_color_bcRedOverlay); } .CustomProduct.properties .AdminPanelContentProductPropertyAttributes .disabledAttribute{ position: relative; pointer-events: none; } .CustomProduct.properties .AdminPanelContentProductPropertyAttributes .disabledAttributeOverlay{ position: absolute; left: 0; height: 0; width: 0; } .CustomProduct.properties .AdminPanelContentProductPropertyAttributes tr:has(.disabledAttributeOverlay) { background: var(--admin_color_bcRedOverlay); } .CustomProduct.properties .AdminPanelContentProductPropertyAttributes tr:has(.disabledAttributeOverlay) td { background: unset; } .CustomProduct.properties .AdminPanelContentProductPropertyAttributes .showAutoFillAttribute.ui-row-ltr td{ background-color: var(--admin_color_bcGreenOverlay) !important; background-image: none !important; } tr.ui-row-ltr.noChildren td { background-color: #f4d182; background-image: -webkit-gradient(linear, left top, left bottom, from(#F8F2E1), to(#f4d182) ); background-image: -webkit-linear-gradient(top, #F8F2E1, #f4d182); background-image: -moz-linear-gradient(top, #F8F2E1, #f4d182); background-image: -ms-linear-gradient(top, #F8F2E1, #f4d182); background-image: -o-linear-gradient(top, #F8F2E1, #f4d182); background-image: linear-gradient(top, #F8F2E1, #f4d182); } tr.ui-row-ltr.sameHri td { background-color: red !important; background-image: none !important; } tr.ui-row-ltr.parentVisibleGreen label[for*=visible_flag], tr.ui-row-ltr.parentActiveGreen label[for*=active_flag] { background-image: url(File/admin_grid/display_unchecked_green.png) !important; } tr.ui-row-ltr.parentVisibleGreen input.checkbox:checked + label[for*=visible_flag], tr.ui-row-ltr.parentActiveGreen input.checkbox:checked + label[for*=active_flag] { background-image: url(File/admin_grid/display_checked_green.png) !important; } tr.ui-row-ltr.parentVisibleRed label[for*=visible_flag], tr.ui-row-ltr.parentActiveRed label[for*=active_flag] { background-image: url(File/admin_grid/display_unchecked_red.png) !important; } tr.ui-row-ltr.parentVisibleRed input.checkbox:checked + label[for*=visible_flag], tr.ui-row-ltr.parentActiveRed input.checkbox:checked + label[for*=active_flag] { background-image: url(File/admin_grid/display_checked_red.png) !important; } .AdminPanelContentHsCode .hsCode.panel { display: none; } .PanelContentHsCodeProperties input[type="text"].readonly { border: 2px dotted var(--color_bcInfoBox); color: var(--color_bcInfoBox) } .PanelContentHsCodeProperties input.readonly:hover { border: 2px dotted var(--color_bcInfoBox); color: var(--color_bcInfoBox) } .PanelContentHsCodeProperties .hint { color: var(--color_cTextPassive); } .PanelContentHsCodeProperties .languageTabs ul { margin-left: 120px; margin-right: 10px; } .CustomCompany .fileUploadSingleGraphic { width: 256px; } .CustomCompany input[type="button"] { margin-right: 0px; } .CustomCompany .uploadButtons .removeGraphic { margin-right: 8px; margin-left: 0px; } .CustomCompany .ui-search-input .select2-container{ display: block; float: left; width: 255px; } .CustomCompany .ui-search-input .removeUser{ float: left; width: 236px; padding: 0; display: flex; justify-content: center; align-items: center; cursor: pointer; } .AdminPanelContentJob .job.panel { display: none; } .panelContentForm form .AdminPanelContentJob select{ height:auto; } .panelContentForm tr.ui-row-ltr.isRunning td { background-color: var(--color_cCellmsBlue); background-image: -webkit-gradient(linear, left top, left bottom, from(#BBEEFF), to(var(--color_cCellmsBlue)) ); background-image: -webkit-linear-gradient(top, #BBEEFF, var(--color_cCellmsBlue)); background-image: -moz-linear-gradient(top, #BBEEFF, var(--color_cCellmsBlue)); background-image: -ms-linear-gradient(top, #BBEEFF, var(--color_cCellmsBlue)); background-image: -o-linear-gradient(top, #BBEEFF, var(--color_cCellmsBlue)); background-image: linear-gradient(top, #BBEEFF, var(--color_cCellmsBlue)); } #inspireTabs { float: left; } .AdminPanelContentInspire .inspirePropertySingle.editButton { display: none; } .CustomInspire.properties { width: auto!important; margin: 0; } .CustomInspire.properties .fileUploadSingleGraphic { width: 576px; } .CustomInspire.properties.v1 .fileUploadSingleGraphic { width: 100%; } .CustomInspire.properties .fileUploadSingleGraphic input[type="button"] { margin-right: 0; } .CustomInspire.properties .fileUploadSingleGraphic .removeGraphic { margin-right: 8px; margin-left: 0; } .CustomInspire.properties .AdminGrid { margin-bottom: 12px; } .panelContentForm form .CustomInspire.properties .aktiv label { width: auto; } .CustomInspire.properties #languageTabs .tab, .CustomInspire.properties #languageTabs .tab .twoColumns { margin: 0; } .CustomInspire.properties #languageTabs .tab .twoColumns:first-child { margin-right: 24px; } /***** product input ********/ .productInputList { font-size: 12px; position: absolute; background-color: white; border: 1px solid #DDDDDD; box-shadow:1px 2px 10px rgba(0,0,0,0.25); z-index: 99999; } .productInputList td { padding: 1px 3px 1px 3px; } .productInputList tbody tr:hover { background: none repeat scroll 0 0 #3B73D7; /* 003366 */ color: var(--color_cWhite); } .productInputList tr:hover .hightlight { color: #444444; } .productInputList .hightlight { background-color: var(--color_cCellmsBlue); } .productInputList .productInputListProductId { padding-right: 15px; } .productInputList .productInputListTitle { } .waitIcon { background-image: url("File/admin_panel/loading.gif"); position: absolute; height: 32px; width: 32px; z-index: 99999; } #custom_inspirefileUpload .graphicWrapper { position: relative; overflow: hidden; margin-bottom: 16px; } #custom_inspirefileUpload .graphicWrapper .graphic { margin-bottom: 0; max-height: none; } .CustomInspire.properties .point { height: 24px; width: 24px; position: absolute; margin-left: -12px; margin-top: -12px; cursor: pointer; color: var(--color_cWhite); cursor: move; } .CustomInspire.properties .point .bg { background-color: rgba(255, 255, 255, 0.5); width: 0%; height: 0%; border-radius: 44px; position: absolute; left: 50%; top: 50%; } .CustomInspire.properties .point .sstarget { font-size: 24px; line-height: 29px; text-shadow: 0 -2px #000000; top: 12px; left: 12px; position: absolute; margin-left: 0; margin-top: 0; } .CustomInspire.properties.v1 .CustomInspire.collagePoint { width: 260px; } .CustomInspire.properties.v1 .CustomInspire.collagePoint .title { font-size: 13.88px; line-height: 16.66px; margin-bottom: 6.5px; } .CustomInspire.properties.v1 .CustomInspire.collagePoint .description { font-size: 11.43px; line-height: 17.15px; } .CustomInspire.properties.v1 .CustomInspire.collagePoint a { margin-top: 1.225rem; float: left; width: 100%; } .CustomInspire.properties.v1 .point .ss-target { display: none; } #wysiwyg .center .ProjectForm { float: none; margin: 0 auto; } #wysiwyg[data-lock-state=true] .BasicForm.ProjectForm .wrapper { float: none!important; } #wysiwyg .formItem .SetImage > *{ float: left; } .BasicForm [data-role="title"] { margin-left: 2em; } /*********** Edit mode ***********/ .edit .BasicForm .wrapper.small, .edit .BasicForm .wrapper.medium, .edit .BasicForm .wrapper.large, .edit .BasicForm .wrapperForm [data-role="toolbar"] { width: 100%; } .edit .BasicForm .wrapper.small [data-role="content"] { width: 25%; position:relative; } .edit .BasicForm .wrapper.medium [data-role="content"] { width: 50%; position:relative; } .edit .BasicForm .wrapper.large [data-role="content"] { position:relative; width: 100%; } .AdminPanelContentFormPatternProperty .testRegularExpressionMessage { float: left; } #wysiwyg.edit .fileUploadSingleGraphicWysiwyg:hover .buttonsWrapper, #wysiwyg.edit .fileUploadSingleGraphicWysiwyg .graphicWrapper img.defaultGraphic, #wysiwyg.edit .fileUploadSingleGraphicWysiwyg .dropzoneWrapper { display:block; } #wysiwyg.edit .fileUploadSingleGraphicWysiwyg .graphicWrapper { min-height: 80px; } #wysiwyg .subscription_step1_footerForm .chegroup{ display: block; } /************** Select2 ***************/ .panelContentForm form .select2-container a{ padding: 0; height:36px; box-sizing: border-box; } .panelContentForm form .select2-container .select2-choice > .select2-chosen{ line-height: 34px; padding: 0 0 0 12px; box-sizing: border-box; } .panelContentForm form .select2-dropdown-open .select2-choice .select2-arrow b, .panelContentForm form .select2-container .select2-choice .select2-arrow b { background-position-y: 5px; } .BasicFormAgreementProperty .customerGroupWrapper { float:left; width:100%; } .EventVenueProperty .oneColumn #capacity { height: 32px; font-size: 16px; } .EventVenueProperty textarea[name^="title[en]"], .EventVenueProperty textarea[name^="title[de]"] { height: 1.5rem; } .ProductRestrictionProperty .selectionRadio { display: flex; } /*hide the button*/ .AdminPanelContentTax.panelContent .editButton.panel { height: 0; } .AdminPanelContentDocumentation iframe { width: 100%; height: 600px; } .panelContentForm .ExportProperty input[type="button"], .panelContentForm .ExportProperty .button { width: auto; min-width: 122px; } .panelContentForm .ExportProperty #export_process { margin-left: 7rem; margin-top: 3rem; } .panelContentForm .ExportProperty #readMe { height: 7rem; } .panelContentForm .ExportProperty .infos { margin-bottom: 1rem; line-height: 32px; font-size: 1rem; } .panelContentForm .ExportProperty .infos .loading { background-image: url("File/skeleton_html/loading.gif"); background-repeat: no-repeat; height: 32px; width: 32px; display: inline-block; vertical-align: middle; margin: 0 0 0 1rem; } .panelContentForm .ExportProperty .documentTypeLabel { clear: none; margin-left: 2rem; } .panelContentForm .ExportProperty .documentTypeLabel:nth-child(14n+2) { margin-left: 0; clear: both; } .toolbar { position:absolute; display:none; border:0px solid transparent !important; z-index:90; } .toolbar > button { margin:3px; } .toolbarRight { top: 0px; right: -40px; max-width:40px; } .toolbarLeft { position: absolute; top: 0px; left: -35px; width: 36px; height: 186px; } .toolbarTop { top: -36px; left: 0px; } .droppable { height:10px; border:none; } /*.AdminDropZone { border-style:solid; border-width:1px; width: 100%; height:8px; border-color:white; } .edit .AdminDropZone { border-color:red; } .AdminDropZone.showAdminDropZone[data-drop-zone^="list_"] { background-color:blue; } .AdminDropZone.showAdminDropZone[data-drop-zone="pageContent"] { background-color:red; } */ /*********** wysiwyg - inactive widgets ***********/ #wysiwyg[data-lock-state="false"] .pageContentElement[data-active-flag="0"] { opacity: 0.35; } #wysiwyg[data-lock-state="false"] [data-active-flag="0"] { opacity: 0.35; } /**************WYSIWYG LOCK*****************/ /* hide upload buttons */ #wysiwyg .BasicFileUpload:not(.frontend), #wysiwyg .uploadButtons, #wysiwyg .LinkInput, #wysiwyg .panel { display: none; } #wysiwyg.edit .BasicFileUpload, #wysiwyg.edit .uploadButtons, #wysiwyg.edit .LinkInput, #wysiwyg.edit .panel { display: block; /* keep button above widget */ z-index: 10; } .dnone { display: none !important; } .header .crmLinkList, .header .posLinkList { display:none; text-align:right; } .header .crmLinkList .editButton, .header .posLinkList .editButton { float:right; } .header .crmLinkList ul.link, .header .posLinkList ul.link { display:none; } #wysiwyg.edit .header .crmLinkList, #wysiwyg.edit .header .posLinkList { display:block; } #wysiwyg.edit .header .crmLinkList .ListLinkList, #wysiwyg.edit .header .posLinkList .ListLinkList { overflow:hidden; } /* tracking matomo consent widget */ #wysiwyg .cookieAgreementOverview[data-matomo-status="0"] { opacity: 0.35; } #wysiwyg .matomoConsent .metaWysiwygInfo { color: var(--color_cRed); display: none; } #wysiwyg.edit .matomoConsent .metaWysiwygInfo { display: block; margin: 1rem; } .fileInputField { display:none; } .dropZone.ui-dropzone-highlight { background-color: var(--admin_color_bcDropZoneLight); color: var(--color_cBlack); } .dropZone { font-style:italic; color: var(--admin_color_cCaption); width: 100%; height: 100%; padding: 10px 0px 10px 0px; border-top:2px dotted var(--admin_color_cAdminButton); border-bottom:2px dotted var(--admin_color_cAdminButton); background-color: var(--admin_color_bcDropZone); cursor:pointer; text-align: center; font-size: 16px; } .fileUploadSize_info{ font-size: 12px; color: var(--admin_color_cCaption); margin-bottom: 0.25rem; } .fileUploadState{ clear:both; padding:0px; } .fileUploadState ul{ margin-left:0px; } .fileUploadState li{ list-style: none; border-bottom:1px solid var(--admin_color_cLine); margin-bottom:0px; clear: both; display: block; height: 32px; background-color:var(--color_cWhite); } .BasicFileUpload .loadingIcon { display: none; } .BasicFileUpload .loadingIcon .icon { background-image: url("File/skeleton_html/loading.gif"); width: 2rem; height: 2rem; margin: 0 auto; float: none; } .hiddenTemplate { display: none !important; } .fileUploadState li > div{ width:20%; /*display:inline;*/ float: left; font-size:12px; color:var(--admin_color_cCaption); line-height: 30px; margin-right: 16px; } .fileUploadState .filename{ width: 50%; } .fileUploadState .filesize{ width: 10%; } .fileUploadState .loadingIndicator{ width: 10%; } .fileUploadState .progressWrapper{ height:16px; border:1px solid var(--admin_color_cLine); background-color:var(--color_cWhite); margin-left: 16px; margin-top:8px; text-align:left !important; } .fileUploadState .progressBar { width: 0%; height: 16px; margin-left:0px; } .progressBarComplete { background-color:var(--admin_color_cLine); } .fileUploadSingleGraphic{ max-width: 100%; max-height: 50%; } .fileUploadSingleGraphic .graphic{ max-width: 100%; max-height: 50%; } .rules { float: left; clear: both; } .rules ul { display: block; float: left; margin: 0; } .rules li { display: block; float: left; clear: both; } .rules input { width: 400px; } .fileUploadErrorState { clear:both; padding:0px; } .fileUploadErrorState ul { margin-left:0px; } .fileUploadErrorState li { list-style: none; border-bottom:1px solid var(--admin_color_cLine); margin-bottom:0px; clear: both; display: block; height: auto; background-color:var(--color_cWhite); overflow: hidden; } .fileUploadErrorState li > div { float: left; font-size:12px; color:var(--admin_color_cCaption); line-height: 2.5em; margin-right: 16px; } .fileUploadErrorState .filename { width: 50%; } .fileUploadErrorState .filesize { width: 10%; } .fileUploadErrorState .message { width: 100%; margin: 0; color: var(--color_cError); } .fileUploadSingleGraphicWysiwyg .buttonsWrapper, .fileUploadSingleGraphicWysiwyg .defaultGraphic, .fileUploadSingleGraphicWysiwyg .dropzoneWrapper { display:none; } .fileUploadSingleGraphicWysiwyg { position:relative; overflow:hidden; } .fileUploadSingleGraphicWysiwyg .buttonsWrapper { position:absolute; top:0; left:0; z-index:100; } .fileUploadSingleGraphicWysiwyg .buttonsWrapper > * { float:left; margin-top:1px; margin-left:1px; } .fileUploadSingleGraphicWysiwyg .editButton.panel { min-width:0; } .fileUploadSingleGraphicWysiwyg .dropzoneWrapper { position:absolute; top: 0; left: 0; width:100%; height:100%; } .fileUploadSingleGraphicWysiwyg .BasicFileUpload{ position:relative; height:100%; } .fileUploadSingleGraphicWysiwyg .fileUploadState { position:absolute; bottom:0; left:0; } .fileUploadSingleGraphicWysiwyg .filename, .fileUploadSingleGraphicWysiwyg .filesize, .fileUploadSingleGraphicWysiwyg .loadingIndicator { display:none; } .fileUploadSingleGraphicWysiwyg .fileUploadState { width:100%; } .fileUploadSingleGraphicWysiwyg .fileUploadState li { border:none; height:0px; } .fileUploadSingleGraphicWysiwyg .progressWrapper { width:94%; margin: 0 3%; height: 8px; background-color:var(--color_cWhite); } .fileUploadSingleGraphicWysiwyg .dropZone { background-color: var(--admin_color_bcDropZone); filter:alpha(opacity=5); -moz-opacity: 0.5; opacity: 0.5; background-image:none; border:none; height:100%; } .fileUploadSingleGraphicWysiwyg .dropZone:hover, .fileUploadSingleGraphicWysiwyg .dropZone.ui-dropzone-highlight { filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; } .fileUploadSingleGraphicWysiwyg .dropZone p { display:none; } #wysiwyg .pageItem .itemToolbar > li[data-role=widgetName] { float: right; max-width: 200px; overflow: hidden; height: 21px; padding: 0; border: 3px solid transparent; } #wysiwyg .pageItem .itemToolbar > li[data-role=widgetName] .BasicText { height: auto; } .pageItem.inactive li[data-toolbar-button="newCheckbox"], .pageItem.inactive li[data-toolbar-button="active"], .pageItem.collapsed li[data-role="content"], .pageItem li[data-toolbar-button="inactive"], .pageItem.noanchor li[data-toolbar-button="anchor"], .pageItem li[data-toolbar-button="noanchor"] { display: none; } .pageItem li[data-toolbar-button="newCheckbox"], #wysiwyg .pageItem.inactive ul[data-role="title"], .pageItem li[data-role="content"], .pageItem.noanchor li[data-toolbar-button="noanchor"], .pageItem li[data-toolbar-button="anchor"] { display: block; } .pageItem li[data-toolbar-button="manual"]{ float:right; } .pageItem li[data-toolbar-button="manual"] a{ color: inherit; } .pageItem.inactive li[data-toolbar-button="inactive"] { display: inline-block; } .Page .itemToolbar { overflow: hidden; } li[data-toolbar-button="collapseOne"], li[data-toolbar-button="expandOne"], li[data-toolbar-button="collapse"], li[data-toolbar-button="expand"], li[data-toolbar-button="drag"], li[data-toolbar-button="anchor"], li[data-toolbar-button="noanchor"] { float: right; } #wysiwyg .wysiwygLabel { display: none; } #wysiwyg.edit .wysiwygLabel { display: block; } /**** toolbar buttons *****/ .itemToolbar { background-color: var(--admin_color_bcToolbar); } .itemToolbar .admin-button .text { height:21px; } .itemToolbar .admin-button[data-toolbar-button="inactive"], .itemToolbar .admin-button[data-toolbar-button="inactive"] .icon, .itemToolbar .admin-button[data-toolbar-button="deactivate"], .itemToolbar .admin-button[data-toolbar-button="deactivate"] .icon, .itemToolbar .admin-button[data-toolbar-button="unlike"], .itemToolbar .admin-button[data-toolbar-button="unlike"] .icon, .itemToolbar .admin-button.referenceCount, .itemToolbar .admin-button.referenceCount .icon, .itemToolbar .admin-button.cellmsblue, .itemToolbar .admin-button.cellmsblue .icon, .inactive .itemToolbar .admin-button[data-role="h1"].fault, .inactive .itemToolbar .admin-button[data-role="h1"].ok { color:var(--color_cWhite); background-color:var(--color_cCellmsBlue); } .itemToolbar .admin-button[data-role="h1"], .itemToolbar[data-position="bottom"] .admin-button[data-role="h1"] { cursor: default; } .itemToolbar .admin-button[data-role="h1"].fault, .itemToolbar .admin-button[data-role="h1"].fault .icon { color: var(--color_cWhite); background-color: var(--color_cRed); } .itemToolbar .admin-button[data-role="h1"].ok, .itemToolbar .admin-button[data-role="h1"].ok .icon { color: var(--color_cWhite); background-color: var(--color_cGreen); } .itemToolbar .admin-button[data-role="h1"]:not(.ok):not(.fault) .text { text-decoration: line-through; } .itemToolbar .admin-button.noCursor { cursor: default; } .itemToolbar .admin-button[data-role="title"], .itemToolbar .admin-button[data-role="widgetName"] { background-color:inherit; line-height:1.5em; } .itemToolbar .admin-button[data-role="title"] { margin-left:6px !important; color:var(--color_cWhite); cursor: default; } .itemToolbar .admin-button.icon-only { width:auto; } .itemToolbar .admin-button { margin: 0 1px 0 0 !important; } #wysiwyg .editButton.js-no-edit, .itemToolbar .js-no-edit { display: none !important; } .pageItem.collapsed li[data-toolbar-button="collapseOne"], .pageItem li[data-toolbar-button="expandOne"], .itemToolbar li[data-toolbar-button="expand"], .itemToolbar.collapsed li[data-toolbar-button="collapse"] { display: none; } .pageItem li[data-toolbar-button="collapseOne"], .pageItem.collapsed li[data-toolbar-button="expandOne"], .itemToolbar.collapsed li[data-toolbar-button="expand"] { display: block; } #wysiwyg .itemToolbar .BasicText { min-height:1.5em; } .itemToolbar .admin-button.contentSeparator, .itemToolbar .admin-button.contentSeparator .icon { color:var(--color_cWhite); background-color:var(--color_cCellmsBlue); } .itemToolbar .admin-button .csContentPositionIcon { background-repeat: no-repeat; background-size: 21px; background-position: center; width: 21px; height: 21px; } .itemToolbar .admin-button.contentSeparator .csContentPositionIcon { background-image:url('File/admin_panelContent_wysiwyg/bereichsteiler.svg'); } .itemToolbar .admin-button.contentSeparator .text:after { content: "Bereichstreiler"; } .contentSeparator.cs0 .itemToolbar .admin-button.contentSeparatorContent .csContentPositionIcon { background-image:url('File/admin_panelContent_wysiwyg/bereichsteiler_cs0.svg'); } .contentSeparator.cs0 .itemToolbar .admin-button.contentSeparatorContent .text:after { content: "Vor dem Trenner"; } .contentSeparator .itemToolbar .admin-button.contentSeparatorContent .csContentPositionIcon { background-image:url('File/admin_panelContent_wysiwyg/bereichsteiler_cs1.svg'); } .contentSeparator .itemToolbar .admin-button.contentSeparatorContent .text:after { content: "Nach dem Trenner"; } .contentSeparator.csfull .itemToolbar .admin-button.contentSeparator .csContentPositionIcon, .contentSeparator.csfull .itemToolbar .admin-button.contentSeparatorContent .csContentPositionIcon { background-image:url('File/admin_panelContent_wysiwyg/bereichsteiler_csfull.svg'); } .contentSeparator.csfull .itemToolbar .admin-button.contentSeparator .text:after, .contentSeparator.csfull .itemToolbar .admin-button.contentSeparatorContent .text:after { content: "Breit"; } .contentSeparator.csright .itemToolbar .admin-button.contentSeparator .csContentPositionIcon, .contentSeparator.csright .itemToolbar .admin-button.contentSeparatorContent .csContentPositionIcon { background-image:url('File/admin_panelContent_wysiwyg/bereichsteiler_csright.svg'); } .contentSeparator.csright .itemToolbar .admin-button.contentSeparator .text:after, .contentSeparator.csright .itemToolbar .admin-button.contentSeparatorContent .text:after { content: "Rechts"; } .contentSeparator.csleft .itemToolbar .admin-button.contentSeparator .csContentPositionIcon, .contentSeparator.csleft .itemToolbar .admin-button.contentSeparatorContent .csContentPositionIcon { background-image:url('File/admin_panelContent_wysiwyg/bereichsteiler_csleft.svg'); } .contentSeparator.csleft .itemToolbar .admin-button.contentSeparator .text:after, .contentSeparator.csleft .itemToolbar .admin-button.contentSeparatorContent .text:after { content: "Links"; } #wysiwyg.edit .pinWrapper { height: auto!important; } #wysiwyg.edit .content .csleft { padding-right: 20rem; box-sizing: border-box; } .itemToolbar .admin-button.contentSeparator .text:after { content: "Bereichstreiler"; } .contentSeparator.csfull .itemToolbar .admin-button.contentSeparatorContent .csContentPositionIcon { background-image:url('File/admin_panelContent_wysiwyg/bereichsteiler_cs0.svg'); } .contentSeparator.csfull .itemToolbar .admin-button.contentSeparator .text:after, .contentSeparator.csfull .itemToolbar .admin-button.contentSeparatorContent .text:after { content: "Breit"; } .contentSeparator.csright .itemToolbar .admin-button.contentSeparatorContent .csContentPositionIcon { background-image:url('File/admin_panelContent_wysiwyg/bereichsteiler_cs1.svg'); } .contentSeparator.csright .itemToolbar .admin-button.contentSeparator .text:after, .contentSeparator.csright .itemToolbar .admin-button.contentSeparatorContent .text:after { content: "Rechts"; } .contentSeparator.csleft .itemToolbar .admin-button.contentSeparatorContent .csContentPositionIcon { background-image:url('File/admin_panelContent_wysiwyg/bereichsteiler_cs2.svg'); } .contentSeparator.csleft .itemToolbar .admin-button.contentSeparator .text:after, .contentSeparator.csleft .itemToolbar .admin-button.contentSeparatorContent .text:after { content: "Links"; } .SkeletonContentSeparatorProperty .title { height: 2rem; line-height: 2rem; } .SkeletonContentSeparatorProperty .description { font-size: 0.75rem; margin-bottom: 1.5rem; } #wysiwyg .pageBcImage { top: 92px; left: 16px; right: 16px; } #wysiwyg .header .actionLinkList .BasicText { display: none; } #wysiwyg .desktopMenuButton { top: 8.75rem; } #wysiwyg .overlayMenu .mainMenu { padding: 6rem 2rem; } #wysiwyg .header .mainMenu.ListLinkList .BasicText { display: none; } #wysiwyg .mainMenu .editButton { float: right; } #wysiwyg.edit .adminMobile { display: block; } #wysiwyg .adminMobile .ListLinkList .BasicText.title { display: none; } #pageContent.loading{ height:500px; background-image:url('File/admin_panelContent_wysiwyg/loading_kreis.gif'); background-position:center; background-repeat:no-repeat; } .pageContentElement { position: relative; clear: both; } .pageContentWrapper > ul, .pageContentWrapper > ul > li, .pageContentWrapper ul.pageItem, .pageContentWrapper ul.pageItem > li, .pageContentWrapper ul.itemToolbar, .pageContentWrapper ul.itemToolbar > li, #pageContent > ul, #pageContent > ul > li, #pageContent ul.pageItem, #pageContent ul.pageItem > li, #pageContent ul.itemToolbar, #pageContent ul.itemToolbar > li { list-style-type: none; margin: 0; } input#propertyView { display: none; } .pageContentElement { overflow: hidden; } .edit .pageContentElement { padding-bottom: 12px; } label .BasicText { display: inline-block; } .wysiwygPasteDialogTextArea textarea { width: 576px; min-height: 400px; margin: 32px; padding: 8px; } ul.x-tab-strip-top, .x-tab-strip-top .x-tab-right, .x-tab-strip-top .x-tab-left, .x-tab-strip-top .x-tab-strip-inner { background-image: none; } .x-tab-strip-active { background-color: var(--admin_color_bcAdminButton); } .x-tab-strip span.x-tab-strip-text { color: var(--admin_color_cAdminButton); font-weight:normal; } .x-tab-strip-active span.x-tab-strip-text, .x-tab-strip-over span.x-tab-strip-text { color: var(--color_cCellmsBlue); } /* overwrite boilderplate style, to show italic texts */ i { font-style: italic; } .edit .editMode.BasicText, .edit .editMode.BasicText[contenteditable="false"] { background-color: var(--admin_color_bcRte) !important; color: var(--color_cBlack) !important; } .edit .editMode.BasicText[contenteditable="true"] { min-height: 1em; } .edit .editMode.BasicText { color: var(--color_cBlack) !important; background-color: var(--admin_color_bcRte) !important; } .edit .editMode.BasicText[contenteditable="true"]:focus { background-color: var(--admin_color_bcRteActive) !important; } .edit .editMode.BasicText[cState], .edit .editMode.BasicText[cState][contenteditable="false"], .edit .editMode.BasicText[cState][contenteditable="true"]:focus { background-color: #e6f5d3 !important; position: relative !important; bottom: auto !important; } .edit .editMode.BasicText[cState=cYellow], .edit .editMode.BasicText[cState=cYellow][contenteditable="false"], .edit .editMode.BasicText[cState=cYellow][contenteditable="true"]:focus { background-color: #f5f0d3 !important; } .edit .editMode.BasicText[cState=cRed], .edit .editMode.BasicText[cState=cRed][contenteditable="false"], .edit .editMode.BasicText[cState=cRed][contenteditable="true"]:focus { background-color: #f5d3d3 !important; } .edit .editMode.BasicText[cState]:after { position: absolute; top: -1rem; right: -1rem; width: 1rem; height: 1rem; content: "💾"; font-family: SSGizmo !important; font-size: 1rem; color: var(--color_cGreen); } .edit .editMode.BasicText[cState=cYellow]:after { color: var(--color_cYellow); } .edit .editMode.BasicText[cState=cRed]:after { color: var(--color_cRed); } .AdminMenu #wysiwygMenu { z-index: 1000; display: block; position:fixed; bottom:62px; right:16px; margin:0; } #wysiwygMenu a { display:block; height: 16px; min-width:120px; color: var(--admin_color_cAdminButton); background-color: var(--admin_color_bcAdminButton); text-decoration:none; font-size: 13px; text-align:right; margin-bottom:1px; padding: 10px 12px; } #wysiwygMenu a:hover { color:var(--color_cCellmsBlue); } #wysiwygMenu a .icon { display: block; float: right; font-size: 18px; margin-top: -2px; padding-left: 8px; } #wysiwygMenu .wysiwygToolbarMenu { display: none; } #wysiwygMenu .wysiwygToolbarMenu.unlocked { display: block; } #createCache, #createPageCache, #clearCache, #clearPageCache { height: 22px; } #createCache:hover, #createPageCache:hover, #clearCache:hover, #clearPageCache:hover { color: var(--color_cCellmsBlue); } .urlInputList { font-size: 12px; position: absolute; background-color: white; border: 1px solid #DDDDDD; box-shadow:1px 2px 10px rgba(0,0,0,0.25); z-index: 99999; } .urlInputList td { padding: 1px 3px 1px 3px; } .urlInputList tbody tr:hover { background: none repeat scroll 0 0 #3B73D7; /* 003366 */ color: var(--color_cWhite); } .urlInputList tr:hover .hightlight { color: #444444; } .urlInputList .hightlight { /* color: #607890; */ /* background-color: #8CEEFF; */ background-color: var(--color_cCellmsBlue); } .urlInputList .uriInputListTitle { padding-right: 15px; } .urlInputList .uriInputListUri { } .wysiwygError h1 { padding: 1rem; text-align: center; } .wysiwygError table { width: 100%; } .wysiwygError td { padding: 0.25rem 0.5rem; } .wysiwygError td:nth-child(1) { white-space: nowrap; } .panelContentForm .error { color: var(--color_cError); } .panelContentForm .borderError { border-color: var(--color_cError); } .BasicForm ul,.BasicForm li { list-style-type: none; margin: 0px; } #wysiwyg .formItem ul[data-role="title"], .formItem.collapsed li[data-role="content"], .formItem.deactivated li[data-role="content"], .formItem.deactivated li[data-toolbar-button="activate"], .formItem li[data-toolbar-button="deactivate"], .formItem.deactivated li[data-toolbar-button="edit"], .formItem.deactivated li[data-toolbar-button="newCheckbox"] { display: none; } #wysiwyg .formItem.collapsed ul[data-role="title"], #wysiwyg .formItem.deactivated ul[data-role="title"], .formItem li[data-role="content"] { display: block; } .formItem.deactivated li[data-toolbar-button="deactivate"] { display: inline-block; } .AdminPanelContentForm .editButton.pageAction { color: var(--color_cWhite); background-image: none; background-color: var(--color_cCellmsBlue); } .BasicSpacerProperty .styleProperties { float: right; clear: both; } .edit .BasicSpacer{ display:none; } #wysiwyg .BasicSpacer > * { border: 1px solid #F0F0F0; } .SeparatorText>.BasicText { display: inline-block; } .panelContentForm form .BasicSeparatorProperty textarea { height: 2em; } .BasicVideoProperty .AdminPanelContentWidgetGraphicRulesInProperty { float: left; width: 100%; } .BasicVideoInDialogProperty { overflow: hidden; width: 100%; } .BasicVideo.properties .threeColumns h2 { height:48px; } .BasicVideo.properties img { max-width:100%; } .BasicVideo.properties .twoColumns label { width: 180px; } .BasicVideo.properties .twoColumns select { width: 382px; } .BasicVideo.properties #embed_player { width: 100%; height:256px; clear:both; margin-bottom:16px; } .BasicVideo.properties #embed_player .BasicVideo { height:100%; } #wysiwyg .CustomShopCheckoutJs .progresslist { max-width: 100%; } #wysiwyg #checkoutJsProgress .state { width: 20%; } #wysiwyg #checkoutJsProgress .placeholder { display: none; } #wysiwyg #checkoutJsEditPay h5 { font-weight: bold; border-top-width: 2px; padding-top: 0.5rem; } #wysiwyg #checkoutJsEditPay .BasicText { margin: 1rem 0 3rem; } .agreementInDialog { margin-bottom:1.5rem; } .agreementInDialog .title { float:none !important; } .agreementInDialog .agreement { overflow:hidden; border-top: 1px solid var(--color_cBlack); padding: 0.5rem 0.75rem 0.5rem 0; font-size:0.75rem; } .agreementInDialog .agreement:last-child { border-bottom: 1px solid var(--color_cBlack); } .agreementInDialog .agreement > * { float:left; padding-left:0.75rem; box-sizing:border-box; } .agreementInDialog .scope { width:5%; } .agreementInDialog .caption { width:20%; } .agreementInDialog .text { width: 55%; } .agreementInDialog .state { width: 10%; } .agreementInDialog .date { width: 10%; } #wysiwyg.edit .CustomLocation.detail .editButton.locationProperty { display:none; } .panelContentForm form .CustomMail.properties textarea { height:16rem; } .panelContentForm form .CustomMail.properties textarea[name="comment"] { height:6rem; } .panelContentForm form .CustomMail.properties textarea.subject { height:2rem; } .panelContentForm form .CustomMail.properties .formVariables textarea { height:7.5rem; } .panelContentForm form .CustomMail.properties textarea#testParameters { height:10rem; } .panelContentForm .CustomMail.properties input[type="button"] { float: right; width: auto; clear:both; } .panelContentForm form .twoColumns.translationHelp { margin-top:8px; } .panelContentForm form .twoColumns.translationHelp .title { float: none; margin-left: 120px; text-align: left; } .panelContentForm .CustomMail.properties .testLanguage label.language { clear: none; margin-left: 0.25rem; margin-right: 2rem; width: auto; } .CustomSocialMedia.List .BasicFileUpload { width: 100%; float: left; } .CustomManufacturer.properties #address, .CustomManufacturer.properties #contact, .CustomManufacturer.properties #moreInfos { height:86px; } .panelContentForm .CustomUserProfileProperty .files { font-size: 1rem; margin: 1rem 0 1rem 1.5rem; clear: both; } .panelContentForm .CustomUserProfileProperty .uploadedFiles .fileWrapper { overflow:hidden; margin-bottom:0.25rem; } .panelContentForm .CustomUserProfileProperty .uploadedFiles .fileWrapper:last-child { margin-bottom:1rem; } .panelContentForm .CustomUserProfileProperty .uploadedFiles .delete { cursor: pointer; float: right; height: 1rem; margin-right: 1.5rem; padding: 0.5rem 0 0 0.25rem; } .panelContentForm .CustomUserProfileProperty .uploadedFiles .linkWrapper { margin-top:0.25rem; margin-right: 14.5rem; word-break: break-all; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } /****** LIST ARTICLELIST *******/ .panelContentForm .ListArticleListProperty { margin: 0; } .panelContentForm .ListArticleListProperty #new_article { float: right; } .ListDownloadList.property .AdminGrid { margin-bottom: 12px; } .ListDownloadList.property .warningText, .ListDownloadList.property .BasicFileUpload { margin-bottom:1.5rem; } .ListDownloadList.property .extendedInformation, .ListDownloadList.property .extendedInformation + .stripe, .ListDownloadList.property .AdminPanelContentWidgetGraphicRulesInProperty, .ListDownloadList.property .AdminPanelContentWidgetGraphicRulesInProperty + .stripe { display:none; } #wysiwyg.edit .ListDownloadList.simple .editButton { display: none; } /*don't display the edit button of the gallery when it's a page content (but do it when it's a subwidget)*/ #wysiwyg.edit .pageContentElement>.ListImageGallery>a.editButton { display: none; } .ListImageGallery.property .addElement { padding: 8px; width: auto; } /*rules for the tabs in the property dialogs*/ .ListImageGallery.property .ui-tabs { padding: 0px; } .ListImageGallery.property .ui-widget-content { border: none; } .ListImageGallery.property .ui-tabs-nav { margin-bottom: 16px; } /*rules for the edit button*/ .ListImageGallery a.imageGalleryProperty.panel { padding-right: 12%; } .ListImageGallery table.jqgrid tr.warning td { background-color: #F8EBC1; background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f2e1), to(#F8EBC1) ); background-image: -webkit-linear-gradient(top, #f8f2e1, #F8EBC1); background-image: -moz-linear-gradient(top, #f8f2e1, #F8EBC1); background-image: -ms-linear-gradient(top, #f8f2e1, #F8EBC1); background-image: -o-linear-gradient(top, #f8f2e1, #F8EBC1); background-image: linear-gradient(top, #f8f2e1, #F8EBC1); } .ListImageGallery table.jqgrid tr.error td { background-color: #f28f8f; background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f2e1), to(#f28f8f) ); background-image: -webkit-linear-gradient(top, #f8f2e1, #f28f8f); background-image: -moz-linear-gradient(top, #f8f2e1, #f28f8f); background-image: -ms-linear-gradient(top, #f8f2e1, #f28f8f); background-image: -o-linear-gradient(top, #f8f2e1, #f28f8f); background-image: linear-gradient(top, #f8f2e1, #f28f8f); } #wysiwyg .ListImageGallery.extendedSlideshow .SetImage .description, #wysiwyg .ListImageGallery.extendedSlideshow .SetImage .copyright { display: inline-block; } .ListImageGallery.property label[for="navigationFlag"], .ListImageGallery.property input#navigationFlag { display:none; } .ListImageGallery.property .BasicFileUpload { margin-bottom: 1rem; } .ListImageGallery.property[data-property-view="square"] #languageTabs, .ListImageGallery.property[data-property-view="square"] #languageTabs + .stripe { display:none; } .linkTeaser.property label{ width: auto; } /*not need to display the button because we already have the button from the toolbar*/ #wysiwyg .pageContentElement > .ListLinkList > a.editButton { display:none; } .ListLinkList.property table.jqgrid tr.warning td { background-color: #F8EBC1; background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f2e1), to(#F8EBC1) ); background-image: -webkit-linear-gradient(top, #f8f2e1, #F8EBC1); background-image: -moz-linear-gradient(top, #f8f2e1, #F8EBC1); background-image: -ms-linear-gradient(top, #f8f2e1, #F8EBC1); background-image: -o-linear-gradient(top, #f8f2e1, #F8EBC1); background-image: linear-gradient(top, #f8f2e1, #F8EBC1); } .ListLinkList.property table.jqgrid tr.error td { background-color: #f28f8f; background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f2e1), to(#f28f8f) ); background-image: -webkit-linear-gradient(top, #f8f2e1, #f28f8f); background-image: -moz-linear-gradient(top, #f8f2e1, #f28f8f); background-image: -ms-linear-gradient(top, #f8f2e1, #f28f8f); background-image: -o-linear-gradient(top, #f8f2e1, #f28f8f); background-image: linear-gradient(top, #f8f2e1, #f28f8f); } #wysiwyg .csfullnright .ListLinkList.simple .textWrapper { margin: 1rem 4rem; } #wysiwyg:not(.edit) .csfullnright .ListLinkList.simple .textWrapper .BasicText { display: inline; } #wysiwyg.edit .csfullnright .ListLinkList.simple .textWrapper .BasicText { display: inline-block; } #wysiwyg .CustomEvent.UniModuleOverview .linksAndDownloads .editButton { float:right; clear:both; } #wysiwyg .CustomEvent.UniModuleOverview .linksAndDownloads .ListLinkList{ margin-right: 0; } #wysiwyg .CustomEvent.UniModuleOverview .linksAndDownloads ul { width: 100%; clear:both; } #wysiwyg.AdminPanelContentWysiwyg .CustomEvent.UniModuleOverview .ListLinkList .textWrapper { margin: 0.5rem 3.125rem; } #wysiwyg.AdminPanelContentWysiwyg .CustomEvent.UniModuleOverview .ListLinkList .editButton .icon{ color: inherit; width: inherit; height: inherit; line-height: 1.5em; background-color: transparent; } #wysiwyg.AdminPanelContentWysiwyg .CustomEvent.UniModuleOverview .iconWrapper:hover .icon{ color: var(--color_cBlack); background-color: var(--color_cWhite); } #wysiwyg .SetArticle.simple .infoBlock .SetText .title { display:block; } #wysiwyg .SetArticle.simple .ListLinkList .BasicText.title, #wysiwyg .SetArticle.simple .ListDownloadList .BasicText.title { display:none; } #wysiwyg.edit .SetArticle.simple .articleContent .graphicCopyright { position:static } .SetArticle.properties .formView, .SetArticle.properties .formName { display:none; } #wysiwyg .SetArticle.detail .adminTooltip { display:none; } #wysiwyg .SetArticle.detail .articleContent:not(.videoEmpty) .imageWrapper > .graphicWrapper { display: none; } #wysiwyg.edit .SetArticle.detail .articleContent:not(.videoEmpty) .imageWrapper > .graphicWrapper { display: block; } #wysiwyg .SetArticle.detail .articleContent.videoEmpty .imageWrapper > .videoWrapper { display: none; } #wysiwyg.edit .SetArticle.detail .articleContent.videoEmpty .imageWrapper > .videoWrapper { display: block; } #wysiwyg .SetArticle.detail.blog .subtitle { display:none; } #wysiwyg.edit .SetArticle.detail.blog .adminTooltip, #wysiwyg.edit .SetArticle.detail.blog .subtitle { display:block; } .SetImageProperty textarea[name="copyright[]"], .SetImageProperty textarea[name="title[]"], .SetImageProperty textarea[name="alt[]"] { height:3rem; } .SetImageProperty.onlyCopyrightGraphic label[for=linkText], .SetImageProperty.onlyCopyrightGraphic [name="linkText[]"], .SetImageProperty.onlyCopyrightGraphic label[for=linkUri], .SetImageProperty.onlyCopyrightGraphic [name="linkUri[]"], .SetImageProperty.onlyCopyrightGraphic label[for=description], .SetImageProperty.onlyCopyrightGraphic [name="description[]"]{ display: none; } #wysiwyg.edit .smartLightbox .count { top: 2rem; } .SetVideoInDialogProperty { clear: both; } .SetVideoInDialogProperty .titleArea textarea { height: 2em; } .SetVideoInDialogProperty .altArea textarea, .SetVideoInDialogProperty .transcriptArea textarea, .SetVideoInDialogProperty .copyrightArea textarea, .SetVideoInDialogProperty .descriptionArea textarea { height: 3em; } .SetVideoInDialogProperty .addVideo label { width: auto; float: none; text-align: left; margin-bottom: 0.75rem; } .SetVideoInDialogProperty .addVideo label[for="videoUpload"] { margin-bottom: 0.25rem; } .SetVideoInDialogProperty .addVideo label[for="videoUpload"] + .BasicFileUpload { margin-top: 0; } .SetVideoInDialogProperty #videoUrl { width: 100%; box-sizing: border-box; } .SetVideoInDialogProperty #newvideokey { width: 100%; box-sizing: border-box; } .SetVideoInDialogProperty .BasicFileUpload { width: 100%; float: left; margin: 0.5rem 0; } .SetVideoInDialogProperty .addVideo .add { width: auto; } .SetVideoInDialogProperty .BasicVideoInDialogProperty{ overflow: unset; } .SetVideoInDialogProperty .fileUploadSingleGraphicWrapper h2{ margin-bottom: 1rem; } .SetVideoInDialogProperty .fileUploadSingleGraphicWrapper #languageTabsImageInDialog p:nth-last-child(-n+2), .SetVideoInDialogProperty .fileUploadSingleGraphicWrapper .oneColumn > label, .SetVideoInDialogProperty .fileUploadSingleGraphicWrapper .stripe{ display: none; } .SetVideo.onlyHosterUrlProperty .title:not(.wrapper) { width: 100%; } .SetVideoInDialogProperty .waitIcon { background-image: url("/Ressource/Graphic/loading.gif"); display:block; margin: 0 auto; position: relative; } .ListAudioList.property .addAudio label { width: auto; float: none; text-align: left; margin-bottom: 0.75rem; } .ListAudioList.property .addAudio label[for="audioUpload"] { margin-bottom: 0.25rem; } .ListAudioList.property .addAudio .BasicFileUpload { width: 100%; margin: 0 0 0.5rem; } .ListAudioList.property .addAudio .add { width: auto; } .ListAudioList.property { background-color: var(--color_cWhite); margin: 0; } .SetAudio .fileUploadSingleGraphicWysiwyg .editButton { display: none!important; } .ListAudioList.property .title { font-family: inherit; letter-spacing: inherit; text-transform: inherit; } .ListVideoList.property { padding: 0; margin: 0; } .ListVideoList.property .addVideo label { width: auto; float: none; text-align: left; margin-bottom: 0.75rem; } .ListVideoList.property .addVideo label[for="videoUpload"] { margin-bottom: 0.25rem; } .ListVideoList.property #videoUrl { width: 100%; box-sizing: border-box; } .ListVideoList.property #newvideokey { width: 100%; box-sizing: border-box; } .ListVideoList.property .BasicFileUpload { width: 100%; float: left; margin: 0 0 0.5rem; } .ListVideoList.property .addVideo .add { width: auto; } .ListVideoList.property .waitIcon { background-image: url("/Ressource/Graphic/loading.gif"); display:block; margin: 0 auto; position: relative; } .ListVideoList.property .subGridContent { overflow: hidden; width: 1144px; margin: 0.25rem auto; } .ListVideoList.property .subGridContent .SetVideoInDialogProperty { float: left; width: 768px; padding-right: 1rem; box-sizing: border-box; } .ListVideoList.property .subGridContent .oneColumn { width: 100%; margin: 0; } .ListVideoList.property .subGridContent .oneColumn textarea { width: 620px; height: 2.5em; padding: 4px; margin-bottom: 16px; } .ListVideoList.property .subGridContent .BasicVideoInDialogProperty { float: left; width: 376px; } .ListVideoList.property .subGridContent .SetVideoInDialogProperty { float: left; width: 768px; } .Admin.Widget { background-color: transparent!important; } #wysiwyg .pageOverlay { width: inherit; } #wysiwyg .dropZone { padding:0; } .AdminPalette #admin_category_system { clear:both; } #wysiwyg.edit .content .cs1 { } #wysiwyg.edit .content .cs2 { width: 100%; position: relative; } #wysiwyg.edit .content .cs2 .pageContentElement { width: 18.75rem; } #wysiwyg .CustomArticle.teaserListMultipicture .textWrapper .BasicText { display:inline-block; vertical-align:middle; } .CustomArticle.properties.articleTeaserList.projektTeaserList #linkLanguageTabs div p:first-child, .CustomArticle.properties.articleTeaserList.projektTeaserListMultiplepicture .tab p:first-child + p { display: none; } .CustomArticle.properties.veranstaltungTeaserList #linkLanguageTabs, .CustomArticle.properties.veranstaltungTeaserList #linkLanguageTabs + .stripe { display: none; } .personDetail.properties .fileUploadSingleGraphic { text-align:center; } .personDetail.properties .graphicWrapper { display:inline-block; } .personDetail.properties img { max-height:12rem; max-width:12rem; } .personDetail.properties textarea[name^="title"], .personDetail.properties textarea[name^="subTitle"], .personDetail.properties textarea[name^="openhours"], .personDetail.properties textarea[name^="subjects"], .personDetail.properties textarea[name^="extlocation"] { height:60px; box-sizing:border-box; } .personDetail.properties textarea[name^="content"], .personDetail.properties textarea[name^="publications"] { height:136px; box-sizing:border-box; } .personDetail.properties .TagCloudInProperty { clear: both; overflow: hidden; margin-bottom:1rem; } .personDetail.properties .TagCloudInProperty .threeColumns{ margin:0; } .studentDetail.properties textarea[name^="title"], .studentDetail.properties textarea[name^="subTitle"] { height:60px; box-sizing:border-box; } .studentDetail.properties textarea[name^="content"] { height:136px; box-sizing:border-box; } #wysiwyg .CustomEvent.UniModuleOverview.uniModuleDetail .infoWrapperLeft .tagValue { display:inline-block; } #wysiwyg.AdminPanelContentWysiwyg .ListLinkList.simple .icon, #wysiwyg.AdminPanelContentWysiwyg .ListDownloadList.pageElt .SetDownload .icon{ display: block; border-radius: 100%; background-color: #000000; color: #ffffff; font-size: 0.8125rem; text-align: center; line-height: 1.8125rem; height: 1.625rem; width: 1.625rem; text-align: center; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; } #wysiwyg.AdminPanelContentWysiwyg .ListDownloadList.pageElt .SetDownload .iconWrapper { float: left; } #wysiwyg.AdminPanelContentWysiwyg .ListDownloadList.pageElt .SetDownload .textWrapper, .csfullnright .DownloadListOverview .SetDownload .textWrapper { margin: 0.125rem 2.625rem; } .CustomLibrary.properties .twoColumns1to3 textarea { height:16px; padding: 12px; width: 230px; } .CustomLibrary.properties .twoColumns2to3 textarea { height:16px; padding:12px; width: 630px; } #wysiwyg.edit .CustomLocation.detail .editButton.locationProperty { display:none; } .CustomLogoGeneratorProperty.properties { font-size: 12px; color: #777777; margin-right:12px; } .CustomLogoGeneratorProperty.properties ul, .CustomLogoGeneratorProperty.properties .information, .CustomLogoGeneratorProperty.properties .zip_info, .CustomLogoGeneratorProperty.properties .warning{ margin: 0px 0px 16px 12px; } .CustomLogoGeneratorProperty.properties a{ color: var(--color_cLink); } .CustomLogoGeneratorProperty.properties a:hover{ color: var(--color_cBlack); } .CustomLogoGeneratorProperty.properties a:focus, .CustomLogoGeneratorProperty.properties a:active{ color: var(--color_cBlack); } .CustomLogoGeneratorProperty.properties li:not(:first-child){ list-style: disc; margin-left: 1rem; } .CustomNews.properties #newsTabs { float: none; } #wysiwyg.edit .SetArticle.detail .articleContent .imageWrapper > .graphicWrapper { width:100%; } #wysiwyg .CustomNews.Detail .SetArticle.detail .SetText .SetImage{ display: block; } .CustomRss.property { background-color: var(--color_cWhite); margin: 0; } .CustomRss.property .title { font-family: inherit; letter-spacing: inherit; text-transform: inherit; } #wysiwyg .SetArticle.simple .infoBlock .SetText .title { display:block; } #wysiwyg .SetArticle.simple .ListLinkList .BasicText.title, #wysiwyg .SetArticle.simple .ListDownloadList .BasicText.title { display:none; } #wysiwyg.edit .SetArticle.simple .articleContent .graphicCopyright { position:static } .SetArticle.properties .formView, .SetArticle.properties .formName { display:none; } #wysiwyg .SetArticle.detail .adminTooltip { display:none; } #wysiwyg .SetArticle.detail .articleContent:not(.videoEmpty) .imageWrapper > .graphicWrapper { display: none; } #wysiwyg.edit .SetArticle.detail .articleContent:not(.videoEmpty) .imageWrapper > .graphicWrapper { display: block; } #wysiwyg .SetArticle.detail .articleContent.videoEmpty .imageWrapper > .videoWrapper { display: none; } #wysiwyg.edit .SetArticle.detail .articleContent.videoEmpty .imageWrapper > .videoWrapper { display: block; } #wysiwyg .SetArticle.detail.blog .subtitle { display:none; } #wysiwyg.edit .SetArticle.detail.blog .adminTooltip, #wysiwyg.edit .SetArticle.detail.blog .subtitle { display:block; } .SetAudio .fileUploadSingleGraphicWysiwyg { width: 100%; height: 100%; } .SetAudio .fileUploadSingleGraphicWysiwyg .graphicWrapper { display: inline; } .SetAudio .fileUploadSingleGraphicWysiwyg .graphicWrapper:before { content: ""; height: 100%; vertical-align: middle; display: inline-block; } #wysiwyg .SetAudio .BasicGraphic:before { display: none; } #wysiwyg .SetArticle.detail .SetText .SetImage, #wysiwyg .SetArticle.detail .BasicText.description2, #wysiwyg .csleft .SetText:not(.accordion) .SetImage, #wysiwyg .csleft .SetText .BasicText.description2, #wysiwyg .CustomArticle.blog .leftColumn .SetText .SetImage, #wysiwyg .CustomArticle.blog .leftColumn .SetText .description2 { display:none; } #wysiwyg .SetText .SetImage .editButton.imageProperty { display:none; } .SetSeparatorProperty label[for="linkText"], .SetSeparatorProperty label[for="linkUri"], .SetSeparatorProperty input[name="linkText[]"], .SetSeparatorProperty input[name="linkUri[]"] { display:none; } #wysiwyg .imageFlipping .flipper .BasicText { display: inline-block; } #wysiwyg .csfullnright .SetDownload .BasicDownload { padding:0.5rem; } #wysiwyg .csfullnright .SetDownload a { padding:0; } #wysiwyg:not(.edit) .csfullnright .SetDownload .textWrapper .BasicText { display: inline; } #wysiwyg.edit .csfullnright .SetDownload .textWrapper .BasicText { display: inline-block; } #wysiwyg .infoBlock .SetDownload .textWrapper { padding-left:1.5rem; } /* first for IE 4–8 */ @font-face { font-family: "DIN-Light"; src: url("File/admin/DINWeb-Light.eot"); } @font-face { font-family: "DIN-Light"; src: url("File/admin/DINWeb-Light.woff") format("woff"); } /* first for IE 4–8 */ @font-face { font-family: "DIN-Regular"; src: url("File/admin/DINWeb.eot"); } @font-face { font-family: "DIN-Regular"; src: url("File/admin/DINWeb.woff") format("woff"); } @font-face { font-family: OpenSans; src: url('/Ressource/Css/Font/OpenSans/OpenSans-Regular.eot') format("eot"), url('/Ressource/Css/Font/OpenSans/OpenSans-Regular.eot?#iefix') format("embedded-opentype"), url('/Ressource/Css/Font/OpenSans/OpenSans-Regular.woff') format("woff"), url('/Ressource/Css/Font/OpenSans/OpenSans-Regular.ttf') format("truetype"), url('/Ressource/Css/Font/OpenSans/OpenSans-Regular.svg#OpenSans') format("svg"); } @font-face { font-family: OpenSans-Italic; src: url('/Ressource/Css/Font/OpenSans/OpenSans-Italic.eot') format("eot"), url('/Ressource/Css/Font/OpenSans/OpenSans-Italic.eot?#iefix') format("embedded-opentype"), url('/Ressource/Css/Font/OpenSans/OpenSans-Italic.ttf') format("truetype"), url('/Ressource/Css/Font/OpenSans/OpenSans-Italic.woff') format("woff"), url('/Ressource/Css/Font/OpenSans/OpenSans-Italic.svg#OpenSans') format("svg"); } @font-face { font-family: OpenSans-Semibold; src: url('/Ressource/Css/Font/OpenSans/OpenSans-Semibold.eot') format("eot"), url('/Ressource/Css/Font/OpenSans/OpenSans-Semibold.eot?#iefix') format("embedded-opentype"), url('/Ressource/Css/Font/OpenSans/OpenSans-Semibold.ttf') format("truetype"), url('/Ressource/Css/Font/OpenSans/OpenSans-Semibold.woff') format("woff"), url('/Ressource/Css/Font/OpenSans/OpenSans-Semibold.svg#OpenSans') format("svg"); } @font-face { font-family: OpenSans-Bold; src: url('/Ressource/Css/Font/OpenSans/OpenSans-Bold.eot') format("eot"), url('/Ressource/Css/Font/OpenSans/OpenSans-Bold.eot?#iefix') format("embedded-opentype"), url('/Ressource/Css/Font/OpenSans/OpenSans-Bold.ttf') format("truetype"), url('/Ressource/Css/Font/OpenSans/OpenSans-Bold.woff') format("woff"), url('/Ressource/Css/Font/OpenSans/OpenSans-Bold.svg#OpenSans') format("svg"); } .adminOverlayWrapper { background-color:rgba(0,0,0,0); -o-transition: background-color 0.5s; -ms-transition:background-color 0.5s; -moz-transition:background-color 0.5s; -webkit-transition:background-color 0.5s; transition:background-color 0.5s; position:fixed; top:100%; left:0; right:0; height:100%; z-index:9999; cursor:pointer; } html.adminOverlayWaiting .adminOverlayWrapper, html.adminOverlayOpened .adminOverlayWrapper { top:0; background-color:rgba(0,0,0,0.7); } html.adminOverlayClosing .adminOverlayWrapper { top:0; } .adminOverlayWrapper .wrapperContentLoader { cursor:auto; padding:0.5rem; opacity:0; margin: 0; padding: 1rem 0; min-height:20rem; min-width:20rem; } .adminOverlayWrapper .BasicSpacerContentLoader .closeButton { top:0.5rem; right:0.5rem; font-size: 2rem; height: 2rem; line-height: 2rem; padding: 0.5rem; text-align: center; width: 2rem; z-index: 1000; } .adminOverlayWrapper #adminOverlay, .adminOverlayWrapper #adminOverlay .scrollWrapper { height:100%; } .adminOverlayWrapper #adminOverlay .scrollWrapper { margin: 0 auto; max-width:576px; overflow-y:auto; -webkit-overflow-scrolling: touch; } .adminOverlayWrapper #adminOverlay .scrollWrapper:before { content:""; height:100%; display:inline-block; vertical-align:middle; } .adminOverlayWrapper .scrollWrapper > .wrapper { display:inline-block; vertical-align:middle; position:relative; width:100%; } .adminOverlayWrapper .BasicSpacerContentLoader.wait .waitBox { height:100%; margin:0; text-align:center; background-image:none; } .adminOverlayWrapper #adminOverlay .scrollWrapper { max-width:80rem; text-align:center; margin:0 auto; } .adminOverlayWrapper .scrollWrapper > .wrapper { width:auto; max-width:100%; text-align: left; background-color:var(--color_cWhite); } .adminOverlayWrapper .BasicSpacerContentLoader { padding: 2rem; box-sizing: border-box; } .adminOverlayWrapper .BasicSpacerContentLoader .closeButton { padding:1.25rem; } .adminOverlayWrapper .BasicSpacerContentLoader .panelTitle { text-align: center; font-size: 1.875rem; padding: 2rem; } .CustomUserLogin.adminLogin, .CustomUserLogin.adminLogin * { font-family: DIN-Regular, sans-serif !important; } .AdminMenu, .AdminMenu *, .select2-drop { font-family: DIN-Regular, sans-serif !important; } ul.itemToolbar.panel, /*the toolbar of the page*/ ul.itemToolbar.panel *, li[data-role="toolbar"], /*the toolbar of a widget on the page*/ li[data-role="toolbar"] *, a.editButton.panel, /* the buttons to cal the property views*/ a.editButton.panel * { font-family: DIN-Regular, sans-serif !important; } .ui-widget.ui-dialog, .ui-widget.ui-dialog*, .ui-jqgrid-panel[data-type=chooser-panel] { font-family: DIN-Regular, sans-serif !important; } .ui-pg-div { line-height: 1.5em; } .AdminGrid *, .AdminTreeGrid * { font-family: DIN-Regular, sans-serif !important; } .adminFooter, .adminFooter * { font-family: DIN-Regular, sans-serif !important; } .AdminPalette { font-family: OpenSans; } .Admin.Widget { background-color: var(--color_cWhite); } .panelContent { overflow: hidden; margin: 90px 16px 16px 16px; -moz-box-shadow: 4px 4px 12px #58595b; -webkit-box-shadow: 4px 4px 12px #58595b; box-shadow: 4px 4px 12px #58595b; } .panelContent > .AdminGrid .ui-jqgrid .loading { top: 0; width: 100%; left: 0; } body.hideAdminHeaderFooter .Admin > .AdminMenu, body.hideAdminHeaderFooter .Admin > .adminFooter, body.hideAdminHeaderFooter .Admin .AdminMonitor { display:none; } body.hideAdminHeaderFooter .Admin .panelContent { margin-top:16px; } .adminFooter .FooterContent .project>* { float: left; clear: both; } .adminFooter .FooterContent .project .hotline { margin: 30px 0; } .adminFooter { height: auto; margin: 0px 16px 16px 16px; background-color: var(--color_cWhite); -moz-box-shadow: 4px 4px 12px #58595b; -webkit-box-shadow: 4px 4px 12px #58595b; box-shadow: 4px 4px 12px #58595b; } .adminFooter .FooterContent { max-width: 928px; height: auto; margin: 0 auto; overflow: hidden; padding: 16px 32px 16px 32px; } .adminFooter .FooterContent .project { float: left; margin-right: 32px; } .adminFooter .FooterContent .project p { width: 25%; text-align: center; font-size: 16px; color: #444444; margin-top: 6px; } .adminFooter .FooterContent .project p span { font-size: 10px; vertical-align: super; } .adminFooter .FooterContent .company { width: 50%; height: auto; float: right; } .adminFooter .FooterContent .company p { width: 100%; font-size: 12px; /*float:left;*/ /*clear:both;*/ display: block; margin-left: 12px; } .adminFooter .FooterContent .company .BasicGraphic { text-align: left; } .adminFooter .FooterContent .company img { max-height: 48px; max-width: 100%; margin-bottom: 8px; } .adminFooter .FooterContent .company .abstand { height: 8px; width: 10px; } .adminError { height: auto; width: 96%; margin: 56px 16px 16px; text-align: center; padding: 0; background-color: var(--color_cWhite); -moz-box-shadow: 4px 4px 12px #58595b; -webkit-box-shadow: 4px 4px 12px #58595b; box-shadow: 4px 4px 12px #58595b; } .adminError p { padding: 10em; } .adminError h1 { padding: 1em;; } #loginlogo { margin-top: 32px; width: 100%; height: 160px; background-image: url('File/admin/loginlogo.png'); background-repeat: no-repeat; background-position: center; } .CustomUserLogin.adminLogin { width: 336px; box-sizing:border-box; margin: 32px auto; padding: 24px; overflow: hidden; } .CustomUserLogin.adminLogin > * { float: none; } .CustomUserLogin.adminLogin .title { text-align:center; font-size:24px; margin-bottom:32px; } .CustomUserLogin.adminLogin input { width: 100%; box-sizing:border-box; clear: both; height:32px; margin-bottom:24px; border: 1px solid var(--admin_color_bcRteActive); padding: 4px; } .CustomUserLogin.adminLogin input:hover { border-color:var(--admin_color_cAdminButton); } .CustomUserLogin.adminLogin label { text-align: left; display:block; margin-bottom:4px; } .CustomUserLogin.adminLogin button { float:right; } .CustomUserLogin.adminLogin .fihp { display: none !important; } .CustomUserLogin.adminLogout { float: right; margin-top: 6px; margin-right: 16px; margin-bottom: 0; color: var(--color_cWhite); height: 36px; line-height: 3em; } .CustomUserLogin.adminLogout > * { float: none; } .CustomUserLogin.adminLogout .userName { margin-right: 12px; color: var(--color_cWhite); text-transform: none; padding: 0; font-size: 13px; } .CustomUserLogin.adminLogout a { color: var(--color_cWhite); line-height: 22px; font-size: 14px; text-transform: uppercase; padding: 8px 8px 8px 0; text-decoration:none; } .CustomUserLogin.adminLogout a:hover { color: var(--color_cCellmsBlue); } .CustomUserLogin.adminLogout a .icon { display: block; float: right; font-size: 20px; margin-left: 6px; } .panelContentForm h1 { font-size: 1.5rem; font-family: Arial; } .panelContentForm h2, .panelContentForm h3, .panelContentForm h4, .panelContentForm h5, .panelContentForm h6 { font-size: 1rem; } .panelContentForm .VersionProperty input[type="button"], .panelContentForm .VersionProperty .button, .VersionProperty .adminButton { width: auto; min-width: 122px; } .VersionProperty .button span { float: left; margin-right: 10px; } .VersionProperty .button:disabled { cursor: default; border: inherit; color: #777777; background-image: -moz-linear-gradient(center top , #FFFFFF, #999999); } .completionInputList { padding:4px; background-color: var(--color_cWhite); border: 1px solid var(--color_cLine); box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.25); font-size: 12px; position:absolute; z-index: 99999; } .completionInputList td { padding: 1px 3px 1px 3px; } .completionInputList tbody tr { cursor:pointer; } .completionInputList tbody tr:hover { background: none repeat scroll 0 0 #3B73D7; /* 003366 */ color: var(--color_cWhite); } .completionInputList tr:hover .hightlight { color: #444444; } .completionInputList .hightlight { background-color: var(--color_cCellmsBlue); } .completionInputList .productInputListProductId { padding-right: 15px; } .CustomUserLogin.ssoAdminLogin .adminLoginBox { text-align: center; } .CustomUserLogin.ssoAdminLogin.showForm #localLogin { display: none; } .CustomUserLogin.ssoAdminLogin form#userLogin { display: none; } .CustomUserLogin.ssoAdminLogin.showForm form#userLogin { display: block; } .auszeichnungDetail.properties textarea[name^="title"], .auszeichnungDetail.properties textarea[name^="subTitle"] { height:60px; box-sizing:border-box; } .auszeichnungDetail.properties textarea[name^="content"] { height:136px; box-sizing:border-box; } .CustomBlogProperty .blogContent { float: left; display: none; } .CustomBlogProperty input.showContent { width: 108px; } .CustomBlogProperty .blogContent { width: 1038px; } .EventProperty.uniModule textarea.middleLine{ font-size: 12px !important; height: 72px ; padding-top: 7px !important; resize: vertical !important; } .EventProperty.uniModule textarea.singleLine{ resize: vertical !important; } .EventProperty.uniModule #comment_intern{ resize: vertical !important; max-height: 3.5em; } .EventProperty.uniModule th div[id$="grid_cb"]{ height: auto; } .UniModulePdfExportProperty.Event.ExportProperty #exportPdfInProperty{ float: right; } .EventAgendaProperty .tab .title_text { height: 48px; } .EventAgendaProperty.hideEventSelect .event_fkWrapper { display:none; } .AdminPanelContentImport table { } .AdminPanelContentImport table th { padding: 0.25rem 0.5rem; border-bottom: 1px; font-weight: bold; } .AdminPanelContentImport table td { padding: 0.25rem 0.5rem; border-bottom: 1px; } .AdminPanelContentLehrende .articlePropertyLehrende.panel { display: none; } .lehrendeDetail.properties textarea[name^="title"], .lehrendeDetail.properties textarea[name^="subTitle"] { height:60px; box-sizing:border-box; } .lehrendeDetail.properties textarea[name^="content"] { height:136px; box-sizing:border-box; } .articlePropertyMoozProjekt.panel { display: none; } .panelContentForm .AdminPanelContentPermission input[type="button"], .panelContentForm .AdminPanelContentPermission .button { width: auto; min-width: 122px; } .panelContentForm .AdminPanelContentPermission .longLabel label { width: 250px; } .projektDetail.properties textarea[name^="title"], .projektDetail.properties textarea[name^="subTitle"] { height:60px; box-sizing:border-box; } .projektDetail.properties textarea[name^="content"] { height:136px; box-sizing:border-box; } .projektDetail.properties .BasicGraphic { margin-bottom:16px; text-align:center; } .projektDetail.properties .BasicGraphic img { display:inline-block; max-width:300px; max-height:300px; } .projektDetail.properties .AdminRelation label { display:none; } .projektDetail.properties .AdminRelation input:checked + label { display:block; } .studentDetail.properties textarea[name^="title"], .studentDetail.properties textarea[name^="subTitle"] { height:60px; box-sizing:border-box; } .studentDetail.properties textarea[name^="content"] { height:136px; box-sizing:border-box; } .CustomUserProfileAddressInDialog{ padding: 0; overflow: hidden; margin: 0 1rem 2.75rem; } .panelContentForm form .CustomUserProfileAddressInDialog .title:not(.wrapper) { box-sizing: border-box; margin: 0; padding: 0 0 0 1rem; overflow: hidden; float: none; } .CustomUserProfileAddressInDialog .editContent { overflow: hidden; display: none; } .CustomUserProfileAddressInDialog.open .addressOverview { display: none; } .CustomUserProfileAddressInDialog.open .editContent { display: block; } .CustomUserProfileAddressInDialog .BasicForm.userProfile_address_add_editForm { float: left; } .CustomUserProfileAddressInDialog .closeButton, .CustomUserProfileAddressInDialog .openButton, .CustomUserProfileAddressInDialog .addressOverview, .CustomUserProfileAddressInDialog .editContent { margin: 0; padding: 0; } .CustomUserProfileAddressInDialog .wrapperAddress, .CustomUserProfileAddressInDialog .wrapperData, .CustomUserProfileAddressInDialog .addressOverview .wrapperAddress{ min-height: 4em; overflow: hidden; } .CustomUserProfileAddressInDialog .wrapperAddress{ border-style: solid; border-color: var(--admin_color_cAdminButton); border-width: 0.0625rem; padding: 0.75rem; margin: 0rem; font-size: 1rem; max-width: 100%; box-sizing: border-box; } .CustomUserProfileAddressInDialog .wrapperAddress label{ text-align: left; margin-top: 0.25rem; font-size: 12px; font-family: DIN-Regular, sans-serif; display: block; } .CustomUserProfileAddressInDialog .wrapperAddress .address{ float: left; max-width: 75%; } .CustomUserProfileAddressInDialog .wrapperData .data { margin-bottom: 1em; } .CustomUserProfileAddressInDialog .wrapperButton { float: right; overflow: hidden; } .CustomUserProfileAddressInDialog .wrapperButton .actionButton{ display: block; } .CustomUserProfileAddressInDialog .addressOverview .wrapperAddress{ overflow: hidden; } .CustomUserProfileAddressInDialog .addressList{ width: 100%; } .CustomUserProfileAddressInDialog .addressEntry{ width: 50%; padding: 1rem; box-sizing: border-box; float: left; overflow: hidden; } .CustomUserProfileAddressInDialog .addressEntry:nth-child(2n-1) { clear: both; } .CustomUserProfileAddressInDialog .addressEntry.add { cursor: pointer; -webkit-transition: color 0.3s linear; -moz-transition: color 0.3s linear; -ms-transition: color 0.3s linear; -o-transition: color 0.3s linear; transition: color 0.3s linear; } .CustomUserProfileAddressInDialog .addressEntry.add .wrapperData { text-align: center; min-height: 9em; } .CustomUserProfileAddressInDialog .addressEntry.add .wrapperData span { font-size: 6.25rem; line-height: 9rem; } .CustomUserProfileAddressInDialog .wrapperForm label{ display: inherit; } .CustomUserProfileAddressInDialog .BasicForm .wrapperForm label{ width: auto; } .CustomUserProfileAddressInDialog .wrapperForm input, .CustomUserProfileAddressInDialog .wrapperForm input[type="text"]{ float: left; margin-bottom: 1rem; padding-left: 0.5rem; padding-right: 0.5rem; border: 1px solid var(--admin_color_cLine); background-color: var(--color_cWhite); background-image: -webkit-gradient(linear, left top, left bottom, from(var(--color_cWhite)), to(#ececec) ); background-image: -webkit-linear-gradient(top, var(--color_cWhite), #ececec); background-image: -moz-linear-gradient(top, var(--color_cWhite), #ececec); background-image: -ms-linear-gradient(top, var(--color_cWhite), #ececec); background-image: -o-linear-gradient(top, var(--color_cWhite), #ececec); background-image: linear-gradient(top, var(--color_cWhite), #ececec); } .CustomUserProfileAddressInDialog .BasicForm .dropDown .caption, .CustomUserProfileAddressInDialog .BasicForm .dropDown .itemList .item { border: solid 1px var(--color_cLine); } .CustomUserProfileAddressInDialog .BasicForm .dropDown .item { background-color: var(--color_cWhite); } .CustomUserProfileAddressInDialog .BasicForm .dropDown .itemList .item { border-top-width: 0px; } .CustomUserProfileAddressInDialog .parentButtonHover .actionButton .roundIcon [class*="ss-"], .CustomUserProfileAddressInDialog .actionButton .roundIcon [class*="ss-"], .CustomUserProfileAddressInDialog .roundIcon [class*="ss-"]{ display: inline; } .CustomUserProfileAddressInDialog .BasicForm .addressButtons .roundIcon, .CustomUserProfileAddressInDialog .actionButton.right > span{ margin-right: 1rem; } .CustomUserProfileAddressInDialog .actionButton{ padding-left: 1rem; color: var(--color_cText); } .CustomUserProfileAddressInDialog label.stateButton{ width: auto; margin-top: 0.5em; } .CustomUserProfileAddressInDialog label.stateButton, .CustomUserProfileAddressInDialog label.stateButton [class*="ss-"]{ color: var(--color_cText); -webkit-transition: color 0.3s linear; -moz-transition: color 0.3s linear; -ms-transition: color 0.3s linear; -o-transition: color 0.3s linear; transition: color 0.3s linear; } .CustomUserProfileAddressInDialog label.stateButton:hover [class*="ss-"]{ color: var(--color_cWhite); } .CustomUserProfileAddressInDialog label.stateButton:hover .icon, .CustomUserProfileAddressInDialog input:checked + label.stateButton .icon, .CustomUserProfileAddressInDialog input:checked + label.stateButton .icon [class*="ss-"], .CustomUserProfileAddressInDialog input:checked + label.stateButton .icon [class*="ss-"]::before{ background-color: var(--color_cCellmsBlue); border-color: var(--color_cCellmsBlue); color: var(--color_cWhite); } .CustomUserProfileAddressInDialog .addressButtons div{ display: inline-block; width: 45%; box-sizing: border-box; } .CustomUserProfileAddressInDialog .addressEdit .resume, .CustomUserProfileAddressInDialog .addressEdit .cancelEdit { float: right; width: auto; } .CustomUserProfileAddressInDialog .BasicForm .submitMessage.error { background: none; clear: both; } .CustomUserProfileAddressInDialog .resume { width: auto; } .CustomUserProfileAddressInDialog .red { color: red; padding: 0 0.75rem 0.75rem; } .CustomUserProfileAddressInDialog #editNewAddress { float: none; font-size: 0.75em; color: var(--color_cRed); } .CustomUserProfileAddressInDialog .validationMessage{ font-size: 1em; } .CustomUserProfileAddressInDialog .CustomUserProfileAddressJs.suggestion .acceptPartialAddress.actionButton, .CustomUserProfileAddressInDialog .CustomUserProfileAddressJs.suggestion { padding-left: 0rem; padding-right: 0rem; margin-left: 0rem; margin-right: 0rem; text-align: left; font-size: 0.75rem; line-height: 1.5em; color: var(--color_cText); display: block; width: 100%; } .CustomUserProfileAddressInDialog .stateButton .roundIcon, .CustomUserProfileAddressInDialog .BasicForm .roundIcon{ background-color: var(--color_cWhite); border: solid 1px var(--color_cText); margin-right: 0.5rem; border-radius: 1.5rem; height: 2rem; width: 2rem; text-align: center; line-height: 2rem; } .CustomUserProfileAddressInDialog .stateButton .roundIcon::before, .CustomUserProfileAddressInDialog .BasicForm .roundIcon::before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .CustomUserProfileAddressInDialog .BasicForm .roundIcon [class*="ss-"]{ padding: 0; font-size: 1rem; line-height: 1.5em; vertical-align: middle; } .CustomUserProfileAddressInDialog .stateButton .roundIcon, .CustomUserProfileAddressInDialog .BasicForm .roundIcon, .CustomUserProfileAddressInDialog .stateButton .roundIcon [class*="ss-"]::before, .CustomUserProfileAddressInDialog .BasicForm .roundIcon [class*="ss-"]::before, .CustomUserProfileAddressInDialog .BasicForm .roundIcon [class*="ss-"]{ color: var(--color_cText); } .CustomUserProfileAddressInDialog .BasicForm .submitMessage .roundIcon, .CustomUserProfileAddressInDialog .BasicForm .CustomUserProfileAddressJs.suggestion .roundIcon, .CustomUserProfileAddressInDialog .CustomUserProfileAddressJs.suggestion .forceAddress .roundIcon, .CustomUserProfileAddressInDialog .CustomUserProfileAddressJs.suggestion .actionButton.right .roundIcon{ border: solid 1px var(--color_cText); height: 2.5rem; width: 2.5rem; margin-left: 0.5rem; padding: 0; } .CustomUserProfileAddressInDialog .CustomUserProfileAddressJs.suggestion .forceAddress, .CustomUserProfileAddressInDialog .CustomUserProfileAddressJs.suggestion .actionButton.right { float: right; font-family: DIN-Regular, sans-serif; font-size: 0.75rem; line-height: 3.5em; } .CustomUserProfileAddressInDialog .CustomUserProfileAddressJs.CustomUserProfileAddressJs.suggestion .message { width: 50%; color: var(--color_cRed); } .CustomUserProfileProperty div.threeColumns div.information { clear: both; } .CustomUserProfileProperty .twoColumns2to3 { clear:both; } .CustomUserProfileProperty .role { float: left; overflow: hidden; } .CustomUserProfileProperty .CustomAgreement .checkbox label{ width: 100%; margin: 0; } .CustomUserProfileProperty #s2id_company { width: 254px; } tr.ui-row-ltr.addressOnRequest td { background-color: #fcba03; background-image: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#fcba03) ); background-image: -webkit-linear-gradient(top, #ececec, #fcba03); background-image: -moz-linear-gradient(top, #ececec, #fcba03); background-image: -ms-linear-gradient(top, #ececec, #fcba03); background-image: -o-linear-gradient(top, #ececec, #fcba03); background-image: linear-gradient(top, #ececec, #fcba03); } .panelContent .legend { margin-top: 1rem; } .panelContent .legend .row { text-align: right; padding-right: 1rem; margin-bottom: 1rem; } .panelContent .legend span { display: inline-block; } .panelContent .legend .smallBox { width: 0.8rem; height: 0.8rem; border: 1px solid lightgrey; margin-right: 0.5rem; } .panelContent .legend .label { position: relative; top: -0.2rem; } .panelContent .legend .smallBox.addressOnRequest { background: #fcba03; } .AdminPanelContentUser .syncOption { width: 300px; } .AdminPanelContentUser .syncButton { width: auto!important; } .AdminPanelContentUser #syncState td { font-size: 12px; text-align: right; padding: 4px; } .AdminPanelContentVeranstaltung .articlePropertyVeranstaltung.panel { display: none; } .veranstaltungDetail.properties textarea[name^="title"], .veranstaltungDetail.properties textarea[name^="subTitle"] { height: 90px; box-sizing: border-box; } .veranstaltungDetail.properties textarea[name^="content"] { height: 196px; box-sizing: border-box; }