* {
    font-family: Arial, Helvetica, sans-serif;
    color: rgb(31, 62, 78);

}


.belki {
    background-color: rgb(31, 62, 78);
    width: 250px;
    border-color: rgb(171, 133, 80);
    border-width: 3px;
    color: rgb(255, 255, 255);

}

.przycisk {
    background-color: rgb(31, 62, 78);
    width: 150px;
    border-color: rgb(171, 133, 80);
    border-width: 3px;
    text-transform: uppercase;
    color: rgb(255, 255, 255);
}

.przycisk_szeroki {
    background-color: rgb(31, 62, 78);
    width: 200px;
    border-color: rgb(171, 133, 80);
    border-width: 3px;
    text-transform: uppercase;
    color: rgb(255, 255, 255);
}

.zmiana_daty {
    background-color: rgb(31, 62, 78);
    width: 75px;
    height: 40px;
    border-color: rgb(171, 133, 80);
    border-width: 3px;
    text-transform: uppercase;
    color: rgb(255, 255, 255);
}

.belki:hover {
    background-color: rgb(38, 79, 100);
    border-color: rgb(171, 133, 80);
    border-width: 3px;
    color: rgb(255, 255, 255);
}

.belki:focus {
    background-color: rgb(38, 79, 100);
    border-color: rgb(171, 133, 80);
    border-width: 3px;
    color: rgb(255, 255, 255);
}

.przycisk:hover {

    border-color: rgb(171, 133, 80);
    border-width: 3px;
    color: rgb(255, 255, 255);
}

.przycisk:active {
    background-color: rgb(31, 62, 78);
    border-color: rgb(171, 133, 80);
    border-width: 3px;
    color: rgb(255, 255, 255);
}

.przycisk:focus {
    background-color: rgb(31, 62, 78);
    border-color: rgb(171, 133, 80);
    border-width: 3px;
    color: rgb(255, 255, 255);
}
.przycisk_szeroki:hover {

    border-color: rgb(171, 133, 80);
    border-width: 3px;
    color: rgb(255, 255, 255);
}

.przycisk_szeroki:active {
    background-color: rgb(31, 62, 78);
    border-color: rgb(171, 133, 80);
    border-width: 3px;
    color: rgb(255, 255, 255);
}

.przycisk_szeroki:focus {
    background-color: rgb(31, 62, 78);
    border-color: rgb(171, 133, 80);
    border-width: 3px;
    color: rgb(255, 255, 255);
}


.utarg:hover {
    background-color: rgb(44, 129, 11);
    border-color: rgb(171, 133, 80);
    border-width: 3px;
    color: rgb(255, 255, 255);
}

.utarg:focus {
    background-color: rgb(178, 42, 43);
    border-color: rgb(171, 133, 80);
    border-width: 3px;
    color: rgb(255, 255, 255);
}

.utarg:active {
    background-color: rgb(178, 42, 43);
    border-color: rgb(171, 133, 80);
    border-width: 3px;
    color: rgb(255, 255, 255);
}

/* .usun_row_button {
    background: rgb(178, 42, 43);
    border-color: rgb(171, 133, 80);
    border-width: 3px;
    width: 50;
} */


.utarg {
    background-color: rgb(178, 42, 43);
    width: 250px;
    border-color: rgb(171, 133, 80);
    border-width: 3px;
    text-transform: uppercase;
    color: rgb(255, 255, 255);

}

.grupa_nazwa {
    background-color: rgb(31, 62, 78);
    width: 250px;
    border-color: rgb(171, 133, 80);
    border-width: 3px;
    text-transform: uppercase;
    color: rgb(255, 255, 255);
    padding: 1em;

}

.wiadomosc {
    background-color: rgb(255, 255, 255);
    font-family: Georgia, 'Times New Roman', Times, serif;
    color: rgb(31, 62, 78);
    border-color: rgb(171, 133, 80);
    border-width: 2px;

}

.wiadomosc_grupy {
    background-color:  rgb(221, 225, 228);
    font-family: Georgia, 'Times New Roman', Times, serif;
    color: rgb(31, 62, 78);
    border-color: rgb(171, 133, 80);
    border-width: 1px;
    padding:  2px;
    text-align: center;
    margin: 0px;


}


