.system-dewelopera .tooltip {
    position: fixed;
    z-index: 10;
    pointer-events: none;
    text-align: left;
    visibility: hidden;
    width: 300px;
    box-shadow: 0px 30px 50px 20px rgba(51, 51, 51, 0.1);
    transform-origin: top left;
}


#tooltip svg.bottom {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -95%);
}

#tooltip svg.left {
    position: absolute;
    right: 1%;
    top: 50%;
    transform: translate(100%, -50%);
}


.system-dewelopera .tooltip .status {
    text-transform: uppercase;
}

.system-dewelopera .tooltip .tooltip-container {
    padding: 1rem;
    text-align: center;
}

.system-dewelopera .tooltip .title {
    font-size: 16px;
    font-weight: bold;

}

.system-dewelopera .tooltip .row {
    display: flex;
    flex-direction: row;
    gap: 0.25rem;
    border-top: solid 1px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.system-dewelopera .row div:first-child {

    min-width: 115px;
}

.system-dewelopera .row div:last-child {

    font-weight: bold;
}


.system-dewelopera .container {
    position: relative;
    display: flex;
    gap: 2rem;
}

.system-dewelopera #myCanvas {
    position: absolute;
    top: 0;
    left: 0;
}

.system-dewelopera .tooltip.taxonomy {
    display: flex;
    flex-direction: column;
    position: absolute;
    height: calc(100% - 40px);
    left: 20px;
    top: 20px;
    justify-content: center;
    align-items: center;
}

.system-dewelopera .tooltip.taxonomy .title {
    font-weight: 400;
}

.system-dewelopera .tooltip.taxonomy .licba-dostepnych-nieruchmosci {
    font-size: 40px;
}

.system-dewelopera .tooltip.taxonomy .text {
    font-size: 15px;
    text-align: center;
}

.system-dewelopera .inwestycja {
    width: 100%;
}

.system-dewelopera .inwestycja img {
    height: 100%;
    width: 100%;
}

/*
@keyframes blinkAnimation {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
  }
  
  .blink {
    animation-name: blinkAnimation;
    animation-duration: 1s;
    animation-iteration-count: 3; 
  }

  */
  


/* Domyślne style  */

.system-dewelopera #myCanvas {
    border-color: #ddd;
}

.system-dewelopera .inwestycja {
    border-color: #ddd;
}

.system-dewelopera .custom-select .selected-value {
    background: white;
    border-color: #ddd;
    color: black;
}

.system-dewelopera .custom-select .options-list {
    background: white;
    border-color: #ddd;
    color:black;
}

.system-dewelopera .custom-select .select-icon {
    fill: black; /* Tutaj zmień kolor */
}

.system-dewelopera .custom-select .options-list li:hover {
    background: #f2f2f2;
}

.system-dewelopera .custom-select::after {
    color: black; /* Ustaw kolor strzałki */
}

.system-dewelopera .tooltip {
    background: #B78656;
    color:  white;
}

.system-dewelopera .tooltip .status {
    color: white;
}

.system-dewelopera .tooltip .row {
    border-top-color: #80808030;
}

.system-dewelopera .status.Dostępne {

    background: green;

}

.system-dewelopera .status.Zarezerwowane {

    background: orange;

}

.system-dewelopera .status.Sprzedane {

    background: red;

}