.imp-object.imp-object-highlighted[data-title^="Apartament"]  {
  outline: 5px solid #4c555a !important;
  outline-offset: 6px;
  border-radius: 1px;
  z-index:10000;
}

.imp-object[data-title^="Apartament"]:hover  {
  outline-offset: 6px;
}

.imp-object[data-title^="Apartament"]  {
  outline-offset: 0px;
  transition: outline-offset .3s ease;
}


#bulk-apartment-database-update-id:disabled {
  background-color: #e0e0e0 !important;  /* jasno szary */
  color: #888 !important;                 /* tekst też przygaszony */
  cursor: not-allowed !important;         /* klasyczny „zakazany” kursor */
  opacity: 0.7;
  box-shadow: none;
}

#bulk-apartment-database-update-id:disabled:hover {
  background-color: #e0e0e0 !important;  /* brak efektu hover */
}



/*  Stylowanie lightboxa wtyczki wp-featherlight-disabled.
*/

.featherlight:last-of-type {
  background: rgba(0, 0, 0, .7) !important;
}

.featherlight .featherlight-image {
  border-radius: 10px;
}

.featherlight .featherlight-content {
    background: none !important;
}

/*  Dotyczy obrazka z rozkładem pomieszczeń apartamentu.
*/
img.sample-apartment-image {
  /* border: solid #4c555a 1px; */
  /* padding: 15px; */
  border-radius: 10px !important;
  /* box-shadow: 1px 2px 3px #8b8b8b !important; */
  transition: filter 0.3s ease; /* płynne przejście */
}

.sample-apartment-image:hover {
  filter: brightness(82%); /* przyciemnienie przy hover */
  border-radius: 5px;
  border: 1px solid white;
}

.swiper-zoom-container img {
  border-radius: 10px !important;
}

.apartment-available-status-checkbox label,
.apartment-booked-status-checkbox label,
.apartment-sold-status-checkbox label {
  cursor: pointer; 
}


.apartment-details-title {
  text-align: center;
  padding: 15px 30px;
  border-top: dashed 2px #dbdbdb;
  border-bottom: dashed 2px #dbdbdb;  
}

.elementor-button {
  cursor: pointer;
}


/* Ukrywanie cen z miejscami po przecinku w sliderze cen */

.hidden-price-from,
.hidden-price-to {
  /* Zamiast visibility: hidden stosuję font-size: 0.  */
  /* Dzięki temu ukryta cena nie pozostawia wolego miejsca. */
  /* Czyli "cena do" i nawias za "ceną do" przesuwają się w lewo w miejsce ukrytych miejsc po przecinku  */
  font-size: 0;
  position: relative;
}

.hidden-price-from::before {
  /* To jest potrzebne, aby separator (" - ") pomiędzy "ceną od" i "ceną do"  */
  /* miał mniej więcej równe odległości po lewej i prawej stronie. */
  content: attr(data-int-price) " ";  
}

.hidden-price-to::before {
  content: attr(data-int-price);  
}

.hidden-price-from::before,
.hidden-price-to::before {
  /* Zamiast visibility: visible stosuję font-size: 16, aby wyświetlić ceny bez groszy.  */
  font-size: 16px;
  top: 0;
  left: 0;
}

/* KONIEC - UkrywaniA cen z miejscami po przecinku w sliderze cen */



.criteria-select-label {
  padding-bottom: 7px;
  margin-bottom: 0;
  display:block;
}

.hidden { 
  display: none; 
}

.visible { 
  display: block; 
}


/*  START
    Obsługa otwierania panelu kryteriów do szukania apartamentów 
*/

.toggle-open-criteria-panel-btn,
.toggle-flat-history-btn,
.bulk-apartment-database-button,
.get-apartments-database-excel-button,
.show-apartment-button {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 24px;
  border-radius: 10px;
  cursor: pointer;
  font-weight: 500;
  font-size:16px;
  color: #fff;
  justify-content: center;
}

