body.m-theme, body {
    background-color: #f2f6fa;
    color:#7991a4
  }
  .m-theme a , .m-theme label, .text-my {color:#5b768b;}
  .m-theme a:not(.btn) {
    color: #3d5c74;
}

.card-header .fs-3 i, .text-my i, .dt-column-title {color: #3d5c74;}
.btn-my {background:#f5f8fa!important;}
.bg-my {color:#3d5c74;font-weight: normal;}

.w-150px {
  width: 100px !important;
}

.mw-md-250px {
  width:250px;
}
.mw-md-350px {
  width:350px;
}

.readonly-input {border:0;background: transparent!important;padding:0;}

  @media (min-width: 991.98px) {
    main {
      padding-left: 280px;
      margin:0;
      width:calc(100% - 15px);
    }
  }
  
  /* Sidebar */
  .sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    padding: 0px 0 0; /* Height of navbar */
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 5%), 0 2px 10px 0 rgb(0 0 0 / 5%);
    width: 280px;
    z-index: 600;
  }
  
  @media (max-width: 991.98px) {
    .sidebar {
      width: 100%;
    }
  }
  .sidebar .active {
    border-radius: 5px;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
  }
  
  .sidebar-sticky {
    position: relative;
    top: 0;
    height: calc(100vh - 48px);
    padding-top: 0.5rem;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
  }
/* CSS for password strength meter */
.password-meter {
    display: flex;
    justify-content: space-between;
}

.meter-section {
    flex-grow: 1;
    height: 8px;
    background-color: #e0e0e0;
}

.password-meter .meter-section {
    background-color: #e0e0e0; /* domyślny kolor tła */
}

.password-meter .meter-section.weak {
    background-color: red;
}

.password-meter .meter-section.medium {
    background-color: orange;
}

.password-meter .meter-section.strong {
    background-color: green;
}

.password-meter .meter-section.very-strong {
    background-color: darkgreen;
}


h2 strong {color:#000}

.navbar-brand {
    padding-left: 15px;
}

.sidebar .nav-link {
    color: #333;
}

.sidebar .nav-link.active {
    color: #007bff;
}

.sidebar .nav-link:hover {
    color: #0056b3;
}

.sidebar .nav-item {
    margin-bottom: 1rem;
}

.container-custom {
    max-width:2400px;
    
}
.container-custom input {
  font-size: 0.9rem!important;
}


.submenu {
    display: none;
    padding-left: 20px;
  }

  .submenu-visible {
    display: block !important;
  }

  .fixed-top-custom {
    position:fixed;
    top:0;right:0;
    left:280px;
    z-index: 530;
  }

  
  #error strong {color:#000;font-size:26em!important;}

  .fs-3 {font-size:1.233em!important;}

  .rl-noborder {
    border-left: 0!important;
    border-right: 0!important;
  }

  .fs-11 {font-size:0.70rem!important;}
  .fs-10 {font-size:0.76rem!important;}
  .fs-9 {font-size:0.80rem!important;}
  .fs-8 {font-size:0.86rem;}
  .fs-7 {font-size:0.9rem;}

  input.fs-9 {font-size:0.80rem!important;}
  input.fs-8 {font-size:0.86rem!important;}
  .text-other {color:#aebcd4!important;}

  a:hover .text-other {color:#9cabc4!important;}

  .border-bottom-dashed {
    border-bottom: 1px dashed #000;
  }
  .normal-text {
    font-style: normal; /* Wyłącza kursywę */
  }
  .netto, .vat, .brutto {
    justify-content: space-between; /* Ustawia elementy na dwóch końcach kontenera */
  }

  #addPriceList {position: absolute;min-width:600px;z-index: 1156;top:10%;left:50%;transform:translateX(-50%);display:none;}
  #addPriceList input {z-index:1200;}

  #searchContractor {position: absolute;min-width:900px;z-index: 1156;top:10%;left:50%;transform:translateX(-50%);display:none;}
  #searchContractor input {z-index:1200;}

  .calendar {width:100%;border-collapse: collapse;border:0;margin-bottom:20px;}
  .calendar td, .calendar th {border:1px solid #e0e0e0;}
  .calendar th {text-align:center;}
  .calendar td {height:240px;vertical-align: top;}
  .calendar td.none {border:0;background:#f2f5fc}


  .equal-width th, .equal-width td {
    width: calc(100% / 7); /* Równa szerokość kolumn */
    text-align: left;
    vertical-align: top;
  }


  
  .clearfix {
    clear: both;
  }


  .event:hover {padding-right:30px;}

  /* Wydania / zwroty wynajmów w kalendarzu */
  .rental-event { line-height: 1.25; cursor: pointer; }
  .rental-event:hover { filter: brightness(.93); }
  .calendar.hide-rentals .rental-event { display: none !important; }

  .hover-container:hover .fa-trash-can {
    display: block !important; /* Ujawnij ikonę */
    cursor: pointer;
}

.hover-container .fa-trash-can {
    display: none; /* Domyślnie ukryj ikonę */
}

  .border-start-3 {
    border-left-width: 3px !important;
  }
  .border-start-success{
    --mdb-border-opacity: 1;
    border-left-color: rgba(var(--mdb-success-rgb), var(--mdb-border-opacity)) !important;
  }
  .border-start-danger{
    --mdb-border-opacity: 1;
    border-left-color: rgba(var(--mdb-danger-rgb), var(--mdb-border-opacity)) !important;
  }  
  .border-start-primary{
    --mdb-border-opacity: 1;
    border-left-color: rgba(var(--mdb-primary-rgb), var(--mdb-border-opacity)) !important;
  }
  .border-start-info{
    --mdb-border-opacity: 1;
    border-left-color: rgba(var(--mdb-info-rgb), var(--mdb-border-opacity)) !important;
  }
  .border-start-warning{
    --mdb-border-opacity: 1;
    border-left-color: rgba(var(--mdb-warning-rgb), var(--mdb-border-opacity)) !important;
  }
  .border-start-secondary{
    --mdb-border-opacity: 1;
    border-left-color: rgba(var(--mdb-secondary-rgb), var(--mdb-border-opacity)) !important;
  }

  @media (max-width: 991px)  {

    .fixed-top-custom {
      position:fixed;
      top:0;right:0;
      left:0;
    }
    
  }

  @media (min-width: 768px) {
    .max-w-md-350px {
      max-width: 350px !important;
    }
    .max-w-md-550px {
      max-width: 550px !important;
    }
    .mw-65px {
      max-width: 65px !important;
    }
  }


     /* Stylizacja kontenera na kalendarz */
     .datepicker-container {
      display: none;
      position: absolute;
      background-color: #fff;
      border: 1px solid #ced4da;
      box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
      padding: 20px;
      z-index: 1000;
    }

    /* Stylizacja nagłówka kalendarza */
    .datepicker-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    /* Stylizacja siatki kalendarza */
    .datepicker-grid {
      display: grid;
      grid-template-columns: repeat(7, 1fr);
      gap: 5px;
    }

    /* Stylizacja przycisków */
    .datepicker-grid button {
      width: 100%;
      padding: 10px;
      background-color: #f8f9fa;
      border: none;
      cursor: pointer;
      transition: background-color 0.2s;
    }

    .datepicker-grid button:hover {
      background-color: #e9ecef;
    }

    /* Przyciski nawigacyjne */
    .datepicker-actions {
      display: flex;
      justify-content: space-between;
      margin-top: 10px;
    }

    .datepicker-actions button {
      background-color: #007bff;
      color: white;
      border: none;
      padding: 10px;
      cursor: pointer;
    }

    .datepicker-actions button:hover {
      background-color: #0056b3;
    }

    /* Ukrycie kontenera, gdy nie jest aktywny */
    .show-datepicker {
      display: block;
    }

    .icon {
      display: inline-block; 
      width: 14px;  
      height: 14px;       
    }
  
  .icon-lift {
    background-color: #3d5c74; /* Kolor wypełnienia */
    -webkit-mask-image: url('../../../mail/forklift-svgrepo-com.svg'); /* Dla przeglądarek opartych na WebKit */
    mask-image: url('../../../mail/forklift-svgrepo-com.svg'); /* Maska na bazie SVG */
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
  }

  .icon-jpk {
    background-color: #3d5c74; /* Kolor wypełnienia */
    -webkit-mask-image: url('../../../mail/xml-svgrepo-com.svg'); /* Dla przeglądarek opartych na WebKit */
    mask-image: url('../../../mail/xml-svgrepo-com.svg'); /* Maska na bazie SVG */
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
  }

  .modal {font-size:0.8rem!important;}

  .dropdown-menu-right {
    position: absolute;
    top: 0; /* Wyrównanie do góry głównego elementu */
    left: 100%; /* Pojawienie się po prawej stronie */
    display: none; /* Ukryj, dopóki nie jest na hover */
    min-width: 240px;
    overflow: hidden;
  }
  
  /* Pokaż menu rozwijane, gdy najedziesz na główny element */
  #navbarDropdownMenuLink:hover + .dropdown-menu {
    display: block;
  }

  .rotate-icon {
    position:absolute;
    right:5px;
    top:14px;
    opacity: 0.6;
  }
  

 /* Styl dla głównego kontenera Datepicker */
.ui-datepicker {
  background-color: #ffffff;
  border: 0;
  border-radius: 6px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  padding: 0px;
  font-family: 'Roboto', sans-serif;
}

/* Styl dla nagłówka */
.ui-datepicker-header {
  background-color: #3b71ca;
  border-bottom: 1px solid #e9ecef;
  color: #fff;
  padding: 10px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  text-align:left;  
  position: relative;

}

.ui-datepicker-title {
  font-size: 1.4rem;line-height:3rem;
}

/* Styl dla dni tygodnia */
.ui-datepicker th {
  text-transform: uppercase;
  color: #6c757d;
  font-size: 0.875rem;
  padding: 10px 5px;
  text-align:center;
}

.ui-datepicker-calendar {
  margin:20px;
  font-size:0.8rem;
}

/* Styl dla dni miesiąca */
.ui-datepicker-calendar td {
  padding: 5px;
}

.ui-datepicker-calendar td a {
  display: inline-block;
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  border-radius: 50%;
  color: #495057;
  text-decoration: none;
  transition: background-color 0.3s, color 0.3s;
}

/* Styl aktywnego dnia */
.ui-datepicker-calendar td a.ui-state-active {
  background-color: #1266f1; /* główny kolor MDB */
  color: #ffffff;
}

.ui-datepicker-calendar td a.ui-state-highlight
{
  background-color: #FFF59D;
}

/* Styl dla dnia po najechaniu */
.ui-datepicker-calendar td a:hover {
  background-color: #e2edff;
  color: #495057;
}

/* Dni nieaktywne */
.ui-datepicker-calendar .ui-datepicker-unselectable .ui-state-disabled {
  color: #dcdcdc;
}

/* Przycisk zamknięcia */
.ui-datepicker-buttonpane {
  text-align: center;
  margin-top: 10px;
}


/* Ukryj domyślną ikonę jQuery UI */
.ui-datepicker-prev .ui-icon,
.ui-datepicker-next .ui-icon {
    display: none;
}

/* Styl przycisków nawigacyjnych */
.ui-datepicker-prev, .ui-datepicker-next {
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    cursor: pointer;
    top:20px;
    text-align:center;
    margin:1px;

}

.ui-datepicker-prev {
  right:2.5rem;
}
.ui-datepicker-next {
  right:1rem;
  
}
/* Dodaj ikonę Font Awesome do przycisku 'Prev' */
.ui-datepicker-prev::before {
    content: "\f053"; /* Kod Unicode dla ikony strzałki w lewo */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 0.7rem;
    color: #ffffff;
    

}

/* Dodaj ikonę Font Awesome do przycisku 'Next' */
.ui-datepicker-next::before {
    content: "\f054"; /* Kod Unicode dla ikony strzałki w prawo */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 0.7rem;
    color: #ffffff;


    
}


.tooltip-inner {
  font-size: 0.7rem; /* Ustaw dowolną wielkość */
}

table.text-dark td {color:#062138!important}
table.text-dark td small {color:#5e7a91!important}


#dropDownFilters li ul {position:absolute;display:none;right:0;background:#fff;list-style:none;}
#dropDownFilters li:hover ul {display:block;z-index:101;}
#dropDownFilters li li {text-align:left;}


.dt-search {
  flex-grow: 1;
  width: 100%;
  width: 600px;
}

div.dt-container div.dt-search input {
  margin-left: 0.5em;
  display: inline-block;
  width: 500px;
}

#lightbox {
  display: none;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.8);
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

#lightbox img {
  max-width: 90%;
  max-height: 80%;
}

.controls {
  margin-top: 20px;
  display: flex;
  gap: 20px;
}

.control-btn {
  background: #fff;
  border: none;
  padding: 10px 20px;
  cursor: pointer;
  font-size: 18px;
  border-radius: 5px;
  transition: background 0.3s;
}

.control-btn:hover {
  background: #ddd;
}
/* ── Pulpit: widżet "Najbliższe 7 dni" ─────────────────────────── */
.week-agenda {
  --wa-border: #e6e9ef;
  --wa-muted: #6b7280;
  --wa-soft: #f1f4f8;
  border: 0;
  border-radius: 16px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .06), 0 4px 16px rgba(16, 24, 40, .06);
  overflow: hidden;
}
.week-agenda__head {
  display: flex; align-items: center; justify-content: space-between; gap: .75rem;
  padding: 1rem 1.25rem; border-bottom: 1px solid var(--wa-border);
}
.week-agenda__title { font-size: 1.05rem; font-weight: 700; color: #111827; white-space: nowrap; }
.week-agenda__pill {
  display: inline-flex; align-items: center; padding: .3rem .75rem; border-radius: 999px;
  font-size: .8rem; font-weight: 600; text-decoration: none; white-space: nowrap;
}
.week-agenda__pill--primary { background: rgba(var(--mdb-primary-rgb), .12); color: var(--mdb-primary); }
.week-agenda__pill--warning { background: #ffedd5; color: #c2410c; }
.week-agenda__pill:hover { filter: brightness(.96); }

.week-agenda__days {
  display: grid; grid-template-columns: repeat(7, minmax(52px, 1fr)); gap: .5rem;
  padding: 1rem 1.25rem .25rem; overflow-x: auto; scrollbar-width: none;
}
.week-agenda__days::-webkit-scrollbar { display: none; }
.week-agenda__day {
  display: flex; flex-direction: column; align-items: center; gap: .1rem;
  border: 0; border-radius: 12px; background: var(--wa-soft); color: #111827;
  padding: .6rem .25rem .45rem; cursor: pointer; transition: background .15s, color .15s, box-shadow .15s;
}
.week-agenda__day:hover { background: #e7ebf1; }
.week-agenda__day:focus-visible { outline: 2px solid var(--mdb-primary); outline-offset: 2px; }
.week-agenda__day.is-active { background: var(--mdb-primary); color: #fff; box-shadow: 0 4px 12px rgba(var(--mdb-primary-rgb), .35); }
.week-agenda__dname { font-size: .7rem; font-weight: 600; text-transform: uppercase; letter-spacing: .03em; opacity: .75; }
.week-agenda__dnum { font-size: 1.35rem; font-weight: 700; line-height: 1.1; }
.week-agenda__dot { width: 6px; height: 6px; border-radius: 50%; background: transparent; margin-top: .15rem; }
.week-agenda__dot.has-items { background: var(--mdb-primary); }
.week-agenda__dot.is-alert { background: var(--mdb-danger); }
.week-agenda__day.is-active .week-agenda__dot.has-items { background: #fff; }

.week-agenda__body { padding: .75rem 1.25rem 1.25rem; }
.week-agenda__list { display: flex; flex-direction: column; gap: .6rem; }
.week-agenda__item {
  display: flex; align-items: center; gap: .9rem;
  padding: .85rem 1rem; border: 1px solid var(--wa-border); border-radius: 12px;
  color: inherit; text-decoration: none; background: #fff; transition: border-color .15s, box-shadow .15s;
}
.week-agenda__item:hover { border-color: #cfd6e0; box-shadow: 0 2px 8px rgba(16, 24, 40, .06); color: inherit; }
.week-agenda__icon {
  flex: 0 0 38px; width: 38px; height: 38px; border-radius: 10px;
  display: inline-flex; align-items: center; justify-content: center; font-size: .95rem;
}
.week-agenda__text { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; }
.week-agenda__ititle { font-weight: 700; font-size: .9rem; color: #111827; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.week-agenda__imeta { font-size: .8rem; color: var(--wa-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.week-agenda__badge {
  flex: 0 0 auto; padding: .3rem .7rem; border-radius: 999px; font-size: .75rem; font-weight: 600; white-space: nowrap;
}
.week-agenda__empty {
  padding: 1.25rem; text-align: center; color: var(--wa-muted); font-size: .875rem;
  border: 1px dashed var(--wa-border); border-radius: 12px;
}
/* tony: ikony i odznaki */
.week-agenda .tone-primary   { background: rgba(var(--mdb-primary-rgb), .12); color: var(--mdb-primary); }
.week-agenda .tone-success   { background: #dcfce7; color: #15803d; }
.week-agenda .tone-warning   { background: #ffedd5; color: #c2410c; }
.week-agenda .tone-danger    { background: #fee2e2; color: #b91c1c; }
.week-agenda .tone-info      { background: #e0f2fe; color: #0369a1; }
.week-agenda .tone-secondary { background: var(--wa-soft); color: #475569; }

@media (max-width: 575.98px) {
  .week-agenda__head, .week-agenda__days, .week-agenda__body { padding-left: 1rem; padding-right: 1rem; }
  .week-agenda__days { grid-template-columns: repeat(7, 56px); }
  .week-agenda__head { flex-wrap: wrap; }
  .week-agenda__item { padding: .75rem; gap: .7rem; align-items: flex-start; }
  .week-agenda__ititle { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
  .week-agenda__badge { font-size: .7rem; padding: .25rem .55rem; }
}