/* było (gdzie) --cassiopeia-color-primary: #2266aa;
:root {
    --cassiopeia-color-primary: #00eCeC;
    --cassiopeia-color-link: olive;
    --cassiopeia-color-hover: #424077;
}
 */


/* to chyba niepotrzebne do Joomli
html {
	height: 100%;
}*/

body {
  line-height: normal;
  font-family: sans-serif;
  font-size: 0.9rem;
  color: #663300; /* kolor tekstu dla stron w Joomla a także poza Joomla*/
}
body A{
  color: green;
}

a {
	outline: none;
 	COLOR: #008000;
  TEXT-DECORATION: underline
}

IMG {max-width:100%;}
LI {margin-top:0.1rem}
P {margin-bottom:0.4rem}

/* tło dla bannera w nagłówku, nadpisuje ustawienia z root:--cassiopeia-color-primary --cassiopeia-color-hover  */
/* sprawdzone 2025-02 dla wersji Joomla 5.2.4 */
.container-header {
  background-color: #dddddd;
  background-image: none;
}

/* tło dla bannera w stopce, nadpisuje ustawienia z root:--cassiopeia-color-primary --cassiopeia-color-hover  */
/* sprawdzone 2025-02 dla wersji Joomla 5.2.4 */
.container-footer {
  background-color: #dddddd;
  background-image: none;
}

/* wyrównywanie i kolor napisów w Menu górnym <= notatka z roku 2022 */
/* 2025-02 dla wersji Joomla 5.2.4 nie widzę efektów */
.container-header .mod-menu {
   justify-content: left;
   color: #444444;
   padding: 0;
}

/* M.Kubica dzięki temu zmniejszyłem odstep miedy górnym banerem a górnym Menu - w oryginale było 0.5em*/
/* tutaj nie widzę efektów */
*.container-header .grid-child {
  padding: .1em;
}
*/

:root {
	--body-bg: #ffffff; /* tu można zmienić kolor tła */
	--cassiopeia-color-primary: #B8860B ; /* baner, stopka?, przycik np. zaloguj */
	--cassiopeia-color-link: #008000;
	--cassiopeia-color-hover: #000080;  /* zaznaczone linki i przyciski, prawa strona banera */
}

/* wielkość liter i wysokość linii w Menu górnym */
.metismenu.mod-menu .metismenu-item {
  padding: 0.5em 1em;
  font-size: 1.0rem;  /* wielkość czcionki Menu i podmenu */
  line-height: 1.3;   /* odległość między punktami Menu (jakie jednostki?) */
}

/* zmniejszenie wysokości paska nagłówkowego */
.container-header .container-nav {
  padding-bottom: 0.5rem;
  padding-top:0; 
}




/* zmniejszenie nagłówków zdefiniowanych w bootstrap */
/* nie wiem, czy to działa i gdzie jest potrzebne) */

.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

h1, .h1 {font-size: 1.8rem;}
h2, .h2 {font-size: 1.6rem;}
h3, .h3 {font-size: 1.4rem;}
h4, .h4 {font-size: 1.2rem;}
h5, .h5 {font-size: 1.1rem;}
h6, .h6 {font-size: 1rem;}


.przycisk-naw {  /* użyte */
  font-size: 1.0rem;
  color: #DDDDDD
}

.przypisy{  /* użyte */
  font-size:0.8rem;
  font-style: italic;
}

.linijka_spisu_tresci{  /* użyte */
  padding:0.1rem 0;
  font-size: 1rem;
}

.linijka_spisu_tresci A{  /* użyte */
  text-decoration:none;
}