.show-apartment-button {
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

.toggle-open-criteria-panel-btn[aria-expanded="false"],
.toggle-flat-history-btn[aria-expanded="false"],
.bulk-apartment-database-button,
.get-apartments-database-excel-button,
.show-apartment-button {
  /* background-color: #69727d; */
  background-color: #3D4449;
}

.toggle-open-criteria-panel-btn[aria-expanded="false"]:hover,
.toggle-flat-history-btn[aria-expanded="false"]:hover,
.bulk-apartment-database-button:hover,
.get-apartments-database-excel-button:hover,
.show-apartment-button:hover {
  background-color: #69727d;
}


.toggle-open-criteria-panel-btn[aria-expanded="true"],
.toggle-flat-history-btn[aria-expanded="true"] {
  background-color: #69727d;
  /* background-color: #3D4449; */
}

.toggle-open-criteria-panel-btn[aria-expanded="true"]:hover,
.toggle-flat-history-btn[aria-expanded="true"]:hover {
  /* background-color: #69727d; */
  background-color: #3D4449;
}


.toggle-open-criteria-panel-btn .icon svg,
.toggle-flat-history-btn .icon svg {
  transition: transform .2s ease;
  display: block;
}

.toggle-open-criteria-panel-btn .icon svg,
.toggle-flat-history-btn .icon svg {
  fill: #fff;
}

/* .toggle-flat-history-btn .icon svg { */
  /* fill: #7f7f7f; */
/* } */


.toggle-open-criteria-panel-btn.is-open .icon svg,
.toggle-flat-history-btn.is-open .icon svg {
  transform: rotate(180deg); /* góra/dół */
}


#flat-history-table {
  margin-bottom:0;
}

.apartment-details {
  width: fit-content !important;
  max-width: 100% !important; 
}


#criteria-panel-id,
#criteria-panel-upper-spacer-id,
#flat-history-panel-upper-spacer-id,
#flat-history-table-wrap,
#apartments-list-group,
.apartment-details {
  display:none !important;  
}


#criteria-panel-id.is-open,
#criteria-panel-upper-spacer-id.is-open,
#flat-history-panel-upper-spacer-id.is-open,
#flat-history-table-wrap.is-open,
#apartments-list-group.is-open,
.apartment-details.is-open {
  display:block !important;
}

/*  KONIEC
    Obsługa otwierania panelu kryteriów do szukania apartamentów 
*/

/* apartment-header-floor-info */
/* apartment-header-apartment-number-info */


.apartment-header-building-id-info {
  text-transform: uppercase;
  font-size: 20px;
}

/* apartment-header-apartment-number-info - to jest numer techniczny */
.apartment-header-floor-info,
.apartment-header-apartment-number-info {
  font-size: 18px; 
}

.apartment-header-apartment-number-info {
  margin-top: 10px;
}


.apartment-header-building-id-info,
.apartment-header-apartment-number-info,
.apartment-header-floor-info {
  font-weight: 600;
  margin-bottom: 0;
}




.display-none {
  display:none;
}

.display-block {
  display:block;
}


#zoom-reset-interactive-map a {
  flex-direction: column;
  align-items: center;
}

#zoom-reset-interactive-map a span.stk-button__inner-text {
  margin-top: 2px;
}

#zoom-reset-interactive-map a svg {
  margin: 0;
}



select {
  cursor: pointer;
  border-radius: 5px !important;
}


.criteria-checkbox {
  width: 22px; 
  height: 22px; 
  accent-color: #ffab46; 
  margin-bottom: 5px;
  cursor: pointer;
}

.input-field-disabled-styling {
  background-color: #d7d7d7 !important;
}


.tooltip-info-header {
  font-size: 16px !important;
  border-bottom: 1px solid #b9b9b9;
}

.line-through-developer-price {
  text-decoration: line-through;
}

.add-red-color {
  color: #eb404f;
}


.apartment-demo.search-tab {
  font-weight: 600;
}

#tech-apartnent-number,
#client-apartnent-number {
  font-weight: 600;
  font-size: 22px;
}

#tech-apartnent-number {
  margin-bottom: 2px;
}

#client-apartnent-number {
  margin-bottom: 0;
}


.show-data-item {
  /* display: block !important; */
  display: list-item !important;
}

.hide-data-item {
  display: none !important;
}

div[data-title="hotspot-title"] {
  background-color: #4C555A;
  padding: 0 9px;
  border-radius: 5px;
}


.cf7-form input[type="submit"] {
  margin-bottom: 0;
}


.cf7-form input, .cf7-form textarea {
  border-width: 1px !important;
  margin-bottom: 15px;
}

