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

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

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