.tytul_tabelki{background-color:#FFCC66}  /* użyte */

.olive{color:olive}
.red{color:red}
.czerwony{color:red}
.blue{color:blue}
.niebieski{color:blue}
.green{color:green}
.zielony{color:green}
.brown{color:brown}
.prawie-bialy{color:#E5E5E5}
.brazowy{color:#996600}
.ciemny{color:#222222}
.czarny{color:#000000}

.bg_szary{background-color:rgb(240,240,232);}
.bg_olive{background-color:olive}


.linia_karty { 
  padding: 0.5rem 0.7rem;
}

.font-06{font-size:0.6rem}
.font-07{font-size:0.7rem}
.font-08{font-size:0.8rem}
.font-09{font-size:0.9rem}
.font-10{font-size:1.0rem}
.font-11{font-size:1.1rem}
.font-12{font-size:1.2rem}
.font-13{font-size:1.3rem}
.font-14{font-size:1.4rem}
.font-15{font-size:1.5rem}
.font-16{font-size:1.6rem}
.font-17{font-size:1.7rem}
.font-18{font-size:1.8rem}
.font-19{font-size:1.9rem}
.font-20{font-size:2.0rem}

.do_prawej{text-align: right;}
.do_lewej{text-align: left;}
.do_srodka{text-align: center;}

.ramka_t{
  border-top: 1px solid #C2CFDF;
}
.ramka_b{
  border-bottom: 1px solid #C2CFDF;
}
.ramka_r_l{
  border-left: 1px solid #C2CFDF;
  border-right: 1px solid #C2CFDF;
}
.ramka_r_b_l{
  border-right: 1px solid #C2CFDF;
  border-bottom: 1px solid #C2CFDF;
  border-left: 1px solid #C2CFDF;
}
.ramka_t_r_b_l{
  border-top: 1px solid #C2CFDF;
  border-right: 1px solid #C2CFDF;
  border-bottom: 1px solid #C2CFDF;
  border-left: 1px solid #C2CFDF;
}

.ramka{
  border: 1px solid #C2CFDF;
}

.ramka_card{
  border: 1px solid hsl(210deg, 14%, 89%);
  border-radius: 0.5rem;
}
.ramka_zaokragl{
  border: 1px solid #C2CFDF;
  border-radius: 8px;
}

footer { 
  FONT-SIZE: 0.7rem; 
  COLOR: #663300; 
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

.pasek_szary {
  background-color: rgb(240,240,232);
  padding: .4rem .1rem .4rem .1rem;
  font-size:1.0rem;
  color: olive;
}

.padding-0{padding:0}

.italic {
  font-style: italic;
}

@media screen and (max-width: 575.98px) {
  .ukryj-sm{
    display: none;
  }
}
@media screen and (max-width: 767.98px) {
  .ukryj-md{
    display: none;
  }
  /* zwiększenie wysokości linii dla pozycji na liście */
  td.lista { 
    padding-top:0.4rem;
    padding-bottom:0.4rem;
 	}
}
@media screen and (max-width: 991.98px) {
  .ukryj-lg{
    display: none;
  }
}
@media screen and (max-width: 1199.98px) {
  .ukryj-xl{
    display: none;
  }
}
@media screen and (max-width: 1399.98px) {
  .ukryj-xxl{
    display: none;
  }
}

/* Style do wyświetlania miniaturek na szarych kwadratach */
.miniaturka_komplet {
	width:310px;
  text-align: center;
  vertical-align: top;
	margin: 8px 4px 8px 4px;
	display: inline-block;
}
.miniaturka_kwadrat {
  border-radius:8px; 
  width:310px;
  height:310px;
  line-height: 310px;
  background-color: #f0f0f0;
	margin-left: auto;
	margin-right: auto;
}
.miniaturka_obraz {
  vertical-align: middle; 
	border: 1px solid #CACACA;

}
.miniaturka_podpis {
	margin: 4px 0 0 0;
	font-size: small;
	font-weight: normal;
	text-align: center;
}
.miniaturka_podpis A {text-decoration:none}

/*dla miniaturek z obeazkiem 206px*/
.miniaturka_komplet_246 {
	width:246px;
  text-align: center;
  vertical-align: top;
	margin: 8px 4px 8px 4px;
	display: inline-block;
}
.miniaturka_kwadrat_246 {
  border-radius:8px; 
  width:246px; height:246px;
  line-height: 246px;
  background-color: #f0f0f0;
	margin-left: auto;
	margin-right: auto;
}
/*użyte przy pyświetlaniu producenta Unitra-Rz*/
.miniaturka_356 {
	width:356px;
  text-align: center;
  vertical-align: top;
	margin: 8px 4px 8px 4px;
	display: inline-block;
}
.miniaturka_3x {
	width:296px;
  text-align: center;
  vertical-align: top;
	margin: 8px 4px 8px 4px;
	display: inline-block;
}

/* Przyciski w kolorze brązowym */

.btn-brazowy{color:#fff;background-color:#B8860B;border-color:#B8860B}
.btn-brazowy:hover{color:#fff;background-color:orange;border-color:orange}
.btn-brazowy.focus,.btn-brazowy:focus{color:#fff;background-color:green;border-color:orange;box-shadow:0 0 0 .2rem orange}
.btn-brazowy.disabled,.btn-brazowy:disabled{color:#fff;background-color:#B8860B;border-color:#B8860B}
.btn-brazowy:not(:disabled):not(.disabled).active,.btn-brazowy:not(:disabled):not(.disabled):active,.show>.btn-brazowy.dropdown-toggle{color:#fff;background-color:green;border-color:orange}
.btn-brazowy:not(:disabled):not(.disabled).active:focus,.btn-brazowy:not(:disabled):not(.disabled):active:focus,.show>.btn-brazowy.dropdown-toggle:focus{box-shadow:0 0 0 .2rem orange}

.btn-outline-brazowy{color:#B8860B;  border: 1px solid #B8860B;}
.btn-outline-brazowy:hover{color:#fff;background-color:#B8860B;border-color:#B8860B}
.btn-outline-brazowy.focus,.btn-outline-brazowy:focus{box-shadow:0 0 0 .2rem orange}
.btn-outline-brazowy.disabled,.btn-outline-brazowy:disabled{color:#996600;background-color:transparent}
.btn-outline-brazowy:not(:disabled):not(.disabled).active,.btn-outline-brazowy:not(:disabled):not(.disabled):active,.show>.btn-outline-brazowy.dropdown-toggle{color:#fff;background-color:#996600;border-color:#996600}
.btn-outline-brazowy:not(:disabled):not(.disabled).active:focus,.btn-outline-brazowy:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-brazowy.dropdown-toggle:focus{box-shadow:0 0 0 .2rem orange}

/* Style do porównywanie za pomocą qazd-text-diff */
table.diff tbody tr td:nth-child(2) {
    width: 4%
}
table.diff {
    border-collapse: separate;
    border-spacing: 2px;
    table-layout: fixed;
    width: 100%;
    white-space: pre-wrap;
}
table.diff col.content {
    width: auto;
}
table.diff col.ltype {
    width: 30px;
}
table.diff tr {
    background-color: transparent;
}
table.diff td, table.diff th {
    font-family: Consolas, Monaco, monospace;
    font-size: 14px;
    line-height: 1.618;
    padding: .5em;
    vertical-align: top;
    word-wrap: break-word;
}
table.diff td h1, table.diff td h2, table.diff td h3, table.diff td h4, table.diff td h5, table.diff td h6 {
    margin: 0;
}
table.diff .diff-addedline ins, table.diff .diff-deletedline del {
    text-decoration: none;
}
table.diff .diff-deletedline {
    background-color: #ffe9e9;
}
table.diff .diff-deletedline del {
    background-color: #faa;
}
table.diff .diff-addedline {
    background-color: #e9ffe9;
}
table.diff .diff-addedline ins {
    background-color: #afa;
}