#no-apartments-found {
  color: #d70505;
  margin-left: 25px;
  margin-top: 20px;
  font-weight: 600;
}

table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after { 
  content: " \25B4\25BE"; 
}

span#sorttable_sortrevind,
span#sorttable_sortfwdind,
table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after {
  font-size: 20px;
  margin-left: 5px;
  position: relative;
  top: 2px;
  width: 35px;
  display: inline-block;
  text-align: left;
}

table.sortable tbody tr:nth-child(2n) td {
  background-color: #f7f7f7;
}


table.sortable tbody tr:nth-child(2n+1) td {
  background-color: white; 
}

table.sortable tbody tr td:first-child {
  width: 280px;
}

table.sortable tbody tr td {
  padding: 5px;
  text-align:center;
}

table#apartments-found-list,
table#apartments-found-list th, 
table#apartments-found-list td, 
table#flat-history-table,
table#flat-history-table th, 
table#flat-history-table td
{
  border: 0;
}


table#apartments-found-list, 
table#flat-history-table, 
{
  border-spacing: 0;
  border-collapse: collapse;
}


table#apartments-found-list th:not(:last-child),
table#flat-history-table th:not(:last-child) {
 border-right: 2px solid white;
}

/* #FFAB46 pomarańcz */
table#apartments-found-list thead th,
table#flat-history-table thead th {
  color: white;
  background-color: #999999;   
  padding: 0 10px 5px 10px;
  position: sticky;
  top:0;
  width: 10%;
  cursor: pointer;
  white-space: nowrap;
}





table#apartments-found-list tbody tr:hover {
  cursor: pointer;
}



table#apartments-found-list tbody tr:hover td,
table#flat-history-table tbody tr:hover td {
    background-color: #999999 !important;
    color: #ffffff !important;
}



table#apartments-found-list thead th.sorttable_nosort,
table#flat-history-table thead th.sorttable_nosort {
    width: 70px;
}



#apartments-list-wrap,
#flat-history-table-wrap {
  overflow-y: auto;
  overflow-x: auto;
}

#flat-history-table-wrap {
  margin: 0 !important;
  width: 100%;
}


#apartments-list-wrap {
  height:300px;
}


#apartments-list-wrap,
#flat-history-table-wrap {
  border: 1px solid #ECE6DA; 
}

#apartments-list-wrap {
  margin-bottom: 20px;
}





table#apartments-found-list thead th:hover,
table#flat-history-table thead th:hover {
  background-color: #696969 ; 
  /*  #FFAB46 !important*/
}

/* ---- */


span.search-tab:before {
    content: "●";
    margin-right: 8px;
}


span.search-tab {
  margin-bottom: 4px;
  display: block;
}

.prepare-to-center-list {
  display: inline-block;
  text-align: left; 
  margin-top: 0;
  margin-bottom: 0;
}


#apartment-availability-id, #exposure-id {
    display: block;
}

.apartment-details-header{
    width: fit-content !important;
}

/* .apartment-card-section { */
  /* margin-top: 20px; */
/* } */


.apartment-card-button,
.apartment-card-viewer,
.apartment-card-viewer-mobile a {
  text-transform: none !important;
  font-weight: 500 !important;
  padding: 8px 20px;
  border-radius: 10px;
  display: inline-block;
  margin-top: 10px;
  border: 0;
  margin-left: 3px;
  margin-right: 3px;
  color: #ffffff !important;
}

/* .apartment-card-button, */
/* .apartment-card-viewer { */
  /* color: #ffffff; */
/* } */

.apartment-card-button {
  /* background-color: #69727D; */
  background-color: #3D4449;
}


.apartment-card-viewer,
.apartment-card-viewer-mobile a {
  /* background-color: #3D4449; */
  background-color: #69727D;
}


.apartment-card-button:hover {
  background-color: #69727D;
}

.apartment-card-viewer:hover,
.apartment-card-viewer-mobile a:hover {
  background-color: #3D4449;
}


.hide-input-field {
  display:none;
}


.waiting-cursor {
  cursor: progress !important;
}

.unclickable { 
  pointer-events: none; 
}

.clickable { 
  pointer-events: auto; 
}

/*  Responsywny font-size nazw budynków  
*/
.imp-object-text {
  font-size: calc(12px + 0.9vw) !important;
}


