.pivotRowGrandTotal .x-gridcell {color: rgb(44, 43, 43) !important; background-color: rgba(236, 230, 232, 0.973) !important; font-weight: bold;}
.pivotRowHeader .x-gridcell {color: rgba(29, 29, 109, 0.945) !important; background-color: rgba(246, 246, 252, 0.973) !important; font-weight: bold;}
.pivotRowTotal .x-gridcell {color: blue !important;}

.gridTest {color: rgb(44, 43, 43) !important; background-color: rgba(236, 230, 232, 0.973) !important; font-weight: bold;}


.pivCFontRedBold .x-body-el{color:red;font-weight:bold}
.pivCFontGreenBold .x-body-el{color:rgb(3, 151, 3);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;}


.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;}


/* icons colors */
.baseGreenIcon {color:green!important}
.baseRedIcon {color:red!important}
.baseBlueIcon {color: blue !important;}
.baseYellowIcon {color: yellow !important;}
.baseOrangeIcon {color: orange !important;}
.basePurpleIcon {color: purple !important;}
.baseGrayIcon {color: gray !important;}
.baseBlackIcon {color: black !important;}
.baseWhiteIcon {color: white !important;}

.baseColorIcon {color: var(--base-color) !important;}
.baseForegroundIcon {color: var(--base-foreground-color)!important}
.baseHighlightColorIcon {color: var(--base-highlight-color) !important;} 
.baseLightColorIcon {color: var(--base-light-color) !important;}
.baseDarkColorIcon {color: var(--base-dark-color) !important;}
.baseAccentColorIcon {color: var(--accent-color) !important;}
.baseAccentLightColorIcon {color: var(--accent-light-color) !important;}
.baseAccentDarkColorIcon {color: var(--accent-dark-color) !important;}

.baseNoOpacityIcon {opacity: 1 !important;}
.baseBaseColIcon {color:var(--base-color)!important}
.baseBaseDarkColIcon {color:var(--base-dark-color)!important}
.baseBigIcon {font-size: 20px!important}

.baseWLtYellowIcon {color:#FFFFAA!important}
.baseWLtBlueIcon {color:#A6CAF0!important}



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

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


.base-login-edt .x-input-el {text-transform:uppercase!important;};

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

.centered-list .x-listitem {
  display: flex;
  align-items: center;
  justify-content: center;
}

.centered-item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}


.logo-btn-icon {
  background-image: url('icons/images/logoIcon.svg')!important;
  background-size: cover; /* to ensure the svg scales properly */
}

.logo-panel-icon {
  background-image: url('icons/images/logoIcon.svg')!important;
  background-size: contain;
}

/* v darkBlue je to cez velke css nastavene *****
 .x-headercontainer {
  background-color: var(--app-header-background-color)!important;
 }
 
 .x-gridcolumn > .x-header-el {
  background-color: var(--app-header-background-color)!important;
 }

 .x-gridcolumn > .x-header-el .x-trigger-el {
  background-color: var(--app-header-background-color-hover)!important;
}
*/

.base-grid-toolbar {
  background-color: var(--app-toolbar-background-color)!important;
}
.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-calendar-weeks-custom1-cell {
  position: relative; /* Potrebné pre umiestnenie pseudo-prvku */
}

.x-calendar-weeks-custom1-cell::after {
  content: "\f502"; /* Unicode pre zamknutú zámku v Font Awesome (alebo iný kód, napr. "\f023" pre iný štýl zámky) f084 kluc */
  font-family: "Font Awesome 5 Free"; /* Názov fontu */
  font-weight: 900; /* Potrebné pre solid ikony */
  position: absolute;
  right: 10px; /* Zarovnanie ikony na pravú stranu */
  top: 5px; /* Umiestnenie ikony v hornej časti */
  font-size: 14px; /* Veľkosť ikony */
  color: var(--disabled-color); /* Použitie CSS variabilnej pre farbu */
}


.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);
}


.base-calendar-header-days-custom1 {
  position: relative; 
}

.base-calendar-header-days-custom1::after {
  content: "\f502"; /* Unicode pre zamknutú zámku v Font Awesome (alebo iný kód, napr. "\f023" pre iný štýl zámky) f084 kluc */
  font-family: "Font Awesome 5 Free"; /* Názov fontu */
  font-weight: 900; /* Potrebné pre solid ikony */
  position: absolute;
  right: 10px; /* Zarovnanie ikony na pravú stranu */
  top: 5px; /* Umiestnenie ikony v hornej časti */
  font-size: 14px; /* Veľkosť ikony */
  color: var(--disabled-color); /* Použitie CSS variabilnej pre farbu */
}


/*.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;
}
*/


/* 
:root {
  --app-evt-confirm-color: #AA4871;
  --app-evt-confirm-color-bk: #F3E4EB;
  --base-color: #004990!important;

}
 */




.logo-btn-icon {
  background-image: url('icons/images/logoBtnJdSilver.svg')!important;
  background-size: cover; /* to ensure the svg scales properly */
}

.x-pressed .logo-btn-icon {
  background-image: url('icons/images/logoBtnJd.svg')!important;
  background-size: cover; /* to ensure the svg scales properly */
}
.x-pressing .logo-btn-icon {
  background-image: url('icons/images/logoBtnJd.svg')!important;
  background-size: cover; /* to ensure the svg scales properly */
}


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

.custom-file-label {
  color: var(--base-color);
  background-color: #fff;
  box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.2);   
  font: 600 14px / 16px Roboto, sans-serif;
  display: inline-flex;
  position: relative;
  min-width: 0;
  min-height: 0;
  padding: 10px 20px;  
  cursor: pointer;  
}
.custom-file-label:hover {
  background-color: #0056b3;
}

.x-error-message-el {
  font: normal 12px/16px Roboto, sans-serif !important;
}

.base_label_style {
  color: var(--highlight-color);
  font: 400 12px/16px Roboto, sans-serif;
}

/* 

.x-boundlistitem .x-selected-icon {
  display: none;
}

.x-boundlistitem .x-unselected-icon {
  display: block;
}

.x-show-selection .x-boundlistitem.x-selected .x-selected-icon, .x-multi-select .x-boundlistitem.x-selected .x-selected-icon {
  display: block;
}

.x-show-selection .x-boundlistitem.x-selected .x-unselected-icon, .x-multi-select .x-boundlistitem.x-selected .x-unselected-icon {
  display: none;
} */