a:link {
    color: rgb(31, 62, 78);
    font-family: Arial, Helvetica, sans-serif;
}

/* visited link */
a:visited {
    color: rgb(31, 62, 78);
    font-family: Arial, Helvetica, sans-serif;
}

/* mouse over link */
a:hover {
    color: rgb(31, 62, 78);
    font-family: Arial, Helvetica, sans-serif;
}

/* selected link */
a:active {
    color: rgb(31, 62, 78);
    font-family: Arial, Helvetica, sans-serif;
}

.wiadomosc {
    background-color: rgb(221, 225, 228);
    font-family: Arial, Helvetica, sans-serif;

}

.komentarz {
    background-color: rgb(221, 225, 228);
    font-family: Arial, Helvetica, sans-serif;
    border-color: rgb(171, 133, 80);
    border-width: 1px;

}

.h1 {
    color: rgb(31, 62, 78);
}


.h2 {
    color: rgb(31, 62, 78);
}


.h3 {
    color: rgb(31, 62, 78);
}


.h4 {
    color: rgb(31, 62, 78);
}

.nawigacja {

    background-color: rgb(31, 62, 78);
    color: rgb(171, 133, 80);

}

.zamowienie-nawigacja {
    background-color: rgb(31, 62, 78);
    width: 150px;
}


input[type="checkbox"]:checked {
    background-color: rgb(31, 62, 78);

}

hr {
    border: 1px solid rgb(171, 133, 80);

}

.przycisk-funk {
    background-color: rgb(31, 62, 78);
    color: rgb(255, 255, 255);
    margin-top: 5px;

}

.przycisk-funk:hover {
    background-color: rgb(31, 62, 78);
    color: rgb(255, 255, 255);
}

.przycisk-funk:focus {
    background-color: rgb(31, 62, 78);
    color: rgb(255, 255, 255);
}

.btn {
    margin-top: 5px;
}

.btn-danger {
    width: 150px;
    border-color: rgb(171, 133, 80);
    border-width: 3px;
    text-transform: uppercase;

}

.minus-plus {
    color: rgb(255, 255, 255);

    font-weight: bold;

}

input[type="number"] {
    border-color: rgb(171, 133, 80);
    border-width: 2px;

}

input[type="radio"] {
    border-color: rgb(171, 133, 80);
    border-width: 2px;

}


.select {
    border-color: rgb(171, 133, 80);
    border-width: 1px;
}


.data_picker {
    border-color: rgb(171, 133, 80);
    border-width: 3px;
    width: 150px;

}

.inputy-ilosci {
    width: 80px;
    border-width: 1px;
    text-align: center; 
}

.ilosc-zamawiana {
    width: 100px;
    height: 50px;
    text-align: center; 
}

.belki_sklepy_zamowily {
    background-color: rgb(44, 129, 11);
    width: 250px;
    border-color: rgb(171, 133, 80);
    border-width: 3px;
    color: rgb(255, 255, 255);

}
.belki_sklepy_zrealizowane {
    background-color:  rgb(250, 176, 72);
    width: 250px;
    border-color: rgb(171, 133, 80);
    border-width: 3px;
    color: rgb(255, 255, 255);

}

.belki_sklepy_zamowily:hover {

    border-color: rgb(171, 133, 80);
    border-width: 3px;
    color: rgb(255, 255, 255);
}

.belki_sklepy_zrealizowane:hover {

    border-color: rgb(171, 133, 80);
    border-width: 3px;
    color: rgb(255, 255, 255);
}


.stopka {
    background-color: rgb(31, 62, 78);
    color: rgb(255, 255, 255);
    border-width: 2px;
    padding: 3px;
}

.cena {
    background-color: rgb(31, 62, 78);
}

.badge_nowe {
    background-color: rgb(44, 129, 11);
    min-width: 90px;
}

.badge_zrealizowane {
    background-color:  rgb(250, 176, 72);
    min-width: 90px;
}