/*  Dotyczy stopki. 
*/
#hr-footer-separator {
  /* Separator między informacjami o kliencie, a tym kto przygotował prezentację. */
  height: 1px;
  border-width: 0;
  background-color: #9f9f9fb3;
  width: 140px;
  margin-top: 24px;
  margin-bottom: 24px;
}
#tedex-footer-logo {
  margin-bottom:20px;
}

.footer-info {
  margin: 0 !important;
}


/*  Dotyczy obrazu interaktywnego zespołu budynków.
*/
.imp-canvas {
  border-radius: 10px;
  border: 1px solid #ECE6DA;
}

/*  Lewe "menu" do obrazka interaktywnego.
*   Aby szerokość była dostosowana do długości etykiet menu.
*/
.imp-object-menu {
  width: auto !important;
}

.imp-object-menu.imp-mobile.imp-active {
  padding: 20px;
}

.imp-object-menu.imp-mobile {
  background-color: #c3c3c3;
}

.imp-object-list {
  margin-left: 30px;
}

.imp-object-menu.imp-mobile .imp-object-list {
  margin-left: 0;
}

/* .imp-ui-layers-menu-wrap { */
   /* display: none; */
/* } */

select.imp-ui-element.imp-ui-layers-select {
  display: none;
}

.imp-menu-close-button {
  background: #ffab46 !important; 
}

.imp-object-menu.imp-mobile.imp-active .imp-menu-close-button .imp-icon {
  fill: white;
}



/* .shortcode-sample-apartment-image { */
  /* display: block; */
 
/* } */




/*  Dotyczy nagłówka H2 utworzonego za pomocą elementu "Własny HTML".
*   Utworzenie H2 w taki sposób wymuszone jest tym, 
*   że w pewnych przypadkach musi on mieć w sobie elementy span podmieniane za pomocą JavaScript
*   Np.: Kiedy apartament jest niedostępny.
*/
.h2-header {
  margin-bottom: 4px !important;
  margin-top: 0;
  line-height: 35px;
}

/* .h2-header.admin { */
  /* margin-bottom: 11px !important; */
  /* margin-top: 13px; */
/* } */


/*  Stylowanie szczegółów danych na temat apartamentu.
*   apartment-data-details-attention - dotyczy sytuacji, w których zwracamy uwagę użytkownika.
*   Np.: Kiedy apartament jest niedostępny.
*/
.apartment-data-details {
  font-weight:600;
  white-space: nowrap;
}
.apartment-data-details-attention {
  color:#c50f0f;
}  

/*  Dotyczy: Mapy interaktywnej wtyczki Image Map Pro.
*   Prawa lista rozwijana z elementami mapy, do których można przejść.  
*/
.imp-ui-light .imp-ui-layers-select {
  opacity: .8;
}

/*  Dotyczy: Mapy interaktywnej wtyczki Image Map Pro.
*   Usuwa prawą, domyślną listę rozwijaną mapy interaktywnej.  
*/
.imp-ui-top-right {
    /* display: none !important; */
}
   
 
/*  Dotyczy: Mapy interaktywnej wtyczki Image Map Pro.
*   Stylowanie, lewej listy z piętrami:
*   Widok budynku, Piętro 0, itp ...   
*/
 .imp-object-list-item {
  box-shadow: none !important;
  color: #ffffff !important;
  /* border: 1px solid #4c555a !important; */
  /* opacity: .8; */
  font-weight: 600;
  border-radius: 5px !important;
  align-items: baseline !important;
  /* background-color: #4c555ad6 !important; */
  margin-bottom: 10px;
  /* margin-right: 10px; */
}


#building-floors-panel, 
#building-views-panel {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #535353;
  padding: 40px 20px 20px 20px;
  border: 1px solid #535353;
  border-radius: 10px;    
  color: #f7f7f7;
  width: auto !important;
  z-index: 100000;
}


.building-floors-panel-item,
.building-views-panel-item {
  font-weight: 600;
  border-radius: 5px !important;
  cursor: pointer;
  padding: 3px 60px;
  text-wrap: nowrap;
  background-color: #3f3f3f;
  margin-bottom: 10px;
  color: #dbdbdb;
  text-align: center;
}


.building-floors-panel-item:hover,
.building-views-panel-item:hover {
  background-color: #2b2b2b;
}


