/* MGR_PEG.CSS (04.04.2018)                                Stand: 15.04.2024 */

* {box-sizing:border-box;}
body {padding:0px;font-family:Verdana,sans-serif;}
img {border:none;vertical-align:middle;}


.pi-block {display:block;}
.pi-hidden {display:none;}
.pi-inline {display:inline-block;}

.pi-click, .pi-link {cursor:pointer;}

.pi-button, .pi-info > .box, .pi-link, .pi-round, .pi-select, .pi-navi .mw .value, .pi-win .ctrl > .zoom > .box {border-radius:5px;}

.pi-button, .pi-link, .pi-select {border:1px solid silver;background-image:linear-gradient(#FFFFFF,#D4D4D4);background-color:#E8E8E8;}
.pi-button:hover, .pi-link:hover, .pi-select:hover {border-color:#A0A0A0;background-image:linear-gradient(#F0F0F0,#B8B8B8);background-color:#E0E0E0;}

.pi-deco > .enabled:hover, .pi-deco > .active {text-decoration:underline;}

.pi-hint {margin-top:15px;}
.pi-hint .hint {margin:5px 0px;}

.pi-info .pic, .pi-link .pic {background-repeat:no-repeat;background-position:5px center;padding-right:5px;}

.pi-info .box {font-size:0.8em;font-weight:bold;border:2px solid #B0B0C0;text-align:left;display:block;line-height:1.5em;padding-top:2px;padding-bottom:2px;}
.pi-info .info {background-color:#EBF1DE;}
.pi-info .revision {padding:15px 10px 15px 70px !important;font-size:1.5em;color:black !important;background-color:#FFB0B0;}
.pi-info .alert {color:red !important;background-color:#EBF1DE;}

/*

.pi-button, .pi-link, .pi-select {border:1px solid silver;background-image:linear-gradient(#F8F8F8,#D8D8D8);background-color:#E8E8E8;}
.pi-info .box {padding:5px;font-size:0.8em;font-weight:bold;border:2px solid #B0B0C0;border-radius:5px;text-align:left;display:block;line-height:1.5em;}
.pi-info .revision {padding:15px 10px 15px 70px !important;font-size:1.5em;color:black !important;background-color:#FFB0B0;}
.pi-info .pic {background-repeat:no-repeat;background-position:5px center;}
.pi-link-small {font-size:0.8em !important;vertical-align:middle;margin-top:-2px;padding-top:2px;padding-bottom:2px;}
*/

/*
.pi-link {font-size:10pt;font-weight:bold;line-height:normal;padding:1px 0px;}
.pi-link > span, span.pi-link, .pi-link a,
.pi-link-small {font-size:9pt !important;}
*/

.pi-link {font-size:10pt;font-weight:bold;padding:1px 0px;white-space:nowrap;}
.pi-link > a {text-decoration:none;}
.pi-link, .pi-link > a {color:#606060;}
.pi-link:hover, .pi-link > a:hover {color:#404040;}
.pi-link > .deco:hover {text-decoration:underline;}
.pi-link-small > .pic-info {background-size:auto 85%;background-position:5px center;}

.pi-navi {padding:5px;}
.pi-navi > .box {line-height:2em;}
.pi-navi .space-left {width:100px;}
.pi-navi .space-mw {width:22em;}
.pi-navi .title {font-weight:bold;}
.pi-navi > .box > .ctrl {margin-left:20px;}
.pi-navi > .box > .ctrl > .pi-button {padding:10px 7px;margin-top:-3px;}
.pi-navi > .box > .frame {position:relative;top:0px;left:0px;width:18em;}
.pi-navi > .box > .title {font-weight:bold;}
.pi-navi > .betreiber {padding-bottom:0px;display:none;}
.pi-navi > .mw, .pi-navi > .betreiber {font-size:1em;padding-top:10px;}
.pi-navi > .mw img {margin-top:-3px;}
.pi-navi > .mw .value {background-color:transparent;margin-right:10px;font-family:Arial !important;}
.pi-navi > .mw .special {color:blue;font-weight:bold;}
.pi-navi .mesz {font-size:0.8em;}
.pi-navi .info {margin-top:10px;font-size:0.8em;}
/*
.pi-navi {background-color:#F8F8F8;padding:5px;border-bottom:1px solid #E0E0E0;}
*/
/* Select */
.pi-select .box {background-color:white;font-size:0.7em;margin-top:2px;margin-bottom:5px;line-height:normal;}
.pi-select .click {cursor:pointer;}
.pi-select .field {margin-bottom:5px;border:1px solid silver;}
.pi-select .field input {border:none;width:100%;}
.pi-select .field-box {padding-right:30px;}
.pi-select .field-text {padding:2px 5px;}
.pi-select .head {color:#404040;padding:0px 5px;}
.pi-select .head:hover {color:#000000;text-decoration:none;}
.pi-select .hidden {display:none;}
.pi-select .info {background-color:#F0F4F4;padding:2px 5px;overflow:auto;max-height:5em;}
.pi-select .list {max-height:15em;background-color:transparent;}
.pi-select .list li {padding:3px 5px;cursor:pointer;display:none;}
.pi-select .list .li-active {display:list-item;}
.pi-select .list .li-selected {color:white;background-color:#E8E8E8;background-image:linear-gradient(#3875D7,#2A62BC);}

.pi-select .select-pic {background-position:right center;padding-right:20px;}
.pi-select .title {font-size:1em;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;padding:0px 5px;margin:-1px 0px;}
.pi-select .title:hover {}

.pi-select .win {padding:5px;}
.pi-select .win ul {padding:0px;margin:0px;white-space:nowrap;overflow-y:auto;overflow-x:hidden;list-style:none;}

.pi-space-top {margin-top:20px;}

.pi-switch {font-weight:bold;}
.pi-switch > span {border-radius:5px;border-width:1px;border-style:solid;padding:1px 5px;}

.pi-switch > .disabled {color:#A0A0A0;background-color:white;}
.pi-switch > .enabled {color:#606060;background-image:linear-gradient(#FFFFFF,#D4D4D4);background-color:#E8E8E8;cursor:pointer;}
.pi-switch > .enabled:hover {background-image:linear-gradient(#F0F0F0,#C8C8C8);background-color:#E0E0E0;}
.pi-switch > .active {background-image:linear-gradient(#FEFDD9,#E2A90A);background-color:#FFFFCC;}


.pi-switch > .enabled, .pi-switch > .disabled {border-color:silver;}
.pi-switch > .active, .pi-switch > .enabled:hover {color:#404040;border-color:#A0A0A0;}

.pi-win  .ctrl {margin-bottom:10px;}
.pi-win  .ctrl > .zoom {margin-left:3em;}
.pi-win  .ctrl > .zoom > .box {display:inline-block;background-color:#F0F0F0;border:1px solid silver;padding:1px;line-height:1.25em;}
.pi-win  .ctrl > .zoom > .box > img {padding:2px;}
.pi-win  .ctrl > .zoom > .box > .value {display:inline-block;width:4em;text-align:center;}

.pi-win .light-small {font-size:0.7em;}



.pi-win-active {display:block;}
.pi-win-disabled {display:none;}

.pi-win-box {}
.pi-win-box > .header {line-height:2em;border:1px solid silver;border-radius:5px 5px 0 0;color:black;background-color:#E0E0E0;}
.pi-win-box > .header > .title {font-weight:bold;margin-left:10px;margin-right:30px;}

.pi-win-view {padding:10px;background-color:white;border:1px solid silver;border-top:none;border-radius:0 0 5px 5px;}
.pi-win-view {min-height:24em;overflow-x:auto;}
.pi-win-view span {display:inline-block;}
.pi-win-view .col1 {width:36em;}
.pi-win-view .col2 {width:5em;}
.pi-win-view .col3 {width:3.5em;text-align:right;font-weight:bold;}
.pi-win-view .col4 {width:3.5em;}
.pi-win-view .header {font-weight:bold;padding-top:10px;}
.pi-win-view .label {width:40em;}
.pi-win-view .light-small {font-size:0.7em}
.pi-win-view .line {margin-bottom:5px;}
.pi-win-view .line-small {margin-bottom:5px;}
.pi-win-view .medium {font-size:0.9em}
.pi-win-view .space {margin-right:10px;}
.pi-win-view .text {line-height:1.5em;}
.pi-win-view .unit {margin-left:5px;}
.pi-win-view .value {width:10em;text-align:right;font-weight:bold;}
.pi-win-view .very-small {font-size:0.6em}



/* Tab User-Definitionen */
.tab-tabs {font-size:0.8em;white-space:nowrap;}
.tab-tabs, .tab-tabs > li.active > span, .tab-win {border-color:#A0A0A0;}
.tab-tabs > li.active > span {color:#004D29;background-color:#FFFDE9;border-bottom-color:#FFFDE9;}
.tab-tabs > li.disabled > span {color:white;background-color:white;border-color:white;}
.tab-tabs > li.enabled > span {color:#A0A0A0;background-color:#F8F8F8;border-color:#D0D0D0;}
.tab-tabs > li.enabled:hover > span {background-color:#FFFDE9;color:#004D29;border-color:#A0A0A0;border-bottom-color:transparent;}
/*
.tab-tabs > li.active > span {color:#404040;background-color:white;border-bottom-color:white;}
.tab-tabs > li.enabled > span {color:#A0A0A0;background-color:white;border-color:#E0E0E0;}
.tab-tabs > li.enabled:hover > span {background-color:#F0F0F0;color:#808080;}
.tab-tabs > li.active > span {margin-bottom:-2px;margin-top:2px;text-decoration:underline;cursor:default;}
*/

/* Design Anpassung */
.da-lef {background-color:#F0F080;}
.da-right {background-color:#E0E0E0;}

.da-box {padding:5px;}
.da-btn {margin-left:10px;margin-right:30px;}
.da-btn .pi-button {padding:9px 7px;}

.da-col-1 {width:100px;}

.da-ctl .da-sel {position:relative;top:0px;left:0px;width:18em;line-height:29px;}

.da-flx {display:flex;}
.da-flx-col {flex-direction:column;}
.da-flx-row {flex-direction:row;}
.da-flx-abs {flex:0 0 auto;}
.da-flx-rel {flex:1 1 0%;}
.da-flx-ali {align-items:center;}

.da-blk {font-family:arial;width:20em;}
.da-inf, .da-tmv {font-size:10pt;}
.da-inf, .da-tit, .da-val {font-weight:bold;}
.da-spc {padding-top:10px;}
.da-dat {background-image:url(../pics/icon_clock.gif);background-repeat:no-repeat;background-position:left center;margin-left:10px;padding-left:17px;}
.da-val {color:blue;}

.da-pic {font-size:8pt;margin:0px 5px;border:1px solid silver;border-radius:5px;background-color:#F0F0F0;}
.da-pic-box {border-top:1px solid silver;padding:5px 15px;}
.da-pic-tit {margin:3px 2px;text-align:center;}
.da-pic img {width:120px;height:80px;object-fit:contain;}

.da-pop {position:absolute;top:200px;left:200px;z-index:100;display:none;}
.da-pop {border:3px solid #404040;background-color:#C0C0C0;}
.da-pop img {height:260px;width:auto;}

/* Pegelqualität */
.pq table {table-layout:fixed;}

.pq .pq-cb-1, .pq .pq-cf-1, .pq .pq-ck-1 {width:12em;}
.pq .pq-cb-2, .pq .pq-cb-4, .pq .pq-cf-2, .pq .pq-cf-4, .pq .pq-ck-2, .pq .pq-ck-3 {width:8em;}
.pq .pq-cf-5, .pq .pq-ck-4 {width:10em;}
.pq .pq-cb-5, .pq .pq-cf-7 {width:20em;}
.pq .pq-cf-6 {width:12em;}

.pq td, th {background-color:#E0E0E0;padding:3px 5px;}

.pq .pq-hint {width:20em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pq .pq-hint br {display:none;}

.pq .pq-info {padding-left:20px;}
.pq .pq-info, .pq .pq-leg, .da-pic-tit {background-image:url(../pics/web_info.gif);background-repeat:no-repeat;background-position:left center;background-size:1.4em;cursor:help;}

.pq .pq-abs {position:absolute;left:150px;}
.pq .pq-rel {position:relative;}

.pq .pq-pop {border-width:3px;border-style:solid;border-radius:5px;padding:5px;font-size:0.7em;display:none;}

.pq .pq-pop-inf {background-color:rgb(207, 242, 248);border-color:rgb(7, 114, 133);}
.pq .pq-pop-box {width:350px;line-height:1.5em;}

.pq .pq-pop-leg {background-color:white;border-color:#808080;}
.pq .pq-leg-tit {padding:0px 5px;margin-bottom:10px;font-weight:bold;}

.pq ul {white-space:nowrap;list-style:none;margin:0px;padding:0px;}
.pq li {padding:2px 5px;margin:3px;}

.pq-akn {padding-left:5px;padding-right:20px;color:blue;font-style:italic;}
.pq-ftr {padding-top:20px;font-size:8pt;line-height:1.5em;}

.pq-col-w1 {width:10em;}
.pq-col-w2 {width:4em;}
.pq-col-w3 {width:8em;}
.pq-col-w4 {width:1em;}
.pq-col-w5 {width:6em;}
.pq-col-ctr {text-align:center;}
.pq-col-lwr {text-align:right;}
.pq-col-upr {text-align:left;}
.pq-txt-inf {font-weight:normal;margin-left:20px;}
#ID-PQ-DAT tds {border:1px solid silver;}

/* Tab Basis */
.tab > ul, .tab-tabs > li > span, .tab-win {border-width:2px;border-style:solid;}
.tab > ul {margin:0px;padding:0px;border-left:none;border-top:none;border-right:none;list-style:none;}
.tab > ul::after {content:"";display:block;clear:both;}
.tab-tabs > li {margin-left:10px;float:left;}
/*
float:left;
*/
.tab-tabs > li > span {font-weight:bold;padding:2px 10px;border-radius:5px 5px 0px 0px;display:inline-block;}
.tab-tabs > li.active > span {text-decoration:underline;cursor:default;margin-top:2px;margin-bottom:-2px;}
.tab-tabs > li.disabled > span {cursor:default;border-bottom-color:transparent;}
.tab-tabs > li.enabled > span {cursor:pointer;border-bottom-color:transparent;}
.tab-tabs > li.enabled:hover > span {text-decoration:underline;}

@media screen
{
#ID_BOX_HINT {}
#ID_BOX_REV {font-size:1em;margin:20px 0px;}
body {margin:10px;}
div.pi-prn-head, .pi-win-enabled {display:none;}
.pi-hint .hint {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pi-hint .hint:hover {white-space:normal;text-overflow:clip;}
.pi-main {margin-top:20px;min-width:1040px;}
.pi-win-view .small {font-size:0.8em}
.pi-win-view img {padding:5px;}
.tab-win {border-top-color:transparent !important;margin-top:-2px;}
.tab-bck {background-color:#FFFDE9;padding:10px;}
}

@media print
{
#ID_BOX_HINT {padding-top:1.5em;font-size:0.9em;}
#ID_BOX_REV {font-size:0.8em;padding-top:3em;}
body {margin:0px;}
.pi-prn-ff {padding-top:50px !important;page-break-before:always;}
.pi-prn-no {display:none !important;}
div.pi-prn-head {position:fixed;top:0px;left:0px;font-weight:bold;font-size:1.2em;padding:0px 10px;width:100%;border-bottom:2px solid silver;}
.pi-win-box {padding-top:3em;page-break-after:always;}
.pi-win-view img.fit {width:100% !important;}
.pi-win-view .small {font-size:0.7em}
.tab-win {border:none;}
}

/*
.pi-win-view .plot {width:800px;height:600px;overflow:hidden;background-color:red;}
.pi-win-view img.fit {width:100%;height:auto;}
.pi-win-box {page-break-before:always;}
.pi-win-disabled {display:none;}

padding:2px 5px;

.pi-win {margin-top:10px;}
.tab-tabs, .tab-tabs > li.active > span, .tab-win {border-color:#A0A0A0;}

.tab-tabs > li.disabled > span {color:#E0E0E0;background-color:white;border-color:#E0E0E0;}

*/