/* Darlehen auf Homeseite */

.storno
{
	text-decoration: line-through;
}
#OPBBTN
{
	position: absolute;
	right: 15px;
}
#TAB1, #TAB2, #TAB3 {
    background-color: rgba(191, 191, 191, 0.5);
    border-radius: 5px 5px 0 0;
    float: left;
    margin-right: 2px;
    padding: 5px;
    text-align: center;
    width: 130px;
    cursor: pointer;
}
#TAB1.active, #TAB2.active, #TAB3.active
{
	background-color: #068d9d !Important ; color: #fff;
	cursor: default;
}
#TABVIEW1,#TABVIEW2,#TABVIEW3
{
}
/* Muss später gegen ein Display None ausgetauscht werden oder gelöscht!*/
.TRACE {
    background: #ff8700 none repeat scroll 0 0;
    opacity: 0.8;
    padding: 6px;
    position: absolute;
    right: 0;
    top: 0;
}
.STORNO {
    color: rgba(255,3,3,0.4);
    text-decoration: line-through;position: relative
}
.STORNO:after {content: ""; width: 100%; height: 2px; background-color: rgba(255,3,3,0.4); position: absolute; left: 0; top: 10px}
.AFTSTORNO{position: relative}
.AFTSTORNO::after {
    border-bottom: 1px solid #ff0000;
      top: 6px;
    content: "";
    left: 0;
    position: absolute;
    width: 100%;
}
.ARTSTORNO{position: relative}
.ARTSTORNO::after {
    border-bottom: 1px solid #ff0000;
      top: 9px;
    content: "";
    left: 0;
    position: absolute;
    width: 100%;
}
.AFDSTORNO {position: relative}
.AFDSTORNO::after {
    border-bottom: 1px solid #ff0000;
    bottom: 10px;
    content: "";
    left: 0;
    position: absolute;
    width: 100%;
}

