﻿.highcharts-credits { display: none !important; }
.highcharts-container {  background-color: transparent !important }
.tab-pane { border: none !important; padding: 0px !important; }
.xpstab { width: 100%; }
.xpstab tr td:nth-child(1) { width: 35%; }
.xpstab tr td:nth-child(2) { width: 65%; }
.xpstab tr td .xpstext { width: 100%; }
.xpstab3 tr td:nth-child(2) { width: 30%; }
.xpstab3 tr td:nth-child(3) { width: 35%; }
.xpspercent { width: 120px; text-align: right; margin-left: 0px !important; }
.xpsdate { width: 120px; text-align: center; }
.xpseuro { width: 120px; text-align: right; margin-left: 0px !important; }
.xpsdouble { width: 120px; text-align: right; margin-left: 0px !important; }
.xpsshort { width: 120px; text-align: center; margin-left: 0px !important; }
.xpsinteger { width: 120px; text-align: center; margin-left: 0px !important; }
.xpsdropdownlist { width: 120px; }
.xpscheckbox { position: relative; top: 3px; left: 0px; }
.xpscheckbox ~ label { position: relative; left: 10px; }
.xpscheckboxlist { width: 1%; }
.xpscheckboxlist tbody tr td label { position: relative; top: -3px; padding-left: 3px; margin-right: 25px; }
.xpscheckboxlist tbody tr td { white-space: nowrap; }
.xpsSortRow { border:1px solid #aaa;height:30px; cursor:move; padding:6px 3px 3px 3px; vertical-align:middle; }
.btnXpsAutoOpenOnHover { color: white !important }
.xpsToggleKundenErfassungsmodus { position: absolute; left: 96%; z-index: 100; cursor:pointer;  user-select: none; color: #6FB3E0;  }

#lblUserName { display: inline-block; overflow: hidden; max-width:160px; text-overflow: ellipsis; white-space: nowrap; position:relative;top:5px;  }
input[type=checkbox] { -ms-transform: scale(1.35); /* IE */ -moz-transform: scale(1.35); /* FF */ -webkit-transform: scale(1.35); /* Safari and Chrome */ -o-transform: scale(1.35); /* Opera */ transform: scale(1.35); margin: 4px 2px 10px 2px !important; border-radius: 5px; }
.datepicker { width: 120px !important; }
.ucText, .ucNum0, .ucNum1, .ucNum2 { background-color: #FFFFFF; padding-left: 4px; padding-right: 4px; }
.ucNum0, .ucNum1, .ucNum2 { text-align: right; }

table tr td.text-align-center > .tabNoBorder { margin: auto; }
.tabDlgNeuPdfAnalyse { margin-top: 20px; width: 450px; }
.tabDlgNeuPdfAnalyse tbody tr td { width: 33%; white-space: nowrap; }
.tabDlgNeuPdfAnalyse tbody tr td label { position: relative; top: -2px; }
.tabDlgNeuPdfAnalyseSmall { margin-top: 10px; width: 350px; }
.tabDlgNeuPdfAnalyseSmall tbody tr td { width: 50%; white-space: nowrap; }
.tabDlgNeuPdfAnalyseSmall tbody tr td label { position: relative; top: -2px; }

@media print { .noprint, .btn { display: none; } a[href]:after { content: none !important; } }

.page-break-avoid { break-inside: avoid !important }
.inline-block { display: inline-block; }
.text-align-left { text-align: left !important; }
.text-align-center { text-align: center !important; }
.text-align-right { text-align: right !important; }
.text-align-justify { text-align: justify !important; }
.vertical-align-top { vertical-align: top !important; }
.vertical-align-middle { vertical-align: middle !important; }
.vertical-align-bottom { vertical-align: bottom !important; }
.cursor-pointer { cursor: pointer; }
.cursor-move { cursor: move; }
.table { margin-bottom: 0px; }

.navbar { background-color: orange; height: 90px; }
.xpsvpheader { padding-top: 15px; padding-left: 180px; font-size: 2.1em; color: white; }
.page-content { padding: 0px; }
.xpsheaderperson { padding-left: 180px; color: white; }
.xpsheaderbetreuer { line-height: 12px; padding-right: 15px; padding-top: 3px; font-size: 0.8em !important; color: white; width: 200px; }

.xpsfooter { margin-left: 23px; }
.nowrap { white-space: nowrap; }
.position-top-1 { position: relative; top: -1px; }
.position-top-2 { position: relative; top: -2px; }
.position-top-3 { position: relative; top: -3px; }

.login-layout { background-color: #fcdb94 !important; border: 1px solid orange; margin: 50px !important; }
.login-box { margin: 50px !important; }
.navbar-header a { color: black !important; }

.page-header { margin-bottom: 30px; margin-top: 1px; height:36px; border:none; }
.page-header h1 { font-size: 20px; color: #8089a0; padding-left: 173px; padding-bottom: 0px; margin-bottom: 0px; }

.row { margin-right: 0px; margin-left: 0px; }
.menu { position: absolute; left: 0px; padding: 5px; width: 98%; }

.xpsTooltip { color: orange; }
.xpsTooltip .fa-info-circle { color: orange; }

.xpsTooltipPopup {
  position: absolute;
  background-color: #fee188;
  border: 1px solid orange;
  padding: 5px;
  border-radius: 5px;
  z-index: 99999;
}

/* Die Nase */
  .xpsTooltipPopup::before {
    content: "";
    position: absolute;
    top: 8px; /* Abstand von oben */
    left: -8px; /* ragt links heraus */
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #fee188; /* Richtung links */
  }

/* optional: Rahmen für die Nase */
  .xpsTooltipPopup::after {
    content: "";
    position: absolute;
    top: 7px;
    left: -9px;
    width: 0;
    height: 0;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-right: 9px solid orange;
  }

.ui-tooltip {
  background-color: orange;
  border: 2px solid #ff7777 !important;
  border-radius: 5px;
  box-shadow: none;
}
.tabNoBorder { border: none; border: 0px; margin: 0px; padding: 0px; position: relative; left: -1px; width: 1%; }
.tabNoBorderUnit { width: 35px !important; padding-left: 2px !important; }
.tabNoBorder tr td { border-top: none !important; padding-top: 0px !important; padding-bottom: 0px !important; margin: 0px !important; vertical-align: middle !important; }

.trGrey td, .xpsDisabled { background-color: #f3f3f3 !important; }
.fontRed td { color: red !important; }
.trStrike td { text-decoration: line-through; }
.help-block { color: red; }

.zahleditor { padding-right: 10px; padding-top: 4px; }
.split { padding-right: 10px; cursor: pointer; float: right; }
.klassifizierung { padding-right: 10px; padding-top: 4px; }
.movedown5 { position: relative; top: 5px; }
.movedown10 { position: relative; top: 10px; }
.bold { font-weight: bold; }
.noshadow { text-shadow: 0 0 0 rgba(0,0,0,0) !important }
.missing { background-color: #ff6a00 !important; color: black !important; }
.valign_top { vertical-align: top; }
.buttoncol { width: 12% !important; }
.buttoncol-xl { width: 10% !important; }
.buttoncol-xxl { width: 7% !important; }
.dropdown-notriangle::after { display: none !important; }
.btnVideo { cursor: pointer; position: relative; top: 8px; height: 32px; margin: 0px; padding: 0px 10px 10px 10px!important; left: 40px; z-index: 10; font-size: 14px; line-height: 32px !important; display: inline-block; width: fit-content; margin-bottom: -20px }

.p1 { width: 1% !important; }
.p2 { width: 2% !important; }
.p3 { width: 3% !important; }
.p4 { width: 4% !important; }
.p5 { width: 5% !important; }
.p6 { width: 6% !important; }
.p7 { width: 7% !important; }
.p8 { width: 8% !important; }
.p9 { width: 9% !important; }
.p10 { width: 10% !important; }
.p11 { width: 11% !important; }
.p12 { width: 12% !important; }
.p13 { width: 13% !important; }
.p14 { width: 14% !important; }
.p15 { width: 15% !important; }
.p16 { width: 16% !important; }
.p17 { width: 17% !important; }
.p18 { width: 18% !important; }
.p19 { width: 19% !important; }
.p20 { width: 20% !important; }
.p21 { width: 21% !important; }
.p22 { width: 22% !important; }
.p23 { width: 23% !important; }
.p24 { width: 24% !important; }
.p25 { width: 25% !important; }
.p30 { width: 30% !important; }
.p33 { width: 33% !important; }
.p35 { width: 35% !important; }
.p40 { width: 40% !important; }
.p50 { width: 50% !important; }
.p60 { width: 60% !important; }
.p65 { width: 65% !important; }
.p70 { width: 70% !important; }
.p80 { width: 80% !important; }
.p85 { width: 85% !important; }
.p90 { width: 90% !important; }
.p95 { width: 95% !important; }
.p99 { width: 99% !important; }
.p100 { width: 100% !important; }
.px15 { width: 15px !important; }
.px18 { width: 18px !important; }
.px20 { width: 20px !important; }
.px22 { width: 22px !important; }
.px25 { width: 25px !important; }
.px30 { width: 30px !important; }
.px32 { width: 32px !important; }
.px35 { width: 35px !important; }
.px40 { width: 40px !important; }
.px42 { width: 42px !important; }
.px50 { width: 50px !important; }
.px60 { width: 60px !important; }
.px70 { width: 70px !important; }
.px80 { width: 80px !important; }
.px90 { width: 90px !important; }
.px100 { width: 100px !important; }
.px110 { width: 110px !important; }
.px120 { width: 120px !important; }
.px130 { width: 130px !important; }
.px140 { width: 140px !important; }
.px150 { width: 150px !important; }
.px160 { width: 160px !important; }
.px170 { width: 170px !important; }
.px180 { width: 180px !important; }
.px190 { width: 190px !important; }
.px200 { width: 200px !important; }
.px210 { width: 210px !important; }
.px220 { width: 220px !important; }
.px230 { width: 230px !important; }
.px240 { width: 240px !important; }
.px250 { width: 250px !important; }
.px260 { width: 260px !important; }
.px270 { width: 270px !important; }
.px280 { width: 280px !important; }
.px290 { width: 290px !important; }
.px300 { width: 300px !important; }
.px320 { width: 320px !important; }
.px350 { width: 350px !important; }
.px400 { width: 400px !important; }
.px450 { width: 450px !important; }
.px500 { width: 500px !important; }
.px550 { width: 550px !important; }
.px600 { width: 600px !important; }
.px650 { width: 650px !important; }
.px700 { width: 700px !important; }
.px800 { width: 800px !important; }

.margin3 { margin: 3px !important; }
.margin5 { margin: 5px !important; }
.margin10 { margin: 10px !important; }
.margin15 { margin: 15px !important; }
.margin-left2 { margin-left: 2px !important; }
.margin-left4 { margin-left: 4px !important; }
.margin-left5 { margin-left: 5px !important; }
.margin-left10 { margin-left: 10px !important; }
.margin-left20 { margin-left: 20px !important; }
.margin-left30 { margin-left: 30px !important; }
.margin-left40 { margin-left: 40px !important; }
.margin-left50 { margin-left: 50px !important; }
.margin-right1 { margin-right: 1px !important; }
.margin-right2 { margin-right: 2px !important; }
.margin-right3 { margin-right: 3px !important; }
.margin-right5 { margin-right: 5px !important; }
.margin-right20 { margin-right: 20px !important; }
.margin-right28 { margin-right: 28px !important; }
.margin-right50 { margin-right: 50px !important; }
.margin-top3 { margin-top: 3px !important; }
.margin-top5 { margin-top: 5px !important; }
.margin-top10 { margin-top: 10px !important; }
.margin-top15 { margin-top: 15px !important; }
.margin-top20 { margin-top: 20px !important; }
.margin-top30 { margin-top: 30px !important; }
.margin-bottom0 { margin-bottom: 0px !important; }
.margin-bottom8 { margin-bottom: 8px !important; }
.margin-bottom10 { margin-bottom: 10px !important; }
.margin-bottom20 { margin-bottom: 20px !important; }
.margin-bottom30 { margin-bottom: 30px !important; }
.margin-bottom35 { margin-bottom: 35px !important; }
.margin-bottom40 { margin-bottom: 40px !important; }
.margin-bottom50 { margin-bottom: 50px !important; }

.padding0 { padding: 0px !important; }
.padding1 { padding: 1px !important; }
.padding3 { padding: 3px !important; }
.padding4 { padding: 4px !important; }
.padding5 { padding: 5px !important; }
.padding10 { padding: 10px !important; }
.padding15 { padding: 15px !important; }
.padding20 { padding: 20px !important; }
.padding-left3 { padding-left: 3px !important; }
.padding-left5 { padding-left: 5px !important; }
.padding-left10 { padding-left: 10px !important; }
.padding-left15 { padding-left: 15px !important; }
.padding-left20 { padding-left: 20px !important; }
.padding-left30 { padding-left: 30px !important; }
.padding-left40 { padding-left: 40px !important; }
.padding-left50 { padding-left: 50px !important; }
.padding-left60 { padding-left: 60px !important; }
.padding-left70 { padding-left: 70px !important; }
.padding-right3 { padding-right: 3px !important; }
.padding-right5 { padding-right: 5px !important; }
.padding-right10 { padding-right: 10px !important; }
.padding-right20 { padding-right: 20px !important; }
.padding-right30 { padding-right: 30px !important; }
.padding-right50 { padding-right: 50px !important; }
.padding-right60 { padding-right: 60px !important; }
.padding-right70 { padding-right: 70px !important; }
.padding-bottom3 { padding-bottom: 3px !important; }
.padding-bottom8 { padding-bottom: 8px !important; }
.padding-bottom20 { padding-bottom: 20px !important; }
.padding-top3 { padding-top: 3px !important; }
.padding-top8 { padding-top: 8px !important; }
.padding-top10 { padding-top: 10px !important; }
.padding-top20 { padding-top: 20px !important; }
.padding-top30 { padding-top: 30px !important; }
.padding-top40 { padding-top: 40px !important; }
.padding-top50 { padding-top: 50px !important; }

.max-width80 { max-width: 80% !important; }
.max-width90 { max-width: 90% !important; }

.z-index2 { position:relative; z-index:2; }

.fa-xs { font-size: 0.7em; position: relative; top: -2px; }
.clear { clear: both; }
.float-left { float: left; }
.float-right { float: right; }

.toggleTreeIcon.fa-chevron-left { cursor: pointer; color: #aaa; font-size: 15px; }
.toggleTreeIcon.fa-chevron-right { cursor: pointer; color: #aaa; font-size: 15px; line-height: 40px; border-right: 1px solid rgb(204,204,204); margin-left: -10px !important; padding-right: 2px; }
.widget-box > .fa-chevron-up { color: red !important; }
.saved { margin: 5px; background-color: lightgreen; border: 1px solid green; border-radius: 3px; padding: 5px; display: none; }
.hidden { display: none; }

.header-color-yellow { background: #FEE188; border-color: orange; }
.whitelink:link,
.whitelink:active,
.whitelink:hover,
.whitelink:visited { color: white; }
.courier option { font-family: Courier New; }
.widget-toolbar { padding: 0px 2px 0px 2px; }
.widget-box { margin-bottom: 6px; }
.error { background-color: #fc7549; border: 1px solid red; padding: 5px; line-height: 28px; display: block; }
.error:empty { display: none; }
.label:empty { display: none; }

.error a:link,
.error a:active,
.error a:visited { text-decoration:underline; color: rgb(57, 57, 57) }

.success { background-color: #87B87F; border: 1px solid green; padding: 5px; line-height: 28px; display: block; }
.success:empty { display: none; }

label { font-weight: normal; font-size: 10pt !important; }
.fa-filter { cursor: pointer; }
.table-dotted { table-layout: fixed; }
.table-dotted tbody tr td { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.xpsComboBox { position: relative; display: inline-block; z-index: 2000 !important; width: 100% !important; }
.xpsComboBox-toggle { position: absolute; top: 0; bottom: 0; width: 34px; padding-top: 8px !important; margin-left: -1px; padding: 0; z-index: 2000 !important; }
.xpsComboBox-input { margin: 0; padding: 5px 10px; z-index: 2000 !important; width: 85% !important; }
.ui-autocomplete { z-index: 2100 !important; height: 350px; overflow-y: scroll; }
.uc-bilanzkonto-caret { position: relative !important; top: 9px !important; left: 6px !important; color: gray; }
.xpsInfobox { height: 22px !important; padding: 1px 0px 1px 10px; }
.danger { background-color: #f2dede !important; }
.tabPager { margin-top: 2px; }
.tabPager tr td { padding: 1px; }

.planAktiv td:nth-child(1) { border-top: 1px solid #ddd !important; border-bottom: none !important; } /* Top-Linie im Modul-Rowspan */
.planInaktiv td:nth-child(1) { background-color: white !important; border-bottom: none !important; } /* Keine Linie im Modul-Rowspan */
.planAktiv td:nth-child(2) { font-weight:bold; } /* Aktive Analyse fett */
.planInaktiv td:nth-child(2), .planInaktiv td:nth-child(3), .planInaktiv td:nth-child(6) { color: #AAA } /* Variante, Datum und letzte Änderung ausgegraut */
.planInaktiv td:nth-child(1) a { display:none; } /* RowSpan beim Modul */
#tabAnalysen tbody tr:nth-child(1) td:first-child { border-top: none !important; } /* Kein oberer Rahmen in erster Zeile */
#tabAnalysen tbody tr:last-child td:first-child { border-bottom:1px solid #ddd !important; } /* Abschließender Linie unten */

.filter_empty, .filter_not_empty, .filter_not_equal {
  padding-top: 5px;
}
.menuSelected { font-weight: bold; }

.autoDotted { overflow: hidden; white-space: nowrap; text-overflow: ellipsis !important; }
.btn-blank { background-color: #fff !important; border-color: #fff; color: #fff; cursor: none; }
.btn-blank:hover { border-color: #fff; cursor: none; }

.spacer-px5 { width: 5px; height: 1px; display: inline-block; }
.spacer-px20 { width: 20px; height: 1px; display: inline-block; }

.aktScoreColor0 { color: #CCCCCC; }
.aktScoreColor1 { color: #0DAE12; }
.aktScoreColor2 { color: #6CC910; }
.aktScoreColor3 { color: #A4EA18; }
.aktScoreColor4 { color: #E1E40E; }
.aktScoreColor5 { color: #F99615; }
.aktScoreColor6 { color: #D43A17; }

.focusCatcher { position: absolute; top: -200px; }

.fa-12x { font-size: 1.2em; }
.fa-15x { font-size: 1.5em; }
@keyframes blink { 50% { opacity: 0.0; } }
@-webkit-keyframes blink { 50% { opacity: 0.0; } }
.blink { animation: blink 1s step-start 0s infinite; -webkit-animation: blink 1s step-start 0s infinite; }

.ui-dialog .ui-dialog-titlebar-close:before, .ui-jqdialog .ui-dialog-titlebar-close:before, .ui-dialog .ui-jqdialog-titlebar-close:before, .ui-jqdialog .ui-jqdialog-titlebar-close:before { font-family: Arial; content: "X"; }
.ui-datepicker .ui-datepicker-prev:before { font-family: Arial; content: "<"; }
.ui-datepicker .ui-datepicker-next:before { font-family: Arial; content: ">"; }

.hide { display: none !important; }
.hideempty:empty { display:none; }

tr.xpsInaktiv td { text-decoration: line-through; }
.xpsInaktiv { text-decoration: line-through; }

a { color: #337ab7; text-decoration: none; }
a:hover, a:focus { color: #23527c; text-decoration: underline; }

a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

.panel { border-top-left-radius: 5px; border-top-right-radius: 5px; }
.panel .panel-body { padding: 8px; }
.panel-info { border: 1px solid #bce8f1; }
.panel-info .panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; }

/* Neue Styles für Bootstrap 5 */
div.dropdown ul.dropdown-menu li hr { margin: 0px; }
div.dropdown ul.dropdown-menu li { line-height: 15px; }

.widgetheader1 {
  font-size: 18px !important;
  font-weight: 400;
  font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
  color: #669fc7 !important;
  margin-left: 5px;
}
.widgetheaderplus1 { color: #669fc7 !important; }

.ui-dialog,
.ui-dialog .ui-dialog-titlebar,
.ui-dialog .ui-dialog-titlebar .ui-dialog-title,
.ui-dialog .ui-dialog-titlebar .ui-dialog-title .widget-header { border-top-left-radius: 10px !important;  border-top-right-radius: 10px !important; }
.ui-dialog,
.ui-dialog .ui-dialog-buttonpane { border-bottom-left-radius: 10px !important; border-bottom-right-radius: 10px !important; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.btn-left { position:absolute;left:10px; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.btn-left-90 { position: absolute; left: 90px; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.btn-left-160 { position: absolute; left: 160px; }

.rounded { border-radius: 10px; }
.rounded-top { border-top-left-radius: 10px; border-top-right-radius: 10px; }
.rounded-bottom { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }

.table > :not(caption) > * > * { box-shadow:none; }
.table > :not(:first-child) { border-top: none;}
.table tbody tr td { padding: 2px 3px 2px 3px; }  /* links und rechts 3px */
.table thead tr th { background-color: #d3e2eb; color: #000; font-weight: 100; }
.table tbody { border-top: 10px solid #fff; }
.table thead tr:first-child th:first-child { border-top-left-radius:10px !important; }
.table thead tr:first-child th:last-child { border-top-right-radius: 10px !important; }

.table-bordered > :not(caption) > * { border-width: 0px; }
.table-bordered tbody tr td { border-bottom: 1px solid #ddd !important; }
.table-bordered thead tr th { border-left: 1px solid #fff !important; border-right: 1px solid #fff !important; }
.table-bordered thead tr th:first-child { border-left: none !important; }
.table-bordered thead tr th:last-child { border-left: none !important; }
.table-bordered tbody tr td { border-left: 1px solid #ccc !important; }
.table-bordered tbody tr td:last-child { border-right: 1px solid #ccc !important; }

.table-striped tbody tr:nth-child(odd) td { background-color: #fff }
.table-striped tbody tr:nth-child(even) td { background-color: #eee }

.table-hover > tbody > tr:hover > * { background-color:#f7f7f7; }

.widget-box-nobackground .widget-header { border: none !important; background-color: #fff; background-image: none; }
.widget-box-nobackground .widget-header .widget-toolbar:before { border: none; }
.widget-box-nobackground .widget-body { border: 1px solid #fff; }

.shadowed { box-shadow: 5px 5px 5px #aaa; border-radius: 10px; }

.nav-tabs > li:first-child,
.nav-tabs > li:first-child > a,
.nav-tabs > li:first-child > a:focus { border-top-left-radius: 10px !important; }
.nav-tabs > li:last-child,
.nav-tabs > li:last-child > a,
.nav-tabs > li:last-child > a:focus { border-top-right-radius: 10px !important; }

/* Zweistufiges DropDown Menu, öffnet sich bei Mouse-Hover nach rechts (Report Strukturanalysen) */
.dropdown-hover { font-size: 13px; padding-left:10px; margin-left:0px;  }
.dropdown-hover::after {content:'\25B7'; float:right; }
.dropdown-hover:hover .dropdown-menu { display:block; font-size: 13px; position:absolute;left:120px; }

@media screen and (min-width: 1px) and (max-width: 575px) {
.xpsTooltip .fa-info-circle { color: orange; }
.xpsTooltip .xpsToolTipPopup .xpsToolTipBody {  position: relative; top:-10px;  }
}

#xpsRightMenu { position: fixed; top: 110px; right: -400px; width: 400px; z-index:1001;  background: #fff; border: 1px solid #777; border-right:none; border-top-left-radius: 10px; border-bottom-left-radius: 10px; transition: right 1s; }

#scrollTopBtn {
  position: fixed;
  top: 20px;
  right: 10px;
  display: none;
  padding: 10px 15px;
  cursor: pointer;
  color: rgb(111,179,224);
  transition: opacity 0.3s ease, transform 0.2s ease;
  z-index: 1000;
}
#scrollTopBtn.show {
    display: block;
    opacity: 1;
}
