.zd-okno-popup {
    border-radius   : 20px;
    border          : 3px solid orange;
    background-color: black;
    color           : white;
}

/* Niestandardowe style dla autouzupełniania jQuery UI */
.ui-autocomplete {
    position  : absolute;
    cursor    : default;
    border    : 1px solid #ffa51a;
    /* Pomarańczowa ramka z Twojego CSS */
    background: #2d2d2d;
    /* Ciemne tło dla lepszego wyglądu */
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
    padding   : 2px;
    z-index   : 1000;
    list-style: none;
}

.ui-menu-item .ui-menu-item-wrapper {
    display: block;
    padding: 5px 10px;
    color  : #e0e0e0;
    /* Jasny tekst dla czytelności */
    cursor : pointer;
}

/* Styl dla podświetlonego elementu */
.ui-menu-item .ui-menu-item-wrapper.ui-state-active {
    background: #ffa51a;
    /* Niebieskie podświetlenie z Twojego CSS */
    color     : #000000;
    border    : none;
}

.suggestionsBox {
    position        : absolute;
    z-index         : 10;
    margin-top      : 15px;
    width           : 350px;
    border          : 2px solid #ffd500;
    background-color: #0000ff;
    color           : #ffffff;
}

.suggestionList {
    font-size: 14px;
    color    : #00FF00;
    margin   : 0px;
}

.info {
    font-size  : 12px;
    font-weight: bold;
    color      : #ffffff;
}

.kolo_1 {
    width           : 30px;
    height          : 30px;
    text-align      : center;
    border          : 2px solid #00ff00;
    border-radius   : 50%;
    background-color: #752e2e;
}

.kolo_2 {
    width           : 30px;
    height          : 30px;
    text-align      : center;
    border          : 2px solid #bef00a;
    border-radius   : 50%;
    background-color: #332323;
}

#submit-icon_top10 {
    background-image : url(../images/ok.png);
    background-size  : contain;
    background-repeat: no-repeat;
    border           : 2px solid #bef00a;
    width            : 30px;
    height           : 30px;
    border           : none;
    cursor           : pointer;
    color            : transparent;
}

input::placeholder {
    font-weight: bold;
    font-size  : 14px;
    opacity    : 0.9;
    color      : #d69999;
}

input:focus::placeholder {
    color: #363636;
}

input.top10_input {
    width           : 400px;
    color           : #ffffff;
    background-color: #000;
    font-family     : Arial, sans-serif;
    font-size       : 14px;
    font-weight     : bold;
    padding         : 4px;
    border          : none;
}

.wykonawca {
    color      : #5099ff;
    font-family: Arial, sans-serif;
    font-size  : 14px;
    font-weight: bold;
    padding    : 1px 0 0 5px;
}

.tytul {
    color      : #5066ff;
    font-family: Arial, sans-serif;
    font-size  : 14px;
    font-weight: bold;
    padding    : 1px 0 0 5px;
}

.top10_propozycje {
    width                : 300px;
    padding              : 10px 0px 10px 0px;
    text-align           : center;
    border               : 2px solid #ff0000;
    border-color         : #ff0000;
    border-radius        : 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius   : 20px;
    -ms-border-radius    : 20px;
    -o-border-radius     : 20px;
}

.top10_text_1 {
    color      : #00ff00;
    font-family: Arial, sans-serif;
    font-size  : 16px;
    font-weight: bold;
}

.top10_text_2 {
    color      : #ff3d3d;
    font-family: Arial, sans-serif;
    font-size  : 18px;
    font-weight: bold;
}

.top10_text_3 {
    color      : #ffa51a;
    font-family: Arial, sans-serif;
    font-size  : 14px;
    font-weight: bold;
}

.top10_text_4 {
    color      : #FFFFFF;
    font-family: Arial, sans-serif;
    font-size  : 14px;
    font-weight: bold;
}

.top10_text_5 {
    color      : #ff3d3d;
    font-family: Arial, sans-serif;
    font-size  : 14px;
    font-weight: bold;
}

.top10_text_6 {
    color      : #00aad4;
    font-family: Arial, sans-serif;
    font-size  : 14px;
    font-weight: bold;
    text-align : center;
}

