/**
 * DataTables
 */

.dataTables_wrapper {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
}


.cl_fieldreport_datatable01{
     border-right:  1px solid #ccc;    
}

.cl_transposeOneColumn_datatable02 td {
    background-color: #f9f9f9;
    
}
.cl_transposeOneColumn_datatable02 th {
    background-color: #eeaaee;
    
}



.cl_transposeOneColumn_datatable02 td {
    background-color: #f9f9f9;
    
}
.cl_transposeOneColumn_datatable02 th {
    background-color: #eeaaee;
    
}




.cl_table_special_last_row tr:last-child:not(thead tr) {
    background-color: #c6ffff !important;
    font-weight: bold;  
}





.tbl_uppertext {
	padding-left: 8px;
    padding-bottom:5px;    

    float: left;
}







/**
 * D3js
 */

/* Circle Packing */

.node circle {
    fill: rgb(31, 119, 180);
    fill-opacity: .25;
    stroke: rgb(31, 119, 180);
    stroke-width: 1px;
}
.node.leaf circle {
    fill: #FDF59A;
    fill-opacity: 1;
}
.node text {
    font: 10px sans-serif;
}

.link {
  fill: none;
  stroke: #ccc;
  stroke-width: 1.5px;
}

/*Voronoi - from http://bl.ocks.org/mbostock/4060366 */

.q0-9 { fill: rgb(197,27,125); }
.q1-9 { fill: rgb(222,119,174); }
.q2-9 { fill: rgb(241,182,218); }
.q3-9 { fill: rgb(253,224,239); }
.q4-9 { fill: rgb(247,247,247); }
.q5-9 { fill: rgb(230,245,208); }
.q6-9 { fill: rgb(184,225,134); }
.q7-9 { fill: rgb(127,188,65); }
.q8-9 { fill: rgb(77,146,33); }

/**
 * Custom
 */

.singlenum {
    text-align: center;
    font-weight: 100;
    display: block;
}
.numgroup tr {
    text-align: center;
}
.numgroup tr > td {
    
    border-right:  1px solid #ccc;
}
.numgroup tr > td:last-of-type {
    border: none;
}
.numgroup tr > td > .numgroup-title {
    font-size: 14px;
    font-weight: 200;
}
.numgroup tr > td > .numgroup-val {
    font-size: 60px;
}
.numgroup tr > td > .numgroup-val .numgroup-val-units {
    font-weight: 200;
    font-size: 40%;
}
.numgroup tr > td > .numgroup-desc {
    font-size: 15px;
    color: #888;
    font-weight: 400;
}

/**
 * Plotly
 */

.plotly-container .main-svg {
    border-radius: 5px;
}
.js-plotly-plot .plotly .modebar {
    background-color: #f1f1f1;
    padding: 2px;
    border: 1px solid #ccc;
}
.plotly-notifier .notifier-note {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}


/* Vega */

.vega-embed {
    text-align: center;
}
.vega-embed canvas {
    display: block;
    margin: 0 auto;
}
.vega-actions .btn-group {
    display: inline-block;
    margin: 0 auto;
}

/**
 * Digraph (graphlibDot)
 */

/* Arrows */

.dashboard-charts .widget .chart-graph .edgePath > path {
    stroke: black;
    fill: none;
}
.dashboard-charts .widget .chart-graph .edgePath > marker > path {
    stroke: black;
    fill: black;
}




/**
 * apexcharts  https://codepen.io/apexcharts/pen/NBdyvV
 @import url('https://fonts.googleapis.com/css?family=Poppins');
 */
 

 * {
   font-family: 'Poppins', sans-serif;
 }
 
 .label_toolbox {
   position: relative;
   background: rgb(215, 225, 252);
   border: 2px solid #021bfc;
   padding: 5px;
 }
 


  

  /* Allgemeine CSS-Regel für die table-bar  wird in selector Tables Daten verwendet . */

.table-bar-border {
    width:100%;
    border: 1px solid #797979; /* Dünner Rahmen */
    border-radius: 10px; /* Abgerundete Ecken */
  }
  

.table-bar {
    display: flex;
    flex-direction: column-reverse; /* Die Balken unter den Werten anordnen */
    align-items: flex-start; /* Text linksbündig ausrichten */
    height: 5px; /* Höhe der Balken (anpassen nach Bedarf) */
    padding: 2px 0; /* Abstand um den Text herum (anpassen nach Bedarf) */
  }
  

  /* Spezifische CSS-Regel für die progress-bar mit ID "BlueBar" */
  #BlueBar {
    background-color: #007bffb2; /* Farbe der Balken */
    width: auto; /* Balkenbreite automatisch an den Text anpassen */
    text-align: right; /* Text rechtsbündig ausrichten */
  }
  
  /* Spezifische CSS-Regel für die progress-bar mit ID "RedBar" */
  #RedBar {
    background-color: #ff004c6b !important; /* Farbe der Balken */
    width: auto; /* Balkenbreite automatisch an den Text anpassen */
  }
  
 
  /* Spezifische CSS-Regel für die progress-bar mit ID "RedBar" */
  #GreenBar {
    background-color: #02885b6b !important; /* Farbe der Balken */
    width: auto; /* Balkenbreite automatisch an den Text anpassen */
  }