:root {
  --costs_activities-width: 150;
  --profit-width: 150;
  --db2-width: 50;
  --lost_profit-width: 0;
  --tag-width: 13;

  --profit-bar: rgb(255, 0, 255);
  --db2_exellent-bar: rgb(240, 240, 240);
  --db2_good-bar: rgb(190, 190, 190);
  --db2_ok-bar: rgb(220, 219, 219);
  --db2_bad-bar: rgb(240, 240, 240);

	--db2-left: calc((var(--costs_activities-width) + var(--profit-width) + var(--db2-width) + var(--lost_profit-width)) * 1px); /* sum of width of cost_activities, profit */
	--db2-right: calc((var(--db2-width) + var(--lost_profit-width)) * 1px);
	/* --db2-min: 0.55; >>> see in config_db2.php config */
	/* --db2-max: 0.65;  >>> see in config_db2.php config */
	--revenues-scale: 5000;

	--tag_a: rgb(0, 154, 0);
	--tag_b: orange;
	--tag_c: red;
}

a {
	text-decoration: none;
}
table {
	border-collapse: separate;
    border-spacing: 0;
	width: 100%;
}
thead {
	top: -74px !important;
	background-color: white;
}
th,
td {
	border-bottom: 1px solid black;
	text-align: right;
	padding-top: 0px;
	padding-bottom: 0px;
}
tbody tr {
	/* background-attachment: fixed; */
}
th {
	cursor: pointer;
}
th.no-sort {
	cursor: default; !important;
}
.gp,
.expenses_gp,
.costs_expenses,
.expenses_nk {
	display: none;
}
i.action {
	cursor: pointer;
}
.identifier .content {
	white-space: normal !important;
}
.costs_activities {
	width: calc(var(--costs_activities-width) * 1px);
}
.profit {
	width: calc(var(--profit-width) * 1px);
}
.db2 {
	width: calc(var(--db2-width) * 1px);
}
.gp, .type {
	padding: 0px 5px;
	font-weight: bold;
}
.leader {
	text-transform: lowercase;
}
.tag {
	width: calc(var(--tag-width) * 1px);
	text-align: center;
}
.tag .content {
	padding-top: 0px !important;
}
.tag .a {
	background-color: var(--tag_a);
}
.tag .b {
	background-color: var(--tag_b);
}
.tag .c {
	background-color: var(--tag_c);
}
.left {
	text-align: left !important;
}
.revenues_total,
/* .costs_expenses, */
.revenues_net,
/* .costs_activities, */
.profit {
	padding-left: 5px !important;
	padding-right: 5px !important;
	border-right: 1px dashed black;
}
.costs_expenses,
.expenses_gp,
.expenses_nk {
	padding-left: 5px !important;
	padding-right: 5px !important;
	border-right: 1px dashed lightgray;
}
.db2 {
	font-weight: bold;
}
.db2_rating_exellent {
  background-color: rgb(0, 154, 0);
  color: white;
}
.db2_rating_good {
  background-color: rgb(0, 255, 0);
}
.db2_rating_ok {
  background-color: orange;
}
.db2_rating_bad {
  background-color: red;
}
.lost_profit {
	display: none;
}
.content {
	overflow: hidden;
	white-space: nowrap;
}

.simple > th,
.simple td {
	/* padding-top: 5px !important;
	padding-bottom: 5px !important; */
}
.simple div.content {
	height: 28px !important;
	padding-top: 4px;
}
th.sorted.ascending:after {
	content: "  \2191";
}

.plain tr {
	background: white !important;
}
.plain td.db2 {
	font-weight: normal !important;
}

th.sorted.descending:after {
	content: " \2193";
}

tbody tr:hover {
	background-color: #f5f5f5 !important;
}
.tooltip table {
	white-space: nowrap;
}
.tooltip td {
	padding: 0 10px;
	text-align: left;
}
.tooltip td.costs {
	/*border-left: solid 1px white;*/
	text-align: right;
}
.tooltip tr:first-child {
	border-top: solid 1px white;
}
.tooltip-inner {
    max-width: 600px !important;
}