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


:root {
  --app-evt-confirm-color: #AA4871;
  --app-evt-confirm-color-bk: #F3E4EB;  

}

:root {
  --green-base:  green;
  --red-base:    red;
  --blue-base:   blue;
  --yellow-base: yellow;
  --orange-base: orange;
  --purple-base: purple;
  --gray-base:   gray;
  --black-base:  black;
  --white-base:  white;

  --green-light:  #6abf69;
  --red-light:    #e57373;
  --blue-light:   #64b5f6;
  --yellow-light: #ffda65;
  --orange-light: #ffb74d;
  --purple-light: #ba68c8;
  --gray-light:   #9e9e9e;
  --black-light:  #424242;
  --white-light:  #f5f5f5;
  
  --green-pastel:  #a8d5ba;
  --red-pastel:    #f2a7a7;
  --blue-pastel:   #a7c7e7;
  --yellow-pastel: #fdfd96;
  --orange-pastel: #ffccaa;
  --purple-pastel: #d5b4e5;
  --gray-pastel:   #d3d3d3;
  --black-pastel:  #bdbdbd;
  --white-pastel:  #fafafa;

  --green-pastel05:  rgba(168, 213, 186, 0.5);
  --red-pastel05:    rgba(242, 167, 167, 0.5);
  --blue-pastel05:   rgba(167, 199, 231, 0.5);
  --yellow-pastel05: rgba(253, 253, 150, 0.5);
  --orange-pastel05: rgba(255, 204, 170, 0.5);
  --purple-pastel05: rgba(213, 180, 229, 0.5);
  --gray-pastel05:   rgba(211, 211, 211, 0.5);
  --black-pastel05:  rgba(189, 189, 189, 0.5);
  --white-pastel05:  rgba(250, 250, 250, 0.5);

  --transparent-base: rgba(0, 0, 0, 0);
  
  --activeRecordColor: black;
  --inactiveRecordColor: silver;
}


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

.baseLtGreenIcon  { color: var(--green-light) !important; }
.baseLtRedIcon    { color: var(--red-light) !important; }
.baseLtBlueIcon   { color: var(--blue-light) !important; }
.baseLtYellowIcon { color: var(--yellow-light) !important; }
.baseLtOrangeIcon { color: var(--orange-light) !important; }
.baseLtPurpleIcon { color: var(--purple-light) !important; }
.baseLtGrayIcon   { color: var(--gray-light) !important; }
.baseLtBlackIcon  { color: var(--black-light) !important; }
.baseLtWhiteIcon  { color: var(--white-light) !important; }

.baseGreenIconPastel   { color: var(--green-pastel)  !important; }
.baseRedIconPastel     { color: var(--red-pastel)    !important; }
.baseBlueIconPastel    { color: var(--blue-pastel)   !important; }
.baseYellowIconPastel  { color: var(--yellow-pastel) !important; }
.baseOrangeIconPastel  { color: var(--orange-pastel) !important; }
.basePurpleIconPastel  { color: var(--purple-pastel) !important; }
.baseGrayIconPastel    { color: var(--gray-pastel)   !important; }
.baseBlackIconPastel   { color: var(--black-pastel)  !important; }
.baseWhiteIconPastel   { color: var(--white-pastel)  !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%;
}


.base-grid-toolbar {
  background-color: var(--app-toolbar-background-color)!important;
}

/*
.x-summaryrow > .x-cells-el {
  background-color: var(--app-header-background-color)!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);
}


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


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


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


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






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


.x-summaryrow {
  background-color: var(--app-header-background-color)!important;
}

/*
.x-summaryrow {
  background-color: #add8e6 !important; 
}*/
/*
.x-summaryrow .x-cells-el-right-spacer {
  display: none;
}
*/

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

.x-summaryrow .x-icon-el {
    display: none;
}



/* 

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



.pfh-signature-pad { position: relative; }
.pfh-signature-pad .x-body-el { padding: 0; }
.pfh-signature-pad .x-innerhtml { position: absolute; inset: 0;}
.pfh-signature-pad .pfh-svg { 
  width: 100%; 
  height: 100%; 
  display: block; 
  border: 1px solid #ccc;
  border-radius: 6px;
  background-color: var(--selected-background-color);
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.05);
}

.pfh-readonly-lock .pfh-signature-pad::after {
  content: "\f023";                   /* FontAwesome fa-lock */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 6px;
  font-size: 18px;
  color: rgba(0,0,0,0.4);  
}

.pfh-readonly .pfh-signature-pad .pfh-svg {
  background-color: var(--background-color);
}

/* varianty zarovnania */
.pfh-readonly.pfh-align-left .pfh-signature-pad::after {
  left: 8px;
  transform: none;
}

.pfh-readonly.pfh-align-center .pfh-signature-pad::after {
  left: 50%;
  transform: translateX(-50%);
}

.pfh-readonly.pfh-align-right .pfh-signature-pad::after {
  right: 8px;
  transform: none;
}

.pfh-signature-pad-toolbar {  
  background-color: rgba(255, 255, 255, 0.4)!important;
  border-top: 2px solid #bbb;
  border-bottom: 2px solid #bbb;
}



.pfh-signature-pad .pfh-sig-svg { 
  cursor: crosshair; 
  width: 100%;
  height: 100%;
  background-color: red;
}


.x-windows .x-list {
    touch-action: pinch-zoom pan-x;
}