/* @import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200'); */



input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
input:-internal-autofill-selected {
  background-clip: text !important;
  -webkit-background-clip: text !important;
  
}


*, ::after, ::before {
  box-sizing: border-box;
}


.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 100,
  'GRAD' 0,
  'opsz' 24
}

.btnDark {
  background-color:  #212529;
  align-self: center;
  margin-left: 10px;
  border: solid 2px gray;
  border-radius: 50px;
  cursor: pointer;
  height: 20px;
  outline-width: 1px;
  position: relative;
  width: 40px;
}

.icon_night {
  background-color: grey;
  border-radius: 100%;
  content: "";
  display: block;
  height: 14px;
  margin: -6px -3px;
  position: relative;
  width: 15px;
  transition: background-color 0.5s, transform .5s;   /* transformacja - zmiana koloru przez 0.5 sek. i zmiana położenia przez 0.5sek*/
}

body.dark .icon_night {
  background: yellow;
 transform: translateX(16px); /* zmiana położenia */
}

body.dark .icon_night::after {
  content: "";
  background: #212529;
  border-radius: 100%;
  display: block;
  left: -5px;
  height: 12px;
  top: 1px;
  width: 15px;
  position: absolute;
}








.tblq{
  margin-bottom: q;

  /* --tbl-padding: 1rem; */
  position: relative;
  padding: 3rem;
  /* margin: 0 -1.5rem 1rem; */
  margin-bottom: 1rem;
  border: solid #0087fc;
  /* border-width: 1px 0; */
  /* border-style: solid; */

}

/* tbody, td, tfoot, th, thead, tr {
  border-color: inherit;
  border-style: solid;
  border-width: 1px;
} */




/* .nav-item .nav-link.active { */
  /* color: #ff0000; */
  /* background-color: #4d42a27d; */
  /* background-color: #d6c9177d; */
  /* 96c2ec7d */
  /* border-color: var(--bs-nav-tabs-link-active-border-color); */
/* } */


/* body.dark */
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  /* color: #ff0000; */
  /* background-color: #4d42a27d; */
  background-color: #d6c9177d;
  /* 96c2ec7d */
  /* border-color: var(--bs-nav-tabs-link-active-border-color); */
}



body .user-dane{
  /* --bs-text-opacity: 2;
  color: rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important; */
  color:rgba(12, 1, 68, 0.764);
  text-align: center;
}

.user-dane-e{
    color:rgba(0, 6, 44, 0.764);
    text-align: center;
}

body.dark .user-dane{
  /* --bs-text-opacity: 2;
  color: rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important; */
  color:rgba(243, 236, 21, 0.764);
  text-align: center;
}

/* body.dark .user-dane-e{
  --bs-text-opacity: 1;
    color: rgba(var(--bs-info-rgb),var(--bs-text-opacity));
    text-align: center;
}

 #user-opl-pane{
   font-size: 14px;

 }

 .authentication {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
} */

/* .form-control::placeholder {
  color: #ff0606;
  opacity: 1;
} */

.eye-icon {
  cursor: pointer;
  /* position: absolute; */
  display: flex;
  justify-content: center;
  /* width: 20%; */
  /* height: 20%; */
  top: 0;

  
}


/* input.form-control */
/* body[data-bs-theme="light"] .input-group
{
  border: groove;

  
} */


icon.mdi {
  font-size: x-large ;
}

icon.mdil {
  font-size: x-large ;
}

.flarger{
  font-size: larger !important;
}

.fmedium{
  font-size: medium !important;
}

@media (max-width: 575px){
.search-dz { 
  position: absolute;
  /* width: 175px; */
  /* top: 200px;  */
  /* align-items: center; */
  /* vertical-align: bottom; */
  /* padding: 250px; */
  align-self: flex-end;
  /* right: 5px;
  left: 100px; */
  /* visibility: hidden; */
  opacity: 1
}
}

.search-dz { 
  /* position: absolute; */
  width: 175px;
  top: 15%; 
  /* align-items: center; */
  /* vertical-align: bottom; */
  /* padding: 250px; */
  right: 5px; 
  /* visibility: hidden; */
  opacity: 1

}



.form-kartac .kartac-dane{
  /* height: 10px;*/
   /* top: 50%;  */
  /* background-color: #e81500; */
  font-size: unset;
  /* padding-top: 50px; */
  /* padding-left: 10px; lub margin-left: 10px; */
  /* padding: 0.25rem 2.5rem; */
}


