TH.subhr {
	BORDER-RIGHT: #888888 1px solid; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: #888888 1px solid; BORDER-COLLAPSE: collapse; BACKGROUND-COLOR: black
}
TH.subh {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: #888888 1px solid; BORDER-COLLAPSE: collapse; BACKGROUND-COLOR: black
}
INPUT {
	BORDER-RIGHT: #888888 1px solid; BORDER-TOP: #888888 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 10pt; BORDER-LEFT: #888888 1px solid; COLOR: white; BORDER-BOTTOM: #888888 1px solid; FONT-FAMILY: "Verdana"; BACKGROUND-COLOR: #000000; outline: none;
}
TEXTAREA {
	BORDER-RIGHT: #888888 1px solid; BORDER-TOP: #888888 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 10pt; BORDER-LEFT: #888888 1px solid; COLOR: white; BORDER-BOTTOM: #888888 1px solid; FONT-FAMILY: "Verdana"; BACKGROUND-COLOR: #000000
}
SELECT {
	BORDER-RIGHT: white 1px solid; BORDER-TOP: white 1px solid; BORDER-LEFT: white 1px solid; COLOR: white; BORDER-BOTTOM: white 1px solid; BACKGROUND-COLOR: black
}
INPUT.login_input {
	BORDER-RIGHT: #aaaaaa 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #aaaaaa 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; BORDER-LEFT: #aaaaaa 1px solid; COLOR: #444444; PADDING-TOP: 2px; BORDER-BOTTOM: #aaaaaa 1px solid; BACKGROUND: #dddddd; outline: none;
}
TD {
	FONT-SIZE: 10pt; COLOR: #ffffff; FONT-FAMILY: "Verdana"; BORDER-COLLAPSE: collapse
}
TABLE.small TD {
	FONT-SIZE: 8pt; BORDER-COLLAPSE: collapse
}
TABLE.small INPUT {
	FONT-SIZE: 8pt; WIDTH: 80px; BORDER-COLLAPSE: collapse; HEIGHT: 20px
}
TABLE.table_lines TD {
	PADDING-BOTTOM: 8px; PADDING-TOP: 9px; BORDER-BOTTOM: #333333 1px solid; BORDER-COLLAPSE: collapse
}
TD.menu_cell {
	VERTICAL-ALIGN: top; WIDTH: 137px; BORDER-COLLAPSE: collapse; horizontal-align: left
}
TD.menu_cell_repeater {
	BACKGROUND: #dddddd url(login_bg.jpg) repeat;       
}
TD.menu_cell_repeater_vert {
	BACKGROUND: #dddddd url(bg.jpg); BACKGROUND-REPEAT: repeat-y;
}
TD.menu_cell_repeater_verta {
	BACKGROUND: url(pasek.gif) repeat-y;
}       
IMG {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
A {
	FONT-SIZE: 10pt; COLOR: red; TEXT-DECORATION: none
}

   

        /* Ogólny styl dla każdego przycisku */
        .fancy-btn {
            background: rgba(255, 255, 255, 0.05);
            color: #00ADB5;
            border: 1px solid #00ADB5;
            padding: 5px 15px;
            font-size: 0.8rem;
            border-radius: 3px;
            cursor: pointer;
            transition: all 0.4s ease;
            outline: none;
            text-transform: uppercase;
            letter-spacing: 2px;
            justify-self: center; /* Równomierne pozycjonowanie w siatce */
            align-self: center;
        }

        /* Efekty po najechaniu myszką */
        .fancy-btn:hover {
            background: #00ADB5;
            color: #16213e;
            box-shadow: 0 15px 30px rgba(0, 173, 181, 0.4);
            transform: translateY(-5px);
        }

        /* Efekt po kliknięciu (animacja wciśnięcia) */
        .fancy-btn:active {
            transform: translateY(0);
        }

        /* Kolorystyka konkretnych buttonów dla urozmaicenia */
        .fancy-btn.coral { color: #FF5722; border-color: #FF5722; }
        .fancy-btn.coral:hover { background: #FF5722; color: #fff; box-shadow: 0 15px 30px rgba(255, 87, 34, 0.4); }

        .fancy-btn.purple { color: #E0245E; border-color: #E0245E; }
        .fancy-btn.purple:hover { background: #E0245E; color: #fff; box-shadow: 0 15px 30px rgba(224, 36, 94, 0.4); }

        /* Styl dla wyskakującego okienka po kliknięciu */
        #notification {
            position: fixed;
            bottom: -100px;
            left: 50%;
            transform: translateX(-50%);
            background-color: #fff;
            color: #333;
            padding: 15px 30px;
            border-radius: 8px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.3);
            font-weight: bold;
            transition: bottom 0.4s ease;
        }

        #notification.show {
            bottom: 30px;
        }
		
		
		
		
		
/* Styl dla pola tekstowego dopasowany do przycisku */
.fancy-input {
    background: rgba(255, 255, 255, 0.05);
    color: #00ADB5;
    border: 1px solid #00ADB5;
    padding: 5px 10px;
    font-size: 0.8rem;
    border-radius: 3px;
    outline: none;
    transition: background 0.4s ease, box-shadow 0.4s ease;
    box-sizing: border-box;
    width: 120px;
    
    /* KLUCZOWA ZMIANA: Wyśrodkowanie tekstu i placeholderu */
    text-align: center; 
}

/* Zachowanie po kliknięciu pozostaje bez zmian i bez drgań */
.fancy-input:focus {
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 8px rgba(0, 173, 181, 0.5); 
}

.fancy-input::placeholder {
    color: rgba(0, 173, 181, 0.4);
}



/* Styl dla pola tekstowego zmiany hasła i email dopasowany do przycisku */
.fancy-input-haslo {
    background: rgba(255, 255, 255, 0.05);
    color: #00ADB5;
    border: 1px solid #00ADB5;
    padding: 5px 10px;
    font-size: 0.8rem;
    border-radius: 3px;
    outline: none;
    transition: background 0.4s ease, box-shadow 0.4s ease;
    box-sizing: border-box;
    width: 200px;
    
    /* KLUCZOWA ZMIANA: Wyśrodkowanie tekstu i placeholderu */
    text-align: center; 
}

/* Zachowanie po kliknięciu pozostaje bez zmian i bez drgań */
.fancy-input-haslo:focus {
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 8px rgba(0, 173, 181, 0.5); 
}

.fancy-input-haslo::placeholder {
    color: rgba(0, 173, 181, 0.4);
}



/* Styl dla listy rozwijanej */
.fancy-select {
    background: #16213e;       /* Ciemne, pełne tło zamiast przezroczystości, aby zakryć domyślną listę */
    color: #00ADB5;
    border: 1px solid #00ADB5;
    padding: 5px 30px 5px 15px; /* Większy margines z prawej strony na niestandardową strzałkę */
    font-size: 0.8rem;
    border-radius: 3px;
    outline: none;
    cursor: pointer;
    transition: background 0.4s ease, box-shadow 0.4s ease;
    box-sizing: border-box;
    text-align: center;
    text-align-last: center;   /* Kluczowe dla wyśrodkowania tekstu w select na niektórych przeglądarkach */

    /* Ukrywanie domyślnej, brzydkiej strzałki systemowej */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    /* Dodanie własnej, eleganckiej strzałki za pomocą kodu SVG */
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://w3.org' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2300ADB5' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center; /* Pozycja strzałki */
}

/* Zachowanie po kliknięciu (brak drgań, stabilny glow) */
.fancy-select:focus {
    box-shadow: 0 0 8px rgba(0, 173, 181, 0.5);
}

/* Stylizacja samych opcji wewnątrz rozwijanej listy */
.fancy-select option {
    background: #16213e;       /* Tło dopasowane do klimatu gry */
    color: #00ADB5;
    text-align: center;
}