* {
    font-size: 16px;
    font-weight: 400;
    text-align: justify;

}


input,
textarea,
select {
    border: 2px solid #aaa;
    /* Możesz dostosować kolor i grubość */
    border-radius: 4px;
    /* Zaokrąglone rogi, jeśli potrzebne */
}

input:focus,
textarea:focus,
select:focus {
    border-color: #007bff;
    /* Kolor obramowania przy focus */
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
    /* Dodatkowy efekt cienia */
    outline: none;
    /* Usunięcie domyślnego stylu przeglądarki */
}

textarea {
    field-sizing: content;
    /* nowa właściwość CSS */
    resize: both;
    /* domyślnie w większości przeglądarek */
    /* min-block-size: 3.5lh;
  min-inline-size: 20ch;
  max-inline-size: 50ch; */
}


.rotated {
    /* writing-mode: vertical-lr;
    transform: scale(-1, -1); */
}

.hidden-input {
    display: none;
}

.quest th,
.quest td {

    padding: 10px;
    border: 1px solid #ddd;
}

tr.quest:hover,
tr.selected {
    background-color: #f2f2f2;
}

.fancy-radio {
    cursor: pointer;
    appearance: none;
    width: 20px;
    height: 20px;
    border: 2px solid #ddd;
    border-radius: 50%;
    transition: background-color 0.3s, border-color 0.3s;
}

.fancy-radio:checked {
    background-color: #4CAF50;
    border-color: #4CAF50;
}

.fancy-radio:hover {
    border-color: #4CAF50;
}

.required::before {
    content: "*";
    /* The asterisk symbol */
    color: red;
    /* Make the asterisk red */
    margin-right: 5px;
    /* Add some space between the asterisk and label text */
    font-size: 150%;
}


.img-thumbnail.selected {
    border: 3px solid green;
}

.project-name {
    color: rgb(51, 102, 153);
}





textarea::-webkit-resizer {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><line x1="4" y1="12" x2="12" y2="4" stroke="%23999" stroke-width="2"/><line x1="7" y1="15" x2="15" y2="7" stroke="%23999" stroke-width="2"/><line x1="1" y1="9" x2="9" y2="1" stroke="%23999" stroke-width="2"/></svg>') no-repeat center center;
    width: 2em;
    height: 2em;
    opacity: 1;
    background-color: blue;
}

body>footer {
    text-justify: inter-word;
    text-align: justify;
}

.tox-promotion,
.tox-statusbar__branding {
    display: none !important;
}

.img_checked {
    opacity: 1;
    border-width: 4px;
    border-color: #007bff;
}

.img_unchecked {
    opacity: 0.3;
    border: none;
}



/* Styl dla nagłówka akordeonu miasta */
.accordion-item .accordion-header .accordion-button {
    background-color: var(--bs-white);
    /* Tło białe */
    color: var(--bs-primary);
    /* Tekst primary */
    border: 1px solid var(--bs-light);
    /* Delikatna ramka dla lepszego wyglądu */
    /* Zapewnia, że ikonka jest widoczna na jasnym tle */
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230d6efd'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    /* Kolor primary dla SVG */
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230d6efd'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    /* Kolor primary dla SVG aktywnego */
}

/* Tekst wewnątrz buttona powinien być primary */
.accordion-item .accordion-header .accordion-button,
.accordion-item .accordion-header .accordion-button i {
    color: var(--bs-primary) !important;
    /* Użyj !important, aby nadpisać domyślne style Bootstrapa */
}

/* Dodatkowy styl dla akordeonu, gdy jest w stanie "nie collapsed" (domyślnie primary) */
.accordion-item .accordion-header .accordion-button:not(.collapsed) {
    background-color: var(--bs-white);
    /* Tło białe */
    color: var(--bs-primary);
    /* Tekst primary */
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
    /* Zachowaj cień */
}

/* Styl dla akordeonu szkół (zagnieżdżony akordeon) */
.accordion-item .accordion-body .accordion-item .accordion-header .accordion-button {
    background-color: var(--bs-white);
    /* Tło białe */
    color: var(--bs-primary);
    /* Tekst primary */
    border: 1px solid var(--bs-light);
    /* Delikatna ramka */
    /* Zapewnia, że ikonka jest widoczna na jasnym tle */
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230d6efd'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230d6efd'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-item .accordion-body .accordion-item .accordion-header .accordion-button i {
    color: var(--bs-primary) !important;
}

.accordion-item .accordion-body .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    background-color: var(--bs-white);
    color: var(--bs-primary);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
}

.top-logo-img {
    height: 60px !important;
}

#loginForm label {
    white-space: nowrap;
}

#top-logo {
    max-height: 100px;
}

.logos-container {
    gap: 16px;
}

.project-logo {
    height: 100px;
    width: auto;
}

.invite-message-box {
    min-height: 200px;
    padding: 0.375rem 0.75rem;
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
    background-color: #f8f9fa;
}

.index-login-section {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 2rem;
}

.index-login-text {
    font-size: 1rem;
    font-weight: bold;
    margin: 0;
}

.index-login-buttons {
    display: flex;
    gap: 0.5rem;
}

.privacy-policy-link {
    font-size: 0.75rem;
    margin-bottom: 0.5rem;
}