.form-kartac label{
  color:rgb(96, 95, 95);
  /* padding: 0.25rem 2.5rem; */
}

.form-floating {
  position: absolute;
}

.form-floating .form-control,
.form-floating .form-control-plaintext,
.form-floating .form-select {
  height: calc(2.5rem + 2px);
  min-height: calc(2.05rem + 2px);
  line-height: 1.47;
  /* padding-left: 8px; */
  padding-left: 25px;
  /* padding-top: 10px ; */
  /* cursor: pointer; */
}


.form-floating > label {
  position: absolute;
  /* padding: 0.4rem 2.0rem; */
  padding: 0.7rem 0.6rem;
  text-align: center;
  font-size: small;
  margin-left: 1.2rem;
  /* border: 1px solid transparent; */
  /* background-color: #e81500; */

  transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out, color 0.8s;
  /* transition: top 0.8s, font-size 0.3s, color 0.3s; */
  /* color: red; */
} 


/* @media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    transition: none;
  }
} */

/* .form-floating > .form-control,
.form-floating > .form-control-plaintext {
  padding: 0.7813rem 0.7813rem;
} */

.form-floating > .form-control::placeholder,
.form-floating > .form-control-plaintext::placeholder {
  color: transparent;
}

.form-floating > .form-control:focus, 
.form-floating > .form-control:not(:placeholder-shown),
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown) {
  padding-top: 0.5rem; 
  padding-bottom: calc(0.39065rem + 1px);
}


.form-floating > .form-control-plaintext:-webkit-autofill, 
.form-floating > .form-control:-webkit-autofill {
  padding-top: 0.5rem; 
  padding-bottom: calc(0.39065rem + 1px);

}

.form-control.is-valid, .was-validated .form-control:valid:-webkit-autofill {

  /* background-image: url("../images/ok.svg"); */
    background-color: #490ba6;
}


.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label 
{
    position: absolute;
    /* color: rgba(var(--bs-body-color-rgb), 1); */
    /* padding-top: 1rem;  */

    /* background-color: #233cdf; */
    color: var(--bs-info-text-emphasis);
    transform: scale(0.9) translateY(-1.7rem) translateX(-0.8rem);
      padding-top: 1rem; 
    /* color: red; */
}

.form-label-floating{
  position: absolute;
  /* color: rgba(var(--bs-body-color-rgb), 1); */
  /* padding-top: 1rem;  */

  background-color: var(--bs-body-bg);
  color: var(--bs-info-text-emphasis);
  transform: scale(1.0) translateY(-0.7rem) translateX(0.8rem);
    /* padding-top: 1rem;  */
  /* color: red; */
  z-index: 9;

}

.floating .form-control{
  height: calc(2.5rem + 2px);
  min-height: calc(2.05rem + 2px);
  line-height: 1.47;
  /* padding-left: 8px; */
  padding-left: 25px;
  /* padding-top: 10px ; */
  /* cursor: pointer; */
}

.form-floating>.form-control:focus~label::after,
.form-floating>.form-control:not(:placeholder-shown)~label::after,
.form-floating>.form-control-plaintext~label::after,
.form-floating>.form-select~label::after {
  position: absolute;
  inset: 1rem 0.375rem;
  z-index: -1;
  height: 1.5em;
  content: "";
  background-color: var(--bs-body-bg);
  border-radius: var(--bs-border-radius);
}

.form-floating > .form-control:-webkit-autofill ~ label {
  /* color: rgba(var(--bs-body-color-rgb), 1); */
  color: var(--bs-info-text-emphasis);
  /* padding-left: 2rem; */
  /* transform: scale(1.8) translateY(-0.6rem) translateX(0.15rem); */
  /* color: red; */
}

.form-floating > :disabled ~ label,
.form-floating > .form-control:disabled ~ label {
  cursor: not-allowed;
  /* color: rgba(76, 78, 100, 0.6); */
  /* color: var(--bs-info-text-emphasis); */
  /* color: red; */
}

.form-floating > :disabled ~ label::after, 
.form-floating > .form-control:disabled ~ label::after {
  background-color: var(--bs-body-bg);
  background-color: transparent;
  /* background-color: red; */
}

.form-floating > :disabled ~ input,
 .form-floating input:disabled 
{
  /* color: rgba(76, 78, 100, 0.6); */
  cursor: not-allowed;

}

.form-kartac {
  position: relative;
}

/* .form-kartac input { */
  /* background-color: red; */
/* padding-left: 100px;  */
/* } */

