.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}

.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;}

/*
.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;
  }

.pivCGCSEMA1M .x-body-el{background:
    linear-gradient(to bottom,rgba(250, 157, 117, 0.24) 0%, rgba(250, 157, 117, 0.12) 20%, rgba(250, 157, 117, 0.12) 80%, rgba(250, 157, 117, 0.24) 100%),
    linear-gradient(to right,rgba(250, 157, 117, 0.24) 0%, rgba(250, 157, 117, 0.12) 20%, rgba(250, 157, 117, 0.12) 80%, rgba(250, 157, 117, 0.24) 100%);
    background-blend-mode: multiply;
  }
.pivCGCSEMA2M .x-body-el{background:
    linear-gradient(to bottom,rgba(255, 235, 132, 0.24) 0%, rgba(255, 235, 132, 0.12) 20%, rgba(255, 235, 132, 0.12) 80%, rgba(255, 235, 132, 0.24) 100%),
    linear-gradient(to right,rgba(255, 235, 132, 0.24) 0%, rgba(255, 235, 132, 0.12) 20%, rgba(255, 235, 132, 0.12) 80%, rgba(255, 235, 132, 0.24) 100%);
    background-blend-mode: multiply;
  }
.pivCGCSEMA3M .x-body-el{background:
    linear-gradient(to bottom,rgba(162, 208, 127, 0.24) 0%, rgba(162, 208, 127, 0.12) 20%, rgba(162, 208, 127, 0.12) 80%, rgba(162, 208, 127, 0.24) 100%),
    linear-gradient(to right,rgba(162, 208, 127, 0.24) 0%, rgba(162, 208, 127, 0.12) 20%, rgba(162, 208, 127, 0.12) 80%, rgba(162, 208, 127, 0.24) 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);
}

.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);
}
