:root {
  --kolor1: #1f5fce;
  --kolor2: #00e16b;  
  --kolor3: #f2f5fa;
}

.btn, button,
#menu-bottom a {
  border-radius: 100px;
  text-transform: uppercase;
  font-weight: bold;
  padding: 0.4rem 2rem; 
}
/* .btn.btn-green, #button-submit-bottom-update {
    border: 3px solid var(--kolor2);
    background-color: var(--kolor2);
    color: #fff; 
} */
btn.btn-green:hover {
      background-color: #fff;
      color: var(--kolor2); 
}
.btn.btn-outline-green,
#button-submit-bottom-save,
#menu-bottom a {
    border: 3px solid var(--kolor2);
    background-color: #fff;
    color: #151515; 
}
.btn.btn-outline-green:hover {
      background-color: var(--kolor2); 
}

.logowanie input {
  width: 100% !important;
}
.logowanie .form-group {
    display: block;
}
.page.home div.content {
    background-color: transparent;
    box-shadow: none;
    padding: 0;
}

.stan-licznika #menu-bottom {
  margin-top: 2rem;
}

.aktualnosc-content:first-of-type {
  font-weight: 600;
}

/* formularz edycji */
.item {
    display: flex;
}
.form-group {
    display: flex;
}
.form-group > div {
    padding-right: 1rem;
}

.finanse th, .finanse td {
    border: 0 !important; 
}


/* przyciski dolne */
#menu-bottom {
    display: flex;
    justify-content: center;
    text-align: center !important; 
}
#menu-bottom div {
    display: inline-flex;
    padding-left: 1rem;
}
#menu-bottom div > * {
    margin-right: 1rem;
    transition: 0.25s;
}
#menu-bottom div > a:hover {
    background-color: var(--kolor2);
    color: white;
}

/* usunięcie ramek w ff */
button:focus,
a:focus, a:active,
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  outline: none !important;
}

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

/* zewnetrzne serwisy */
.cards-wrapper .home-card#wysokienapiecie .image {
    background-color: white;
    background-image: url(../img/logo/wysokienapieciepl.svg);
    background-size: 50%;
    background-position: center center;
}
.cards-wrapper .home-card#wysokienapiecie::before {
    content: '';
}
.cards-wrapper .home-card#wysokienapiecie::after {
    background-color: #0072bb;
}