body {
  padding-top: 70px;
  padding-bottom: 30px;
}
@media screen and (max-width: 767px) {
  body {
    padding-top: 190px;
    padding-bottom: 0;
  }
  .navbar-nav li {
    display: inline-block;
  }
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 20px;
}
h1.danger,
h2.danger,
h3.danger,
h4.danger,
h5.danger,
h6.danger {
  padding: 10px;
  background-color: #f2dede;
  color: #c7254e;
  border-radius: 2px;
}
.left {
  float: left;
}
.right {
  float: right;
}
.form-group input+input {
  margin-top: 5px;
}
.margin-top {
  margin-top: 15px;
}
.margin-bottom {
  margin-bottom: 15px;
}
.margin-left {
  margin-left: 15px;
}
.margin-right {
  margin-right: 15px;
}
.hover:hover {
  background-color: rgba(0,0,0,0.3);
}
a:hover {
  text-decoration: none !important;
}
.with-icon i.fa {
  margin-right: 5px;
}
.pictogram {
  height: 50px;
}
.min-170 {
  min-width: 170px;
}
.min-290 {
  min-width: 290px;
}
.form-empty {
  background-color: rgba(217,83,79,0.2);
}
.form-changed {
  background-color: rgba(92,184,92,0.2);
}
.fixed-bottom {
  position: fixed;
  bottom: 8px;
  right: 8px;
  width: inherit;
  padding: 0;
}
.required {
  text-decoration: underline;
  font-style: italic;
  color: #FF0000;
}

.linki{
    text-decoration: none;
    color:white;
}
.litera{
    padding:10px;
  background-color: #5bc0de;
  border-color: #46b8da;
  color:white;
}
.litera:hover{
    color:white;
    padding:10px;
    background: #499cb5;
    cursor:pointer;
}
.active{
    padding:10px;
    background: #499cb5;
}
.pojemnik_pagination{
  display: flex;
  flex-direction: row;  
  justify-content: center
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    cursor: pointer;
}