/*---GLOBALNE---*/

/*czcionki*/
.ps-fiolet-czcionka{color: #7a2e84;}
.ps-czarny-czcionka{color: #000;}
.ps-szary-czcionka{color: #575756;}
.ps-zielony-czcionka{color: #28a745;}

/*tła*/
.ps-fiolet-tlo{background-color: #7a2e84;}
.ps-czarny-tlo{background-color: #000;}
.ps-szary-tlo{background-color: #575756;}
.ps-zolty-tlo{background-color: #f4b400;}

/*---NAGŁÓWKI---*/
.ps-nag-iko-uzy, .ps-nag-iko-aparat, .ps-nag-iko-wiadomosc, .ps-nag-iko-znacznik, .ps-nag-iko-pytajnik, .ps-nag-iko-mapa, .ps-nag-iko-wiedza, .ps-nag-iko-wsparcie, .ps-nag-iko-plomien, .ps-nag-iko-katalog, .ps-nag-iko-artykul, .ps-nag-iko-dymki-dialogu{
	padding-left: 43px!important;
	position: relative!important;
}

.ps-nag-iko-uzy.ps-fiolet-czcionka, .ps-nag-iko-aparat.ps-fiolet-czcionka, .ps-nag-iko-wiadomosc.ps-fiolet-czcionka, .ps-nag-iko-znacznik.ps-fiolet-czcionka, .ps-nag-iko-pytajnik.ps-fiolet-czcionka, .ps-nag-iko-mapa.ps-fiolet-czcionka, .ps-nag-iko-wiedza.ps-fiolet-czcionka, .ps-nag-iko-wsparcie.ps-fiolet-czcionka, .ps-nag-iko-plomien.ps-fiolet-czcionka, .ps-nag-iko-katalog.ps-fiolet-czcionka, .ps-nag-iko-artykul.ps-fiolet-czcionka, .ps-nag-iko-dymki-dialogu.ps-fiolet-czcionka{
	color: #7a2e84;
}
.ps-nag-iko-uzy.ps-czarny-czcionka, .ps-nag-iko-aparat.ps-czarny-czcionka, .ps-nag-iko-wiadomosc.ps-czarny-czcionka, .ps-nag-iko-znacznik.ps-czarny-czcionka, .ps-nag-iko-pytajnik.ps-czarny-czcionka, .ps-nag-iko-mapa.ps-czarny-czcionka, .ps-nag-iko-wiedza.ps-czarny-czcionka, .ps-nag-iko-wsparcie.ps-czarny-czcionka, .ps-nag-iko-plomien.ps-czarny-czcionka, .ps-nag-iko-katalog.ps-czarny-czcionka, .ps-nag-iko-artykul.ps-czarny-czcionka, .ps-nag-iko-dymki-dialogu.ps-czarny-czcionka{
	color: #000;
}
.ps-nag-iko-uzy.ps-szary-czcionka, .ps-nag-iko-aparat.ps-szary-czcionka, .ps-nag-iko-wiadomosc.ps-szary-czcionka, .ps-nag-iko-znacznik.ps-szary-czcionka, .ps-nag-iko-pytajnik.ps-szary-czcionka, .ps-nag-iko-mapa.ps-szary-czcionka, .ps-nag-iko-wiedza.ps-szary-czcionka, .ps-nag-iko-wsparcie.ps-szary-czcionka, .ps-nag-iko-plomien.ps-szary-czcionka, .ps-nag-iko-katalog.ps-szary-czcionka, .ps-nag-iko-artykul.ps-szary-czcionka, .ps-nag-iko-dymki-dialogu.ps-szary-czcionka{
	color: #575756;
}

.ps-nag-iko-uzy:before, .ps-nag-iko-aparat:before, .ps-nag-iko-wiadomosc:before, .ps-nag-iko-znacznik:before, .ps-nag-iko-pytajnik:before, .ps-nag-iko-mapa:before, .ps-nag-iko-wiedza:before, .ps-nag-iko-wsparcie:before, .ps-nag-iko-plomien:before, .ps-nag-iko-katalog:before, .ps-nag-iko-artykul:before, .ps-nag-iko-dymki-dialogu:before {
	position: absolute;
	left: 0;
	content: '';
    vertical-align: middle;
    margin-right: 8px;
    background-color: rgb(245 241 247 / var(--tw-bg-opacity, 1));
	font-family: "Font Awesome 6 Free";
    font-weight: 900;
    width: 36px;
    height: 36px;
	display: flex;
    justify-content: center;
    align-items: center;
    background-repeat: no-repeat;
    background-position: center;
	border-radius: 8px;
	top: 50%;
    transform: translateY(-50%); 
	color: #7a2e84;
	font-size: 16px;
}

/*NAGŁÓWEK - ikona użytkownika*/
.ps-nag-iko-uzy:before{
	content: "\f007";
}

/*NAGŁÓWEK - ikona aparatu*/
.ps-nag-iko-aparat:before {
    content: "\f030";
}

/*NAGŁÓWEK - ikona dymku wiadomości*/
.ps-nag-iko-wiadomosc:before {
    content: "\f4ad";
}

/*NAGŁÓWEK - ikona znacznika*/
.ps-nag-iko-znacznik:before {
    content: "\f02b";
}

/*NAGŁÓWEK - ikona znaku zapytania*/
.ps-nag-iko-pytajnik:before {
    content: "\f059";
}

/* NAGŁÓWEK - ikona mapy */
.ps-nag-iko-mapa:before {
    content: "\f5a0"; 
}

/* NAGŁÓWEK - ikona wiedzy */
.ps-nag-iko-wiedza:before{
	content: "\f5fd";
}

/* NAGŁÓWEK - ikona wsparcia */
.ps-nag-iko-wsparcie:before{
	content: "\f4be";
} 

/* NAGŁÓWEK - ikona płomienia */
.ps-nag-iko-plomien:before{
	content: "\f06d";
}

/* NAGŁÓWEK - ikona katalogu */
.ps-nag-iko-katalog:before{
	content: "\f07c";
}

/* NAGŁÓWEK - ikona artykułu */
.ps-nag-iko-artykul:before{
	content: "\f1ea";
}

/* NAGŁÓWEK - ikona dymków dialogu */
.ps-nag-iko-dymki-dialogu:before{
	content: "\f086";
}


/*LISTY*/
ul.ps-li-zielony, ul.ps-li-czarny, ul.ps-li-zolty, ul.ps-li-kolor-fiolet {
    list-style: none!important;
    padding-left: 0;
}
ul.ps-li-zielony li, ul.ps-li-czarny li, ul.ps-li-zolty li, ul.ps-li-kolor-fiolet li {
    position: relative;
    padding-left: 30px;
}
ul.ps-li-zielony li:before, ul.ps-li-czarny li:before, ul.ps-li-zolty li:before, ul.ps-li-kolor-fiolet li:before {
	content: "\f058";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 2px;
	font-size: 18px;
}
/*LISTA - kolor zielony*/
ul.ps-li-zielony li:before {
    color: #28a745;
}

/*LISTA - kolor czarny*/
ul.ps-li-czarny li:before {
    color: #000;
}

/*LISTA - kolor żółty*/
ul.ps-li-zolty li:before {
    color: #f4b400;
}

/*LISTA - kolor zielony*/
ul.ps-li-kolor-fiolet li:before {
    color: #7a2e84;
}

/*TABELE*/
/* Styl dla całej tabeli - zaokrąglenie i jednolite zewnętrzne obramowanie */
.ps-tab table {
    border-radius: 16px;
    overflow: hidden;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #e5e7eb;
}
.ps-tab thead tr th{
	color: #FFF;
}

/* Style dla nagłówka - usuwamy górny border, który powodował pogrubienie */
.ps-tab th {
    border-top: none; 
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #e5e7eb;
    text-align: left;
    padding: 14px 16px;
	font-size: 14px;
}

/* Style dla komórek danych - tylko linie poziome */
.ps-tab td {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #e5e7eb;
    padding: 14px 16px;
	font-size: 14px;
}
.ps-tab tr:last-child td {
    border-bottom: none;
}
.ps-tab tbody td:first-child {
    font-weight: 600;
}
.ps-tab.ps-fiolet-tlo, .ps-tab.ps-czarny-tlo, .ps-tab.ps-zolty-tlo{
	background: none;
}

/*ŻÓŁTY NAGŁÓWEK TABELI*/
.ps-tab.ps-zolty-tlo thead {
    background: #f4b400;
}
.ps-tab.ps-zolty-tlo tbody td:first-child {
    color: #f4b400;
}

/*FIOLETOWY NAGŁÓWEK TABELI*/
.ps-tab.ps-fiolet-tlo thead{
	background: #7a2e84;
}
.ps-tab.ps-fiolet-tlo tbody td:first-child {
    color: #7a2e84;
}

/*CZARNY NAGŁÓWEK TABELI*/
.ps-tab.ps-czarny-tlo thead{
	background: #000;
}
.ps-tab.ps-czarny-tlo tbody td:first-child {
    color: #000;
}