.pivCFontRedBold .x-body-el{color:red;font-weight:bold}
.pivCFontGreenBold .x-body-el{color:rgb(3, 151, 3);font-weight:bold}
.pivCFontGrayBold .x-body-el{color:rgb(80, 80, 80);font-weight:bold}
.pivCFontBlack .x-body-el{color:rgb(0, 0, 0);font-weight:bold}

.pivCBackgroundGray .x-body-el{background-color:rgb(230, 230, 230);font-weight:normal;color:rgb(80, 80, 80)}

.pivCGCSA0 .x-body-el{background-color:#F8696B;font-weight:bold}
.pivCGCSA1 .x-body-el{background-color:#F98370;font-weight:bold}
.pivCGCSA2 .x-body-el{background-color:#FA9D54;font-weight:bold}
.pivCGCSA3 .x-body-el{background-color:#FCB77A;font-weight:bold}
.pivCGCSA4 .x-body-el{background-color:#FDD17F;font-weight:bold}
.pivCGCSA5 .x-body-el{background-color:#FFEB84;font-weight:bold}
.pivCGCSA6 .x-body-el{background-color:#E0E383;font-weight:bold}
.pivCGCSA7 .x-body-el{background-color:#C1DA81;font-weight:bold}
.pivCGCSA8 .x-body-el{background-color:#A2D07F;font-weight:bold}
.pivCGCSA9 .x-body-el{background-color:#83C77D;font-weight:bold}
.pivCGCSA10 .x-body-el{background-color:#63BE7B;font-weight:bold}

.pivCGCSB0T .x-body-el{background-color:#F8696B;font-weight:bold;opacity: 0.85;}
.pivCGCSB1T .x-body-el{background-color:#F8766D;font-weight:bold;opacity: 0.85;}
.pivCGCSB2T .x-body-el{background-color:#F98370;font-weight:bold;opacity: 0.85;}
.pivCGCSB3T .x-body-el{background-color:#FA9072;font-weight:bold;opacity: 0.85;}
.pivCGCSB4T .x-body-el{background-color:#FA9D75;font-weight:bold;opacity: 0.85;}
.pivCGCSB5T .x-body-el{background-color:#FBAA77;font-weight:bold;opacity: 0.85;}
.pivCGCSB6T .x-body-el{background-color:#FCB77A;font-weight:bold;opacity: 0.85;}
.pivCGCSB7T .x-body-el{background-color:#FCC47C;font-weight:bold;opacity: 0.85;}
.pivCGCSB8T .x-body-el{background-color:#FDD17F;font-weight:bold;opacity: 0.85;}
.pivCGCSB9T .x-body-el{background-color:#FEDE81;font-weight:bold;opacity: 0.85;}
.pivCGCSB10T .x-body-el{background-color:#FFEB84;font-weight:bold;opacity: 0.85;}
.pivCGCSB11T .x-body-el{background-color:#F0E784;font-weight:bold;opacity: 0.85;}
.pivCGCSB12T .x-body-el{background-color:#E0E383;font-weight:bold;opacity: 0.85;}
.pivCGCSB13T .x-body-el{background-color:#D1DE82;font-weight:bold;opacity: 0.85;}
.pivCGCSB14T .x-body-el{background-color:#C1DA81;font-weight:bold;opacity: 0.85;}
.pivCGCSB15T .x-body-el{background-color:#B1D580;font-weight:bold;opacity: 0.85;}
.pivCGCSB16T .x-body-el{background-color:#A2D07F;font-weight:bold;opacity: 0.85;}
.pivCGCSB17T .x-body-el{background-color:#92CC7E;font-weight:bold;opacity: 0.85;}
.pivCGCSB18T .x-body-el{background-color:#83C77D;font-weight:bold;opacity: 0.85;}
.pivCGCSB19T .x-body-el{background-color:#73C37C;font-weight:bold;opacity: 0.85;}
.pivCGCSB20T .x-body-el{background-color:#63BE7B;font-weight:bold;opacity: 0.85;}


.pivCGCSB0 .x-body-el{background-color:#F8696B;font-weight:bold;opacity: 1;}
.pivCGCSB1 .x-body-el{background-color:#F8766D;font-weight:bold;opacity: 1;}
.pivCGCSB2 .x-body-el{background-color:#F98370;font-weight:bold;opacity: 1;}
.pivCGCSB3 .x-body-el{background-color:#FA9072;font-weight:bold;opacity: 1;}
.pivCGCSB4 .x-body-el{background-color:#FA9D75;font-weight:bold;opacity: 1;}
.pivCGCSB5 .x-body-el{background-color:#FBAA77;font-weight:bold;opacity: 1;}
.pivCGCSB6 .x-body-el{background-color:#FCB77A;font-weight:bold;opacity: 1;}
.pivCGCSB7 .x-body-el{background-color:#FCC47C;font-weight:bold;opacity: 1;}
.pivCGCSB8 .x-body-el{background-color:#FDD17F;font-weight:bold;opacity: 1;}
.pivCGCSB9 .x-body-el{background-color:#FEDE81;font-weight:bold;opacity: 1;}
.pivCGCSB10 .x-body-el{background-color:#FFEB84;font-weight:bold;opacity: 1;}
.pivCGCSB11 .x-body-el{background-color:#F0E784;font-weight:bold;opacity: 1;}
.pivCGCSB12 .x-body-el{background-color:#E0E383;font-weight:bold;opacity: 1;}
.pivCGCSB13 .x-body-el{background-color:#D1DE82;font-weight:bold;opacity: 1;}
.pivCGCSB14 .x-body-el{background-color:#C1DA81;font-weight:bold;opacity: 1;}
.pivCGCSB15 .x-body-el{background-color:#B1D580;font-weight:bold;opacity: 1;}
.pivCGCSB16 .x-body-el{background-color:#A2D07F;font-weight:bold;opacity: 1;}
.pivCGCSB17 .x-body-el{background-color:#92CC7E;font-weight:bold;opacity: 1;}
.pivCGCSB18 .x-body-el{background-color:#83C77D;font-weight:bold;opacity: 1;}
.pivCGCSB19 .x-body-el{background-color:#73C37C;font-weight:bold;opacity: 1;}
.pivCGCSB20 .x-body-el{background-color:#63BE7B;font-weight:bold;opacity: 1;}


.pivCGCSEMA1 .x-body-el{background-color:#FA9D75;font-weight:bold;opacity: 1;}
.pivCGCSEMA2 .x-body-el{background-color:#FFEB84;font-weight:bold;opacity: 1;}
.pivCGCSEMA3 .x-body-el{background-color:#A2D07F;font-weight:bold;opacity: 1;}

.pivCGCSEMA1T .x-body-el{background-color:#FA9D75;font-weight:bold;opacity: 1;}
.pivCGCSEMA2T .x-body-el{background-color:#FFEB84;font-weight:bold;opacity: 1;}
.pivCGCSEMA3T .x-body-el{background-color:#A2D07F;font-weight:bold;opacity: 1;}

/*
.basePivotCellNegative .x-body-el{background-color: #ffcccc;}
.basePivotCellPositive .x-body-el{background-color: #ccffcc;}
*/

/* spoločné – miesto pre ikonu + zarovnanie */
.basePivotCellPositiveNoText .x-body-el,
.basePivotCellNegativeNoText .x-body-el {
  position: relative;
  padding-left: 18px;         /* miesto na ikonu */
  line-height: 1.2;           /* nech to nevyskočí */
}

/* šípka ako pseudo-element (x-fa / Font Awesome) */
.basePivotCellPositiveNoText .x-body-el::before,
.basePivotCellNegativeNoText .x-body-el::before {
  position: absolute;
  left: 2px;
  top: 50%;
  transform: translateY(-50%);
  font-family: "Font Awesome 5 Free"; /* alebo "Font Awesome 6 Free" podľa verzie */
  font-weight: 900;                   /* solid štýl */
  font-size: 12px;
}

.basePivotCellZero .x-body-el {
  padding-right: 2x;
}

/* UP: \f062, DOWN: \f063 */
.basePivotCellPositiveNoText .x-body-el::before { content: "\f062"; color: #2e7d32; }
.basePivotCellNegativeNoText .x-body-el::before { content: "\f063"; color: #c62828; }

.basePivotCellPositiveNoText .x-body-el::before,
.basePivotCellNegativeNoText .x-body-el::before {
  font-size: 18px;  /* zväčši šípku */
}

.basePivotCellPositiveNoText .x-body-el,
.basePivotCellNegativeNoText .x-body-el,
.basePivotCellZeroNoText .x-body-el {
  color: transparent;          /* text zmizne */
  text-shadow: none;           /* preventívne */
}

/* spoločné – miesto pre ikonu + zarovnanie */
.basePivotCellPositive .x-body-el,
.basePivotCellNegative .x-body-el {
  position: relative;
  padding-left: 18px;         /* miesto na ikonu */
  line-height: 1.2;           /* nech to nevyskočí */
}

/* šípka ako pseudo-element (x-fa / Font Awesome) */
.basePivotCellPositive .x-body-el::before,
.basePivotCellNegative .x-body-el::before {
  position: absolute;
  left: 6px;
  top: 50%;
  transform: translateY(-50%);
  font-family: "Font Awesome 5 Free"; /* alebo "Font Awesome 6 Free" podľa verzie */
  font-weight: 900;                   /* solid štýl */
  font-size: 12px;
}

/* UP: \f062, DOWN: \f063 */
.basePivotCellPositive .x-body-el::before { content: "\f062"; color: #2e7d32; }
.basePivotCellNegative .x-body-el::before { content: "\f063"; color: #c62828; }

.basePivotCellPositive .x-body-el::before,
.basePivotCellNegative .x-body-el::before {
  font-size: 18px;  /* zväčši šípku */
}


/* spoločné – miesto pre ikonu + zarovnanie */
.basePivotCellPositiveRight .x-body-el,
.basePivotCellNegativeRight .x-body-el {
  position: relative;
  padding-right: 30px;       /* miesto na ikonu vpravo */
  line-height: 1.2;
}

.basePivotCellZeroRight .x-body-el {
  padding-right: 30px;
}

/* šípka ako pseudo-element (x-fa / Font Awesome) */
.basePivotCellPositiveRight .x-body-el::before,
.basePivotCellNegativeRight .x-body-el::before {
  position: absolute;
  right: 6px;                /* namiesto left */
  top: 50%;
  transform: translateY(-50%);
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 18px;           /* veľkosť šípky */
}

/* UP: \f062, DOWN: \f063 */
.basePivotCellPositiveRightNoText .x-body-el::before { content: "\f062"; color: #2e7d32; }
.basePivotCellNegativeRightNoText .x-body-el::before { content: "\f063"; color: #c62828; }


/* spoločné – miesto pre ikonu + zarovnanie */
.basePivotCellPositiveRightNoText .x-body-el,
.basePivotCellNegativeRightNoText .x-body-el {
  position: relative;
  padding-right: 30px;       /* miesto na ikonu vpravo */
  line-height: 1.2;
}

.basePivotCellZeroRightNoText .x-body-el {
  padding-right: 30px;
}

/* šípka ako pseudo-element (x-fa / Font Awesome) */
.basePivotCellPositiveRightNoText .x-body-el::before,
.basePivotCellNegativeRightNoText .x-body-el::before {
  position: absolute;
  right: 6px;                /* namiesto left */
  top: 50%;
  transform: translateY(-50%);
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 18px;           /* veľkosť šípky */
}

/* UP: \f062, DOWN: \f063 */
.basePivotCellPositiveRightNoText .x-body-el::before { content: "\f062"; color: #2e7d32; }
.basePivotCellNegativeRightNoText .x-body-el::before { content: "\f063"; color: #c62828; }

.basePivotCellPositiveRightNoText .x-body-el,
.basePivotCellNegativeRightNoText .x-body-el,
.basePivotCellZeroRightNoText .x-body-el {
  color: transparent;          /* text zmizne */
  text-shadow: none;           /* preventívne */
}



/* spoločné */
.basePivotCellPositiveSvg .x-body-el,
.basePivotCellNegativeSvg .x-body-el {
  background-repeat: no-repeat;
  background-position: 6px 50%;
  padding-left: 18px;
}

/* zelená šípka hore */
.basePivotCellPositiveSvg .x-body-el {
  background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24'>\
<path fill='%232e7d32' d='M4 12l1.41 1.41L11 7.83V20h2V7.83l5.59 5.58L20 12l-8-8z'/>\
</svg>");
}

/* červená šípka dole */
.basePivotCellNegativeSvg .x-body-el {
  background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24'>\
<path fill='%23c62828' d='M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.59-5.58L4 12l8 8z'/>\
</svg>");
}


/*
.pivCGCSEMA1L .x-body-el{background-color:rgba(250, 157, 117, 0.30);}
.pivCGCSEMA2L .x-body-el{background-color:rgba(255, 235, 132, 0.30);}
.pivCGCSEMA3L .x-body-el{background-color:rgba(162, 208, 127, 0.30);}
.pivCGCSEMA1L .x-body-el{background-image: linear-gradient(135deg, rgba(250, 157, 117, 0.60) 15px, transparent 15px);}
.pivCGCSEMA2L .x-body-el{background-image: linear-gradient(135deg, rgba(255, 235, 132, 0.60) 15px, transparent 15px);}
.pivCGCSEMA3L .x-body-el{background-image: linear-gradient(135deg, rgba(162, 208, 127, 0.60) 15px, transparent 15px);}


*/

/*
.pivCGCSEMA1L .x-body-el{background-image: linear-gradient(135deg, #FA9D75 5px, transparent 20px);}
.pivCGCSEMA2L .x-body-el{background-image: linear-gradient(135deg, #FFEB84 5px, transparent 20px);}
.pivCGCSEMA3L .x-body-el{background-image: linear-gradient(135deg, #A2D07F 5px, transparent 20px);}

*/
/*
.pivCGCSEMA1L .x-body-el{background-image: linear-gradient(0deg,rgba(250, 157, 117, 0.60) 0%, rgba(250, 157, 117, 0) 20%, rgba(250, 157, 117, 0) 80%, rgba(250, 157, 117, 0.60) 100%);}
.pivCGCSEMA2L .x-body-el{background-image: linear-gradient(0deg,rgba(255, 235, 132, 0.60) 0%, rgba(255, 235, 132, 0) 20%, rgba(255, 235, 132, 0) 80%, rgba(255, 235, 132, 0.60) 100%);}
.pivCGCSEMA3L .x-body-el{background-image: linear-gradient(0deg,rgba(162, 208, 127, 0.60) 0%, rgba(162, 208, 127, 0) 20%, rgba(162, 208, 127, 0) 80%, rgba(162, 208, 127, 0.60) 100%);}
*/


.pivCGCSEMA1L .x-body-el{background:
    linear-gradient(to bottom,rgba(250, 157, 117, 0.16) 0%, rgba(250, 157, 117, 0.08) 20%, rgba(250, 157, 117, 0.08) 80%, rgba(250, 157, 117, 0.16) 100%),
    linear-gradient(to right,rgba(250, 157, 117, 0.16) 0%, rgba(250, 157, 117, 0.08) 20%, rgba(250, 157, 117, 0.08) 80%, rgba(250, 157, 117, 0.16) 100%);
    background-blend-mode: multiply;
  }
.pivCGCSEMA2L .x-body-el{background:
    linear-gradient(to bottom,rgba(255, 235, 132, 0.16) 0%, rgba(255, 235, 132, 0.08) 20%, rgba(255, 235, 132, 0.08) 80%, rgba(255, 235, 132, 0.16) 100%),
    linear-gradient(to right,rgba(255, 235, 132, 0.16) 0%, rgba(255, 235, 132, 0.08) 20%, rgba(255, 235, 132, 0.08) 80%, rgba(255, 235, 132, 0.16) 100%);
    background-blend-mode: multiply;
  }
.pivCGCSEMA3L .x-body-el{background:
    linear-gradient(to bottom,rgba(162, 208, 127, 0.16) 0%, rgba(162, 208, 127, 0.08) 20%, rgba(162, 208, 127, 0.08) 80%, rgba(162, 208, 127, 0.16) 100%),
    linear-gradient(to right,rgba(162, 208, 127, 0.16) 0%, rgba(162, 208, 127, 0.08) 20%, rgba(162, 208, 127, 0.08) 80%, rgba(162, 208, 127, 0.16) 100%);
    background-blend-mode: multiply;
  }

  /*
.pivCGCSEMA1L .x-body-el{background-image: radial-gradient(ellipse 90% 90% at center, rgba(250, 157, 117, 0.08), rgba(250, 157, 117, 0.23));}
.pivCGCSEMA2L .x-body-el{background-image: radial-gradient(ellipse 90% 90% at center, rgba(255, 235, 132, 0.08), rgba(255, 235, 132, 0.23));}
.pivCGCSEMA3L .x-body-el{background-image: radial-gradient(ellipse 90% 90% at center, rgba(162, 208, 127, 0.08), rgba(162, 208, 127, 0.23));}
*/

/*
.pivCGCSEMA1L .x-body-el{background-color:rgba(250, 157, 117, 0.16);}
.pivCGCSEMA2L .x-body-el{background-color:rgba(255, 235, 132, 0.16);}
.pivCGCSEMA3L .x-body-el{background-color:rgba(162, 208, 127, 0.16);}
*/
  /*.pivCGCSEMA1L .x-body-el{background:
    linear-gradient(135deg,rgba(250, 157, 117, 0.65) 0%, rgba(250, 157, 117, 0.05) 30%, rgba(250, 157, 117, 0.05) 80%, rgba(250, 157, 117, 0.45) 100%);
  }
.pivCGCSEMA2L .x-body-el{background:
    linear-gradient(135deg,rgba(255, 235, 132, 0.65) 0%, rgba(255, 235, 132, 0.05) 30%, rgba(255, 235, 132, 0.05) 80%, rgba(255, 235, 132, 0.45) 100%);
  }
.pivCGCSEMA3L .x-body-el{background:
    linear-gradient(135deg,rgba(162, 208, 127, 0.65) 0%, rgba(162, 208, 127, 0.05) 30%, rgba(162, 208, 127, 0.05) 80%, rgba(162, 208, 127, 0.45) 100%);
  }*/



.pivCBackBlueLightBold .x-body-el{background-color:#c9dcf5;font-weight:bold;opacity: 1;}
.pivCBackBlueLightBoldT .x-body-el{background-color:#c9dcf5;font-weight:bold;opacity: 0.85;}

.pivCBackBlueLightBoldTT .x-body-el{background-color:#ffffff00;font-weight:bold;opacity: 0.85;}


.x-testred-cell {
  background-color: #FFB0C4;
  color:red;
}

.x-cell-rang2_1 {background-color: #b0ffca;}


.x-base-menu-bold .x-text-el{font-weight:bold}


/*
pivCGCSA - 11 urovni od cerveneh po zelenu podla excelu (5 stred)
pivCGCSB - 21 urovni od cerveneh po zelenu podla excelu (10 stred)
*/

.x-calendar-weeks-weekend-cell {
  background-image: linear-gradient(to bottom, #d9eaf9 15px, transparent 30px);
}

.x-calendar-weeks-holiday-cell {
  background-image: linear-gradient(to bottom, #E6D1F1  15px, transparent 30px);
}

.x-calendar-weeks-today-cell {
  background-image: linear-gradient(to bottom, #dcf8dc 15px, transparent 30px);
}

/*.x-today-cell-highlight-weeks-day .x-calendar-weeks-day-text {
  background-color: transparent!important;
}*/

.x-today-cell-highlight-weeks-day .x-calendar-weeks-day-text {
  /*border: 3px solid #60f760; /* Pridajte toto - nastavte hrúbku a farbu podľa vašich preferencií */
  background-color: transparent!important;
}
/*
class="x-unselectable x-calendar-header-cell x-today-cell-highlight-day"
*/


/*
.x-today-cell-highlight-weekendday {
  background-image: linear-gradient(to bottom, #d9eaf9 15px, transparent 30px);



.x-today-cell-highlight-holiday {
  background-image: linear-gradient(to bottom, #e8e8e8 15px, transparent 30px);
}


.x-today-cell-highlight-day {
  background-image: linear-gradient(to bottom, #dcf8dc 15px, transparent 30px);
  background-color: transparent!important;
}
*/

.x-today-cell-highlight-day {
  background-color: transparent!important;
}




.base-calendar-header-days-weekend {
  background-image: linear-gradient(to bottom, #d9eaf9 15px, transparent 30px);
}

.base-calendar-header-days-holiday {
  background-image: linear-gradient(to bottom, #E6D1F1  15px, transparent 30px);
}

.base-calendar-header-days-today {
  background-image: linear-gradient(to bottom, #dcf8dc 15px, transparent 30px);
}

/*
.class-base-calendar-month .x-calendar-event-inline-title .x-calendar-event-inner {
  margin-bottom: 10px;
  white-space: normal !important;
}

.class-base-calendar-week .x-calendar-event-inline-title .x-calendar-event-inner {
  padding: 0 1 30px;
  white-space: normal !important;
} */

.class-base-calendar-week .x-calendar-event-inline-title .x-calendar-event-inner .x-calendar-event-time-start {
  display: none;
}

.class-base-calendar-month .x-calendar-event-inline-title .x-calendar-event-inner .x-calendar-event-time-start {
  display: none;
}

.class-base-calendar-week .x-calendar-event-inline-title .x-calendar-event-inner {
  font-size: 12px;
}

.class-base-calendar-month .x-calendar-event-inline-title .x-calendar-event-inner {
  font-size: 12px;
}

#topLoadingBar {
  position: fixed;
  top: 0;
  left: 0;
  height: 3px;
  background-color: var(--base-color);
  z-index: 9999;
  width: 0;
}

@keyframes topLoadingAnimation {
  0% { width: 0; }
  100% { width: 100%; }
}


.base-map-tool-tip {
  position: absolute;
  pointer-events: none;
  background: #fff;
  color: #000;
  border: 1px solid #aaa;
  padding: 10px;
  border-radius: 4px;
  box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.85), 8px 8px 16px rgba(0, 0, 0, 0.1);
  font-size: 14px;
}

.base-map-tool-tip::before,
.base-map-tool-tip::after {
  content: '';
  position: absolute;
  top: -11px;  /* Pozícia šípky/trojuholníka */
  left: 50%;  /* Centrování šípky */
  transform: translateX(-50%);
  width: 0;
  height: 0;
}

.base-map-tool-tip::before {
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-bottom: 11px solid #aaa;  /* Farba orámovania */
}

.base-map-tool-tip::after {
  top: -10px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;  /* Farba šípky */
}

.base-empty-icon::before {
  content: "\00a0"; /* Non-breaking space */
  color: transparent;
  display: inline-block;
  width: 1em; /* Or the width of your icons */
}



/* .x-gridcell-body-el {
  z-index: 1;
} */

/* .x-gridcolumn:first-child .x-header-el {
  color: green;
} */

/* .x-gridcolumn:first-child .x-header-el:first-child.base-fixed-column {
  position: relative;
  background-color: var(--background-color);
  z-index: 100;
  box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.12), 2px 2px 5px 0 rgba(0, 0, 0, 0.08);
}
.pivotRowHeader .x-pivot-grid-group-header .x-gridcell-body-el.base-fixed-column {
  position: relative;
  background-color: inherit;
  z-index: 100;
  box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.12), 2px 2px 5px 0 rgba(0, 0, 0, 0.08);
}

*/

.x-gridcolumn:first-child .x-header-el:first-child.base-fixed-column {
  position: relative;
  background-color: var(--background-color);
  z-index: 100;
  box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.12), 2px 2px 5px 0 rgba(0, 0, 0, 0.08);
}


.pivotRowHeader .x-pivot-grid-group-header .x-gridcell-body-el.base-fixed-column {
  position: relative;
  background-color: inherit;
  z-index: 100;
  box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.12), 2px 2px 5px 0 rgba(0, 0, 0, 0.08);
}

/*
.pivotCustHiglight .x-pivot-grid-group-header .x-gridcell-body-el.base-fixed-column {
  position: relative;
  background-color: red;
  z-index: 100;
  box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.12), 2px 2px 5px 0 rgba(0, 0, 0, 0.08);
} */

.x-pivot-grid-group-header .x-gridcell-body-el.base-fixed-column {
  position: relative;
  background-color: var(--background-color);
  z-index: 100;
  box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.12), 2px 2px 5px 0 rgba(0, 0, 0, 0.08);
}


.pivotBaseCell .x-pivot-grid-group-header .x-gridcell-body-el.base-fixed-column {
  position: relative;
  background-color: var(--background-color);
  z-index: 100;
  box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.12), 2px 2px 5px 0 rgba(0, 0, 0, 0.08);
}

.pivotRowGrandTotal .x-pivot-grid-group-header .x-gridcell-body-el:first-child.base-fixed-column {
  position: relative;
  background-color: inherit;
  z-index: 100;
  box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.12), 2px 2px 5px 0 rgba(0, 0, 0, 0.08);
}

/* .pivotRowHeader .x-pivot-grid-group-header,
.pivotRowHeader .x-pivot-grid-group-header-collapsed .x-gridcell-body-el.base-fixed-column {
  position: relative;
  background-color: red
  z-index: 100;
  box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.12), 2px 2px 5px 0 rgba(0, 0, 0, 0.08);
}

.pivotRowHeader .x-pivot-grid-group-header,
.pivotBaseCell .x-pivot-grid-group-header-collapsed .x-gridcell-body-el.base-fixed-column {
  position: relative;
  background-color: var(--background-color);
  z-index: 100;
  box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.12), 2px 2px 5px 0 rgba(0, 0, 0, 0.08);
} */