*{
    font-size: 18px;
    font-weight: 400;

}

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);
}

.logo-img {

    height: auto;
    width: auto;
}



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);
}