#omaGRs { display: block; /* margin-left: 48px; */ margin-bottom: 20px; box-sizing: border-box; position:relative; } /* Gruppenvorschau Element box */ .groupDialog { padding:0px 0px 0px 0px !important; } .groupDialog { height: auto; min-height: 170px !important; background: rgba(0,159,227,0.3); position: relative; float: left; box-sizing: border-box; min-width: 128px; margin:0.25% !important; display: inline-block; max-width: 24% !important; -webkit-box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.8); box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.2); } .groupDialog, .groupDialog > div.newMaGroup, .groupDialog > div.maGroup { min-height:124px !important; } .groupDialog > div.newMaGroup, .groupDialog > div.maGroup, .groupDialog > div.maPreview { min-width:100% !important; } .groupDialog > div.maPreview { padding-top:12px; padding-bottom: 12px; } .groupDialog > div.maPreview > span { min-height:8px !important; } table.formstyle tr td:last-child div.maPreview span:last-child, .groupDialog > div.maPreview > span:last-child { float:left !important; } .groupDialog > div.maGroup div.groupname { text-align:left; font-size:20px; font-weight:600; color: rgba(13,53,86,1.00); } .groupDialog > div.maGroup div.groupname small { text-align:left; font-size:14px; font-weight:100; color:#222; } .groupDialog > div.maGroup div.groupname, .groupDialog > div.maGroup div.magEditor { width: 100% !important; } .groupDialog > div.maGroup div.magEditor { height: 45px !important; margin-top: 0px !important; } .groupDialog > div.newMaGroup { max-height:96px !important; } .groupDialog > div.newMaGroup > form { display:none !important; } .groupDialog > div.newMaGroup.active { min-height:224px !important; max-height:none !important; } .groupDialog > div.newMaGroup.active > form { display:block !important; } .groupDialog > div.newMaGroup, .groupDialog > div.maGroup { padding:8px 8px 8px 8px !important; } .groupDialog > div.newMaGroup { background: rgba(29,171,201,0.20) !important; } .groupDialog > div.maGroup { } .groupDialog > div > div, .groupDialog > div > b, .groupDialog > div > small { display:inline-block; width:100%; float:left; text-align: center; margin-bottom: 3px; } .groupDialog > div > b { font-size:24px; } .groupDialog > div > small { margin-bottom: 8px; } .groupDialog > div.maGroup > form.editForm { display:none; } td#NEWomaGR, .groupDialog.edit { background:rgba(181,53,209,0.10) !important; width:96% !important; max-width:none !important; height: auto !important; } .groupDialog.edit > div.maGroup > form.editForm { display:inline-block !important; width:100% !important; position:relative; float:left; min-height:90px; background: rgba(255,255,255,1.00); right:0px !important; margin-top:24px; } .groupDialog.edit > div.maGroup { position:relative; } .groupDialog.edit > div.maGroup > b, .groupDialog.edit > div.maGroup > small { width:60%; text-align: left; } .groupDialog.edit > div.maGroup > form, .groupDialog.edit > div.maGroup > button.edit { width: 120px !important; position:absolute; top:0px; } .groupDialog.edit > div.maGroup > form { right:80px; } .groupDialog.edit > div.maGroup > button.edit { right:10px; } .groupDialog > div.maGroup > button.edit { position:relative; width:48%; width: calc(100% - 72px); margin:1% !important; float:left; text-align: center; height: 43px; } .groupDialog > div.maGroup > button.edit.isopen { width: 48px !important; min-width: 32px !important; background: rgba(151,151,151,1.00) !important } .groupDialog > div.maGroup > button.edit.isopen:hover { background: rgba(101,101,101,1.00) !important } .groupDialog > div.maGroup > button.edit:after { display:block; width:100%; height:30px; padding-top:12px; top:0px; left:0px; position:absolute; content:'Bearbeiten'; text-align: center; } .groupDialog.edit > div.maGroup > button.edit:after { content:'X'; } input[type="text"].regular { display:inline-block; float:left; background: rgba(255,255,255,0) !important; background-color: transparent !important; font-family: inherit !important; color: inherit !important; padding:0px 3px 0px 3px !important; margin:0px !important; max-width:93% !important;} input[type="text"].regular:focus { background: rgba(255,255,255,1.00) !important; border-bottom: 1px solid rgba(0,0,0,0.4); } input[type="text"].regular.headline { font-size:160%; font-weight:600; color:rgba(7,91,127,1) !important; } input[type="text"].regular.text { font-size:100%; } button[type="submit"].aktualisieren { width:24px !important; height:24px !important; min-height: 24px !important; min-width:24px !important; -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0) !important; box-shadow: 0 0 0 0 rgba(0,0,0,0) !important; background-color: transparent !important; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA0ppVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkU1RUUyNThCMUFEMTFFN0IzNkJERkY0NkU4ODAxOTEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkU1RUUyNTdCMUFEMTFFN0IzNkJERkY0NkU4ODAxOTEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo0OGIxZGNjMi1iMWFkLTExZTctOWU2NC1iYzI5NDkyOGE5ZmUiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo0OGIxZGNjMi1iMWFkLTExZTctOWU2NC1iYzI5NDkyOGE5ZmUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7g7AyuAAAAGFBMVEXDw8MvLy/19fXn5+dfX1+JiYkAAAD///9xEW3oAAAACHRSTlP/////////AN6DvVkAAABvSURBVHjaXI9REsBABEOFsPe/cYl22ml+Yt8aws5PtuYR3haxwBMA0w8pYCgJLIHA1BQd4Gz35QI21uLTkVWpQaNs0D8zWWuV4+54wtgsRcw7VHR3t8A2TSp6zHzMUvjeIlKb5j7Okkz7XvvqEmAAyHMFRy5gzZQAAAAASUVORK5CYII='); background-size:16px; background-repeat: no-repeat; background-position: center; opacity:0.33 !important; position:absolute; top:8px; right:-12px; margin:0px 0px !important; } button[type="submit"].aktualisieren:hover { opacity:0.7 !important; } .groupDialog form.title { position: relative !important; right:auto !important; max-width:98% !important; margin:1% !important; float:left; } .groupDialog.edit form.title { min-width:50% !important; padding-left:20px; margin-top:-4px; } .groupDialog.edit form.title button[type="submit"].aktualisieren { right:auto; left:-20px; top:12px; } div.maPreview { display:inline-block; width:100%; position:relative; padding:4px 3%; } div.maPreview span { display:inline-block; padding:1% 8px 1% 14px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA0ppVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkRGMDQ0RjZCMUI4MTFFN0E0ODZBNzc2RDJGNkY4MzEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkRGMDQ0RjVCMUI4MTFFN0E0ODZBNzc2RDJGNkY4MzEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo0OGIxZGNjMi1iMWFkLTExZTctOWU2NC1iYzI5NDkyOGE5ZmUiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo0OGIxZGNjMi1iMWFkLTExZTctOWU2NC1iYzI5NDkyOGE5ZmUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4AtQ/cAAAAGFBMVEXe8/cor8wrsMwpsMzc8vdmxtodq8n////ggHkcAAAACHRSTlP/////////AN6DvVkAAABSSURBVHjajI5RDsAgCEOLULj/jUdkaDazZO/DjxfbgniBeqlKbGHDk2FL0CdcQkvItzgiR2kYRWg9m0dUZJ6C+3+RKXRj96I3exnhD36IS4ABACzDBetpm6q5AAAAAElFTkSuQmCC'); background-size: 10px; background-position: 0px center; background-repeat: no-repeat; font-size:60%; color:rgba(7,91,127,1.00) } .groupDialog.edit div.maPreview { display:none !important;} /* WORK ON */ td#NEWomaGR { } input.listsearch { } ul.listsearch { margin-left: 0px !important; } li.allMaLister { display: inline-block; text-align: left; float: left; list-style: none; margin: 0px 2% 0px 2% !important; padding: 9px 0px 9px 8px; width: 96%; box-sizing: border-box; font-size: 15px; font-weight: 100; color: rgba(96,96,96,1.00); background-image: url('data:image/svg+xml;utf8,'); background-position: right center; background-repeat: no-repeat; background-size: 18px; opacity: 0.5; } li.allMaLister:hover { opacity:1; } div.maToGroupAddList { position:relative; width: 100%; background: rgba(255,255,255,1.00); } div.maGroupAddData { } input#newGroupName { } div.addedMas.maPreview { } div.maGroupAddACTION { } button.save { } /* Anpassung nach Wunsch Tatjana */ .groupDialog.edit div.maGroup > form.mawindow > div.saveOptions { background: rgba(255,255,255,0) !important; padding:0px !important; display: block !important; float: none !important; position: absolute !important; margin: 0px !important; overflow-y: none !important; box-sizing: border-box !important; top: -97px !important; right: 196px !important; height:auto !important; min-height: 50px !important; } .groupDialog.edit div.maGroup > form.mawindow > div.saveOptions > button.edit { text-align: center; height: 41px !important; min-height:41px !important; } div.maGroup > form.mawindow > table { width:80% !important; background: rgba(29,171,201,0.10) } div.maGroup > form.mawindow > table > thead > tr > th:first-child, div.maGroup > form.mawindow > table > tbody > tr > td:first-child { width: 20% !important; min-width:180px !important;} div.maGroup > form.mawindow > table > thead > tr > th:nth-child(2), div.maGroup > form.mawindow > table > tbody > tr > td:nth-child(2) { width: 18% !important; min-width:200px !important; text-align: left; overflow: hidden; } div.maGroup > form.mawindow > table > tbody > tr > td:nth-child(2), div.maGroup > form.mawindow > table > tbody > tr > td:nth-child(3) { line-height: 19px; font-size: 90% } div.maGroup > form.mawindow > table > thead > tr > th:nth-child(3), div.maGroup > form.mawindow > table > tbody > tr > td:nth-child(3) { width: auto !important; min-width:100px !important; text-align: left;} div.maGroup > form.mawindow > table > thead > tr > th:nth-child(4), div.maGroup > form.mawindow > table > tbody > tr > td:nth-child(4) { display:none; } div.maGroup > form.mawindow > table > thead > tr > th:last-child, div.maGroup > form.mawindow > table > tbody > tr > td:last-child { width:80px; float:right; position: absolute; display: inline-block; z-index:4; right:0px; top:10px; } div.maGroup > form.mawindow > table > thead > tr, div.maGroup > form.mawindow > table > tbody > tr { border-bottom: 1px solid rgba(255,255,255,1.00); padding:12px 8px 12px 8px !important; height:64px; } div.maGroup > form.mawindow > table > tbody > tr:hover {background: rgba(29,171,201,0.10)} div.maGroup > form.mawindow > table > tbody > tr > td:first-child { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA0ppVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkRGMDQ0RjZCMUI4MTFFN0E0ODZBNzc2RDJGNkY4MzEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkRGMDQ0RjVCMUI4MTFFN0E0ODZBNzc2RDJGNkY4MzEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo0OGIxZGNjMi1iMWFkLTExZTctOWU2NC1iYzI5NDkyOGE5ZmUiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo0OGIxZGNjMi1iMWFkLTExZTctOWU2NC1iYzI5NDkyOGE5ZmUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4AtQ/cAAAAGFBMVEXe8/cor8wrsMwpsMzc8vdmxtodq8n////ggHkcAAAACHRSTlP/////////AN6DvVkAAABSSURBVHjajI5RDsAgCEOLULj/jUdkaDazZO/DjxfbgniBeqlKbGHDk2FL0CdcQkvItzgiR2kYRWg9m0dUZJ6C+3+RKXRj96I3exnhD36IS4ABACzDBetpm6q5AAAAAElFTkSuQmCC'); background-size: 16px; background-position: 16px 12px; background-repeat: no-repeat; padding-left:40px; font-size:18px ; } div.maGroup > form.mawindow > table, div.maGroup > form.mawindow > div.maAddList, div.maToGroupAddList { min-height: inherit !important; } div.maGroup > form.mawindow > div.maAddList, div.maToGroupAddList { overflow-y: hidden !important; } div.maGroup > form.mawindow > table, div.maGroup > form.mawindow > div.maAddList ul#ajaxAvailMAs, div.maToGroupAddList ul.listsearch { overflow-y:auto !important; display:block; } div.maGroup > form.mawindow > table { min-height:60vh !important; max-height:60vh !important; } div.maGroup > form.mawindow > div.maAddList ul#ajaxAvailMAs, div.maToGroupAddList ul.listsearch { min-height: calc(60vh - 60px) !important; max-height: calc(60vh - 60px) !important; } div.maGroup > form.mawindow > table > thead > tr { height:76px; } input[type="text"].listsearch, input[type="search"].listsearch, input[type="search"].listsearch2 { position:relative; margin-left:2%; z-index:20; background-color: rgba(238,238,238,1.00); width:96%; padding:12px 7px 12px 12px !important; margin-bottom:12px; box-sizing: border-box !important; background-image: url(material/ic_search_white_18px.svg); background-size: 21px; background-position: 12px center; background-repeat: no-repeat; border-bottom: rgba(175,175,175,0.1) solid 1px; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } input[type="search"].listsearch2 { padding-top: 0px !important; padding-bottom: 0px !important; z-index: 7 !important; text-align: center; font-size:110%; max-height: 42px; margin: 0 !important; width: 11%; display: inline-block; float: left; background-color: rgba(200,230,245,1); } input[type="search"].listsearch2 { line-height: 38px !important; } input[type="search"].listsearch2.small { line-height: 29px !important; margin-top:-1px !important; } input[type="search"].listsearch2.small.listsearch3 { margin-top: 80px !important; margin-left: 2% !important; height: 80px; width: 200px;} input[type="text"].listsearch:focus, input[type="search"].listsearch2:focus, input[type="search"].listsearch:focus { background-color: rgba(225,225,225,1.00); border-bottom: rgba(175,175,175,1.00) solid 1px; background-position: 95% center; } li.searchout { display:none !important; } input[type="search"].isActive{ background-color: orange !important; } input[type="search"].noaction { color: #fff; }