.range-labels {
    position: relative;
    width: 100%;
}

.range-labels span {
    position: absolute;
    transform: translateX(-50%);
}

.discount-label {
    position: relative;
    width: 100%;
}

.discount-label span {
    color: red;
    position: absolute;
    transform: translateX(-50%);
    top: -40px;
}
datalist {
  display: flex;
  justify-content: space-between;
  width: 100%;

  padding: 5px 0 0 5px;

}

#renewalDaysList {


/*  color: red;
  font-size: 18px;*/
}

/* Dodaj większe odstępy między wierszami i obramowanie komórek */
table.border-collapse {
    border-collapse: collapse;
}

table.border-collapse th,
table.border-collapse td {
    border: 1px solid #ddd; /* Obramowanie komórek */
    padding: 8px; /* Odstępy wewnątrz komórek */
}
/* Zmiana koloru wiersza po najechaniu myszą */
table.border-collapse tbody tr:hover {
    background-color: #e0e0e0; /* Kolor tła wiersza po najechaniu myszą */
}

.fixed-top {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999; /* Zwiększa z-index, aby komunikat był na wierzchu innych elementów */
}
.close-button {
    background: none;
    border: none;
    color: #000; /* Kolor ikony "X" */
    font-size: 20px;
    position: absolute;
    top: 5px;
    right: 10px;
    cursor: pointer;
}
.alert-background {
    position: relative;
}

.alert-container {
    position: fixed;
    top: 50%; /* Ustala pozycję na środku ekranu */
    left: 50%;
    transform: translate(-50%, -50%); /* Wyśrodkowuje w poziomie i pionie */
    background: rgba(0, 0, 0, 0.5); /* Tło z półprzezroczystością */
    padding: 10px;
    display: none;
    z-index: 999;
}

.alert-background.active .alert-container {
    display: block; /* Wyświetla kontener tylko, gdy aktywna jest klasa .active na rodzicu */
}

.bg-custom-bg-color {
    backgroundColor: '#f2f2f2';
}
.icon {
    width: 40px; /* Dostosuj szerokość do swoich preferencji */

}
.menu_left {
    height: 50px;
    text-align: center;
}

.w-webkit {
    width: -webkit-fill-available;
}

.d-none {
    display: none;
}

.justify-content-between {
    justify-content: space-between;
}

.align-items-center {
    align-items: center;
}

.d-flex {
    display: flex; !important;
}

.big-modal {
    min-width: 70rem !important;
}