@import "style.css?20230129";
.rabat { display: inline-block; padding: 3px 5px; color: #fff; border-radius: 3px; background: red; font-family: Arial; font-weight: 900; text-shadow: 1px 1px rgba(0,0,0,0.2); cursor: default; }
.red { color: red; }
#punkt-score-box { display: flex; flex: initial; white-space: nowrap; color: #fff; height: 100%; line-height: var(--topbarHeight); padding: 0px 6px; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2); }
#punkt-score-box > * { flex: initial; width: auto; padding: 0px 3px; line-height: var(--topbarHeight); }
#punkt-score-box > div { font-size: 1.5rem; font-weight: 700; }
#punkt-score-box > div > * {  line-height: var(--topbarHeight); }

.topbar-punkt { display: flex; color: #fff; align-items: center; padding: 0px 8px; }
.topbar-punkt > div:nth-child(2) { text-align: left; padding-left: 4px; }
.topbar-punkt strong { display: block; }
.topbar-punkt strong + * { font-size: 0.8rem; display: block; margin-top: -2px; }

/*TABS*/
.tabs-button { display: block; border-bottom: 1px solid #ddd; text-align: left; margin-bottom: 12px; }
.tabs-button > div { display: inline-block; border-bottom: none; padding-right: 1px }
.tabs-button > div > button { background: #eee;display: inline-block; border-radius: 2px 2px 0px 0px; border-bottom: none; border-color: #ddd; padding: 12px; color: #888; }
.tabs-button > div > button:hover { color: #000; background: #eee; border-color: #ddd !important }
.tabs-button > div > button.active { padding-bottom: 13px; margin-bottom: -1px; color: #000; background: #fff ; border: 1px solid #ddd; border-bottom: none; }
.jq-box .tabs-button { margin: 12px -30px 30px -30px; padding: 0px 30px; }

.pracownik-box { }
.pracownik-box .flex { align-items: center; }
.pracownik-box .user-name { font-weight: bold; font-size: 1.6rem; }
.pracownik-box .user-role { text-transform: uppercase; color: #aaa; fonr-size: 1.4rem; }
.pracownik-box .user-info { font-size: 1.1rem; padding-top: var(--padding); }
.pracownik-box .user-avatar { flex: initial; padding-right: var(--padding); }
.pracownik-box .user-avatar img { height: 120px !important; width: 120px !important; border-radius: 3px; }
.box-content .table-list { margin: 0px -16px -16px -16px !important; }
.box-content .filtr-form { margin: -18px -18px 0px -18px !important; margin-bottom: 18px; padding-bottom: 18px !important; border-bottom: 1px solid #eee; }

.jq-box { backdrop-filter: none; }

.sprzedawca-stat {  }
.sprzedawca-stat > div:nth-child(1) { width: 80px; text-align: center; margin-right: 20px; }
.sprzedawca-stat .name { font-size: 1.5em; font-weight: bold; }
.sprzedawca-stat .points { color: #888; font-size: 1em; margin-bottom: 20px; }
.sprzedawca-stat .points + div { display: flex; }
.sprzedawca-stat .points + div > div { padding-right: 40px; }
.sprzedawca-stat .avatar { width: 40px; height: 40px; display: block; margin: 0px; }