.form-floating i {
position: absolute;
left: 4px; 
top: 5px; 

color: var(--bs-blue);
/* color: red; */
transform: translateY(-50%);
transform: scale(1.1);
/* transform: scale(0.95); */
}


.form-floating input:focus::placeholder {
  font-size: small;
  transform: translateX(5%);
  /* color: var(--bs-blue); */
  color: var(--bs-light-border-subtle);
  /* color: red; */
}

.form-floating input::placeholder {
  /* color: rgb(23, 11, 151); Zmień kolor placeholdera na wyblakły po uzyskaniu fokusu */
  /* opacity: 0; */
  
  color: transparent;
}

.input-group-text {
  padding: 0rem 0.75rem;
}

.js-radio-color:checked ~ .form-check-label {   /* zmienia kolor przy checkbox */
  color: var(--bs-success-text-emphasis) !important;
}


/* Styl dla wyłączenia spin buttonów w Chrome, Safari, Edge i Opera */
/* input.numbez::-webkit-outer-spin-button,
input.numbez::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Styl dla wyłączenia spin buttonów w Firefox */
/* input.numbez{
    -moz-appearance: textfield;
}  */



.error-message {
  color:rgb(211 143 143 / 72%);
  border: 2px var(--bs-danger-border-subtle) solid !important;
  font-style: italic !important;
  padding: 2px;
  padding-left: 6px;
}

.error-message2 {
  color:rgb(211 143 143 / 72%);
  /* border: 2px var(--bs-danger-border-subtle) solid !important; */
  font-style: italic !important;
  /* padding: 2px; */
  margin-bottom: 10px;
  padding-left: 6px;
}

.error-message3 {
  /* color:rgb(211 143 143 / 72%); */
  border: 2px var(--bs-danger-border-subtle) solid !important;
  /* font-style: italic !important;
  padding: 2px;
  padding-left: 6px; */
}


.tfoodbg{
  /* --bs-table-bg: royalblue; */
  --bs-table-bg: #495057;
}


.odczyty{
  /* font-size: smaller; */
  border: darkslategrey;
}

body[data-bs-theme="light"]
.theadbgBlue{
  /* --bs-table-bg: royalblue; */
  --bs-table-bg: #90b8da;
  /* --bs-table-bg: var(--bs-primary); */
}

body[data-bs-theme="dark"]
.theadbgBlue{
  /* --bs-table-bg: royalblue; */
  --bs-table-bg: #173e5f;
}

.theadbgBlue2{
  /* --bs-table-bg: royalblue; */
  --bs-table-bg: #1f272f;

}


.odczyty .theadbg{
  /* --bs-table-bg: royalblue; */
  --bs-table-bg: #007ade;
}

.odczyty .tfoodbg{
  /* --bs-table-bg: royalblue; */
  --bs-table-bg: #495057;
}

/* .odczyty .right{
  text-align: end;
} */

.right{
  text-align: end;
}

.wartosc{
  text-align: end;
}

.h-auto{
  height: auto;
  /* width: auto; */
}

/* .odczyty .center{
  text-align: center;
} */

.center{
  text-align: center;
  vertical-align: middle;
}


:root { --header-offset: 4.1rem; }

@media (max-width: 991.98px){
  /* :root { --header-offset: 0.5rem; } */
}

.table-responsive-lg00 .table thead th {
  position: sticky;
  top: var(--header-offset);   /* zamiast na sztywno 4.1rem */
  z-index: 1019;                  /* nad komórkami tbody */
  background: #0d6efd;         /* albo: background: inherit; ale ustaw coś nieprzezroczystego */
  color: rgb(70, 248, 10);                 /* żeby tekst był czytelny */
}

/* sticky nagłówek */
.table-responsive-lg {
  /* dodaj pionowy scroll */
  max-height: calc(100vh - 8rem); /* dostosuj */
  overflow: auto;                 /* X i Y */
}

/* sticky nagłówek */
.table-responsive-lg thead th {
  position: sticky;
  top: var(--header-offset);   /* jeśli masz fixed navbar */
  top: -0.2rem;   /* jeśli masz fixed navbar */
  z-index: 3;
  /*background: #0d6efd; /* lub tło tabeli */
  /* color: rgb(220, 15, 15); */
}


table thead th {
  /* position: none; */
  /* top: 10rem; */
  position: sticky;
  z-index: 1000;
  /* top: -1.1rem; */
  /* top: 4.1rem; */
/* background-color: red; */
  top: -1px;
}

table thead.sticky-sg th {
  /* display: none; */
  /* top: 4.1rem; */
  top: var(--header-offset); 
  /* display: revert; */
  z-index: 1019;
}