.ZLLROW {
    height: 25px;
    border-bottom: 1px dashed #dddddd;
}
.pg_listItem.col2 {
    font-size: 11px;
    overflow: hidden;
}
.td_hoverSelect:hover{background-color: #f88; cursor: help}
.mce-btn button {width: auto !important}

/*.noPaste {background-color: #d49400!important}*/
.noPaste .pg_pasteafter, .noPaste .pg_paste{display: none !important} 
.pg_paste {
    position: absolute;
    right: 10px;
    top: 5px;
}
.inlbtn{
	border: 1px solid #ddd;
    border-radius: 3px;
    padding: 4px;
}
.inlbtn:hover {
	background-color: #f84; cursor: pointer;
}
#FZK_LIST
{
    margin-top: 31px;
    max-height: 350px;
    min-height: 80px;
    overflow: auto;
    width: 100%;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}
.fzkList
{
    border: 1px solid #dddddd;
    padding: 5px;
    width: 100%;
    margin-bottom: 6px;
    position: relative;
}
.fzkList:hover
{
	background-color: #f84;
	cursor: pointer;
}
.deleteFKZ {
    border: 1px solid #dddddd;
    border-radius: 20px;
    height: 20px;
    padding: 1px;
    position: absolute;
    right: 4px;
    top: 4px;
    width: 20px;
}
.deleteFKZ:hover {
background-color: #f00;
}
#UKARRIW{top: 25% !important}
/* ============================= WAS IST DAS??? ======================== */
#ALLDOKS.active{color: #f84; background-color: #ddd} /*UND DAS ?? DAS IST ORANGE !!!!*/ 
.rbstdok{color: #955} /*WTF ??!!*/
.older {opacity: 0.7; background-color: #ddd} 
.pxUp{padding-top: 16px}
.pg_tabfloat {
    float: left;
    width: 50%;
}


.dokactive{color: #d59d00 !important;}
#quickMenu li{cursor: pointer}
.hint{font-size:9px}

.hintbox{font-size:11px;     background-color: #f8ffa7;
    border-radius: 8px;
    display: block;
 margin-top: -12px;
    overflow: hidden;
    }
.hintbox ul{   margin: 10px;
    padding: 0 15px;}
/* Raumbuch auf und zuklappen von Elementen */ 
.toogler {     margin: 4px 0;overflow: hidden;padding: 4px 0;cursor: pointer;
    color: #121212;
    font-weight: bold;
    font-size: 12px;}
.toogler i {width: 2%;text-align: center; padding-left: 0}
.toogler .divide {width: 80%;background-color:#121212;float: right; 
    display: inline-block;
    vertical-align: text-top;
    margin-left: 2%;}
.bl_closed{height: 0; padding-bottom: 0 !important}
.bl_open{height: auto}
.tg_open i{-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);vertical-align: middle;text-align: left; padding-left: 3px}

.pgc_table{width: 100%}
.pgc_half{width: 50%; vertical-align: top;}

/* Protokoll */
#MAILHISTORIE {
    max-height: 500px;
    overflow-y: auto;
}
/* Budget Auswertung */
#BAARROW {
    margin-top: 15% !important;
}
.groupcount {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 50%;
    font-size: 10px;
    font-weight: lighter;
    padding: 1px 5px;
    position: absolute;
    right: -7px;
    top: -4px;
}
.bold{font-weight: bold;}
.bigtxt{font-size: 16px !important}
.block{display: block; overflow: hidden;}

#KOSTENGRUPPENNOTIZ
{
    background-color: #dddddd;
    border: 2px solid #aaaaaa;
    border-radius: 6px;
    height: 504px;
    left: 12px;
    padding: 12px;
    right: 12px;
    top: 10px;
    z-index: 10;
}
#VERTRAGSMANAGEMENTNOTIZ
{
    background-color: #dddddd;
    border: 2px solid #aaaaaa;
    border-radius: 6px;
    box-shadow: 3px 2px 5px #000000;
    height: 504px;
    left: 12px;
    padding: 12px;
    position: absolute;
    right: 12px;
    top: 10px;
    z-index: 10;
}
#ERL_ANZAHLUNGSLISTE{min-height: 140px;}
/* ============================= Bis hier war ich es ======================== */

/* ============================= PROEJKT -> LISTENFILTER ======================== */
#LISTFILTER {text-align: right; padding-right: 6px}
#LISTFILTER li {display: inline-block; margin: 0 -6px 0 0; cursor: pointer; font-weight: bold;border: 1px solid #ddd;padding: 5px 10px 5px 10px; border-radius: 2px;background: #fff;
background: -moz-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
background: -webkit-linear-gradient(top,#fff 0%,#f6f6f6 47%,#ededed 100%);
background: linear-gradient(to bottom,#fff 0%,#f6f6f6 47%,#ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ededed',GradientType=0);}
#LISTFILTER li:hover {opacity: 0.8}
#LISTFILTER li.active {background: #068D9D; color: #fff;border: 1px solid #026a77;}



/*--------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/
/*----------- DO NOT CHANGE ANYTHING BELOW THIS LINE -----------------------------------*/
/*--------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/
#VSKK_GSUM{font-weight: bold}
.quickIcon
{
    -webkit-transition: all .45s cubic-bezier(.23,1,.32,1);
    -moz-transition: all .45s cubic-bezier(.23,1,.32,1);
    -ms-transition: all .45s cubic-bezier(.23,1,.32,1);
    -o-transition: all .45s cubic-bezier(.23,1,.32,1);
    transition: all .45s cubic-bezier(.23,1,.32,1);
}


.fa, .fab, .fad, .fal, .far, .fas {padding-top: 2px !important}

.red{color: #C73E1D !Important}
.redwarn{color: #F00 !Important; font-weight: bold;text-decoration: underline;}
.black{color: #000}
.yellowtext {color: #F18F01}
.greentext {color: #01af01}
.sumhead{   background-color: #ffbf00 !important;
    border-bottom: 2px solid;
    border-top: 2px solid #fff;
    display: block;
    height: 25px;

    }
.yellowback {background-color: #ffff00!important}
/* ============================= GENERALS ======================== */
body {background-color: #fff !important}

.cBLabelm, .unit label, .pg_tab, .rBLabel , #mainNav, #pg_menu, #logo, .pg_tree, #PRJOKTNAME, .pg_listRightItem, .pg_list, strong, .pg_aktionmenu *
{-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

/*------- GENERALS -> COLORS ---------------------------*/
/*ROT: REQUIERED, ERROR, WARNING*/
.unit label.required:after, .error, .pg_list.important, #mainNav li.important a, #mainNav li.important span {color: #8C271E}
.error {border-color: #8C271E; border: 1px solid #8C271E !important; }
.budgeterror{color: #f00!important}
/*GELB: SAVE, HIGHLIGHT, lINKS*/
.mod_login{border: 1px solid #dddddd;}
a, button.cta:hover, .selectFrame:hover::after, .mod_login input.submit:hover, .pg_list.upcoming 
{color: #068d9d}

/*SCHWARZ: GENERAL TEXT, DEFAULT BUTTON*/
body {color: #121212}
button {background-color: #121212; color: #fff}

/*HELLES GRAU: EHER HINTERGRUNDFARBE UI*/
.unit.text.number span, #pg_left,/* .pg_tabcontrol,*/ .unit input[type="text"]:disabled, .pg_listHead 
{background-color: #efefef}
.datePicker.disabled {
    opacity: 0.5;
}
/*WEIßER BG*/
#pg_RBRaumDialog, .whiteBack {background-color: #fff}

#PRJOKTNAME{font-weight: 700;background-color: #a23b72;display: block;padding: 4px;color: #fff;}
#BGAPRJOKTNAME{font-weight: 700;background-color: #a23b72;display: block;padding: 4px;color: #fff;}
#KGSCOLLER{padding-top: 0}

#STORNOSHOW {background-color: rgba(255,146,146, 0.5);bottom: 0;left: 0;position: absolute;right: 0;top: 0;display: none;justify-content: center;align-items: center}
.STORNOTXT {font-size: 8em;transform: rotate(17deg);font-weight: bold}
#STORNOINFO {position: absolute;bottom: 0;background-color: #fff;width: 100%;left: 0;padding: 25px;font-weight: bold;}
#STORNOCANCELBTN {position: absolute;right: 25px;top: 25px;}

/*--------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/
/*------- GENERALS -> ELEMENTS ---------------------------*/
a {text-decoration: none}
.pg_placard { border-top: 2px solid #dddddd;margin: 12px 0 0;overflow: hidden;padding-top: 12px;text-align: right;}

.pg_placard button,.pg_placard .button, .unitFloat .iconButton {display: inline-block; margin-left: 1%; vertical-align: middle}
.pg_inputrow {overflow: hidden; margin: 15px 0 0 0}
.clickable{cursor: pointer;}
.clickable:hover{background-color: #ccc5b9}
button, .button {display: block; padding: 8px 16px; border-radius: 15px;border: 2px solid #121212;-webkit-appearance: button;-moz-appearance: button:;font-weight: bold; outline: none;min-width: 130px; cursor: pointer; margin-bottom: 5px}
button:hover, .button:hover {background-color: rgba(0,0,0,0); color: #121212}
.button a {color: #fff}

button.cta  {background-color: #068d9d; border: 2px solid #068d9d;color: #fff; text-align: center;}
button.pgabtn  {background-color: #fff; border: 2px solid #f00;color: #000; text-align: center;}
button.pgabtn:hover{background-color: #600;color: #fff;}
button.info {background-color: #068daf; border: 2px solid #068daf;color: #fff; }
button.info.red {background-color: #fff;border: 2px solid #a23b72}
button.info.red:hover {background-color: rgba(0,0,0,0); color: #a23b72}

button.cta:hover, .button.cta:hover {background-color: rgba(0,0,0,0); color: #333;}
button.info:hover {background-color: rgba(0,0,0,0); color:#068daf}
button.disabled, button.cta.disabled {background-color: #ddd;border: 2px solid #ddd;cursor: not-allowed;color: #919191; opacity: 0.8}
button.disabled:hover, button.cta.disabled:hover  {background-color: #ddd;border: 2px solid #ddd;color: #919191}

button.clrbtn {background-color: #8C271E; border: 2px solid #8C271E; float: left}
button.smallbtn {min-width: 100px;padding: 4px;}

button.upload {width: 35px !important;height: 35px !important;border-radius: 50%;min-width: 0;padding: 0;font-size: 1em}
button.round {width: 25px !important;height: 25px !important;border-radius: 50%;min-width: 0;padding: 0;font-size: 1em}
button.icon {width: 25px !important;height: 25px !important;border-radius: 0%;min-width: 0;padding: 0;font-size: 1em}
button i {padding: 0 !important}
button span {margin-left: 10px}
button.listRound {
   border-radius: 50%;
    font-size: 0.7em;
    height: 21px !important;
    margin-right: 3px;
    margin-top: 1px;
    min-width: 0;
    padding: 0;
    width: 21px !important;
}
.btn {
    border: 1px solid #dddddd;
    border-radius: 6px;
    padding: 4px;
    text-align: center;
    width: 100px;
}
.btn:hover {
	background-color: #f84;
}

.placardbtn
{
    background-color: #666666;
    border: 1px solid #dddddd;
    border-radius: 6px;
    font-size: 14px;
    font-weight: bold;
    margin-top: 2px;
    min-width: 36px;
    padding: 4px;
    text-align: center;
    width: 36px !important;
    cursor: pointer;
}
.placardbtn:hover
{
	background-color: #f84;
}
.filled {background-color: #CCC5B9;padding: 4px 8px 8px;}
.yellowfilled{background-color: rgba(255, 191, 0, 0.4) ;padding: 4px 8px 8px;}
.filled .selectFrame select {background-color: #fff}

.lined {border: 1px solid #CCC5B9; padding: 10px}

.divide {width: 100%; clear: both; height: 2px; background-color: #ddd; margin: 8px 0}

.bordertop{border-top: 1px solid #000}
.textleft {text-align: left}
.textright {text-align: right}
.textcenter {text-align: center}
.smalltext, .smalltext .unit input {font-size: 12px !important}

.floatright {float: right !important}
.alignright {text-align: right;}

 /* TINY MCE FIX */
.mce-tinymce button {display: initial; min-width: 0; width: initial}


 /* GRID */
.twyPix {
    margin-right: 1%;
    width: 22px;
}
.twoPerc {width: 2%}
.fivePerc {width: 5%}
.ninetyFivePerc {width: 95%}
.fivetenPerc {width: 15%}
.sixtenPerc {width: 16%}
.eighteenPerc {width: 18%; margin-right: 1%}
.nineteenPerc {width: 20%}
.twentyPerc {width: 20%}
.thirtyfourPerc {width: 34%}
.fourtyonePerc {width: 41%}
.seventytwoPerc {width: 72%}
.twelfthPlusPerc{    margin-right: 1% !important;    width: 12.3% !important;}
.halfOne {
    min-width: 40px;		/* What???? */
    }

.halfOne {width: 9%; margin-right: 1% !important}
.halfOneLast{width: 10%;  !important}
.twohalfOne {width: 19%; margin-right: 0 !important}
.threehalfOne {width: 30%; margin-right: 0% !important}
.borderbottom{border-bottom: 1px solid #fff}
.borderleft{border-left: 1px solid #fff;}
.borderright{border-right: 1px solid #fff;}

.halfOneLast {width: 10%; margin-right: 0 !important}

.dateFive {width: 11% !important; margin-right: 1% !important}
.datumFive {width:140px !important; margin-right: 1% !important}
.descFive {width: 38% !important; margin-right: 1% !important}
.smallDescFive {width: 24% !important; margin-right: 1% !important}
.valueFive {width: 13% !important; margin-right: 1% !important}

.oneFive {width: 19% !important; margin-right: 1% !important}
.oneFiveLast {width: 20% !important; margin-right: 0!important}

.oneAndFive{width: 24% !important; margin-right: 1% !important}
.oneAndFiveLast{width: 25% !important; margin-right: 0 !important}

.oneHalfFive {width: 32.5%; margin-right: 1% !important}

.twoFive {width: 39%; margin-right: 1% !important}
.twoFiveLast {width: 40%; margin-right: 0% !important}
.twoSix {width: 32.333333333%; margin-right: 1% !important}
.twoSixLast {width: 33%; margin-right: 0% !important}
.threeSix {width: 28%; margin-right: 1% !important}

.halfFive {width: 49%; margin-right: 1% !important }/*48%*/
.halfFiveLast {width: 50%; margin-right: 0% !important }/*48%*/
.threeFive {width: 59%; margin-right: 1% !important }
.threeLast {width: 60%; margin-right: 0 !important; overflow: hidden }
.fourFive {width: 79%; margin-right: 1%!important}
.fourFiveLast {width: 80%; margin-right: 0!important}
.seventyFiveLast {width: 75%; margin-right: 0!important}
.fiveFiveLast {width: 90%; margin-right: 0!important}

.fullFive {float: none; margin: 0 !important; width: 99%;}

.onsetOneFive {margin-right: 7.5% !important;}

.height100 {min-height: 100px;max-height: 200px;overflow: auto;border: 1px solid #ddd}
.height200 {min-height: 200px;max-height: 200px;overflow: auto;border: 1px solid #ddd}
.height400 {min-height: 400px;max-height: 400px;overflow: auto;border: 1px solid #ddd}
/*.height400 .pg_listRow, .height200 .pg_listRow {height: 54px}*/
.height225 {min-height: 225px;max-height: 225px;overflow: auto;border: 1px solid #ddd}

 /* UNITS */
 input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus {
    border-color: #e9322d;
    -webkit-box-shadow: 0 0 6px #f8b9b7;
    -moz-box-shadow: 0 0 6px #f8b9b7;
    box-shadow: 0 0 6px #f8b9b7;
}
 
.unitFloat {clear:both; overflow: hidden;    margin-top: 4px;}

.unitFloatNoOverflow {clear:both; display: flex}
/*.unitFloat.filled {margin-left: 6px}*/
.unitFloat .unit, .unitFloatNoOverflow .unit, .unitFloatNoOverflow .cunit {float: left; margin-left: 0}
.unitFloat.flex .unit {margin: 0 0.5% 6px 0}
.unitFloat label {display: block; margin-bottom: 10px}
.unitFloat .unit.divide {padding-top: 20px; font-weight: bold}
.unit {/* margin: 0 0 6px 6px;/*min-width: 120px;*/ position: relative}
.unit button {width: 100%}
.unit .hint {font-size: 10px; margin-top: 4px}

.floatlabel {clear: both; overflow: hidden}
.floatlabel label {width: 25%; display: inline-block !important; float: left}
.floatlabel input {width: 70% !important; float: right}

.unit.caption {padding: 0 5px; border: 1px solid #ddd}
.box {    border: 1px solid #dddddd;
    margin-bottom: 10px;
    padding: 6px;}

 /* Input + Textarea */
.unit label, .unit input, .unit select {display: block}
.unit input, .unit textarea, .selectFrame select, .cBFrame .cBLabel {font-size: 13px /* von 14 auf 13 geändert*/}
.cBFrame .cBLabel {margin-top: 0}
.unit label {font-size: 11px; line-height: 17px; margin: 2px 0 0}
/*
font-size: 11px; margin: 0; line-height: 24px }
*/
.unit label.required:after {content:"*"; display: inline-block; margin-left: 2px;font-weight: bold}
.unit input:disabled {cursor: not-allowed}
.unit label.disabled {opacity: 0.4}
textarea:disabled {color: #121212}


.unit input, .unit textarea {width: 100%;border: 1px solid #ddd; outline: none;box-shadow: inset 2px 2px 20px rgba(0,0,0,0.1); padding: 3px 5px /* von 5px auf 3px 5px geändert*/ }
/* .unit.fullFive input, .unit.fullFive textarea, .selectFrame {width: 99%} */
.unit input[type=text] {height: 25px}
.unit input[type=caption] {background-color: rgba(255,255,255,0.2);border: medium none;box-shadow: none;color: #121212;font-weight: bold;padding-left: 0;padding-top: 3px; height: 25px}
.unit textarea {height: 4em /* von 100 auf 122 geändert */}
.unit.big textarea {height: 400px}
.unit.small.textarea textarea {height: 4em}

/*select, textarea, input{outline: none; border: 2px solid #000}*/
select:focus, textarea:focus, input:focus{outline: none;background-color: rgba(27, 196, 213, 0.15)/*rgba(204,197,186,0.6)*/ !important}
select:-moz-focusring {color: rgba(0,0,0,0);text-shadow: 0 0 0 #000}

 /* Number Input */
.unit input[type=number] {height: 25px; max-width: 350px}
#pg_RBBerichtAuswahl .unit input[type=number], #pg_RBBerichtAuswahl .unit input[type=text], #pg_RBBerichtAuswahl textarea {max-width: 300px !important}
.unit.text.number.postfix input {padding-right: 34px;}
.unit.text.number input {text-align: right;height: 25px}
.unit.text.currency input {text-align: right;height: 25px}
.unit.text.number span {position: absolute;font-size: 14px; bottom: 1px;height: 23px; width: 31px; right: 1px;line-height: 24px;text-align: center;font-weight: bold;padding-left: 2px;border-left: 1px solid #ddd;border-top: 1px solid #ddd;}
.unit.text.number.disabled input {background-color: rgba(0,0,0,0); box-shadow: none;/* border: none*/}
.unit.text.number.disabled span {border: none; background-color: rgba(0,0,0,0)}

/*DATEPPICKER INPUT*/
.unit.deadline input {width: 75%; display: inline-block}
.unit.deadline .datePicker {display: inline-block;cursor: pointer; text-align: center;width: 32px;margin-left: -4px;height: 25px;vertical-align: top;background-color: #068b9c;border: 1px solid #068b9c;color: #fff; padding: 2px 0;}
.unit.deadline .datePicker i {padding: 0}    
 
 /* Select */
.popupSelectFrame select, .selectFrame select {-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;appearance: none;outline: 0;box-shadow: none;border: 1px solid #ddd;background: rgba(0,0,0,0);background-image: none; width: 100%; border-radius: 0}
.unit select::-ms-expand {display: none}
.popupSelectFrame, .selectFrame {position: relative;display: flex;height: 25px;line-height: 2.5;box-shadow: inset 2px 2px 20px rgba(0,0,0,0.1);overflow: hidden;border-radius: 0}
.selectFramePlaceholder {position: relative;height: 25px}
.unit select {flex: 1;cursor: pointer; padding: 0 4px}
.popupSelectFrame::after , .selectFrame::after {content: '\25BC';font-size: 10px;position: absolute;top: 0;right: 0;bottom: 0;padding: 0 1em;background: #efefef;border: 1px solid #ddd;cursor: pointer;pointer-events: none;-webkit-transition: .25s all ease;-o-transition: .25s all ease;transition: .25s all ease}
.popupSelectFrame {width: 15%}
.popUpSelectOuter input, .popUpSelectOuter .popupSelectFrame {display: inline-block; vertical-align: middle}
.popUpSelectOuter input {width: 85%}
.popUpSelectOuter .popupSelectFrame {margin-left: -4px}
.popupSelectFrame::after {padding: 0; text-align: center; left: 0}

.selectFrame select[disabled] {cursor: not-allowed;position: absolute;height: 100%;background-color: #bfbfbf;z-index: 999;opacity: 1}


 /* Checkbox */ 
.cBLabel {position: relative;padding-left: 35px;margin-bottom: 10px !important;line-height: 24px;cursor: pointer}
.cBLabel input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0 !important; left: 0}
.checkmark {position: absolute;top: 0;left: 0;height: 25px;width: 25px;background-color: #eee;border: 1px solid #ddd}
.cBLabel:hover input ~ .checkmark {background-color: #ccc}
.cBLabel input:checked ~ .checkmark {background-color: #068d9d}
.checkmark:after {content: "";position: absolute;display: none}
.cBLabel input:checked ~ .checkmark:after {display: block}
.cBLabel .checkmark:after {left: 8px;top: 3px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg)}
.pg_list .checkmark {height: 18px; width: 18px; border: 1px solid #b1b1b1;}
.pg_list .cBLabel {line-height: 0}
.pg_list .checkmark:after {left: 6px;top: 2px;width: 4px;height: 8px;border-width: 0 2px 2px 0}
.pg_list.textright {padding-right: 10px;}

/* Radio Buttons */ 
.rBLabel {display: block;position: relative;padding-left: 35px;cursor: pointer;line-height: 23px}
.rBLabel input {position: absolute;opacity: 0;cursor: pointer}
.rBLabel .checkmark {position: absolute;top: 0;left: 0;height: 25px;width: 25px;background-color: #eee;border-radius: 50%}
.rBLabel:hover input ~ .checkmark {background-color: #ddd}
.rBLabel input:checked ~ .checkmark {background-color: #068d9d}
.rBLabel .checkmark:after {content: "";position: absolute;display: none}
.rBLabel input:checked ~ .checkmark:after {display: block}
.rBLabel .checkmark:after {top: 7px;left: 7px;width: 9px;height: 9px;border-radius: 50%;background: white}


/*Autocomplete*/
.autoCompleteRow, .autoCompleteRow .unit {overflow: visible !important}
.autocomplete {position: relative; display: inline-block;width: 100%}
.autocomplete-items {position: absolute;border: 1px solid #999;border-bottom: none;border-top: none;z-index: 99;top: 43px;left: 0;right: 0}
.autocomplete-items div {padding: 5px;cursor: pointer;background-color: #fff;border-bottom: 1px solid #d4d4d4;color: #333}
.autocomplete-items div:hover {background-color: #e9e9e9}
.autocomplete-active {background-color: #d59d00 !important;color: #ffffff !important}

/*Upload iFrame*/
#iHTMLframeUpload,#iPLANframeUpload, #iALGBframeUpload, #iSTDBframeUpload 
{
	border: medium none;display: block;height: 100px;position: fixed;right: -2px;top: 2%;z-index: 99;
}
#iHTMLframeUpload,#iPLANframeUpload, #iALGBframeUpload {background-color: #fff;}
#iSTDBframeUpload {background-color: #f00; color: #fff}



/*Adress-Selektor*/
.placard .SelectItem { -webkit-user-select: none; -ms-user-select: none;user-select: none;display: inline-block; margin: 0 -2px 0 0; font-weight: bold;cursor: pointer;
background: #fff;
background: -moz-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
background: -webkit-linear-gradient(top,#fff 0%,#f6f6f6 47%,#ededed 100%);
background: linear-gradient(to bottom,#fff 0%,#f6f6f6 47%,#ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ededed',GradientType=0);
border: 1px solid #ddd; 
padding: 5px 10px 5px 10px; border-radius: 2px; }
.placard .SelectItem:hover{opacity: 0.8}
.placard .SelectItem.active {background: #058d9d !important;color: #fff}


/*----------------------------------------------------*/
/*------- PAGE -> HEADER -> MAINMENU ---------------------------*/
/*----------------------------------------------------*/
#pg_menu .inside {background-color: #fff; margin-left: 10%; margin-right: 10%; position: relative;margin: 0 auto; overflow: visible; padding: 10px 0;border-bottom: 1px solid #ddd; min-height: 61px}
#pg_menu ul {margin: 0; padding-left: 5px;position: relative}
#pg_menu li.mItem{cursor: pointer;}
#pg_menu li.mItem.disabled {color: #888888;}
#pg_menu li.mItemDivide {padding: 1px !important; background-color: #068d9d !important;border-top: 1px solid #068d9d !important}
#pg_menu li {display: inline-block; font-weight: bold;font-size: 15px; margin-right: 6%}
#pg_menu li span {display: inline-block;padding: 10px;cursor: pointer}
#pg_menu li.submenu:after {content: "\f0d7";font-family: "Font Awesome 5 Free";font-weight: 900}
/*#pg_menu li.submenu:hover > ul.level_2, .home #pg_menu ul.level_2:hover, #pg_menu ul.level_2 li.submenu:hover > ul.level_3 {display: block}*/
#pg_menu ul.level_2, #pg_menu ul.level_3 {display: none; color: #fff}
#pg_menu li.submenu {position: relative; cursor: pointer;}
#pg_menu ul.level_2 {position: absolute; top: 0; width: 300px; margin-top: 35px;z-index: 99999999}
#pg_menu ul.level_3 {position: absolute; top: -1px; left: 291px; width: 500px; max-height: 500px; overflow: auto}
#pg_menu ul.level_2 span, #pg_menu ul.level_3 span {padding: 0}
#pg_menu ul.level_2 li, #pg_menu ul.level_3 li {display: block; padding: 10px;background-color: #222;border-bottom: 1px solid #068d9d; font-weight: normal; margin-right: 0}
#pg_menu li.active, #pg_menu li:hover, #pg_menu li.active, #pg_menu li.trail, #pg_menu ul.level_2 li:hover, #pg_menu ul.level_3 li:hover {color: #068d9d !important}
#pg_menu ul.level_2 li.submenu:after {content:"\f0da"}


#pg_progressBar {position: absolute; right: 17px; top: 16px; height: 29px; overflow: hidden}
.pg_progressState {display: inline-block; margin: 0 -2px; font-weight: bold}
.pg_progressState > div {border-radius: 0;position: relative; padding: 0px 16px;height: 29px; line-height: 29px; background-color: #efefef;color: #888;min-width: 140px;text-align: center;border-right: 1px solid #ddd;font-size: 12px}
.pg_progressState > div.active {background-color: #068d9d;color: #fff; border-right: none}
.pg_progressState > div.active:after {content: "";width: 17px;height: 17px;transform: rotate(45deg);position: absolute;right: -9px;top: 5px;z-index: 1;background-color: #d59d01;border-top: 2px solid #d59d01; border-right: 2px solid #d59d01}
#PJ_STATUS30 {border-right: none}
/*----------------------------------------------------*/
/*------- PAGE -> LOGED IN -> GENERALS UI ---------------------------*/
/*----------------------------------------------------*/
/*#pg_left, #pg_right, #pg_frame {min-height: 1000px;}*/

/*----------------------------------------------------*/
/*------- PAGE -> HOME ---------------------------*/
/*----------------------------------------------------*/
#quickIconNav {margin-top: 3%; padding-top: 3%; border-top: 1px solid #ddd}
.quickIcon {width: 20%;float: left;height: 200px;position: relative;margin-bottom: 2%}
.quickIcon:hover {transform: scale(1.1)}
.quickIconInner {width: 150px;height: 150px;position: absolute;border-radius: 100%;background-color: #114b5f;text-align:center;left: calc(50% - 75px);}
.quickIconInner a {position: absolute; top: 0; left: 0; right: 0; bottom:0; width: 100%; color: #fff;font-size: 5em;padding-top: 22%}
.quickIcon h3 {position: absolute;bottom: 0;width: 100%;text-align: center;font-size: 14px}

/*----------------------------------------------------*/
/*------- PAGE -> PROJEKT -> GENERALS UI (LEFT + RIGHT SCROLLBAR !!) ------------------------*/
/*----------------------------------------------------*/
body.projekt #header, body.projekt #pg_menu {position: fixed; width: 100%;left: 0; z-index: 3}
body.projekt #header {top: 0}
body.projekt #pg_menu {top: 64px}
body.projekt #pg_left  {position: fixed; top: 125px; width: 30%; z-index: 2;min-height: 0;padding-bottom: 3%;bottom: 0;overflow-y: auto; overflow-x: hidden; padding: 0}
body.projekt #pg_right {width: 70%; margin-left: 30%; margin-top: 125px; padding-bottom: 160px}
body.projekt #pg_left .pg_aktionmenu {right: 4px !important;z-index: 9999999999;}

body.projekt #pg_right .fixedlistHead {position: fixed;width: 70%;left: 30%;z-index: 2;padding: 0 15px;background-color: #fff; /*min-width: 1070px;*/}
body.projekt #pg_right .fixedlistContent {padding-top: 130px} 
body.projekt #pg_right .fixedlistHead .pg_listHead {max-height: 30px; min-width: 1070px}

/*RECHNUNGSLISTE*/
#RECHNUNGSLISTE {padding-top: 116px !important}
body.projekt #pg_right .fixedlistContent .totalSum {background-color: #ffbf00;font-weight: bold;border-top: 1px solid;
border-bottom: 1px solid;
position: fixed;
width: 68.19%; 
z-index: 1}


/*AUFTRAGSERFASSUNG*/
.captionList .unitFloat:nth-child(2n) {background-color: #efefef} 
.captionList .unitFloat {margin-top: 0}
.captionList .unitFloat .unit label {padding-right: 5px; color: #121212}

/*------- UI -> LAYOUT BUILDER ---------------------------*/
#pg_left, #pg_right {float: left; padding: 15px; padding-top: 0; position: relative; min-height: 80vh}
#pg_right{overflow: hidden;}
#pg_left {width: 30%;}
#pg_right {width: 70%; background-color: #fff}
#pg_right > .pg_placard {margin-top: 0}

/*------- UI -> TAB CONTROLS ---------------------------*/
.pg_tabcontrol {overflow: hidden; clear: both;/*border: 1px solid #ddd;*/ border-top-left-radius: 35px;border-bottom-left-radius: 35px;border-top-right-radius: 35px;border-bottom-right-radius: 35px}
.pg_tab {display: inline-block; padding: 8px; cursor: pointer; font-weight: bold; position: relative;border: 3px solid rgba(0,0,0,0)}
.pg_tab:first-child {border-top-left-radius: 35px;border-bottom-left-radius: 35px}
.pg_tab:last-child {border-top-right-radius: 35px;border-bottom-right-radius: 35px}    
.pg_tab.active {color: #068d95;border: 3px solid #068d95;}
.pg_tabdialog {/*padding: 30px 0;*/display: none}
.pg_tabdialog.active {display: block}
.pg_tabcontent {position: relative; padding-bottom: 60px; min-height: 500px}
.pg_tabcontentControl {position: absolute;bottom: 0;width: 100%}
.pg_tab.textIsSet:before {content:"\f05a";font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; top: 1px; right: 1px; font-size: 11px}

/*------- UI -> CONTENT ELEMENTS  -> LISTELEMENTS --------------------------*/
.pg_listControl {margin-bottom: 10px}
.pg_listTitle {padding: 5px 0; font-weight: bold}
.pg_listHead_rl, .pg_listHead {background-color: #121212;clear: both;color: #fff;font-weight: bold;overflow: hidden;position: relative}
.pg_listHead_rl {height: 32px; display: flex}
/*.pg_listHeadAktion {position: absolute;right: 7px;top: 0;cursor: pointer;text-align: center;height: 100%;padding-top: 4px;color: #fff}*/
.pg_listHeadAktion {position: absolute;right: 7px;top: 0;cursor: pointer;text-align: center;height: 100%;padding-top: 0;color: #fff;transform: translate(0, 10%); line-height: 25px}
.pg_listHeadAktion i {padding-top: 0}
.pg_list {/*display: inline-block;*/word-wrap: break-word; hyphens: auto; float: left; vertical-align: middle; padding: 4px; cursor: pointer; /*height: 30px*/ overflow: hidden; hyphens: auto;}
.pg_listNoBorder {margin-left: 28px;float: left; vertical-align: middle; padding: 4px; cursor: pointer; overflow: hidden; hyphens: auto;}
.CloseRow{height: 0; opacity: 0; padding: 0;     -webkit-transition: all .45s cubic-bezier(.23,1,.32,1);
    -moz-transition: all .45s cubic-bezier(.23,1,.32,1);
    -ms-transition: all .45s cubic-bezier(.23,1,.32,1);
    -o-transition: all .45s cubic-bezier(.23,1,.32,1);
    transition: all .45s cubic-bezier(.23,1,.32,1);
}
.OpenRow{
	height: auto; 
	opacity: 1;
	width: calc(100% - 28px);    
	line-height: 1.5em;
	-webkit-transition: all 1s cubic-bezier(.23,1,.32,1);
    -moz-transition: all 1s cubic-bezier(.23,1,.32,1);
    -ms-transition: all 1s cubic-bezier(.23,1,.32,1);
    -o-transition: all 1s cubic-bezier(.23,1,.32,1);
    transition: all 1s cubic-bezier(.23,1,.32,1);
}
.TurnArrow{transform: rotate(90deg);
    -webkit-transition: all .45s cubic-bezier(.23,1,.32,1);
    -moz-transition: all .45s cubic-bezier(.23,1,.32,1);
    -ms-transition: all .45s cubic-bezier(.23,1,.32,1);
    -o-transition: all .45s cubic-bezier(.23,1,.32,1);
    transition: all .45s cubic-bezier(.23,1,.32,1);
}

.redBox
{
    
    background-color: #00ff55;
    border-radius: 9px;
    font-size: 12px;
    padding: 3px 9px 2px !important;
}		
.greenBox
{
    background-color: #ff0055;
    border-radius: 9px;
    font-size: 12px;
    padding: 3px 9px 2px !important;
}


/* Table Liste
*/
.pg_tlist {border-right: 1px solid #dddddd; padding: 3px 8px;text-align: center;}

/*
*/

.pg_list {border-right: 1px solid #dddddd;}
.pg_listHead .pg_list {cursor: default; max-width: 95%; border-right: 1px solid #fff}
.pg_listRow {/*height: 30px;*/ /*min-width: 1070px;*/ overflow: hidden; background-color: #fff; cursor: pointer; position: relative; display: flex}
.pg_listRow:nth-child(2n) {background-color: #efefef}
.pg_groupframe{ border-bottom: 1px dotted #ff8844;}

.pg_listSmallRow {float: left; vertical-align: middle;padding: 2px 5px; color: #777; /*height: 30px; */ cursor: pointer; width: 100%;}
.pg_listSmallRow:nth-child(2n) {background-color: #efefef}
.pg_listSmallRow:hover {background-color: #CCC5B9 !important; color: #121212 !important}
.vt_label{border-top: 1px solid #dddddd; margin: 6px 0; padding-top: 6px; text-align: center;}

.pg_flexlistRow{/*height: 30px;*/ /*min-width: 1070px;*/padding: 5px 0; overflow: hidden; background-color: #fff; cursor: pointer; position: relative; display: flex}
/*AUSNAHME RAUMBUCH STANDARD KATALOG
#RBSTSTDLIST .pg_listRow:nth-child(4n) {background-color: #efefef !important}
#RBSTSTDLIST .pg_listRow:nth-child(2n) {background-color: initial}
#RBSTSTDLIST .pg_listRow:hover {background-color: #CCC5B9 !important; color: #121212 !important}
*/

.pg_listRow.active{background-color: #d59d00 !important; color: #fff}
.pg_listRow:hover {background-color: #CCC5B9 !important; color: #121212 !important}
.pg_list.toogler {margin-top: 5px}
.pg_list.toogler.active i {transform: rotate(90deg);transform-origin: 80% 60%}

.pg_listRow.rbstdok {color: #d59d00;font-weight: bold}
.LISTTRACE{color: #d59d00;font-size: 9px;position: absolute;right: 24px;text-align: right;bottom: 4px;}

.pg_listRow.checkBox {position: relative}
.pg_listRow.checkBox input {position: absolute;opacity: 0;cursor: pointer;height: 100%;width: 100%; left: 0; top: 0; margin: 0; z-index: 1000}
.pg_listRow.checkBox .checkmark {position: absolute;top: 10px;left: 8px;height: 19px;width: 19px;background-color: #eee;border: 1px solid #ddd}
.pg_listRow.checkBox:hover input ~ .checkmark {background-color: #ccc}
.pg_listRow.checkBox input:checked ~ .checkmark {background-color: #068d9d}
.pg_listRow.checkBox .checkmark:after {content: "";position: absolute;display: none}
.pg_listRow.checkBox input:checked ~ .checkmark:after {display: block}
.pg_listRow.checkBox .checkmark:after {left: 5px;top: 0px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg)}
.pg_textRow {border-bottom: 1px dashed #dddddd;display: block;margin-bottom: 6px;overflow: hidden;padding-bottom: 6px;padding-left: 2px; cursor: pointer}
.pg_list > p {margin: 0}
.pg_list input {width: 100%}
.pg_list.textright input {text-align: right}
.sortList .pg_list {cursor: pointer}
.pg_list.sortby {position: relative; color: #068d9d; cursor: pointer}
.pg_list.sortby:after {content:"\f0d8";font-family: "Font Awesome 5 Free"; font-weight: 900;position: absolute; right: 5px; top: 7px; color: #068d9d} 
.pg_list.sortby.sortOrderDesc:after {content:"\f0d7"}
.pg_list.sortby.sortOrderAsc:after {content:"\f0d8"}

.pg_listTable .iconButton {margin-right: 7px; cursor: pointer; color: #111111}

.pg_listRow.legendRow {opacity: 0.8;margin-bottom: 10px;cursor: default !important;background-color: #fff !important;transform: scale(0.8);transform-origin: 0 0;}
.pg_listRow.legendRow .pg_list {cursor: default !important;}  
.pg_list .pg_userControl {background-color: #121212;width: 20px;height: 20px;display: inline-block;margin-right: 5px;vertical-align: middle;border-radius: 50%;padding: 3px 0;color: #fff;font-size: 10px;text-align: center}
.pg_list .pg_userControl i {padding: 0}    


.pg_sumBox
{
	float: left;
	border: 1px solid #ddd;
	background-color: rgba(255, 191, 0, 0.3);
	text-align: center;
}
.pg_sumBoxLabel
{
	text-align: center;
	padding: 2px;
	border-bottom: 1px dotted #aaaaaa;
	position: relative;
}
.pg_sumBoxValue
{
	font-weight: bold;
	text-align: right;
	padding: 10px 6px 2px;
}

/*------- UI -> CONTENT ELEMENTS  -> PG_RIGHT -> POPUP --------------------------*/
#SHEETBACKDROP {position: fixed;z-index: 10; top: 0;left: 0;bottom: 0;right: 0;background-color: rgba(0,0,0,0.1);cursor: not-allowed}
#pg_backdrop {position: fixed;z-index: 2; top: 0;left: 0;bottom: 0;right: 0;background-color: rgba(0,0,0,0.65);cursor: not-allowed}
#pg_kbubackdrop {position: fixed;z-index: 10; top: 0;left: 0;bottom: 0;right: 0;background-color: rgba(0,0,0,0.40);cursor: not-allowed}
/*Level 0*/
.pg_overlaydialog {background-color: #fff;left: 0;position: absolute;top: 0;padding: 15px;width: 100%;z-index: 3}

/*Level1*/
#pg_level1backdrop{position: fixed;z-index: 11; top: 0;left: 0;bottom: 0;right: 0;background-color: rgba(0,0,0,0.65);cursor: not-allowed}
.pg_popupdialog_level1 {background-color: #fff;box-shadow: 2px 2px 16px;left: 25%;padding: 35px 15px 15px 15px;position: absolute;top: 5%;width: 50%; z-index: 12}

/*Level2 - Standard*/
#pg_level2backdrop{position: fixed;z-index: 7; top: 0;left: 0;bottom: 0;right: 0;background-color: rgba(0,0,0,0.65);cursor: not-allowed}
.pg_popupdialog {background-color: #fff;box-shadow: 2px 2px 16px;left: 25%;padding: 15px;position: fixed;top: 5%;width: 50%; z-index: 13; padding-bottom: 0}

/*Level3 - Overlay*/
.pg_popupdialog_level3 {background-color: #fff;box-shadow: 2px 2px 16px;left: 25%;padding: 15px;position: fixed;top: 5%;width: 50%; z-index: 15}
#pg_level3backdrop{position: fixed;z-index: 14; top: 0;left: 0;bottom: 0;right: 0;background-color: rgba(0,0,0,0.65);cursor: not-allowed}

 .bdr{border-right: 1px solid #aaaaaa}
 .bdb{border-bottom: 1px dashed #bbb}
 .bdt{border-top: 2px solid #000}

/*Level4*/
#pg_alertbackdrop{position: fixed;z-index: 14; top: 0;left: 0;bottom: 0;right: 0;background-color: rgba(0,0,0,0.65);cursor: not-allowed}
.pg_AlertPopup{background-color: #fff;box-shadow: 2px 2px 16px;left: 15%;padding: 15px;position: fixed;top: 5%;width: 70%;z-index: 16}


.pg_dialtitle {text-align: center;padding: 6px;font-size: 16px;font-weight: bold}
.pg_dialcontent{min-height: 200px}


#pg_backdrop {position: fixed;z-index: 9; top: 0;left: 0;bottom: 0;right: 0;background-color: rgba(0,0,0,0.4);cursor: not-allowed}
.pg_sheet{
	position: absolute; 
	padding-top: 45px !important; 
	background-color: #fff;
	overflow-y: auto;-webkit-overflow-scrolling: touch;
	padding: 15px;
	z-index: 11; /* Achtung, dass kann probleme geben. vormals 10 */  
	top: 5%;
	width: 40%;
	left: 30%;
	box-shadow: 2px 2px 5px rgba(0,0,0,.8);
	display: none;
	border-radius: 8px;
}
.pg_dialog {
	position: absolute; 
	padding-top: 45px !important; 
	background-color: #fff;
	overflow-y: auto;-webkit-overflow-scrolling: touch;
	padding: 15px;
	z-index: 10;  
	top: 5%;
	width: 50%;
	min-width: 400px;
	
	left: 25%;
	box-shadow: 2px 2px 5px rgba(0,0,0,.8);
	display: none;
	border-radius: 5px;
}
/* Mover zum bewegen der Dialoge */
.titlebar {
    line-height: 0;
	font-weight: bold;
	left: 0;
	border-radius: 3px 3px 0 0;
    position: absolute;
    top: 0;
    padding: 15px;
    width: 100%;
    cursor: all-scroll;
    background-color: #058d9d;
    height: 30px;
    font-size: 14px;
    border-bottom: 1px solid #114B5F;
    color: #fff	    
}
.titlebar.cta
{
    background-color: #d00 !important;

}
.redback { background-color: #f00;}
.popupDialMenu{cursor: pointer;
    display: block;
    position: absolute;
    right: 15px;
    top: 2px;
    font-size: 11px;
	z-index: 1;
}
.popupDialMenu.intitleBar i {color: #fff}

.pg_dialog h2, .pg_AlertDial h2, .pg_lvl1Dial h2 {
    border-bottom: 1px solid #dddddd;
    margin: 0 0 12px;
    padding-bottom: 6px;
}
.pg_dialog h3, .pg_dialog h4
{
	margin: 4px 0;
}

.pg_inDialTabNav ul {padding:0; margin: 10px 0; background-color: #efefef}
.pg_inDialTabNav ul li {display: inline-block; font-weight: bold; padding: 5px 3% 5px 3%; text-align: center; cursor: pointer}
.pg_inDialTabNav ul li.active {background-color: #068d9d; color: #fff}

.pg_inDialTabFrame {position: relative; min-height: 200px; overflow-y: auto; padding-bottom: 3%}
.pg_inDialTab {position: absolute;top: 0;width: 100%;display: none}
.pg_inDialTab.active {display: block}


/*Level 1*/
#pg_lvl1backdrop{position: fixed;top: 0;left: 0;bottom: 0;right: 0;background-color: rgba(0,0,0,0.65);cursor: not-allowed; z-index: 11; }
.pg_lvl1Dial {
    background-color: #fff;
   /*
    border: 1px solid #ddd;
    border-radius: 3px;
   */ 
    box-shadow: 2px 2px 16px #333;
    display: none;
    left: 25%;
    overflow: hidden;
    padding: 15px;
    position: absolute;
    top: 5%;
    width: 50%;
    z-index: 20;
}
/*Level 2*/

/*Level 3*/
#pg_alertbackdrop{position: fixed;top: 0;left: 0;bottom: 0;right: 0;background-color: rgba(0,0,0,0.65);cursor: not-allowed; z-index: 29; }
.pg_AlertDial{border-radius: 8px; background-color: #fff;box-shadow: 2px 2px 16px;left: 35%;padding: 45px 15px 15px 15px;position: fixed;top: 5%;width: 30%;z-index: 30}


.pg_dialtitle {text-align: center;padding: 6px;font-size: 16px;font-weight: bold}
.pg_dialcontent{min-height: 200px}

/*------- UI -> CONTENT ELEMENTS  -> PG_RIGHT -> POPUP -> SONDERFELD: IDENT NUMMER -------------------------*/
.pg_ident{position: relative;margin-top: 60px;padding-left: 20%}
#RBR_IDENT {background-color: #068d9d;color: #fff;padding: 5px;font-size: 16px;text-align: center;font-weight: bold}
#RBR_IDENT:before {content: "";position: absolute;left: 0;top: 16px;height: 2px;background-color: #121212;width: 50px}
.pg_ident:before {content: "";position: absolute;top: -34px;width: 20px;left: 0;height: 20px;border-top: 2px solid #121212;border-right: 2px solid #121212}
.pg_ident:after {content: "";position: absolute;top: 45px;width: 20px;left: 0;height: 20px;border-bottom: 2px solid #121212;border-right: 2px solid #121212}


/*------- UI -> CONTENT ELEMENTS  -> TREE VIEW --------------------------*/
.pg_treeHead {background-color: #7b7b7b;border: 1px solid #ddd;clear: both;color: #fff;font-weight: bold;overflow: hidden;position: relative}
.pg_tree {display: inline-block; vertical-align: top;padding: 5px; cursor: pointer;}
.pg_zwsum{border: 1px solid #dddddd;border-top: 2px solid #000; border-bottom: 2px solid #000; padding: 0px; width: 100%; background-color: #ffff00}
.pg_sumblock{border: 1px solid #dddddd;border-top: 2px solid #000; border-bottom: 2px solid #000; padding: 0px; width: 100%; background-color: rgba(255, 191, 0, 0.4)}

.pg_treeHead .pg_tree {cursor: default}
.pg_treeRow {background-color: #fff; position: relative; padding-right: 30px; padding-left: 20px; cursor: pointer;}
.pg_treeRow:nth-child(2n -1 ) {background-color: #efefef}
.pg_treeRow.bauteil {background-color: #d3d1d1}
.pg_treeRow .pg_tree {margin-right: -3px; line-height: 17px;}

.pg_treeRow.nonclickable:hover {background-color: initial !Important;color: initial !Important; cursor: default}
.pg_treeRow:hover{background-color: #068d9d !Important ; color: #fff} 
.pg_treeRow.active{background-color: #9090bf; color: #fff}
.pg_treeRow.active:hover{background-color: #8686af!Important; color: #fff}
.pg_treeRow:hover .pg_treeAktion, .pg_treeRow.active .pg_treeAktion, .pg_treeRow.active:hover .pg_treeAktion {opacity: 0.8;color: #fff}

.pg_treeRow .hasFiles {position: absolute;right: 32px;top: 5px; color: #a23b72}
.pg_treeRow .pg_pasteafter {position: absolute;right: 12px;top: 5px;}
#PH_AKTEND {background-color: #8C271E;color: #fff;cursor: pointer;padding: 2px 8px;margin: 10px 0;}
#PHHINT {margin: 10px 0;position: relative;font-size: 12px;padding-right: 20px;font-weight: 700;}
#PHHINT img {position: absolute;top: 0;right: 6px}

.pg_listRightItem{display: inline-block; width: 34%; text-align: right;padding-top: 7px;line-height: 18px; float: right;}
.pg_listRightItem span {display: block; margin-bottom: 7px}
.pg_treeRow:hover .LISTTRACE,  .pg_treeRow.active .LISTTRACE {color: #fff}
.pg_treeAktion {position: absolute;right: 0;width: 30px;top: 0;cursor: pointer;text-align: center;height: 100%;padding-top: 4px;color: #7b7b7b; opacity: 0.6}
.pg_treeAktion:hover {color: #fff; opacity: 1}
.pg_tAMenu {position: absolute; right: -175px;z-index: 9; top: 0; background-color: #fff; width: 200px; padding: 15px; box-shadow: 2px 2px 5px rgba(0,0,0,0.5); color: #121212}
.toogleIcon {position: absolute; top: 0px; left: 0; cursor: pointer}
.toogleListIcon {cursor: pointer;left: -5px;position: absolute;top: -2px}


body.projekt .phb_level1 {background-color: rgba(255, 191, 0, 0.4) !important; border-bottom: 1px solid;border-top: 1px solid}
body.projekt .phb_level1.sGK{background-color: #efefef !important}
body.projekt .phb_level1.active, .phb_level1.sGK.active {background-color: #9090bf !important}
body.projekt .phb_level1.sGK:hover, body.projekt .phb_level1:hover {background-color: #068d9d !Important;color: #fff}



.phb_level2 {
    padding-left: 32px !important;
}

.phb_level3 {
    padding-left: 48px !important;
}
.phb_level4 {
    padding-left: 60px !important;
}
.phb_level5 {
    padding-left: 72px !important;
}

.phb_level2 div.toogleIcon
{
	left: 12px;
}
.phb_level3 div.toogleIcon
{
	left: 30px;
}
.phb_level4 div.toogleIcon
{
	left: 40px;
}



.pg_treeRow.level0{margin-left: 20px;}
.pg_treeRow.level1{padding-left: 55px}
.pg_treeRow.level1:before {content: "\f5fd";font-family: "Font Awesome 5 Free";font-weight: 900; position: absolute; left: 42px; top: 0px;height: 29px; line-height: 29px; font-size: 11px; color: #068d9d}
.pg_treeRow.active.level1:before, .pg_treeRow:hover.level1:before {color: #111111}

/*-- HOME --> ZAHLUNGSLISTE --*/
.pg_treeRow.formated .desc {width: 30%; display: inline-block; vertical-align: top}
.pg_treeRow.formated .value {width: 70%; display: inline-block}
.pg_treeRow.formated .col3.last {margin-top: 10%; }
.col3{padding-top: 3px}
.col7{padding-top: 3px}
/*AKTIONSMENÜ + BACKDROP*/
.pg_aktionmenu {background-color: #ffffff;border: 1px solid #dddddd;box-shadow: 3px 3px 3px #666666;cursor: pointer;position: absolute;right: -235px;top: 15px;width: 250px;z-index: 20}

.pg_aktionmenuLeft {background-color: #ffffff;border: 1px solid #dddddd;box-shadow: -3px 3px 6px #666666;cursor: pointer;position: absolute;right: 0px;top: 15px;width: 200px;z-index: 9999999}
.pg_aktionmenuLeft ul, .pg_aktionmenu ul {margin: 0;padding: 0}
.pg_aktionmenu li.mItemDivide { background-color: #dddddd !important;
    border-top: 1px solid #dddddd !important;
    margin: 0 auto;
    padding: 0 !important;
    width: 96%;}

.pg_aktionmenuLeft li, .pg_aktionmenu li {color: #121212;list-style-type: none;padding: 10px 12px}
.pg_aktionmenuLeft li.disabled, .pg_aktionmenu li.disabled{opacity: 0.5}
.pg_aktionmenuLeft li:hover, .pg_aktionmenu li:hover {background-color: #068d9d;color: #fff}
#pg_menubackdrop, #pg_mainNavbackdrop {background-color: rgba(0, 0, 0, 0);bottom: 0;left: 0;position: fixed;right: 0;top: 0; z-index: 11}
#pg_mainNavbackdrop {z-index: 1 !important}
#akmback {background-color: rgba(0, 0, 0, 0);bottom: 0;left: 0;position: fixed;right: 0;top: 0; z-index: 10}
/* oboselte*/ 
#pg_leftmenubackdrop {background-color: rgba(0, 0, 0, 0.2);bottom: 0;left: 0;position: fixed;right: 0;top: 0; z-index: 10}



/*------- UI -> CONTENT ELEMENTS  -> SPINNING WHEEL --------------------------*/
#pg_loading, #pg_loading:before,#pg_loading:after {border-radius: 50%;width: 2.5em;height: 2.5em;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation: load7 1.8s infinite ease-in-out;animation: load7 1.8s infinite ease-in-out}
#pg_loading {position: fixed;left: 60%;top: 22%;color: #000;font-size: 10px;margin: 80px auto;text-indent: -9999em;-webkit-transform: translateZ(0);-ms-transform: translateZ(0);transform: translateZ(0);-webkit-animation-delay: -0.16s;animation-delay: -0.16s, z-index: 9999!important}
#pg_loading:before,#pg_loading:after {content: '';position: absolute;top: 0}
#pg_loading:before {left: -3.5em;-webkit-animation-delay: -0.32s;animation-delay: -0.32s;}
#pg_loading:after {left: 3.5em}
@-webkit-keyframes load7 {0%,80%,100% {box-shadow: 0 2.5em 0 -1.3em;}40% {box-shadow: 0 2.5em 0 0;}}
@keyframes load7 {0%,80%,100% {box-shadow: 0 2.5em 0 -1.3em;}40% {box-shadow: 0 2.5em 0 0;}}


/*------- UI -> CONTENT ELEMENTS  -> PAGINATION --------------------------*/
.pg_pagination {margin-bottom: 3%; text-align: center; font-size: 12px}
.pg_pagination > p {margin: 10px 0; font-weight: bold}
.pg_pagination ul {margin: 0 auto; padding: 0}
.pg_pagination ul li {display: inline-block; margin: 0 -6px 0 0; }
.pg_pagination ul li:first-child span, .pg_pagination ul li:first-child a {border-top-left-radius: 5px;border-bottom-left-radius: 5px}
.pg_pagination ul li:last-child span, .pg_pagination ul li:last-child a {border-top-right-radius: 5px;border-bottom-right-radius: 5px}
.pg_pagination ul li a, .pg_pagination ul li span {float: left;background: #114b5f;color: #fff;border: 2px solid #fff; padding: 5px 10px 5px 10px; border-radius: 2px}
.pg_pagination ul li:before { content: none }
.pg_pagination ul li a:hover, .pg_pagination ul li span {background: #058d9d;}

/*------- UI -> CONTENT ELEMENTS  -> PROGNOSE --------------------------*/
/*
#PROGNOSEDIALOG {bottom: 5%;overflow-y: scroll;position: fixed; padding-bottom: 75px;transform: translate3d(0px, 0px, 0px) !important;height: 90%}
#PROGNOSEDIALOG .pg_placard {width: 60%;position: fixed;bottom: 5%;left: 20%;background-color: #fff;padding: 20px}
#PROGNOSEDIALOG #progErgebnisRow {padding-bottom: 10%}
*/
.progSheet.active {border-bottom: 4px solid #000;}
.progSheet.open, .progSheet.open .progProgessInner {background-color: #01af07}
.progSheet.open:before {border-color: rgba(0,0,0,0) #fff rgba(1,121,5,0.3) rgba(1,121,5,0.3);background: rgba(1,121,5,0.3)}
.progSheet.closed, .progSheet.closed .progProgessInner {background-color: #114b5f}
.progSheet.closed:before {border-color: rgba(0,0,0,0) #fff #037886 #037886;background: #037886}
.progLabel{position: absolute; top: 8px; width: 76%}
.progSheet {overflow: visible;
    width: 16%;
    height: 250px;
    background-color: #058d9d;
    position: relative;
    cursor: pointer;
    float: left;
    margin-right: 2%;min-width: 170px}
.progSheet:before {content: "";position: absolute;top: 0;right: 0;border-width: 0 50px 50px 0;border-style: solid;
-webkit-box-shadow: 0 1px 0px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 0px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
    box-shadow: 0 1px 0px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
  /* Firefox 3.0 damage limitation */
display: block; width: 0;z-index: 1;}
.progSheetContent {    height: 100%;
    overflow: visible;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 25px;
    z-index: 0;
    padding: 63px 10px 10px 10px;
    border: 1px solid #ddd;
    color: #fff;}
.progSheet .lockState {font-size: 1.4em;position: absolute;top: 10px;left: 10px;width: 40px;height: 40px;border: 2px solid;border-radius: 50%;text-align: center;padding: 3px;left: calc(50% - 20px);}
.progSheet .lockState i, .progFunktionen i {padding: 0}

.progProgess {position: absolute;bottom: 10px;left: 10px;height: 10px;right: 10px;background-color: #fff;border-radius: 35px;box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5)}
.progProgessInner {position: absolute; top: 3px;left: 3px;bottom: 3px; border-radius: 35px}

.progFunktionen {position: absolute;bottom: 50px;width: 40px;height: 40px;border-radius: 50%;border: 2px solid #fff;font-size: 1.4em;text-align: center;padding: 5px;left: calc(50% - 20px);cursor: pointer}
.progSheet .pg_aktionmenu {right: -135px;bottom: 48px;top: initial !important}

/*--------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/
/*------- MEDIABREAKS ---------------------------*/

@media (max-width: 1600px)
{
	#pg_frame {margin-left: 5%; margin-right: 5%}
}


@media (max-width: 1450px)
{
	.pg_popupdialog {width: 60%; left: 20%}
}

@media (max-width: 1250px)
{
	#pg_left {width: 30%}
	#pg_right {width: 70%}
	#pg_RBRaumDialog > div.pg_placard {width: 70%; left: 30%}
	button {min-width: 120px}
	
	/*POPUP DIALS*/
	
	.pg_listRow.checkBox .pg_list.fourFive {padding-left: 40px;padding-top: 0}	
	.chosen-select, .chosen-select-no-single, .chosen-select-no-results, .chosen-select-deselect, .chosen-select-rtl, .chosen-select-width {width: 95%}
	
	#RBINFODATABLOCK {display: none}
	
	.toogler {background-color: #efefef;border: 1px solid #ddd;padding: 5px;}
    .tg_open i {padding-left: 0; transform-origin: 50% 50%}
    .toogler i {width: initial}
    .toogler span {padding-left: 5%}
    .toogler .divide {display: none}
	
}
@media (max-width: 1180px)
{
	.pg_listHead .pg_list {font-size: 10px}
}

@media (max-width: 968px)
{

	#pg_progressBar {transform: scale(0.8);transform-origin: 100% 50%;}
	#pg_menu li {font-size: 14px}

	#pg_frame {margin-left: 0%; margin-right: 0%}    
    #pg_left, #pg_right {float: none; width: 100%; height: auto; min-height: 0}
	
	/*DIALOG*/
	.pg_dialog {position: fixed; top: 5%; width: 50%; left: 25%;  -webkit-overflow-scrolling: touch;
    transform: translate3d(0,0,0); overflow: auto;min-height: 100px}
    
    /*RAUMBUCH*/
    #pg_RBRaumDialog > div.pg_placard {width: 100%; left: 0}

    
     /* GRID */
	.halfOne, .oneFive, .twoFive, .halfFive {width: 50%; float: none}
	.threeFive, .fourFive, .fullFive {width: 99%; float: none}
   
	
}
@media (max-width: 768px)
{
	.pg_dialog{left: 1%!Important; min-width: 98%}
     body {font-size: 12px !important}
     
     #logo {padding-left: 12px}
     #logo img {max-width: 75px !important}
     
      #mobTrigger {transform: scale(0.8)}
      #logout {transform: scale(0.75);transform-origin: 100% 40%}
     
     #pg_menu ul {padding-left: 15px}
     #pg_menu li {font-size: 12px}
     #pg_menu li span {padding: 2%}
     #pg_menu li.submenu:after {display: none}
     
     #pg_menu ul.level_2 {position: fixed;left: 0;width: 96%;top: 60px;max-height: 300px;overflow: auto;}
     #pg_menu > div > ul > li:nth-child(3) > ul {overflow: initial !important}
     #pg_menu ul.level_3 {position: fixed;top: 256px;left: 0%;width: 96%;max-height: 168px}
     
     #pg_progressBar {transform: scale(1);position: initial;font-size: 8px;width: 90%;margin-left: 15px;margin-top: 5px;margin-bottom: 0}
	.pg_progressState {font-weight: bold;width: 33.33%;float: left;display: block; margin: 0}
	.pg_progressState > div {padding: 0px; min-width: 0}
	.pg_progressState > div.active:after {display: none}
     
     .pg_tabcontrol, .pg_tab {border-radius: 0 !important}
     
     .unitFloat {margin-left: 0}
     input {-webkit-appearance: none; -moz-appearance: none;}
     button {min-width: 0;font-size: 9px;margin: 1%;width: 48%;float: left;display: block}
     
     /* GRID + ELEMENTS*/
	.halfOne, .oneFive, .twoFive, .halfFive, .oneHalfFive, #RB_ROWINP .halfOne {width: 99%; float: none}
	#RB_ROWINP .halfOne, #RB_ROWINP .oneFive {width: 99% !important; float: none !important}
	.unit {margin: 0 0 6px 0}
	.unit.fullFive input, .unit.fullFive textarea, .selectFrame {width: 100%}
	.unit input[type=number], .unit input[type=text], .unit textarea {max-width: 100%}
	
	/*RAUMBUCH --> TREEVIEW*/
	.pg_listHeadAktion {padding-top 2px}
	.pg_treeAktion {display: none}
	.quickIconInner{ height: 80px; width: 80px;}

	.quickIcon{ height: 140px; font-size: 8px; margin-left: 10%;}
	.quickIcon h3 {font-size: 9px;}
	
	
	/*TABS*/
	.pg_tabcontrol, .pg_tabcontent, #RBB, #AGB, #RBST {background-color: #efefef;border: 1px solid #ddd;font-size: 9px}
	.pg_tabcontent {padding: 5px; margin-top: 20px}
	.pg_tab.active {background-color: #d59d01;color: #fff}
	
	/*LIST TABLES*/
	.pg_listTable .pg_list {overflow: hidden}
	.pg_listTable .twoPerc {display: none}
	.pg_listTable .oneFive {width: 20%; float: left}
	.pg_listTable .twoFive {width: 44%; float: left}
	/*.pg_listTable .halfOne {width: 10%; float: left}*/
	
	input[type="color"],
	input[type="date"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="email"],
	input[type="month"],
	input[type="number"],
	input[type="password"],
	input[type="search"],
	input[type="tel"],
	input[type="text"],
	input[type="time"],
	input[type="url"],
	input[type="week"],
	select:focus,
	textarea {
		font-size: 16px !important;
	}
	
	
}