#close-building-floors-panel,
#close-building-views-panel {
  width: 25px;
  height: auto;
  /* border: 1px solid; */
  background-color: #454545;
  text-align: center;
  border-radius: 5px;
  font-weight: 700;
  position: absolute;
  right: 7px;
  top: 7px;
  cursor: pointer;
}

#close-building-floors-panel:hover,
#close-building-views-panel:hover {
  background-color: #ffab46;
  color: black;
}


/*  Dotyczy: Mapy interaktywnej wtyczki Image Map Pro.
*   Stylowanie, lewej listy z piętrami:
*   Widok budynku, Piętro 0, itp ...   
*   Aby po najechaniu myszką elementy te się podświetlały.
*/
.imp-object-list-item:hover {
  background-color: #f8a649 !important;
  color: #0e0e0e !important;
}


/*  Dotyczy: Mapy interaktywnej wtyczki Image Map Pro.
*   Stylowanie, lewej listy z piętrami:
*   Ukrycie niepotrzebnych elementów (apartamentów na danym piętrze).   
*/
.imp-object-list-artboard-container:nth-of-type(1n+2) {
    display: none;
}


/*  Dotyczy: Zakładki Administracja
*   Stylowanie sekcji do zmiany danych apartamentu.
*/

.apartment-database-user-manual {
  max-width:900px;
  margin-left: 0 !important;
}

span.sample-apartment-image-file.current-data, 
span.apartment-pdf-file.current-data {
    margin-bottom: 0;
}

span.file-to-upload-name {
  font-weight: 600;
  /* font-family: monospace; */
}

.file-to-upload-info-wrap {
  /* padding-left: 13px; */
  margin-top: 4px;
}

/* Wstępne ukrycie sekcji po przeładowaniu strony */
.apartment-detailes {
  display:none;
}

/* Stylowanie aktualnych danych apartamentu */
.current-data {
  /* margin-bottom: 15px; */
  display: inline-block;
  /* width:370px; */
  font-weight: 600;
  margin-bottom: 5px;
}

/* Stylowanie pól do których można wpisać nowe dane apartamentu */
new-data {
  display: block;
  /* max-width: 320px !important; */
  /* margin-left: 15px !important; */
  margin-top: 10px;
}

/* Tylko na panelu administracyjnym */
.page-id-566 input[type=text] {
  background-color: #f3ede2 !important;
}

.apartment-details-wrap {
  display:block;
  margin-bottom:0 !important;
  padding-bottom: 15px;
}


.sample-apartment-image {
  border-radius: 5px;
}

/* .apartment-details-wrap-group { */
  /* width: fit-content; */
/* } */

/* buttonborder */
.apartment-details-button {
  border-width: 1px;
  border-style: outset;
  border-color: #7d8183;
  border-image: initial;
  padding-block: 1px;
  padding-inline: 6px;
  border-radius: 5px;
  color: #4d4d4d;
  background-color: #d5d5d5;
  cursor: pointer;
  margin-bottom: 0 !important;
  margin-top: 4px;
  margin-left: 15px;
}


.apartment-details-button:hover {
  background-color: #7f7f7f; 
  color: #f5f4f4;
}

button#remove-sample-apartment-image-file-button {
  margin-right: 15px;
}


/* Stylowanie mojego alert() boxa - POCZĄTEK */

#popup-overlay-id {
  position: fixed;
  top: 0px;
  right: 0;
  bottom: 0px;
  left: 0;
  background: rgba(0, 0, 0, 0.35);
  max-width: 100% !important;
  height: 100%;
  width: 100% !important;
  display:none;
  z-index: 50;
}

.confirmation-window,
.custom-alert {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #535353;
  padding: 20px;
  border: 1px solid #535353;
  border-radius: 10px;    
  color: #f7f7f7;
  width: auto !important;
  z-index: 100000;
}


.custom-alert-title,
.confirm-title {
  font-weight: bold;
  margin-bottom: 10px;
  text-align: center;
  text-transform: uppercase;
}

.close-button,
.yes-button,
.no-button {
  color: #2f2f2f;
  border: none;
  border-radius: 5px;
  padding: 8px 12px;
  cursor: pointer;
  display: block;
  margin-top: 15px;
  font-weight: 600; 
  font-size: 14px;
}

