:root {
    --border-color: rgba(0,0,0,0.17);
    --btn-bg-primary-color: #a5c52d;
    --btn-bg-primary-color-hover: #8fb814;
    --btn-bg-secondary-color: #0d6efd;
    --btn-bg-secondary-color-hover: #0b5ed7;
    --btn-bg-danger-color: #dc3545;
    --btn-bg-danger-color-hover: #bb2d3b;
    --body-font-size: 0.875rem;
    --body-line-height: 1.5;
    --body-color: #000;
    --body-secondary-color: #3c5579;
    --body-bg: #fff;
}
body {
    margin: 8px;
    margin-bottom: 0;
    font-size: var(--body-font-size);
    line-height: var(--body-line-height);
    color: var(--body-color);
    background-color: var(--body-bg);
}
code {color: #00c}
.strong-red{color:#b00;font-weight:700}
.small-gray{font-size:80%;color:#666;font-weight:400}
hr{border-width:0 0 1px 0;border-style:solid;border-color:rgba(0,0,0,0.08);height:0;margin:.5rem 0}
/* Pola dawnych formularzy bez klas Bootstrapa; .form-control/.form-select zostają przy wyglądzie Bootstrapa. */
input[type=text]:not(.form-control), input[type=date]:not(.form-control), textarea:not(.form-control), select:not(.form-select){border-radius:4px;border:1px solid var(--border-color)}
@media print {
    .noprint {display:none;visibility:hidden}
}
footer{clear:both; margin-top:10px; padding-top:5px; border-top: solid 1px rgba(0,0,0,.05);background-color:#f6f6f6}

.sprzedaz{background-color:#4aa887;border-color: #469e7f}
.sprzedaz:hover{background-color:#4aa887cc;border-color: rgba(70, 158, 127, 0.8)}
.logout{background-color:#ab2b2b; border-color: #9e2b2b}
.logout:hover{background-color:#ab2b2bdd; border-color: rgba(158, 40, 40, 0.87)}
/* Menu strony głównej: przycisk wypełnia komórkę siatki Bootstrapa (szerokość z .row-cols-*, nie z CSS),
   za długa etykieta ucinana wielokropkiem (pełna w title). Na telefonie (xs) etykieta zawija się
   zamiast ucinać, a przycisk jest wyższy - wygodniejszy cel dotyku; height 100% wyrównuje wiersz. */
.menu-home .col > .btn-roll {width: 100%; height: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
@media (max-width: 767.98px) {
	.menu-home .col > .btn-roll {padding-top: .5rem; padding-bottom: .5rem}
}
@media (max-width: 575.98px) {
	.menu-home .col > .btn-roll {white-space: normal; line-height: 1.25}
}
.menu-home i {font-size: 1.125em; }
/* Tło strony logowania (body w layout.phtml) - gradientu wielopunktowego Bootstrap nie ma; reszta strony z klas BS. */
.login-page_back {background-color: hsl(74, 75%, 28%); background-image: radial-gradient(at 0% 99%, hsl(194, 100%, 46%) 0, transparent 70%), radial-gradient(at 99% 1%, hsla(73, 90%, 62%, 1) 0, transparent 60%)}
.login-page {min-height: 100vh;	margin: 0; background-color: #123e35;	background-image:	radial-gradient(ellipse at 95% 0%, rgba(190, 218, 83, 0.78) 0%, rgba(190, 218, 83, 0) 58%),	radial-gradient(ellipse at 0% 100%, rgba(24, 151, 155, 0.65) 0%, rgba(24, 151, 155, 0) 60%), linear-gradient(135deg, #102e29 0%, #225744 55%, #365b32 100%);background-attachment: fixed;}
#order i, .ui-jqgrid-htable i {font-size: 1.7em; }
.small95 {font-size: 11px!important;}
.small90 {font-size: 10px!important;}
.reqlab::after {content: "*";color: red;font-size: 1.3rem}
.big_badge {font-size: 0.87em!important; text-transform: capitalize;}
.text-orange {color: #d87503 !important;}