body {background: #F8F9FA;}

a {
    color: #318D96;
    text-decoration: none;
}
a.base-link::after { content: ' →'}

a:hover { text-decoration: none;}

label { color: #318D96}

.container, .container-fluid {
   /* min-height: 75vh !important; */
    background: white;
}
h3, h3 a {
    color: grey;
    font-weight: 600;
}
h3 a:hover {
    color: #FF9F28;   /* pomarańcz */
}

hr {border-color: #116D76;}

.navbar-brand {
    font-size: 1rem;
    width: auto;
    padding: 8px 20px;
    background: #116D76;
    border: 1px solid #51A4AB;
    border-radius: 5px;
    transition: border-color 250ms;
}

.navbar-brand:hover {
    border-color: rgba(255, 255, 255, .5);
}
.navbar-brand span {
    opacity: .5;
    margin-left: 0.8em;
    font-variant: small-caps;
}


footer {
    margin-top: 50px;
    padding-top: 10px;
    border-top: 20px solid #116D76;
    border-bottom: 20px solid #116D76;
    text-align: center;
}
.actions {
    background: #E9ECEF;
    display: flex;
    justify-content: space-around;
}

::placeholder { color: grey !important; }
/* usuwa strzałkę z select'a */
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

.pointer { cursor: pointer;}
th.actions  {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 !important;
}
.actions .form-group { margin-bottom: 0; }
.actions a {
    opacity: 0.7;
    color: #116D76 !important;
}
.actions a:hover { opacity: 1;}

.w30  { width: 30px; }
.w40  { width: 40px; }
.w50  { width: 50px !important; }
.w80  { width: 80px !important; }
.w100 { width: 100px; }
.w120 { width: 120px; }
.w150 { width: 150px; }
.w200 { width: 200px; }

.w-10 { width: 10%; }
.w-15 { width: 15% !important; }
.w-20 { width: 20%; }
.w-30 { width: 30%; }
.w-40 { width: 40%; }
.w-80 { width: 80%; }


.hidden { display: none !important; }

th {
    vertical-align: middle !important;
    background: #F8F9FA;
}
th a {
    color: #217D86 !important;
}
th a:hover {
    color: #01545B !important;
}

.table-vertical th {
    background: #F8F9FA;
   /* width: 25%; */
    text-align: right;
    padding-right: 15px;
}
.home-link a {
    background: transparent;
    font-size: 1.4rem;
    color: yellow;
    margin-top: 0px;
    padding-left: 5px;
    padding-right: 15px;
}
.home-link:hover a { color: orange; background: transparent;}

.error-message { background: red; color: white; padding-left: 10px;}
.toggle-active { cursor: pointer; }
.error-message { background: red; color: white; padding: 5px 10px; }

.pagination li a {
  border: 1px solid lightgrey;
  padding: 2px 8px;
  margin-right: 2px;
  border-radius: 5px;
}
.pagination li a:hover, .pagination li.active a {
  background: grey;
  color: white;
}

.icon-content  {
    background: #116D76;
    color: white;
}
.icon-content:hover  {
    background: #217D86;
}

.icon-border {
    border-radius: 5px;
    padding: 8px 14px !important;
    border: 1px solid #01545B;
    border-color: rgba(255, 255, 255, .2);
}
.icon-border:hover, .icon-border:active, .icon-border.active {

    color: yellowgreen !important;
    border-color: rgba(255, 255, 255, 1);
}

.icon-border.cY { color: #F9CA48 !important;}
.icon-border:hover.cY { color: yellow !important;}
.icon-border.cB { color: #56A4F5 !important;}
.icon-border:hover.cB { color: #5ACEF3 !important;}

li.nav-item {
  margin-right: 5px;
}
li.nav-item.active {
   background: rgba(255,255,255,.5) !important;
   border-radius: 5px;
}
li.nav-item.active .icon-border  { color: white !important; }

.fields-group {
    background-color: #F8F8F8;
    margin: 1em 3em;
    border: 1px solid #f0f0f0;
    padding: 1em;
}


.find-borders {
    padding: 0.5rem 0;
    background: #CCEBC5;

    margin: 0;
}

.custom-file-label::after {
    content: '🍳';
}

.cV { color: purple; }
.cB { color: SlateBlue; }

/* === Kolory Pastelowe tła  d3.schemeSet3 */
.bgS1, .bgS1 th, .bgS1 td, .table tr.bgS1      {background-color: #B3E2CD !important; } /* lazurowy */
.bgS2, .bgS2 th, .bgS2 td, .table tr.bgS2      {background-color: #FFFFB3 !important; } /* żółty */
.bgS3, .bgS3 th, .bgS3 td, .table tr.bgS3      {background-color: #BEBADA !important; } /* fiolot */
.bgS4, .bgS4 th, .bgS4 td, .table tr.bgS4      {background-color: #FB8072 !important; } /* czerwony */
.bgS5, .bgS5 th, .bgS5 td, .table tr.bgS5      {background-color: #80B1D3 !important; } /* niebieski */
.bgS6, .bgS6 th, .bgS6 td, .table tr.bgS6      {background-color: #FDB462 !important; } /* pomarańcz */
.bgS7, .bgS7 th, .bgS7 td, .table tr.bgS7      {background-color: #B3DE69 !important; } /* zielonkawy */
.bgS8, .bgS8 th, .bgS8 td, .table tr.bgS8      {background-color: #FCCDE5 !important; } /* różowy */
.bgS9,  .bgS9 th, .bgS9 td, .table tr.bgS9     {background-color: #D9D9D9 !important; } /* szary */
.bgS10, .bgS10 th, .bgS10 td, .table tr.bgS10  {background-color: #BC80BD !important; } /* fiolet ciemniejszy */
.bgS11, .bgS11 th, .bgS11 td, .table tr.bgS11  {background-color: #CCEBC5 !important; } /* zielony jasno */
.bgS12, .bgS12 th, .bgS12 td, .table tr.bgS12  {background-color: #FFED6F !important; } /* żółty intensywny */

.cS11, .cS11 th, .cS11 td, .table tr.cS11  {color: #8CAB85 !important; } /* zielony jasno */

.bgCR { background-color: #FCDBDB !important; }  /* jasnoczerwone tło */