body {
    color: #888;
    background: #333;
}

.form-control, .form-select 
{
    color: #aaa;
    background-color: #222;
} 

.accordion-body 
{
   background: #555;
}

.bg-body
{
   background-color: #444 !important;
}

.btn-outline-secondary {
    color: #cdcdcd;
    border-color: #6c757d;
    border: 1px solid #ced4da;
}

.accordion-item {
   background: #666;
   border: 1px solid rgba(125,125,125,.125);
}

.accordion-button {
    color: #adb5bd;
    background-color: #646464;
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
}

.accordion-button:not(.collapsed) {
    color: #bbb;
    background-color: #003e9b;
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
}


.map
{
   background: #ddd;
}

.opis_wybiegu 
{
   color: #222;
   background: #ddd;
}

.pomoc_body
{   
   background: #545353;
   color: #ddd;
}

.pomoc_body a
{   
   color: #5f9fff;
}

.wybieg_nazwa 
{
   color: #eee;
}

.wybieg 
{   
   border: 2px dashed rgba(225,225,225,.500);
}

.wybieg_plan
{   
   background: #5c5c5c;
}

.wybieg_plan h5
{   
   color: #eee;
}

.modal-body, .modal-header, .modal-footer
{
    color: #aaa;
    background-color: #444;
}

.input-group-text
{
    background-color: #adb5bd;
}

.btn3d.btn-default { box-shadow: 0 0 0 1px #ebebeb inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 #adadad, 0 8px 0 1px rgba(0, 0, 0, 0.4), 0 8px 8px 1px rgba(0, 0, 0, 0.5); }
.btn3d.btn-primary { box-shadow: 0 0 0 1px #428bca inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 #357ebd, 0 8px 0 1px rgba(0, 0, 0, 0.4), 0 8px 8px 1px rgba(0, 0, 0, 0.5); }
.btn3d.btn-secondary { box-shadow: 0 0 0 1px #ebebeb inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 #adadad, 0 8px 0 1px rgba(0, 0, 0, 0.4), 0 8px 8px 1px rgba(0, 0, 0, 0.5); }
.btn3d.btn-success { box-shadow: 0 0 0 1px #5cb85c inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 #4cae4c, 0 8px 0 1px rgba(0, 0, 0, 0.4), 0 8px 8px 1px rgba(0, 0, 0, 0.5); }
.btn3d.btn-info { box-shadow: 0 0 0 1px #5bc0de inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 #46b8da, 0 8px 0 1px rgba(0, 0, 0, 0.4), 0 8px 8px 1px rgba(0, 0, 0, 0.5); }
.btn3d.btn-warning { box-shadow: 0 0 0 1px #f0ad4e inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 #eea236, 0 8px 0 1px rgba(0, 0, 0, 0.4), 0 8px 8px 1px rgba(0, 0, 0, 0.5); }
.btn3d.btn-danger { box-shadow: 0 0 0 1px #c63702 inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 #c24032, 0 8px 0 1px rgba(0, 0, 0, 0.4), 0 8px 8px 1px rgba(0, 0, 0, 0.5); }

a.strona_tytulowa  {
  background: -webkit-linear-gradient(#ffffff, #1559bf);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.bg-secondary  {
   color: #ddd;
}