/* system */* { margin:0; padding:0; box-sizing:content-box; }html { height:100%; min-width:950px; overflow-y:scroll; background:transparent url(images/layout/Main_oben_rechts.png) repeat-y right top; }body { height:100%; background-color:#FFF; background:transparent url(images/layout/Main_oben_links.png) repeat-y left top; }body * { font-family:Arial; font-size:12px; color:#636363; }body.nomark *:not(input) { user-select:none; }body.touch .pagecontent * { font-size:15px; font-weight:bold; }/* body.nomark #onlinealarm_wrapper * { font-size:1.05em; } */#contentAll { min-height:100%; }.pagecontent { background-color:#FFF; }* html #contentRight { height:100%; }* html #contentLeft { height:100%; }* html #contentAll { height:100%; }#content { padding-bottom:100px; }.ischrome { position:absolute; left:5px; top:85px; }#content .ps-button *, #content .ps-input *, #content .ps-navi-button *, #content span *, #content .ps-image-button * { position:relative; }#header { height:100px; background-color:white; }#footerLinks { height:95px; margin-top:-95px; clear:both; background:transparent url(images/layout/Main_unten_links.png) top left no-repeat; }#footerRechts { height:95px; background:transparent url(images/layout/Main_unten_rechts.png) top right no-repeat; }#footer { height:100px; padding:15px 0 0; margin:0 15px; background:#FFF url(images/layout/Main_unten_mitte.png) top left repeat-x; }#footer .showalarm { margin:20px 0 0 5px; }.Logo { position:absolute; width:175px; height:66px; left:10px; top:22px; text-decoration:none;/* background:transparent url(images/layout/Logo_PGA.png) no-repeat right top; } */ background:transparent url(images/OASKonfigurator/images/layout/oas_logo_single.png) no-repeat right top; }.Balken_rechts { height:100px; width:5px; float:right;/* background:transparent url(images/layout/Header_rechts.png) no-repeat right top; */ }.Balken_links { height:100px; width:5px; float:left;/* background:transparent url(images/layout/Header_links.png) no-repeat left top; */ }.Balken { height:100px; margin:0 5px;/* background:transparent url(images/layout/Header_mitte.png) repeat-x left top; */ }.Balken_PGA { height:100px; padding-left:230px; background:transparent url(images/layout/Header_Logo_.png) no-repeat center top; }.Balken_PGA.Alarm { background-image:url(images/layout/Header_Logo_Alarm.png); }.Balken_PGA.BMS { background-image:url(images/layout/Header_Logo_BMS.png); }.Balken_PGA.Energy { background-image:url(images/layout/Header_Logo_Energy.png); }.Balken_PGA.Portal { background-image:url(images/layout/Header_Logo_Portal.png); }.Balken_PGA.Scada { background-image:url(images/layout/Header_Logo_Scada.png); }.Balken_PGA.Studio { background-image:url(images/layout/Header_Logo_Studio.png); }.Balken_PGA.Suite { background-image:url(images/layout/Header_Logo_Suite.png); }.Balken_PGA.Supervisor { background-image:url(images/layout/Header_Logo_Supervisor.png); }.Balken_PGA.Niagara { background-image:url(images/OASKonfigurator/images/layout/logo_niagara.png); }.Balken_PGA .menuentry { text-decoration:none; color:#0088ce; font-size:13px; }.Balken_PGA .menuentry.active { color:#FFF; }.Balken_PGA .right { text-decoration:none; float:right; margin:4px 20px 0 0; }.pfeilunten { font-family:Calibri,"PT Sans", sans-serif; }.Balken_PGA .dropdownmenu span { color:#0088ce; }.Balken_PGA .dropdownmenu { cursor:pointer; color:#0088ce; margin:4px 0 0 20px; padding:0 20px; text-decoration:none; font-size:13px; line-height:28px; height:28px; display:inline-block; float:left; font-weight:bold; }@media screen and (max-width:1280px) { .Balken_PGA .right { margin:4px 5px 0 0; } .Balken_PGA .dropdownmenu { margin:4px 0 0 5px; padding:0 15px; } .ps-md-hide { display:none; }}@media screen and (max-width:1024px) { .Balken_PGA .right { margin:4px 0 0 0; } .Balken_PGA .dropdownmenu { margin:4px 0 0 0; padding:0 15px; } .ps-sm-hide { display:none; }}.Balken_PGA .dropdownmenu:hover, .Balken_PGA .menuentry:hover { text-decoration:none; background:rgba(0, 0, 0, 0.2); border-radius:5px; }.Balken_PGA .dropdownmenu.active { color:#636363; }.Balken_PGA .menudiv { position:absolute; z-index:10; top:50px; left:55px; height:0px; border:1px solid #888; padding:10px; overflow:auto; background-color:#EEE; background:rgba(238, 238, 238, 0.85); background:rgba(238, 238, 238, 0.85); border-radius:5px; box-shadow:0px 0px 12px #8c8c8c; }.Balken_PGA .menudiv div { float:left; min-width:200px; margin:5px; }.Balken_PGA .menudiv ul a { margin:2px 0; padding:0 5px; text-decoration:none; color:#0088ce; line-height:28px; height:28px; display:block; font-weight:bold; border:1px solid transparent; border-radius:5px; }.Balken_PGA .menudiv ul a:hover { border-color:#0088ce; }.Balken_PGA .menudiv ul a:active { box-shadow:inset 0px 0px 3px #CCC; }#header h1 { font-size:18px; line-height:50px; color:#FFF; }legend { color:#0088ce; font-weight:bold; }label { color:#0088ce; }hr { height:1px; border:none; margin:5px 50px; background-color:#CCC; clear:both; }ul { list-style:outside none; }h1, body.touch .pagecontent h1, h1 a { font-size:22px; text-align:center; }h2, body.touch .pagecontent h2 { font-size:20px; }h3, body.touch .pagecontent h3 { font-size:16px; }h4, body.touch .pagecontent h4 { font-size:14px; }h5, body.touch .pagecontent h5 { font-size:12px; }h6, body.touch .pagecontent h6 { font-size:10px; }.menuentry { margin:4px 0 0 25px; padding:0 20px; text-decoration:none; color:#0088ce; line-height:28px; height:28px; display:inline-block; float:left; font-weight:bold; cursor:pointer; }.menuentry:hover { text-decoration:underline; }.menuentry.active { color:#000; }.menuentry.pageback { background:transparent url(images/layout/menu_back.png) center center no-repeat; }.menuentry.home {background:transparent url(images/layout/menu_home.png) center center no-repeat;}.menuentry.home span { padding-left:10px;}.menuentry.myhome { background:transparent url(images/layout/menu_home.png) 40px center no-repeat; padding-right:40px;}.menuentry.paramsite { background:transparent url(images/layout/b-settings.png) center center no-repeat; } .menuentry.IOAnzeige { float:right; margin-top:6px;} /* komplettübersicht symbol weltkugel*/.menuentry.viewGlobal { background:transparent url(images/layout/ic_menu_global.png) center center no-repeat; float:right; margin-top:6px;} /* konfiguratiosseite (bei hzg und ezr, rlt nicht nötig) symbol stift */.menuentry.viewConfig { background:transparent url(images/layout/ic_menu_edit.png) center center no-repeat; float:right; margin-top:6px;} /* ansichtsseite der eigentlichen WEBVisuseite (bei hzg und ezr, rlt nicht nötig) symbol auge */.menuentry.viewSite { background:transparent url(images/layout/ic_menu_eye.png) center center no-repeat; float:right; margin-top:6px;} @media screen and (max-width:1580px) { .Balken_PGA .right { margin:4px 5px 0 0; } .Balken_PGA .dropdownmenu { margin:4px 0 0 5px; padding:0 15px; } .menuentry { margin:4px 0 0 15px; } .ps-md-hide { display:none; }}@media screen and (min-width:1581px) { .ps-md-show { display:none; }}@media screen and (max-width:1024px) { .Balken_PGA .right { margin:4px 0 0 0; } .Balken_PGA .dropdownmenu { margin:4px 0 0 0; padding:0 15px; } .menuentry { margin:4px 0 0 5px; } .ps-sm-hide { display:none; }}@media screen and (min-width:1025px) { .ps-sm-show { display:none; }}.pagemenu { height:50px; }.pagemenuleft { float:left; height:50px; width:15px; background:transparent url(images/layout/Navi_links.png) no-repeat; }.pagemenuright { float:right; height:50px; width:15px; background:transparent url(images/layout/Navi_rechts.png) no-repeat; }.pagemenucontent { height:39px; margin:0 15px; padding:11px 10px 0 10px; background:transparent url(images/layout/Navi_mitte.png) repeat-x; }.footermenucontent { height:50px; background:transparent url(images/layout/Navi_footer_mitte.png) repeat-x; }.pagecontent { margin:0 11px; padding:5px 20px 20px 20px; }.pagemenucontent a.menuentry { border:1px solid #CCC; border-radius:2px; box-shadow:none; }.pagemenucontent a.menuentry.image { border-color:transparent; }.pagemenucontent a.menuentry:hover { border-color:#CCC; }.pagemenucontent a.menuentry:active { box-shadow:inset 0px 0px 3px #CCC; }.pagemenucontent a.menuentry.image:hover { text-decoration:none; }.pagemenucontent a.menuentry.paramsite { float:right; }.ps-uebersicht-navi *, .ps-uebersicht-navi1 *, .ps-uebersicht-navi2 *, .ps-uebersicht-navi3 * { position:static; }.ps-uebersicht-navi, .ps-uebersicht-navi1, .ps-uebersicht-navi2, .ps-uebersicht-navi3 { float:left; width:185px; }.navigationImages, .navigationImages *, #ps-uebersicht-navi-container { position:absolute; }#ps-uebersicht-navi-container { clear:both; }.btn { padding:3px 10px; margin:1px; text-align:center; border:1px solid #888; cursor:pointer; background-color:#FFF; color:#555; white-space:nowrap; border-radius:4px; box-shadow:0px 0px 4px 0px #888; }.btn:hover { border-color:#000; }.btn:active { border-color:#004caf; box-shadow:none; }select, option, optgroup, input { color:#000; }.pos, .ps-green { color:#0F0; }#header .dragqueen.neg,.neg, .ps-red { color:#A91919; }.warn, .ps-yellow { color:#FFBF00; }.info, .ps-blue { color:#00F; }.ps-hidden { display:none !important; }.ps-bold { font-weight:bold; }.ps-smallfont { font-size:8px; }.ps-taleft { text-align:left; }.ps-tacenter { text-align:center; }.ps-taright { text-align:right; }.ps-flright { float:right; }.ps-flleft { float:left; }.ps-nowrap { white-space:nowrap; }.ps-cursorinfo { cursor:help; }.dragthis.ps-cursorclick { cursor:pointer; }.ps-fontsizebig { font-size:14px; }#presession { font-size:8px; }#error { position:fixed; top:50px; left:-350px; width:300px; border:1px solid #888; background-color:#555; color:#fff; padding:5px; z-index:2000; border-radius:4px; box-shadow:0px 0px 4px 0px #888; }#error * { color:#fff; }#error .neg { color:#F00; font-weight:bold; text-shadow:0px 0px 3px #000; }body .ui-dialog-title *, body .ui-widget-header * { color:#FFF; font-size:14px; }body .ui-dialog .ui-dialog-titlebar-close { width:31px; height:30px; margin:-15px 0 0; }body .ui-dialog .ui-dialog-title { margin:0.4em 0; }body .ui-slider .ui-slider-handle { width:20px; height:20px; margin-top:-2px; }#dialog { max-height:500px; }#dialog input, #dialog select { color:#004caf; }#dialog input { text-align:center; }#dialog option { color:#333; }#dialog select { padding-top:0px; padding-right:0px; padding-bottom:0px; }#dialog .beschriftung { text-align:left; }#dialog .beschriftung span { padding-left:10px; }#dialog .pa-slider { width:250px; margin:10px auto; }/* getrickst wegen min max */#dialog .ps-taright { padding-right:35px; }/*div.popup { width:300px; text-align:center; margin:auto; }div.popup table { width:100%; }*/div.popup, #dialog table { margin:auto; text-align:center; }div.popup span.ps-button, div.popup span.ps-input, div.popup input.ps-input { display:inline-block; width:100px; }div.popup div.posabs { position:relative; height:24px; }div.popup div.posabs * { position:absolute; left:50%; margin-left:-56px; }.ui-button-text { color:#000; }.clearboth { clear:both; }div.table { display:table; }div.tr { display:table-row; }div.th { display:table-cell; font-weight:bold; }div.td { display:table-cell; }div.ps-50percleft { width:47%; float:left; min-width:490px; margin:10px 1%; }div.ps-25percleft { width:22%; float:left; min-width:240px; margin:10px 1%; }div.ps-75percleft { width:72%; float:left; min-width:740px; margin:10px 1%; }div.ps-center { width:100%; overflow-x:hidden; }div.ps-center-container { clear:left; float:left; left:50%; position:relative; }div.ps-center-element { float:left; right:50%; position:relative; }div.ps-flex-container { display:flex; flex-wrap:wrap; justify-content:space-around; align-items:stretch; }.ps-flex-item { flex-grow:1; }.ps-flex-item * { margin:auto; }.ps-loading { min-height:50px; background:transparent url(images/layout/loader.gif) center center no-repeat; }.ps-button { padding:7px; margin:2px 5px; background-color:#555; color:#FFF; border:1px solid #CCC; cursor:pointer; display:inline-block; font-size:13px; line-height:16px; font-weight:bold; white-space:nowrap; border-radius:2px; box-shadow:0px 0px 2px 0px #888; background-image:linear-gradient(#606060 25%, #222 100%); }.ps-button:hover { border-color:#888; }.ps-button:active { /*border-color:#004caf; */ box-shadow:none; color:#888; }.ps-button.inactive { border-color:#888 !important; cursor:default !important; box-shadow:0px 0px 2px 0px #888 !important; background-image:linear-gradient(#bebebe 25%, #8b8b8b 100%) !important; }.ps-button.bm { color:#0F0; border-color:#0F0; box-shadow:0px 0px 10px 2px #0F0, }.ps-button.licht.bm { color:#dddd1e; border-color:#dddd1e; box-shadow:0px 0px 10px 2px #dddd1e; }.ps-button.sm { color:#ff7396; border-color:#ff7396; box-shadow:0px 0px 10px 2px #ff7396; }.ps-button.mobile { min-width:155px; height:60px; font-size:18px; font-weight:bold; }.ps-button.ps-red { background-color:#aa6; color:#FFF; border:1px solid #CCC; background-image:linear-gradient(#c33 25%, #a55 100%); }.ps-button.ps-red:hover { border-color:#555; }.ps-button.ps-red:active { box-shadow:none; color:#555; }.ps-button.ps-yellow { background-color:#aa6; color:#333; border:1px solid #888; background-image:linear-gradient(#cc3 25%, #aa5 100%); }.ps-button.ps-yellow:hover { border-color:#555; }.ps-button.ps-yellow:active { box-shadow:none; color:#555; }.ps-button.ps-green { background-color:#050; color:#FFF; border:1px solid #CCC; background-image:linear-gradient(#3c3 25%, #5a5 100%); }.ps-button.ps-green:hover { border-color:#888; }.ps-button.ps-green:active { box-shadow:none; color:#CCC; }.ps-button.ps-blue { background-color:#050; color:#FFF; border:1px solid #CCC; background-image:linear-gradient(#33c 25%, #55a 100%); }.ps-button.ps-blue:hover { border-color:#888; }.ps-button.ps-blue:active { box-shadow:none; color:#555; }.ps-input { padding:2px 5px; margin:2px 5px; background-color:#CCC; color:#000; display:inline-block; font-size:13px; line-height:16px; font-weight:bold; overflow:hidden; border-left:1px solid #555; border-top:1px solid #555; border-right:1px solid #888; border-bottom:1px solid #888; white-space:nowrap; border-radius:1px; background-image:linear-gradient(#f7f7f7 25%, #ccc 100%); box-shadow:inset 1px 1px 2px 1px #ccc; }span.ps-input { cursor:default; }.ps-input.ps-param, .ps-input.ps-parambool { cursor:pointer; color:#004caf; }.ps-input.ps-setpoint, .ps-input.ps-parambool, .ps-input.ps-bluefont { color:#004caf; }.ps-input.paramslider { cursor:pointer; color:#004caf; }.ps-input.paramnumpad { cursor:pointer; color:#004caf; }.ps-input.paramtime { cursor:pointer; color:#004caf; }.ps-input.ps-colorred { color:#F00; }.ps-input.ps-colorblue { color:#00F; }.ps-input::placeholder { color:#888; }.ps-input.ps-red, .ps-input.sm { background-color:#F00; color:#FF0; background-image:linear-gradient(#f00 25%, #800000 100%); box-shadow:inset 1px 1px 2px 1px #800000; }.ps-input.ps-yellow { background-color:#FF0; color:#000; background-image:linear-gradient(#ff0 25%, #808000 100%); box-shadow:inset 1px 1px 2px 1px #808000; }.ps-input.ps-green, .ps-input.bm { background-color:#0F0; color:#000; background-image:linear-gradient(#0f0 25%, #008000 100%); box-shadow:inset 1px 1px 2px 1px #008000; }.ps-input.ps-blue { background-color:#00F; color:#FFF; background-image:linear-gradient(#00f 25%, #000080 100%); box-shadow:inset 1px 1px 2px 1px #000080; }.ps-input.inactive { border-color:#888 !important; cursor:default !important; color:#666; box-shadow:inset 0px 0px 2px 1px #888 !important; background-image:linear-gradient(#d9d9d9 25%, #bfbfbf 100%) !important; }.ps-input:focus { border-color:#666; box-shadow:none; }.ps-mode { padding:2px 5px; margin:2px 5px; background-color:#CCC; color:#000; border:1px solid #333; border-radius:2px; box-shadow:inset 0px 0px 4px 0px #333; }.ps-mode:focus { border-color:#666; box-shadow:none; }.ps-info { display:block; width:16px; height:16px; float:right; margin-left:10px; background:transparent url(images/layout/Comment16.png) no-repeat; }.ps-biginfo { display:block; width:25px; height:25px; float:left; text-decoration:none; border:1px solid transparent; background:transparent url(images/layout/menu_top.png) no-repeat; }.ps-biginfo img { display:none; }.ps-biginfo:hover { border-color:#CCC; }span.ps-checkbox, label.ps-checkbox { display:inline-block; }.ps-checkbox { line-height:20px; padding-left:25px; cursor:pointer; background:transparent url(images/layout/checkbox.png) no-repeat; }.ps-checkbox.checked { background:transparent url(images/layout/checkbox_checked.png) no-repeat; }.ps-checkbox.hover { background:transparent url(images/layout/checkbox_hover.png) no-repeat; }.ps-checkbox.ps-disabled { background:transparent url(images/layout/checkbox_disabled.png) no-repeat; }.ps-checkbox.checked.hover { background:transparent url(images/layout/checkbox_checked_hover.png) no-repeat; }.ps-checkbox.checked.ps-disabled { background:transparent url(images/layout/checkbox_checked_disabled.png) no-repeat; }.ps-checkbox.ps-disabled { cursor:default !important; color:#888; }.ps-tree-disabled { line-height:25px; padding-left:30px; background:transparent url(images/tree/folder-disabled.png) no-repeat; }.ps-tree-parent { line-height:25px; padding-left:30px; padding-right:10px; background:transparent url(images/tree/folder-close.png) no-repeat; cursor:pointer; }.ps-tree-parent.open { background-image:url(images/tree/folder-open.png); }.ps-tree-parent.loading { background-image:url(images/tree/loader.gif); }.ps-tree-parent:hover { background-color:#EEE; border-radius:2px; }.ps-tar { text-align:right; padding-right:10px; }.ps-tal { text-align:left; padding-left:10px; }.ps-hover-border { text-decoration:none; border:1px solid #888; border-radius:2px; box-shadow:none; }.ps-hover-border:hover { text-decoration:underline; }.ps-hover-border:active { box-shadow:inset 0px 0px 3px #CCC; }.ps-hover-noborder { border:1px solid transparent; border-radius:2px; box-shadow:none; }.ps-hover-noborder:hover { border:1px solid #888; }.ps-hover-noborder:active { box-shadow:inset 0px 0px 3px #CCC; }.ps-navi-button { padding:5px 5px; margin:2px 5px; background-color:#f2f2f2; color:#636363; width:155px; min-height:60px; line-height:20px; font-size:16px; font-weight:bold; border:1px solid #b3b3b3; cursor:pointer; display:inline-block; text-align:left; text-decoration:none; border-radius:2px; box-shadow:0px 0px 4px 0px #AAA; background-image:linear-gradient(#f2f2f2 25%, #ddd 100%);}.ps-navi-button:hover, .ps-navi-button-jshover { border-color:#888; background-color:#0af; background-image:none; color:#fff; }.ps-navi-button:active { box-shadow:none; background-color:#0af; color:#004caf; }.ps-image-button { display:block; width:27px; height:27px; line-height:27px; padding:0 2px; margin:0 3px; cursor:pointer; border:1px solid transparent; }.ps-image-button:hover { border-color:#CCC; }.ps-image-button:active { box-shadow:inset 0px 0px 3px #CCC; }.ps-image-button.ps-edit { background:transparent url(images/layout/ic_menu_edit.png) center center no-repeat; }.ps-image-button.ps-delete { background:transparent url(images/layout/ic_menu_delete.png) center center no-repeat; }.ps-image-button.ps-refresh { background:transparent url(images/layout/ic_menu_refresh.png) center center no-repeat; }.ps-image-button.ps-move { background:transparent url(images/layout/menu_back.png) center center no-repeat; }.ps-image-button.ps-write { background:transparent url(images/layout/menu_login.png) center center no-repeat; }.ps-image-button.ps-info { background:transparent url(images/layout/menu_search.png) center center no-repeat; }.ps-image-button.ps-active { background:transparent url(images/layout/menu_logout.png) center center no-repeat; }.ps-image-button.ps-export { background:transparent url(images/layout/ic_menu_save.png) center center no-repeat; }.ps-image-button.ps-import { background:transparent url(images/layout/ic_menu_upload.png) center center no-repeat; }a.inWork { color:#CCC; box-shadow:none; }.ps-container { text-align:center; padding:10px; margin:10px 15px 15px 10px; border:1px solid #CCC; background-color:#ddd; border-radius:10px; box-shadow:6px 6px 8px 0px #222; background-image:linear-gradient(rgba(250,250,250,0.7) 25%, rgba(221,221,221,0.7) 100%);}.ps-roundborder { border-radius:10px; }.ps-shadow { box-shadow:6px 6px 8px 0px #222; }.ps-gradient { background-image:linear-gradient(#fafafa 25%, #ddd 100%); }div.ps-hidethewrong .ps-hidethiswrong { visibility:hidden; }.changeWrongVisibles { position:absolute; top:0px; left:0px; padding:4px; color:#e8e8e8; cursor:pointer; z-index:999; }.changeWrongVisibles.on { color:#a91919; }.changeWrongVisibles:hover { color:#bdbdbd; }.checkPosition * { position:absolute; top:0px; left:0px; }.checkPosition .redHorizontal { top:-1px; left:0px; width:100%; height:10px; z-index:998; cursor:row-resize; }.checkPosition .redHorizontal:hover { background-color:rgba(150, 150, 150, 0.25); }.checkPosition .redHorizontal .positionCheckDiv { width:100%; height:1px; background-color:#F00; }.checkPosition .redHorizontal p { left:15px; top:-20px; width:150px; text-align:left; }.checkPosition .redVertical { top:0px; left:-1px; width:10px; height:100%; z-index:998; cursor:col-resize; }.checkPosition .redVertical:hover { background-color:rgba(150, 150, 150, 0.25); }.checkPosition .redVertical .positionCheckDiv { width:1px; height:100%; background-color:#F00; }.checkPosition .redVertical p { left:-155px; top:155px; width:150px; text-align:right; }.lastidCheckDiv { position:absolute; top:150px; left:15px; }.ps-parameximbutton { float:left; width:27px; height:27px; padding:0 2px; margin:0 3px; cursor:pointer; }.ps-paramexbutton { background: transparent url(images/layout/ic_menu_save.png) center center no-repeat; }.ps-paramimbutton { background: transparent url(images/layout/ic_menu_upload.png) center center no-repeat; }#onlinealarm_wrapper { display:none; margin:5px 5px 0; padding:5px; height:110px; border:1px solid #CCC; overflow:auto; }#onlinealarm { width:100%; white-space:nowrap; }#onlinealarm tr.quit { background-color:#0F0; color:#555; }#onlinealarm tr.quitactive * { background-color:#FF0; color:#555; }#onlinealarm span.toquit, #onlinealarm a { cursor:pointer; text-decoration:underline; font-weight:bold; }#onlinealarm tr.Alarm *, #onlinealarm tr.Plantmode *, #onlinealarm tr.Plantmode.Bacnet * { background-color:#F00; color:#FF0; font-weight:bold; }#onlinealarm tr.Alarm.quitactive *, #onlinealarm tr.Plantmode.quitactive *, #onlinealarm tr.Plantmode.Bacnet.quitactive * { background-color:#FF0; color:#555; }#onlinealarm tr.Alarm.quit *, #onlinealarm tr.Plantmode.quit *, #onlinealarm tr.Plantmode.Bacnet.quit * { background-color:#0F0; color:#555; }#onlinealarm tr.Störung * { background-color:#FF0; color:#F00; font-weight:bold; }#onlinealarm tr.Störung.quitactive * { background-color:#FF0; color:#555; }#onlinealarm tr.Störung.quit * { background-color:#0F0; color:#555; }#onlinealarm tr.gefallen * { background-color:#F00; color:#FF0; font-weight:bold; }#onlinealarm tr.gefallen.quitactive * { background-color:#FF0; color:#555; }#onlinealarm tr.gefallen.quit * { background-color:#0F0; color:#555; }#onlinealarm tr.Warnung * { background-color:#FF0; color:#555; font-weight:bold; }#onlinealarm tr.Warnung.quitactive * { background-color:#FF0; color:#555; font-weight:normal; }#onlinealarm tr.Warnung.quit * { background-color:#0F0; color:#555; }#onlinealarm tr.Nothandebene *, #onlinealarm tr.Vorortsteuerung * { background-color:#FF0; color:#555; }#onlinealarm tr.Handbetrieb *, #onlinealarm tr.Hand * { background-color:#FF0; color:#555; }#onlinealarm tr.Meldung * { background-color:#e6e6e6; color:#737373; }#onlinealarm td.dataTables_empty { color:#000; }div.emptable { border-spacing:5px; }div.emptable div.th { padding:2px 5px; overflow:hidden; white-space:nowrap; }div.emptable div.td { padding:2px 5px; overflow:hidden; white-space:nowrap; border:1px solid #CCC; text-align:center; vertical-align:middle; }div.emptable div.td.maxw { max-width:150px; }div.float { width:250px; height:300px; margin:10px; padding:10px; float:left; line-height:27px; border:2px solid #FFF; background-color:#555; text-align:center; border-radius:10px; }div.float table { margin:auto; text-align:left; width:100%; }.elemtoshow { padding-left:5px; }table.dataTable thead th.noborder { border:none; }.bgred { background-color:#FF9191; }#wartungactive { width:24px; height:24px; float:right; margin:18px 10px 0 0; background:transparent url(images/layout/wartung.png); }.ledcontainer { float:right; }#LED1 { float:right; margin:20px 10px 0 0; }#LED2 { float:right; margin:20px 1px 0 0; }.footerlogin { float:left; margin:14px 0 0 5px; padding:2px; line-height:24px; display:block; width:28px; height:24px; cursor:pointer; text-decoration:none; background:transparent url(images/layout/menu_login.png) no-repeat center center; border:1px solid transparent; border-radius:2px; box-shadow:none; }.footerlogin.logout { background:transparent url(images/layout/menu_logout.png) no-repeat center center; }.headerlogin { cursor:pointer; background:transparent url(images/layout/menu_login.png) no-repeat center center; } .footerdatetime { float:right; margin:20px 20px 0 0; line-height:21px; font-size:14px; font-weight:bold; }.footertemp { float:right; margin:20px 20px 0 0; }.footertemp .atinfooter { line-height:21px; font-size:14px; font-weight:bold; }.alarmsettings { float:right; margin:14px 5px 0 0; padding:2px; line-height:24px; display:block; width:28px; height:24px; cursor:pointer; border:1px solid transparent; background:transparent url(images/layout/menu_alarm.png) no-repeat center center; border-radius:2px; box-shadow:none; }.alarmup { float:right; margin:14px 5px 0 0; padding:2px; line-height:24px; display:block; width:28px; height:24px; cursor:pointer; border:1px solid transparent; background:transparent url(images/layout/b-up.png) no-repeat center center; border-radius:2px; box-shadow:none; }.alarmup.oben { background-image:url(images/layout/b-down.png); }.footerlogin:hover { border-color:#CCC; }.alarmsettings:hover { border-color:#CCC; }.alarmup:hover { border-color:#CCC; }.footerlogin:active { box-shadow:inset 0px 0px 3px #CCC; }.alarmsettings:active { box-shadow:inset 0px 0px 3px #CCC; }.alarmup:active { box-shadow:inset 0px 0px 3px #CCC; }.alarmsettingspopup { position:absolute; bottom:160px; right:145px; width:0px; height:0px; overflow:auto; background-color:#EEE; background:rgba(238, 238, 238, 0.85); border:1px solid #888; padding:0px; z-index:1001; text-align:center; border-radius:5px; box-shadow:0px 0px 12px #8c8c8c; }.alarmsettingspopup .ps-button { width:85%; height:25px; line-height:25px; text-align:center; }.expbutton { float:right; margin:14px 5px 0 0; padding:2px; line-height:24px; display:block; width:28px; height:24px; cursor:pointer; border:1px solid transparent; background:transparent url(images/layout/download.png) no-repeat center center; border-radius:2px; box-shadow:none; }.expbutton:hover { border-color:#CCC; }.expbutton:active { box-shadow:inset 0px 0px 3px #CCC; }.relcontainer { position:relative; }.exportPopup { text-align:left; }.alarmexportpopup { position:absolute; top:0px; right:50px; width:0px; height:0px; overflow:hidden; background-color:#EEE; border:1px solid #888; padding:0px; z-index:1001; text-align:center; border-radius:5px; box-shadow:0px 0px 12px #8c8c8c; }.alarmexportpopup .ps-button { width:150px; height:25px; line-height:25px; text-align:center; }.userexportpopup { position:absolute; top:0px; right:50px; width:0px; height:0px; overflow:hidden; background-color:#EEE; border:1px solid #888; padding:0px; z-index:1001; text-align:center; border-radius:5px; box-shadow:0px 0px 12px #8c8c8c; }.userexportpopup .ps-button { width:150px; height:25px; line-height:25px; text-align:center; }.trendexportpopup { position:absolute; top:0px; right:50px; width:0px; height:0px; overflow:hidden; background-color:#EEE; border:1px solid #888; padding:0px; z-index:1001; text-align:center; border-radius:5px; box-shadow:0px 0px 12px #8c8c8c; }.trendexportpopup .ps-button { width:150px; height:25px; line-height:25px; text-align:center; }.aktusername { float:left; margin:20px 0 0 20px; line-height:21px; font-size:14px; font-weight:bold; }.aktusername a { line-height:21px; font-size:14px; font-weight:bold; }.aktusername .AutologoffTime { font-size:10px; padding-left:5px; }.LED_aus { width:21px; height:21px; background:transparent url(images/layout/LED_aus.png) no-repeat; }.LED_ein { width:21px; height:21px; background:transparent url(images/layout/LED_ein.png) no-repeat; }.LED_error { width:21px; height:21px; background:transparent url(images/layout/LED_error.png) no-repeat; }.LED_warn { width:21px; height:21px; background:transparent url(images/layout/LED_warn.png) no-repeat; }.pa-slider a { text-decoration:none; outline:none; }.pa-slider span.toleft { position:relative; top:-25px; left:10px; background:#FFF; border:1px solid #888; padding:3px; }#alarmingpopup h2 { text-align:left; }.alarminfo { border:5px solid #004CAF; padding:5px; }#osk, #oskquit { width:760px; text-align:center; }#oskinput, #oskquitinput { width:90%; height:25px; line-height:25px; text-align:center; font-size:14px; margin:auto; }#osk .ps-button, #oskquit .ps-button, #numpad .ps-button { width:50px; height:25px; line-height:25px; text-align:center; font-size:14px; }#osk .column2, #oskquit .column2 { width:110px; }#osk .column3, #oskquit .column3 { width:180px; }#osk .column4, #oskquit .column4 { width:250px; }#osk .column5, #oskquit .column5 { width:320px; }#osk .column6, #oskquit .column6 { width:390px; }#osk .column7, #oskquit .column7 { width:460px; }#osk .column8, #oskquit .column8 { width:530px; }#osk .column9, #oskquit .column9 { width:600px; }#numpad { width:280px; }#weather .condition { width:420px; }#weather .forecast { width:950px; }#weather .condition .big { font-size:65px; font-weight:bold; padding-left:135px; padding-top:10px; float:left; text-shadow:-1px -1px 3px #FFF; }#weather .condition .big sup { font-size:32px; font-weight:bold; }#weather .condition .location { font-size:22px; font-weight:bold; padding-left:135px; float:left; text-shadow:-1px -1px 3px #FFF; }#weather .condition .sonne { padding-left:20px; padding-top:20px; float:left; }#weather .condition .sonne span { line-height:32px; height:32px; display:inline-block; padding-left:5px; }#weather .condition .sonne .sunrise { width:35px; height:32px; background:transparent url(images/layout/sunrise.png) center top no-repeat; }#weather .condition .sonne .sunset { width:35px; height:32px; background:transparent url(images/layout/sunset.png) center top no-repeat; }#weather .condition .wind, #weather .condition .atm { font-size:12px; text-align:right; }#weather .condition .lastbuild { font-size:9px; text-align:right; }#weather .condition .yahoo { width:30px; height:18px; display:inline-block; margin-left:5px; background:transparent url(images/layout/yahoo.png); }#weather .forecast div.days { float:left; width:100px; text-align:center; overflow:hidden; border:1px solid #555; padding:3px; margin:5px; border-radius:5px; box-shadow:0px 0px 12px #8c8c8c; }#weather .forecast div.daysempty { float:left; width:100px; padding:4px; margin:5px; }#weather .forecast img.wind { width:15px; height:15px; }#weather .forecast .high { font-size:14px; color:#A91919; }#weather .forecast .low { font-size:14px; color:#004caf; }#weather .forecast .ps-bold { font-size:16px; }#weather .forecast .clearboth { margin:10px; }/* project *//* */div.center { position:relative; width:1860px; margin:auto; margin-top:50px; }/**//* Style für SBS-Elemente */div.center { position:relative; width:1200px; height:590px; margin:auto; margin-top:15px; }.ps-center-element { width:800px; }.SBS-button { background-color: #0d85c8; border: 1px solid #0d85c8; border-radius: 5px; padding:10px; color:#FFFFFF; text-align:center; }.oas_link { color:white; }.width150 { width:150px; }.width1030 { width:700px!important; }.width1030 label { width:440px!important; }.ueberschrift{ font-size: 30px; color:#0d85c8; }.ueberschrift_small { font-size: 16px; color:#0d85c8; }.std_text { font-size: 14px; text-align: justify; }/* Style für Registrierungsseite / Formulare etc. */#useradmin { margin:0 25px 0 10px; }#useradmin h3 { padding-left:30px; line-height:27px; }#useradmin h3.noreset { color:#060; }#useradmin .usercontainer { min-width:350px; }#useradmin p { padding:5px 50px 0px 50px; }#useradmin p span.ps-bold { float:right; }#useradmin .p-userbutton { float:right; width:27px; height:27px; padding:0 2px; margin:0 3px; cursor:pointer; }#useradmin .p-useredit { background:transparent url(images/layout/ic_menu_edit.png) center center no-repeat; }#useradmin .p-userdelete { background:transparent url(images/layout/ic_menu_delete.png) center center no-repeat; }#useradmin .p-userrefresh { background:transparent url(images/layout/ic_menu_refresh.png) center center no-repeat; }#useradmin .ps-checkbox { margin-left:250px; }#useradmin .ps-button { float:right; }#useradmin .ps-flex-container { align-items:flex-start; }#useradmin div.height0 { height:0px; overflow:hidden; }#useradmin h3 { cursor:pointer; background:transparent url(images/layout/ic_menu_add.png) left center no-repeat; }#useradmin h3.open { background:none; }.fieldsetcontainer { padding:20px; }.fieldsetcontainer fieldset { width:500px; padding:20px; margin:10px auto 0; border-radius:6px; }.fieldsetcontainer legend { padding:3px 30px; }.fieldsetcontainer input, .fieldsetcontainer select, .fieldsetcontainer span.ps-input { width:230px; float:right; text-align:left !important; }.fieldsetcontainer label, .fieldsetcontainer span.label { display:inline-block; width:230px; text-align:right; line-height:25px; }.fieldsetcontainer div.row { height:25px; clear:both; }.fieldsetcontainer div.error { text-align:center; color:#A91919; }.fieldsetcontainer div.entry, .fieldsetcontainer p.p-help { clear:both; }#dialog input[type=button] { color:#fff; }/* Style für Anlagenübersichtseiten "Meine Anlagen" und Benutzerverwaltung "Meine Daten" */div.table { border-spacing:5px; }div.th { padding:2px 5px; overflow:hidden; white-space:nowrap; }div.td { padding:2px 5px; overflow:hidden; white-space:nowrap; border:1px solid #CCC; text-align:center; vertical-align:middle; }.p-button { display:inline-block; width:27px; height:27px; padding:0 2px; margin:0 3px; cursor:pointer; }.p-info { background:transparent url(images/layout/menu_search.png) center center no-repeat; }.p-edit { background:transparent url(images/layout/ic_menu_edit.png) center center no-repeat; }.p-delete { background:transparent url(images/layout/ic_menu_delete.png) center center no-repeat; }.p-export { background:transparent url(images/layout/ic_menu_save.png) center center no-repeat; }.p-copy { background:transparent url(images/layout/ic_menu_copy.png) center center no-repeat; background-size: 35px; }.p-iomodul { background:transparent url(images/layout/ic_menu_manage.png) center center no-repeat; background-size: 35px; }/* input[type=submit] { background:transparent url(images/layout/ic_menu_edit.png) center center no-repeat; } *//* 0.0026490688323975 */