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

.kafel{
  margin:0.1rem;
  padding-top: 1.0rem;
  padding-bottom: 1.0rem;
  padding-left: 0.1rem;
  padding-right: 0.1rem;
  font-size:0.9rem;
  text-align: center;
  font-weight: 600;
}

.text-success   {color:#46961e !important;}
.text-primary   {color:#3366FF !important;}
.text-danger    {color:#d93723 !important;}
.text-warning   {color:#dbb117 !important;}
.text-info      {color:#7b3f00 !important;}
.text-secondary {color:#BBBBBB !important;}
.text-olive     {color:olive}
.text-orange    {color:orange}
.text-gold      {color:gold}

.bg-success   {background-color:#46961e !important;}
.bg-primary   {background-color:#3366FF !important;}
.bg-danger    {background-color:#d93723 !important;}
.bg-warning   {background-color:#dbb117 !important;}
.bg-info      {background-color:#7b3f00 !important;}
.bg-secondary {background-color:#BBBBBB !important;}
.bg-olive     {background-color:olive}
.bg-orange    {background-color:orange}
.bg-gold      {background-color:gold}


.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}

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

.bialy{color:white}
.czarny{color:black}

.red-edk{color:#e30a17}
.czerwony-edk{color:#e30a17}
.red{color:red}
.czerwony{color:red}
.green{color:green}
.zielony{color:green}
.blue{color:blue}
.niebieski{color:blue}

.brown{color:brown}


.bold{font-weight:bold}
.italic {font-style: italic;}


.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_t_b{
  border-top: 1px solid #C2CFDF;
  border-bottom: 1px solid #C2CFDF;
}
.ramka_r_b_l{
  border-right: 1px solid #C2CFDF;
  border-bottom: 1px solid #C2CFDF;
  border-left: 1px solid #C2CFDF;
}
.ramka_l_t_r{
  border-top: 1px solid #C2CFDF;
  border-right: 1px solid #C2CFDF;
  border-left: 1px solid #C2CFDF;
}
.ramka_t_r_b_l{ /* to samo, co ramka */
  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_rogi{
  border: 1px solid #C2CFDF;
  border-radius: 8px;
}


/* było --cassiopeia-color-primary: #2266aa; */

:root {
    --cassiopeia-color-primary: #00eCeC;
    --cassiopeia-color-link: olive;
    --cassiopeia-color-hover: #424077;
}