body {
    background-color: #f8f9fa; /* Lekko szary tło */
}

.nav-tabs .nav-link {
    border: 1px solid #007bff; /* Niebieskie obramowanie */
    color: #007bff; /* Niebieski tekst dla nieaktywnych zakładek */
}

.nav-tabs .nav-link.active {
    background-color: #007bff; /* Niebieskie tło dla aktywnej zakładki */
    color: white; /* Biały tekst dla aktywnej zakładki */
}

.btn-primary {
    background-color: #ff8c00; /* Pomarańczowe tło */
    border-color: #ff8c00; /* Pomarańczowe obramowanie */
}

/* Dodatkowe style dla logotypu */
.header-logo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
}

.header-logo img {
    height: 50px; /* Dostosuj wysokość logotypu */
}

/* Styl dla nagłówka */
h1 {
    color: #007bff;
    font-size: 24px; /* Dostosuj rozmiar tekstu nagłówka */
}

/* Tutaj dodaj więcej stylów według potrzeb */

h4 {
    color: #007bff; /* Niebieski kolor dla nagłówków */
}

.form-group label {
    color: #007bff; /* Niebieski kolor dla etykiet */
}

.form-control {
    background-color: white; /* Białe tło pól formularza */
    border: 1px solid #ced4da; /* Lekko szare obramowanie */
}


style.cssbody {
    background-color: #f8f9fa; /* Lekko szary tło */
}

.nav-link.active {
    background-color: #007bff; /* Niebieski kolor dla aktywnej zakładki */
    color: white;
}


.form-group label {
    color: #007bff; /* Niebieski kolor dla etykiet */
}


.btn-primary:hover {
    background-color: #e67e00; /* Ciemniejszy pomarańcz przy najechaniu */
    border-color: #e67e00;
}

.container {
    padding-top: 20px; /* Dodatkowa przestrzeń na górze kontenera */
}

h4 {
    color: #007bff; /* Niebieski kolor dla nagłówków */
    margin-bottom: 15px;
}
#obrazek-zgloszenia .img-wrapper {
    border: 1px solid #ced4da;
    margin: 3px; /* Odsunięcie każdego wklejonego obrazka od innych */
    position: relative;
    display: inline-block;
    padding: 2px; /* Odstęp od ramki do obrazka */
}

#obrazek-zgloszenia .img-wrapper img {
    display: block; /* Zapobiega dodatkowym odstępom pod obrazkiem */
    max-width: 100%; /* Odejmujemy padding, aby zachować odstępy */
    margin-bottom: 3px; /* Odsunięcie obrazków od siebie poniżej */
    height: auto;
}

#obrazek-zgloszenia .remove-img-btn {
    position: absolute;
    top: 0; /* Ustawiamy względem ramki obrazka */
    right: 0; /* Ustawiamy względem ramki obrazka */
    background: url('../img/delete_zrzut.png') no-repeat center center; /* Ścieżka do obrazka */
    background-size: contain; /* Dopasowujemy tło do rozmiaru przycisku */
    border: none;
    cursor: pointer;
    width: 20px; /* Szerokość przycisku */
    height: 20px; /* Wysokość przycisku */
}