.top10_text_7 {
    color      : #FFFFFF;
    font-family: Arial, sans-serif;
    font-size  : 12px;
    font-weight: bold;
}

.top10_text_8 {
    color      : #57ff4f;
    font-family: Arial, sans-serif;
    font-size  : 12px;
    font-weight: bold;
}

.top10_text_9 {
    color      : #00ff00;
    font-family: Arial, sans-serif;
    font-size  : 18px;
    font-weight: bold;
}

.top10_text_10 {
    color      : #77ccff;
    font-family: Arial, sans-serif;
    font-size  : 12px;
    font-weight: bold;
}

.top10_text_11 {
    color      : #00ff00;
    font-family: Arial, sans-serif;
    font-size  : 12px;
    font-weight: bold;
}

.top10_text_blink {
    color                : #00ff00;
    font-family          : Arial, sans-serif;
    font-size            : 14px;
    font-weight          : bold;
    text-align           : center;
    border               : medium dashed green;
    border-color         : #ff0000;
    border-radius        : 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius   : 5px;
    -ms-border-radius    : 5px;
    -o-border-radius     : 5px;
}

/* Unikalny styl dla dymka powiadomień panelu gr_member_charts */
.grmc-notification-popup {
    position        : fixed;
    bottom          : 20px;
    right           : 20px;
    z-index         : 9999;
    background-color: #111;
    color           : #fff;
    width           : 120px;
    padding         : 20px;
    border          : 3px solid #ffa51a;
    border-radius   : 5px;
    box-shadow      : 0 0 10px rgba(0, 0, 0, 0.5);
    font-family     : Arial, sans-serif;
    font-size       : 1.1em;
    text-align      : center;
    display         : flex;
    flex-direction  : column;
    /* Układ pionowy */
    gap             : 15px;
    /* Odstęp między tekstem a przyciskiem */
}

.top10_text_blink1 {
    animation            : blinker 5s linear infinite;
    background-color     : #000000;
    color                : #ff0000;
    font-size            : 18px;
    border               : 2px solid #00ff00;
    width                : auto;
    padding              : 6px;
    border-radius        : 40px 20px 40px 20px;
    font-family          : Verdana, Arial;
    font-weight          : bolder;
    -webkit-border-radius: 40px 20px 40px 20px;
    -moz-border-radius   : 40px 20px 40px 20px;
    -ms-border-radius    : 40px 20px 40px 20px;
    -o-border-radius     : 40px 20px 40px 20px;
    -webkit-animation    : blinker 5s linear infinite;
}

.top10_text_rainbow {
    font-family     : Arial, sans-serif;
    font-size       : 18px;
    font-weight     : bold;
    text-align      : center;
    background-color: #000000;
    padding         : 5px;
}

.pro {
    color      : #ff3d3d;
    font-family: Arial, sans-serif;
    font-size  : 14px;
    font-weight: bold;
}

.duplikat {
    color      : #ff0000;
    font-family: Arial, sans-serif;
    font-size  : 16px;
    font-weight: bold;
    padding    : 1px 0 0 5px;
}

.duplikat1 {
    text-shadow: #ff0000;
    color      : #ffa600;
    font-family: Arial, sans-serif;
    font-size  : 16px;
    font-weight: bold;
    padding    : 1px 0 0 5px;
}

.ilosc {
    color      : #00b3ff;
    font-family: Arial, sans-serif;
    font-size  : 20px;
    font-weight: bold;
}

.wylaczone {
    color      : #ff0000;
    font-family: Arial, sans-serif;
    font-size  : 14px;
    font-weight: bold;
}

.wlaczone {
    color      : #00ff00;
    font-family: Arial, sans-serif;
    font-size  : 14px;
    font-weight: bold;
}

.piosenka {
    color      : #fff200;
    font-family: Arial, sans-serif;
    font-size  : 16px;
    font-weight: bold;
    padding    : 1px 0 0 5px;
}

.kto {
    color      : #fff200;
    font-family: Arial, sans-serif;
    font-size  : 12px;
    font-weight: bold;
    padding    : 4px;
}

.kto_a {
    color      : #00ff80;
    font-family: Arial, sans-serif;
    font-size  : 12px;
    font-weight: bold;
    padding    : 4px;
}