table thead.sticky-sg0 th {
  /* display: none; */
  /* top: 4.1rem; */
  /* display: revert; */
  z-index: 1019;
}


table tfoot {
  /* position: sticky; */
  z-index: 1019;
  /* top: -1.1rem; */
  /* top: 10rem; */

  	position: sticky;
    bottom: -1px;
    /* --bs-table-bg: #541515; */
    /* background-color: var(--bs-table-bg); */
    border-top: 2px solid #000;
    background-color: rgb(60, 86, 128) !important;
}

/* table tfoot {
  position: sticky;
  bottom: 0;
  background: #fff;
  z-index: 2;
  border-top: 2px solid #ccc;
} */

.table-spec {
 /* border-collapse: collapse; /* Usuwa przerwy między komórkami */
  /* width: 100%; */

    border-collapse: inherit;
    border-spacing: 0px;

}



/*****************************************************************************/




.table-fixed {
    table-layout: fixed;
    width: 100%;
}

.sticky-div {
    position: sticky;
    top: 55px; /* Przyklei element do górnej krawędzi okna */
    background-color: var(--bs-body-bg);
    padding: 10px;
    z-index: 1011; /* Zwiększ z-index, aby element był na wierzchu */
}

.negative {
  	color: red !important;
}

body[data-bs-theme="light"] .success {
  	/* color: #6ec392 !important; */
  	color: #166111 !important;
}

body[data-bs-theme="dark"] .success {
  color: #6ec392 !important;
  /* color: #166111 !important; */
}

.warning {
  	color: #d9bf16dc !important;
}

.zero {
    color: rgb(143, 143, 143) !important;  /* Kolor dla wartości zero */
}


.contents{ display: contents;}

.dropdown-menu {
  /* width: 100%; */
  min-width: fit-content;
  white-space: nowrap;
  z-index: 9999;
  
  
  --bs-dropdown-link-color: var(--bs-secondary-text-emphasis);
  --bs-dropdown-link-hover-color: var(--bs-light-text-emphasis);
  --bs-dropdown-link-hover-bg: var(--bs-info-border-subtle);


  /* --bs-dropdown-link-color: var(--bs-body-color);
  --bs-dropdown-link-hover-color: var(--bs-body-color);
  --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
  --bs-dropdown-link-hover-bg: var(--bs-dropdown-header-color); */
}

/* .offcanvas-start{
  z-index: 9999;
} */

.card_dlugi{
  border: #ffc1077a;
  border-style: ridge;
  /* background-color: darkslategray; */
}

.card_dlugi .card-header{
  background-color: darkslategray;
}

.cursor-pointer {
  cursor: pointer;          /* Rączka jak przy linku */
  transition: background 0.2s;
  transition: filter 0.2s;  
  color: var(--bs-primary-text-emphasis) !important;
}

.cursor-pointer:hover {
  /* background-color: #f0f0f0;  /* Efekt podświetlenia */
  color: red;
  filter: brightness(0.7);
  font-size: 120%;
  text-decoration: underline; /* Opcjonalnie linia pod tekstem */
}

.cursor-pointer:link {
  color: blue;
}


/* .dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 0.9rem;
  --bs-dropdown-color: #007cf7;
  --bs-dropdown-bg: #2f1b30;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: var(--bs-border-radius);
  --bs-dropdown-border-width: var(--bs-border-width);
  --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: var(--bs-box-shadow);
  --bs-dropdown-link-color: #000000;
  --bs-dropdown-link-hover-color: #000000;
  --bs-dropdown-link-hover-bg: #1d2c8f;
  --bs-dropdown-link-active-color: #1fd825;
  --bs-dropdown-link-active-bg: #3490dc;
  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
} */


@media (min-width: 991.98px) {
  .max-content {
      width: max-content;
  }
}


/* Ukryj spinner domyślnie */
[id^="xspinner-"] {
  display: none !important;
}

/* Pokaż spinner gdy aktywny */
[id^="xspinner-"]:not(.d-none) {
  display: inline-block !important;
}

/* Gdy spinner widoczny, ukryj ikonę w tym samym kontenerze */
[id^="xspinner-"]:not(.d-none)+.button-icon,
[id^="xspinner-"]:not(.d-none)~.button-icon {
  opacity: 0;
  visibility: hidden;
}

/* Animacja */
.button-icon {
  display: inline-block !important;
  transition: opacity 0.5s ease, visibility 0.5s ease;
}