.close-button {
  background-color: #ffae4d;        
  margin-left: auto;
  margin-right: auto;
  
}

.yes-button,
.no-button {    
  display:inline;
}

.yes-button {
  background-color: #ffae4d;
  float:right;
  width: 65px;
}

.no-button {
  background-color: #ab793e;
  float:left;
  margin-right: 12px;
}

.buttons-wrap {
  float:right;
}

.close-button:hover,
.yes-button:hover,
.no-button:hover {
  background-color: #e5e5e5;
}

.custom-alert-message-2 {
  font-weight:600;
}

/*
Stylowanie sliderów wyboru zakresu cen i powierzchni. 
Opis parametryzowania sliderów w komentarzach dotyczy przykładowych wielkości "kółeczek" za które można chwycić myszką:
26px, 28px, 30px
*/

.slider-label {
  margin-bottom: 9px;
}

.range-slider {
  position: relative;
  padding: 12px 0;
}

.slider {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  /* height - Musi być tyle samo co thumb, aby dawało klikalność na całej powierzchni: */
  /* np.: 26px, 28px, 30px */  
  height: 28px;        
  background: none;
  outline: none;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
}

/* Pasek (track) */
.slider::-webkit-slider-runnable-track {
  height: 4px;          /* Wysokość paska */
  background: lightgrey;
  border-radius: 2px;
  /* margin: auto - Centrowanie w pionie względem 26px wysokości inputa. */
  margin: auto;         
}

.slider::-moz-range-track {
  height: 4px; /* Wysokość paska */
  background: lightgrey;
  border-radius: 2px;
}

/* Kółeczko (thumb) */
.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 28px; /* np.: 26px, 28px, 30px */
  height: 28px; /* np.: 26px, 28px, 30px */
  border-radius: 50%;
  background-color: #7a7a7a;
  /* #69727d */
  cursor: pointer;
  pointer-events: auto;
  /* margin-top - Przesuwa thumb tak, żeby był wycentrowany względem tracka: */
  /* np.: dla 26px i wysokości paska 4px > -11px  */
  /* np.: dla 28px i wysokości paska 4px > -12px  */
  /* np.: dla 30px i wysokości paska 4px > -13px  */
  /* Formuła do wyliczenia margin-top: */
  /* margin-top = -( (thumbHeight - trackHeight) / 2 ) */
  margin-top: -12px;  
  /* Żeby działał z-index i przez to oba kółeczka były nad paskiem, na którym można je przesuwać. */
  position: relative;   
  z-index: 2;
}

.slider::-webkit-slider-thumb:hover {
  background-color: #40464e;
}

.slider::-moz-range-thumb {
  width: 28px;  /* np.: 26px, 28px, 30px */
  height: 28px; /* np.: 26px, 28px, 30px */
  border-radius: 50%;
  background-color: #FFAB46;
  cursor: pointer;
  pointer-events: auto;
  /* Żeby działał z-index i przez to oba kółeczka były nad paskiem, na którym można je przesuwać. */
  position: relative;   
  z-index: 2;
}

/* Zakończenia slidera */
/* Aby zakończenia były symetryczne względem slidera,  */
/* najlepiej eksperymentalnie manipulować parametrami takimi jak: */
/* top, transform i innymi.  */

/* Kwadraty na końcach slidera o długości boku 12px */
.range-slider::before, .range-slider::after {
    content: "";
    position: absolute;
    /* top: 50%; */
    transform: translateY(-4px);
    /* transform: translateY(-50%); */
    width: 12px;
    height: 12px;
    background: #888;
}

.range-slider::before {
  /* Wysunięcie na zewnątrz musi być takie jak dlugość boku. */
  left: -12px;          
}

.range-slider::after {
  /* Wysunięcie na zewnątrz musi być takie jak dlugość boku. */
  right: -12px;         
}

/* KONIEC stylowania sliderów */

@media screen and (min-width: 601px) and (max-width: 782px) {

  .imp-tooltip-wrap .imp-tooltip {
    display: none !important;
  } 
  
  .h2-header {
    text-align: center;
  }

}

@media screen and (max-width: 600px) {
 
  .imp-tooltip-wrap .imp-tooltip {
    display: none !important;
  } 

  .h2-header {
    text-align: center;
  }
  
}