.text {
    color      : #c7c7c7;
    font-family: Arial, sans-serif;
    font-size  : 16px;
    font-weight: bold;
    padding    : 1px 0 0 5px;
}

.ip {
    color      : #ffffff;
    font-family: Arial, sans-serif;
    font-size  : 14px;
    font-weight: bold;
}

.ip_a {
    color      : #ffd000;
    font-family: Arial, sans-serif;
    font-size  : 14px;
    font-weight: bold;
}

.ile {
    color      : #00ff73;
    font-family: Arial, sans-serif;
    font-size  : 20px;
    font-weight: bold;
}

.tygodni_1 {
    color      : #ff0000;
    font-family: Arial, sans-serif;
    font-size  : 16px;
    font-weight: bold;
    text-align : center;
    margin     : 7px 0px 0px 0px;
}

.tygodni_2 {
    color      : #00ff91;
    font-family: Arial, sans-serif;
    font-size  : 16px;
    font-weight: bold;
    text-align : center;
    margin     : 7px 0px 0px 0px;
}

.glosy_a {
    color      : #00f7ff;
    font-family: Arial, sans-serif;
    font-size  : 20px;
    font-weight: bold;
}

.glosy_r {
    color            : #ffff98;
    font-family      : Arial, sans-serif;
    font-size        : 16px;
    font-weight      : bold;
    text-align       : center;
    animation        : glosy_r 10s infinite;
    transform-style  : preserve-3d;
    -webkit-animation: glosy_r 10s infinite;
    margin           : 7px 0px 0px 0px;
}

@keyframes glosy_r {
    0% {
        transform: rotateX(0deg);
    }

    50% {
        transform: rotateX(360deg);
    }

    100% {
        transform: rotateX(360deg);
    }
}

.glosy_t {
    color      : #00ff91;
    font-family: Arial, sans-serif;
    font-size  : 14px;
    font-weight: bold;
}

.glosy_ty {
    color      : #ff4d00;
    font-family: Arial, sans-serif;
    font-size  : 14px;
    font-weight: bold;
}

.glosy {
    color      : #00ff91;
    font-family: Arial, sans-serif;
    font-size  : 20px;
    font-weight: bold;
}

.zagrane_g {
    color      : #0000ff;
    font-family: Arial, sans-serif;
    font-size  : 16px;
    font-weight: bold;
    padding    : 1px;
}

.zagrane_d {
    color      : #0000ff;
    font-family: Arial, sans-serif;
    font-size  : 16px;
    font-weight: bold;
    padding    : 1px;
}

.propozycja_g {
    color      : #22ff00;
    font-family: Arial, sans-serif;
    font-size  : 16px;
    font-weight: bold;
    padding    : 1px;
}

.propozycja_d {
    color      : #22ff00;
    font-family: Arial, sans-serif;
    font-size  : 16px;
    font-weight: bold;
    padding    : 1px;
}

audio {
    width : 100px;
    height: 30px;
}

audio::-webkit-media-controls-panel {
    background-color      : #0022bb;
    padding               : 0 0 0 1px;
    justify-content       : center;
    display               : -webkit-flex;
    -webkit-flex-direction: row;
    -webkit-align-items   : center;
    -webkit-user-select   : none;
    position              : relative;
    bottom                : 0;
    width                 : 100%;
    z-index               : 0;
    overflow              : hidden;
    height                : 30px;
    text-align            : right;
    border-radius         : 5px;
    -webkit-border-radius : 5px;
    -moz-border-radius    : 5px;
    -ms-border-radius     : 5px;
    -o-border-radius      : 5px;
}

audio::-webkit-media-controls-play-button {
    background-color     : #00ff00;
    border-radius        : 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius   : 20px;
    -ms-border-radius    : 20px;
    -o-border-radius     : 20px;
    -webkit-border-radius: 20px;
    height               : 20px;
    width                : 20px;
}

audio::-webkit-media-controls-play-button:hover {
    background-color: #cc0000;
}

audio::-webkit-media-controls-volume-slider,
audio::-webkit-media-controls-timeline-container,
audio::-webkit-media-controls-time-remaining-display,
audio::-webkit-media-controls-timeline {
    display: none;
}