/* latin-ext */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofAnsSUb-vIWzgPDEtj.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofAnsSUYevIWzgPDA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v16/XRXV3I6Li01BKofIO-aBTMnFcQIG.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v16/XRXV3I6Li01BKofINeaBTMnFcQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofA6sKUb-vIWzgPDEtj.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofA6sKUYevIWzgPDA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofAjsOUb-vIWzgPDEtj.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofAjsOUYevIWzgPDA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofAksCUb-vIWzgPDEtj.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofAksCUYevIWzgPDA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


:root {
    --blue: #CCC;
}

body {
    margin: 0;
    font-size: 14px;
    width: 100%;
    height: 100%;
    min-width: 320px;
    -webkit-text-size-adjust: 100%;
    color: #718093;
    background-color: #f5f8ff;
}

* {
    font-family: 'Nunito', sans-serif;
    outline: none;
    box-sizing: border-box;
    transition: none !important;
}

img,
a {
    border: 0 none;
    outline: 0;
    text-decoration: none
}

img {
    max-width: 100%;
}

.wrapper {
    height: 100%;
    width: 100%;
}

.container-fluid,
.container-header {
    max-width: 1920px;
}

.container-header {
    width: 100%;
    margin: 0 auto;
}

/* HEADER */

header {
    background: #313a46;
    padding: 0;
    z-index: 3;
    position: sticky;
    left: 0;
    top: 0;
    width: 100%;
}

header .container-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

header .container-header > * {
    margin: 0 20px
}

header .container-header .main_menu,
header .container-header .header_icons {
    white-space: nowrap;
}

header .logo img {
    width: 90px;
}

header .menu_icon {
    width: 25px;
    margin: 0 20px 0 0;
    cursor: pointer;
    display: none;
}

header .menu_icon:hover {
    opacity: 0.8;
}

.search_form {
    max-width: 300px;
    display: none;
    position: absolute;
    left: 50%;
    top: 77px;
    transform: translateX(-50%);
    width: 90%;
    z-index: -1;
}

.search_form input {
    background: #FFF;
    border: none;
    padding-left: 15px;
    position: relative;
    font-size: 14px;
}

.search_form .btn-secondary {
    color: #fff;
    background-color: #445468;
    border-color: #445468;
    border-radius: 0 3px 3px 0 !important;
    font-size: 14px;
    padding: 8px 15px;
}

.search_form ::-webkit-input-placeholder {
    color: #718093;
}

.search_form ::-moz-placeholder {
    color: #718093;
}

.search_form :-ms-input-placeholder {
    color: #718093;
}

.search_form :-moz-placeholder {
    color: #718093;
}

.search_autocomplete {
    display: none;
    position: absolute;
    width: calc(100% + 200px);
    z-index: 6;
    left: 0;
    top: 38px;
    background: #FFF;
    padding: 10px 20px 0px 10px;
    border: 1px solid #EEE;
}

.search_autocomplete ul {
    padding-left: 0;
}

.search_autocomplete li {
    list-style: none;
    border-bottom: 1px solid #F5F5F5;
}

.search_autocomplete li:last-of-type {
    border-bottom: none;
}

.search_autocomplete li a {
    font-size: 13px;
    padding: 5px 0;
    display: block;
}

.search_autocomplete li a span {
    max-width: 70%;
    display: inline-block;
}

.search_autocomplete li a strong {
    float: right;
    text-align: right;
    color: #333;
}

.search_autocomplete .spinner-border {
    width: 20px;
    height: 20px;
}

.user_bar {
    line-height: 16px;
    position: relative;
    align-self: stretch;
    display: flex;
    align-items: center;
}

.user_bar div {
    float: left;
}

.user_bar strong {
    color: #FFF;

}

.user_bar span {
    color: #718093;
    font-size: 14px;
}

.user_bar:hover .account_menu {
    display: block;
}

.circle {
    background: #445468;
    color: #FFF;
    border-radius: 50%;
    text-align: center;
    width: 34px;
    height: 34px;
    line-height: 35px;
    font-weight: 800;
    font-size: 14px;
    margin-right: 10px;
    text-transform: uppercase;
}

.account_menu {
    position: absolute;
    background: #FFF;
    border: 1px solid #e7ebf0;
    display: none;
    padding: 0;
    width: 100%;
    top: 100%;
    min-width: 200px;
    right: -15px;
    left: inherit;
    box-shadow: 0 0 35px 0 rgba(154, 161, 171, .15);
}

.account_menu a {
    display: block;
    padding: 10px 5px 10px 20px;
    border-bottom: 1px solid #EEE;
}

.account_menu a:hover {
    background: #FAFBFE;
}

.header_icons {
    margin-left: auto !important;
    position: relative;
}

.dark_tip {
    position: absolute;
    left: calc(-50% - 5px);
    bottom: -53px;
    min-width: 100%;
    padding: 10px 35px 10px 20px;
    white-space: nowrap;
    background: #212529;
    color: #dee2e6;
    border-radius: 5px;
    font-weight: 600;
    font-size: 12px;
}

.dark_tip span {
    position: absolute;
    right: 8px;
    top: 16px;
    color: #F00;
    transform: rotate(45deg);
    font-size: 28px;
    padding-left: 5px;
    display: inline-block;
    line-height: 0;
    cursor: pointer;
}

.dark_tip:before {
    content: '';
    position: absolute;
    left: calc(50% - 10px);
    top: -9px;
    width: 20px;
    height: 20px;
    transform: rotate(45deg);
    background: #212529;
    color: #dee2e6;
}

.header_icons > * {
    display: inline-block;
}

.header_icons i {
    font-size: 20px;
    color: #718093;
    cursor: pointer;
    margin: 0 7px;
}

.header_icons i:before {
    font-weight: 900 !important;
}

.header_icons i:hover {
    color: #d7b78f;
}

.notifications {
    position: relative;
}

.notifications strong {
    background: #C00;
    color: #FFF;
    border-radius: 50%;
    position: absolute;
    top: -2px;
    right: 0;
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    font-size: 11px;
    font-weight: 400;
}

#header_notifications_list {
    max-width: 400px;
    max-height: 60vh;
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    right: 0px;
    top: 60px;
    width: 90%;
    z-index: -1;
    border: 1px #CCC solid;
    border-radius: 5px;
    padding: 10px;
    display: none;
}

#header_notifications_list * {
    color: inherit;
}

#header_notifications_list .envelope_icon {
    font-size: 20px;
    padding-right: 0;
}

#header_notifications_list .message {
    padding-left: 0;
}

#header_notifications_list .row {
    align-items: center;
}

#header_notifications_list .text-truncate br,
.notifications_list .text-truncate br,
.notifications_management .text-truncate br,
#header_notifications_list .text-truncate button,
.notifications_list .text-truncate button,
.notifications_management .text-truncate button {
    display: none;
}

.sticky_header {
    position: sticky;
    top: 58px;
    border-bottom: solid 2px;
    z-index: 2;
    background: inherit;
}

/* MENU */

.close_menu_icon {
    display: none;
}

nav.main_menu ul {
    padding-left: 0;
    margin-bottom: 0;
}

nav.main_menu ul li {
    list-style: none;
}

nav.main_menu ul li a strong {
    font-size: 12px;
    background: #bca586;
    padding: 1px 4px;
    border-radius: 8px;
    font-weight: 600;
    margin-top: 3px;
    color: #313A46;
}

nav.main_menu ul.submenu {
    display: none;
    max-height: calc(100vh - 60px);
    overflow-y: auto;
}

nav.main_menu ul:not(.submenu) li {
    display: inline-block;
}

nav.main_menu ul:not(.submenu) li a {
    display: block;
    font-size: 15px;
    color: #FFF;
    padding: 18px 12px;
    cursor: pointer;
}

nav.main_menu ul:not(.submenu) li:hover ul.submenu {
    display: block;
    position: absolute;
    background: #313A46;
}

nav.main_menu ul.submenu li {
    display: block;
}

nav.main_menu ul.submenu li a {
    display: block;
    padding: 8px 14px;
}

nav.main_menu ul li a {
    color: #FFF;
    font-size: 15px;
}

nav.main_menu ul li a:hover,
nav.main_menu ul li a.active {
    background: #445468;
    color: #FFF !important;
}

nav.main_menu > ul > li > a > i {
    margin-right: 3px;
    font-size: 15px;
}

a,
.nav-link {
    color: #2f80ec;
}

.version {
    margin-top: auto;
}

body:not(.full_page) .main_content > div {
    min-height: calc(100vh - 108px);
    padding: 15px 10px 30px 10px;
}

.full_container {
    min-height: 100vh;
}


input:focus,
button:focus,
.btn {
    outline: none !important;
    box-shadow: none !important;
}

.table {
    margin-bottom: 0;
}

.table td {
    vertical-align: middle
}

.status {
    font-size: 14px;
    display: inline-block;
    padding: 3px 10px;
    border-radius: 3px;
    color: #FFF;
}

.summary {
    font-size: 22px;
    margin: 40px 0;
    text-align: center;
}

.statusGood {
    background: #478a03;
}

.statusBad {
    background: #B00;
}

.statusInfo {
    background: #007bff;
}

.opacity_table {
    opacity: 0.5;
}

.disabled > .page-link, .page-link.disabled {
    background-color: unset;
}

.editor {
    border: 1px solid #ccc;
    padding: 10px;
    min-height: 100px;
    width: 100%;
    border-radius: 4px;
    outline: none;
    line-height: 1.5;
    position: relative;
}
.editor:focus {
    border-color: #007bff;
}

.mention {
    background: #e0f0ff;
    color: #0056b3;
    border-radius: 3px;
    padding: 2px 4px;
    font-weight: 500;
    user-select: all;
}

.user_dropdown {
    position: absolute;
    border: 1px solid #ccc;
    background: #fff;
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    max-height: 150px;
    overflow-y: auto;
    border-radius: 4px;
    z-index: 1000;
}
.user_dropdown li {
    padding: 8px 12px;
    cursor: pointer;
    font-size: 14px;
}
.user_dropdown li:hover, .user_dropdown li.active {
    background: #f0f0f0;
}

.comment_mention {
    font-weight: bold;
    text-decoration: underline;
}

table.dataTable tbody > tr.selected,
table.dataTable tbody > tr.selected > * {
    background-color: #aebbca !important;
    --bs-table-accent-bg: #aebbca !important;
    color: #000 !important;
    box-shadow: none !important;
}


table.dataTable td.select-checkbox::before,
table.dataTable th.select-checkbox::before {
    content: '';
    position: absolute;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%);
    width: 16px !important;
    height: 16px !important;
    margin-top: 4px !important;
    margin-left: 0 !important;
    background: #FFF;
    border: 1px solid #CCC !important;
    background: #FFF;
    border-radius: 3px;
}

table.dataTable th.select-checkbox::before {
    margin-top: 0px !important;
}

table.dataTable tbody tr.selected td.select-checkbox::before,
table.dataTable thead th.select-checkbox.selected::before {
    background: #313a46;
    border: 1px solid #313a46 !important;
    content: none;
}

table.dataTable td.select-checkbox::after,
table.dataTable th.select-checkbox::after {
    content: "\f272" !important;
    position: absolute;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%);
    color: #FFF;
    font-weight: 600;
    font-family: bootstrap-icons !important;
    font-size: 14px !important;
    margin-top: 1px !important;
    margin-left: -1px !important;
    text-shadow: none !important;
    z-index: 2;
}

.orders_list table.dataTable.content_top td.select-checkbox::before,
.orders_list table.dataTable.content_top th.select-checkbox::before,
.orders_list table.dataTable.content_top td.select-checkbox::after,
.orders_list table.dataTable.content_top th.select-checkbox::after {
    top: 0.5rem !important;
    transform: translateX(-50%) !important;
}

table.dataTable tbody tr.selected a {
    color: #0d6efd !important;
}

.with_select tr th:nth-child(2),
.with_select tr td:nth-child(2) {
    display: none;
}

table.dataTable th.select-checkbox {
    position: relative;
}

table.dataTable th.select-checkbox.selected::before {
    background: #313a46;
    border: 1px solid #313a46 !important;
}

.select-checkbox span {
    display: none;
}

.filters th.select-checkbox:before,
.filters th.select-checkbox:after {
    display: none !important;
}

.table th.hidden { /* Ukrywanie nagłówków o klasie hidden, zanim zrobi to JS */
    display: none;
}

table.dataTable .select_disabled .select-checkbox::before {
    background-color: #efefef;
}

table.dataTable .select_disabled .select-checkbox::after {
    color: #efefef;
}

.red_row {
    background: linear-gradient(transparent, #ffdfdf 20%, #ffdfdf 80%, transparent) !important;
}

.fixed_bar {
    display: none;
    position: fixed;
    left: 0;
    bottom: 0;
    text-align: center;
    background: #FFF;
    padding: 10px;
    width: 100%;
    z-index: 10;
    box-shadow: 0 0 15px -3px #CCC;
}

.collapsed_menu .fixed_bar {
    left: 80px;
    width: calc(100% - 80px);
}

.totals_with_currency {
    display: inline-grid;
    grid-template-columns: repeat(2, 1fr);
    font-size: 15px;
}

.dt-container {
    position: relative;
    overflow: hidden;
}

.image_preview {
    display: flex;
    width: 100px;
    height: 100px;
    padding: 10px;
    border: 1px solid #EEE;
    margin-bottom: 10px;
    align-items: center;
}

.check_i{
    margin: 0 0 0 10px!important;}

.check_i:before{
    font-size: 18px;
    margin: 2px 0 -2px 0;
    overflow: hidden;
}

.preview {
    cursor: pointer;
}

.preview_window {
    background: #FFF;
    position: absolute;
    right: 0;
    top: 13%;
    width: 65%;
    height: 75%;
    border: 1px solid #EEE;
    display: none;
    padding: 0;
    box-shadow: -60px 0 50px 0px #FFF;
    overflow-y: auto;
    overflow-x: hidden;
}

.preview_window.as_popup {
    position: fixed;
    width: 95%;
    max-width: 800px;
    right: unset;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 80%;
    max-height: 550px;
    box-shadow: 0 0 1px 3000px rgba(0, 0, 0, 0.3);
    z-index: 9;
}

.preview_header {
    background: #313a46;
    color: #FFF;
    padding: 12.5px 20px;
    font-size: 16px;
    position: relative;
}

.preview_header p {
    margin-bottom: 0;
}

.preview_close {
    position: absolute;
    right: 15px;
    top: 0px;
    color: #F00;
    transform: rotate(45deg);
    font-size: 46px;
    line-height: 1;
    cursor: pointer;
}

.preview_window a:hover {
    color: inherit;
    opacity: 0.8;
}

.preview_detalis {
    padding: 20px;
}

.p_order_status {
    border: 1px solid #333;
    border-radius: 3px;
    display: inline-block;
    padding: 3px 10px;
    font-size: 16px;
    margin-left: 10px;
    transform: translateY(-5px);
}

.range_checkbox {
    margin-bottom: 9px;
}

.auto_date_status {
    width: 18px;
    cursor: pointer;
}

.hidden_default {
    display: none;
}

body.auctions_list footer {
    margin-bottom: 55px;
}

#edit_selected {
    margin-left: 20px;
}

.form-control-sm {
    width: 70px;
    margin: 0 auto;
}

.table_variations .form-control-sm {
    width: 100px;
    margin: inherit;
}

.form-select:focus {
    box-shadow: none;
}

input[type="text"].disabled,
input[type="number"].disabled,
select.disabled {
    background-color: #e9ecef;
    color: #212529;
}

input[type="text"].disabled:focus,
input[type="number"].disabled:focus {
    background-color: #e9ecef;
}

.input-group > .form-control:focus {
    z-index: 2;
}

.ui-front {
    z-index: 2;
}

.space_bar {
    width: 60px;
    height: 12px;
}

.status_bar {
    width: 100%;
    height: 4px;
    background: #DDD;
    margin-bottom: 2px;
    border-radius: 3px !important;
    overflow: hidden;
}

.mail_preview_container {
    background: #F1F3FA;
    padding: 40px 20px;
    margin: 0;
    color: #333;
    max-height: 50vh;
    min-height: 400px;
    overflow: auto;
}

.preview_window .status_bar {
    margin-bottom: -2px;
    margin-top: 1px;
}

.status_bar div {
    height: 4px;
    float: left;
}

.status_bar_desc {
    width: 100%;
    margin-bottom: 2px;
    overflow: hidden;
}

.status_bar_desc div {
    white-space: nowrap;
    float: left;
    padding-left: 5px;
    font-size: 16px;
    overflow: hidden;
}

.date_range {
    visibility: hidden;
    height: 0;
}

.date_range_type label {
    font-size: 12px;
    padding: 0px 7px;
    margin-top: -2px;
}

.invalid-feedback {
    font-size: 13px;
}

.invalid-feedback a {
    color: #dc3545;
    font-weight: 600;
    text-decoration: underline;
}

tr.filters td {
    font-size: 0;
}

tr.group td {
    border-left: 10px solid #EEF2F7;
}

#raty_container {
    margin-top: 30px;
}

.table_allegro td span.circle_info {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    font-size: 0;
    background: #DDD;
}

.table_allegro td.child span.circle_info {
    margin: 0;
    width: 10px;
    height: 10px;
}

.table_allegro td span.green {
    background: #68bb05;
}

.table_allegro td span.red {
    background: #f77;
}

body.allegro_list .form-control-sm {
    min-width: 150px;
}

.dtr-details {
    padding-left: 10px;
    width: 100%;
}

.dtr-details li {
    list-style: none;
}

.dtr-details .alert {
    padding: 2px 10px;
}

.dtr-title {
    font-weight: 600;
}

.thumbs_grid{
    display: inline-grid;
    grid-gap: 5px;
}

.thumb{
    width: 70px;
    height: 70px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    background-color: #CCC;
    display: block;
    float: right
}


.thumbs_grid .thumb:nth-child(1){
    grid-column: 1;
    grid-row: 1/3;
}

.thumbs_grid .thumb:nth-child(2){
    grid-column: 2;
    grid-row: 1;
    width: 33px;
    height: 33px;
}

.thumbs_grid .thumb:nth-child(3){
    grid-column: 2;
    grid-row: 2;
    width: 33px;
    height: 33px;
}

.thumb:hover{
    opacity: 0.8;
}

.comm{
    max-width: 200px;
    font-size: 13px;
}

.ksef{
    color: #333;
    font-weight: 800;
    letter-spacing: 0.5px;
}

.ksef span{
    color: #dc0032;
}

.btn-outline-secondary:hover .ksef {
    color: #FFF;
}

.count_info {
    border-radius: 5px;
    display: inline-block;
    text-align: center;
    font-weight: 600;
    padding: 2px 10px;
    font-size: 13px;
    min-width: 50px;
}

.green_info {
    color: #3a932d !important;
    background: #3a932d1a;
}

.green_info i {
    color: #3a932d !important;
}

.red_info {
    color: #900 !important;
    background: #FFEBEB;
}

.red_info i {
    color: #900 !important;
}

.card_desc .green_info,
.card_desc .red_info {
    background: none;
}

.orange_info {
    color: #F60;
    background: #FF660024;
}

.orange_info i {
    color: #F60 !important;
}

.yellow_info {
    color: #725101;
    background: rgba(255, 232, 137, 0.78);
}

.grey_info {
    color: #999;
    background: #BEBEBE30;
}

.purple_info {
    color: #5b1d8c;
    background: #e4cbff;
}

.blue_info {
    color: #041ef0d6;
    background: #82B8FA57;
}

.price_block {
    background: #f8f9fc;
    padding: 20px 20px;
    margin: 16px 0px;
    border-radius: 5px;
}

.price_block img {
    height: 18px;
}

.price_block p {
    font-size: 14px;
}

.price_block .input-group-text {
    font-size: 14px;
    padding: 0 10px;
}

.green_background_blink,
.green_background_blink > * {
    animation: greenblink 2s;
    animation-iteration-count: 1;
    --bs-table-bg: none;
}

.green_input {
    animation: greenblink 1s;
    animation-iteration-count: 1;
}

@keyframes greenblink {
    30% {
        background-color: #AFE1AF;
    }

}

.red_background_blink,
.red_input {
    animation: redblink 3s;
    animation-iteration-count: 1;
}

.red_input {
    animation: redblink 3s;
    animation-iteration-count: 1;
}

@keyframes redblink {
    10% {
        background-color: #ffcccc;
    }

}

body:not(.full_page) .collapsed_menu .main_content {
    margin-left: 80px;
}

body.login .main_content {

}

.logout_btn {
    font-size: 30px;
    margin-top: 15px;
    display: block;
}

body.full_page {
    background: url('/images/login-bg.jpg') repeat center center;
    background-size: cover;
}

.password_error {
    display: none;
    color: #B00;
    font-size: 14px;
}

.fake_input {
    visibility: hidden;
    height: 0;
    width: 0;
    position: absolute;
}

.active_email {
    font-size: 20px;
    font-weight: 700;
    color: #313a46;
}

.breadcrumbs {
    float: right;
}

.breadcrumbs i {
    color: #999;
}


.bg-white {
    box-shadow: 0 0 35px 0 rgba(154, 161, 171, .15);
}

body:not(.full_page) .main_content .bg-white {
    padding: 30px;
}

h3 {
    color: #333;
}

.login_header {
    padding: 50px 10px 0px 50px;
}

.login_header img {
    width: 130px;
}

button i {
    margin-right: 5px;
}

body.login .form-control {
    background: #fafbfe;
}

.form-label {
    font-weight: 600;
    font-size: 15px;
}

.btn {
    font-size: 14px;
}

.btn-xs {
    font-size: 12px;
    padding: 2px 5px !important;
    border-radius: 3px;
}

.btn-primary,
.btn-check:checked + .btn-outline-primary {
    font-weight: 600;
    color: #fff;
    background-color: #1473e6;
    border-color: #1473e6;
}

/*

.btn-primary:not(.btn-sm):not(.btn-lg):not(.btn_default):not(#confirm_edit_btn){
	font-size: 15px;
	padding: 7px 15px;
}

*/

.btn .bi:before {
    font-weight: 800 !important;
    font-size: 16px;
}

.alert {
    padding: 8px 15px
}

.alert i {
    margin-right: 7px;
}

.alert .btn-close {
    margin: 2px -5px 0 7px;
    font-size: 11px;
}

.table_alert {
    padding: 2px 15px;
    float: left;
    margin: 10px 0 -5px 0;
}

.bi-box-arrow-in-right:before {
    font-weight: 600 !important;
}

.form-control:focus {
    box-shadow: none;
    border-color: #d7b78f;
}

h2 {
    color: #333;
    font-weight: 800;
}

.auth_left {
    background: #F3F5FF;
    min-height: 480px;
    border-radius: 5px 0 0 5px
}

.auth_left img:nth-child(1) {
    width: 280px;
    margin-bottom: 40px;
}

.auth_left img:nth-child(2) {
    width: 180px;
}

.login_row {
    width: 97%;
    max-width: 1000px;
    overflow: hidden;
}

.login_text {
    color: #6c757d;
    font-size: 20px;
    font-weight: 700;
    margin-top: 10px;
}

.login_subtext {
    color: #98a6ad;
    margin-bottom: 25px;
}

.reveal {
    cursor: pointer;
}

.reveal:hover {
    opacity: 0.9;
}

label {
    font-weight: 600;
}


input:-webkit-autofill::first-line {
    font-size: 1rem;
}

table.dataTable {
    width: 100% !important;
    margin-top: 20px;
}

table.dataTable tr {
    border-bottom: 1px solid #f1f1f1;
}

.collapsed_icon {
    display: block;
    float: left;
    margin: -2px 0 0 0;
}

.delete_icon {
    color: #900 !important;
    font-size: 14px;
    margin: -2px 0px 0 10px;
    display: block;
    float: left;
}

.delete_icon_lg {
    color: #900 !important;
}

.delete_icon_lg:before {
    font-weight: 900 !important;
}

.delete_icon_lg.grey {
    color: #CCC !important;
}

.red_txt {
    color: #900;
}

.grey_txt {
    color: #8c8c8ca3;
}

.orange_txt {
    color: #ec9900;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .15s ease;
    -o-transition: height .15s ease;
    transition: height .15s ease;
}

.variation_item {
    cursor: pointer;
    background: #f4f5f7;
    margin: 10px 0;
    border-radius: 5px;
    align-items: center;
}

.variation_item:hover {
    opacity: 0.9;
}

.variation_item .bi-chevron-up {
    font-size: 24px;
    line-height: 0;
    padding: 0;
    margin: -2px 10px -2px 0;
    display: block;
    font-weight: 600;
    float: right;
    transition: all 0.2s;
}

.variation_item.collapsed .bi-chevron-up {
    transform: rotate(180deg);
}

.variation_item .delete_icon {
    font-size: 18px;
    float: right;
    margin-right: 10px;
}

.variation_item:not(.collapsed) {

}

.variation_item p {
    margin-bottom: 0;
}


.bi-person-plus:before {
    font-weight: 800 !important;
}

.macro_row {
    padding: 15px 30px !important;
}

.macro_row .form-check-input:checked {
    background-color: #146c43;
    border-color: #146c43;
}

.macro_state {
    margin: 4px 0 0 0 !important;
}

.table.with_wraps td {
    white-space: normal;
}

.table i {
    font-size: 18px;
    margin: 0 5px;
    color: #98a6ad;
    line-height: 0;
}

.table button i {
    color: #FFF;
}

.table button.btn .bi::before {
    font-weight: 400 !important;
}

.table.compact_table i {
    font-size: 16px;
}

.table.compact_table i.bi-telephone,
.table.compact_table i.bi-envelope {
    font-size: 14px;
}

.table.dataTable:not(.content_top) td {
    vertical-align: middle;
}

.table.dataTable.content_top td {
    vertical-align: top;
}

.table.dataTable:not(.compact_table) td {
    padding: 14px 20px;
}

.compact_table td {
    padding: 0.5rem 0.25rem;
}

table.dataTable > thead tr.filters .sorting::before,
table.dataTable > thead tr.filters .sorting::after {
    display: none;
}

.compact_table {
    font-size: 12px;
}

.compact_table .status_info {
    font-size: 12px;
    padding: 2px 5px;
}

.table .second_line,
.table .line2,
.table.orders_table span {
    display: block;
    color: #8c8c8ca3;
}

footer {
    background: #fafbfe;
}

.home_chart {
    position: relative;
    height: 380px;
}

/* NOWY PANEL GŁÓWNY */

.home_grid .first_row {
    display: grid;
    grid-template-columns: 45% auto;
    grid-gap: 20px;
    margin-bottom: 20px;
}

.home_grid .widgets {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
}

.home_grid .selling_points_results {
    height: 380px;
    font-weight: 600;
    position: relative;
    overflow: hidden;
}

.home_grid .selling_points_results > p {
    border-bottom: 1px solid #dee2e6;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.home_grid .selling_points_results .scrollable {
    display: flex;
    height: 90%;
    overflow-y: auto;
}

.home_grid .selling_points_results:after {
    content: '';
    position: sticky;
    left: 0;
    bottom: -30px;
    height: 5px;
    width: 100%;
    background: #FFF;
    box-shadow: 0 0 35px 35px #FFF;
    display: block;
}

.home_grid .selling_points_results table.sp_header_table {
    width: 100%;
    text-align: center;
}

.home_grid .selling_points_results table.sp_header_table.less_width {
    width: calc(100% - 20px);
}

.home_grid .selling_points_results table.sp_table {
    min-height: 70%;
    margin-bottom: 40px;
}

.home_grid .selling_points_results small {
    color: #98a6ad;
    display: block;
    font-weight: 600;
}

.online_sale_table {
    text-align: center;
    table-layout: fixed;
}

.online_sale_table td {
    font-size: 18px;
    font-weight: 600;
    padding: 20px 5px;
}

.online_sale_subtable {
    width: 100%;
    table-layout: fixed;
    text-align: center;
    margin: 20px 0;
    color: #98a6ad;
}

.online_sale_subtable td {
    font-size: 13px;
    padding: 8px 5px;
    border-bottom: 1px dashed #dee2e6;
}

.online_sale_table tr th:first-child,
.online_sale_table tr td:first-child {
    text-align: left;
}

table.sp_table span {
    background: none;
    display: block;
    font-weight: 700;
}

.home_grid .selling_points_results table.sp_table span {
    font-size: 12px;
}

.home_grid .selling_points_results table.sp_table i {
    font-size: 14px;
    margin-right: -15px;
}

.home_grid .lists {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
}

.table-striped > tbody > tr:nth-of-type(even) > * {
    background: #F9F9F9;
    --bs-table-accent-bg: none;
    --bs-table-bg-type: none;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
    background: #FFF;
    --bs-table-accent-bg: none;
    --bs-table-bg-type: none;
}

.refresh {
    animation: blinker 1s linear;
}

@keyframes blinker {
    50% {
        filter: brightness(1.2);
    }
}

/* KONIEC */

body.home .row > div {
    padding-left: 9px;
    padding-right: 9px;
}

.ui-widget.ui-widget-content {
    max-height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.total,
.total_price {
    font-weight: 600;
    font-size: 20px;
}

.total {
    text-align: right;
}

.was-validated .form-check-input:valid ~ .form-check-label {
    color: #000;
}

.ext_status_info {
    border: solid 1px;
    border-radius: 5px;
    display: inline-block;
    text-align: center;
    font-weight: 700;
    padding: 3px 5px;
    font-size: 12px;
    line-height: 1;
}

.status_info {
    border-radius: 5px;
    display: inline-block;
    text-align: center;
    font-weight: 600;
    padding: 4px 10px;
    font-size: 13px;
}

.dataTable .status_info i {
    font-size: 15px;
    margin: 0 1px 0 3px;
}

h2 .status_info {
    font-size: 16px;
    vertical-align: middle;
    padding: 6px 20px;
    margin: -10px 0 0 10px;
}

.status_good {
    font-size: 30px;
    font-weight: 900;
    color: #478a03;
}

.status_bad {
    font-size: 30px;
    font-weight: 900;
    color: #B00;
}

.status {
    font-size: 14px;
    display: inline-block;
    padding: 3px 10px;
    border-radius: 3px;
    color: #FFF;
}

.summary {
    font-size: 22px;
    margin: 40px 0;
    text-align: center;
}

.statusGood {
    background: #478a03;
}

.statusBad {
    background: #B00;
}

.statusInfo {
    background: #007bff;
}

.dt-search {
    display: flex;
    justify-content: end;
    flex-wrap: wrap;
}

.dt-search .filter-buttons-container {
    order: 1;
    flex: 1 1 100%;
    margin-top: 10px;
    display: flex;
    justify-content: end;
    flex-wrap: wrap;
}

.dt-search .filter-buttons-container .btn {
    background: #eef2f7;
    border-radius: 5px;
    border: none;
    font-size: 12px;
    white-space: nowrap;
}

.dt-search .filter-buttons-container .btn.active_btn {
    box-shadow: inset 0 0 0 1px #333 !important;
}

.dt-search .filter-buttons-container .btn span {
    display: inline-block;
    padding: 0 5px;
    font-size: 11px;
    color: #FFF;
    border-radius: 4px;
}

.dt-search .filter-buttons-container .btn:hover {
    color: #333;
}

button[data-value="Nowe"] {
    order: 1;
}

button[data-value="Nowe"] span {
    background: #fca02f;
}

button[data-value="Wysłano"] {
    order: 9;
}

button[data-value="Wysłano"] span {
    background: #4ff54f;
}

button[data-value="Ręczna realizacja"] {
    order: 2;
}

button[data-value="Ręczna realizacja"] span {
    background: #ab22a6;
}

button[data-value="Reklamacja"] {
    order: 10;
}

button[data-value="Reklamacja"] span {
    background: #000000;
}

button[data-value="Autoprzyjęcie"] {
    order: 7;
}

button[data-value="Autoprzyjęcie"] span {
    background: #00bbff;
}

button[data-value="Autorealizacja"] {
    order: 8;
}

button[data-value="Autorealizacja"] span {
    background: #4ff54f;
}

button[data-value="Gotowe do wysłania"] {
    order: 6;
}

button[data-value="Gotowe do wysłania"] span {
    background: #a0c793;
}

button[data-value="W trakcie realizacji"] {
    order: 3;
}

button[data-value="W trakcie realizacji"] span {
    background: #07d19b;
}

button[data-value="Transport własny"] {
    order: 5;
}

button[data-value="Transport własny"] span {
    background: #4f68f5;
}

button[data-value="Poczekalnia"] {
    order: 4;
}

button[data-value="Poczekalnia"] span {
    background: #4f68f5;
}

button[data-value="Anulowane"] {
    order: 11;
}

button[data-value="Anulowane"] span {
    background: #f54f54;
}


button[data-value="Błąd automatyzacji"] {
    order: 12;
}

button[data-value="Błąd automatyzacji"] span {
    background: #c62429;
}

.dt-search .form-control-sm {
    margin: 0 10px;
}

.dt-container .dt-search label {
    text-align: right !important;
}

.dt-length, .dt-buttons {
    float: left;
}

.dt-buttons {
    margin-left: 20px;
}

.dt-buttons button {
    padding: 2px 10px;
}

.dt-buttons button.buttons-excel {
    border-left: 1px solid #5c656d;
}

.bg-white.overflow-hidden .dt-info {
    float: left;
}

.bg-white.overflow-hidden .dt-paging {
    float: right;
}

table.dataTable > thead > tr:not(.filters) > th,
table.dataTable > tfoot th {
    background: #eef2f7;
    vertical-align: middle;
    padding: 14px 10px 14px 12px;
    font-weight: 700;
    white-space: nowrap;
}

table.dataTable.compact_table > thead > tr:not(.filters) > th,
table.dataTable.compact_table > tfoot th {
    padding: 0.5rem 0.25rem;
}

table.dataTable.content_top > thead > tr:not(.filters) > th,
table.dataTable.content_top > tfoot th {
    vertical-align: top;
}

th.select-checkbox,
td.select-checkbox {
    width: 40px !important;
}

table.dataTable > tfoot th {
    padding: 8px 10px 8px 25px;
}

table.dataTable > thead > tr > th {
    padding-left: 25px;
}

table.dataTable > thead > tr.filters th:not(.filterable) {
    font-size: 0;
    width: 0;
    padding: 0;
}

table.dataTable > thead > tr.filters th.filterable {
    padding-right: 0;
}

table.dataTable > thead .sorting::before, table.dataTable > thead .sorting::after {
    bottom: 50% !important;
    transform: translateY(50%);
}

.table-striped > tbody > tr:nth-of-type(even) > *,
.dataTable > tbody > tr:nth-of-type(even) > *,
.stripped_children > *:nth-child(even) {
    background: #f5f8ff;
}

.action_row {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px dashed #666;
}

.actions_placeholder {
    word-break: keep-all;
}

.omni_switch:checked {
    background-color: #146c43;
    border-color: #146c43;
}

html[data-bs-theme="light"] .table > :not(caption) > * > * {
    color: #051426;
}

.dataTables_length {
    margin-bottom: 20px;
}

.page-item.active .page-link {
    background-color: #313a46;
    border-color: #313a46;
}

.page-item:not(:first-child) .page-link {
    margin-left: 3px;
}

.page-link {
    text-align: center;
    border: none;
}

.page-link:focus {
    box-shadow: none;
}

th.select-checkbox .dt-column-title {
    display: none !important;
}

.dt-info {
    margin-top: 30px !important;
}

.dt-empty {
    padding: 40px 0 !important;
    font-size: 16px;
}

.dt-paging {
    margin-top: 20px !important;
}

.dt-paging ul {
    float: right;
}


div.dt-container .for_unarchived,
div.dt-container .for_archived {
    display: none;
    padding-top: 30px;
    text-align: center;
    clear: both;
}

.rack_name i, .space_name i {
    font-size: 24px;
    float: left;
    margin-right: 20px;
}

.spaces_sortable {
    overflow-x: auto;
    display: grid;
    grid-template-rows: auto auto;
    grid-auto-flow: column;
    padding-bottom: 30px;
}

.spaces_sortable .spaces_column {
    width: 450px;
}

.go_senpo {
    background: #2d3a42;
    display: inline-block;
    padding: 12px 25px;
    color: #fff;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
}

.link_container {
    max-width: 100%;
    border: 1px solid #DDD;
    background: #F5F5F5;
    word-break: break-all;
    padding: 10px 20px;
}

.error_page h1 {
    font-size: 120px;
    font-weight: 600;
    color: #313a46;
}

.forbidden h1 {
    font-size: 120px;
    font-weight: 600;
}

.forbidden .bg-white {
    width: 97%;
    max-width: 600px;
    overflow: hidden;
}

table.dataTable td small {
    font-size: 0;
    display: block;
    height: 0;
}

.dtr-title small {
    font-size: inherit;
    height: inherit;
}

.main_list ul {
    padding-left: 0;
}

.main_list li {
    display: inline-block;
    list-style: none;
    border: 1px solid #DDD;
    border-radius: 3px;
    padding: 10px 25px;
    margin-right: 20px;
}

.card_container {
    position: relative;
}

.home_grid .widgets .card_container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.card_icon {
    position: absolute;
    top: 25px;
    right: 20px;
    background: #f3f3f4;
    padding: 5px;
    height: 40px;
    width: 40px;
    border-radius: 3px;
    text-align: center;
    line-height: 30px;
    font-size: 18px;
    color: #a2a5ab;
}

.home_grid .widgets .card_container > * {
    margin: 0;
}

.card_head {
    color: #98a6ad;
}

.card_number {
    font-size: 30px;
    font-weight: 800;
    color: #5e626a;
}

.card_number .currency_payments {
    font-size: 13px;
    font-weight: 400;
    color: #98a6ad;
    margin-top: -5px;
}

.card_number .currency_payments span {
    position: relative;
    padding-right: 10px;
    line-height: 1;
}

.card_number .currency_payments span:after {
    content: '';
    position: absolute;
    right: 2px;
    top: 3px;
    height: 14px;
    width: 1px;
    background: #CCC;
}

.card_number .currency_payments span:last-of-type {
    padding-right: 0;

}

.card_number .currency_payments span:last-of-type:after {
    display: none;
}

.card_desc strong {
    color: #b58a55;
    white-space: nowrap;
}

.card_container p.card_desc {
    margin-bottom: 0;
}

.card_desc strong.red {
    color: #B00;
}

.more_icon {
    position: absolute;
    bottom: 0;
    right: 20px;
}

.more_icon_top {
    bottom: unset;
    top: 10px;
}

.more_icon i {
    font-size: 30px;
    color: #8e9aa6;
}

.recipient_icons {
    bottom: 10px;
}

.recipient_icons i {
    font-size: 26px;
    cursor: pointer;
}

.recipient_icons i:first-of-type {
    margin-right: 5px;
}

.cash_operation_title,
.cash_operation_sp {
    display: none;
}

.table_cash_transactions tr td:nth-child(2) {
    width: 40%;
}

.check_icon {
    font-size: 20px !important;
}

.check_icon_green {
    color: #198754 !important;
}

.purchase_prices .input-group,
.recommender_orders .input-group,
.fiscalization_table .input-group {
    width: 70%;
    max-width: 130px;
    float: left;
}

/* Zmniejszony padding pionowy dla celi DataTable zawierających wybrane elementy */
@supports selector(:has(*)) {
    .dataTable:not(.compact_table) td:has(.input-group),
    .dataTable:not(.compact_table) td:has(.form-control),
    .dataTable:not(.compact_table) td:has(.count_info),
    .dataTable:not(.compact_table) td:has(.status_info),
    .dataTable:not(.compact_table) td:has(.button),
    .dataTable:not(.compact_table) td:has(a.btn) {
        padding-top: 9px;
        padding-bottom: 9px;
    }
}

/*
Ujemny margines dla wybranych elementów w celi DataTable, jeśi przeglądarka nie obsługuje :has() (np. Firefox).
Jeśli jest kilka przycisków, nachodzą one na siebie po przeniesieniu do kolejnej linii.
*/
@supports not selector(:has(*)) {
    .dataTable:not(.compact_table) .input-group,
    .dataTable:not(.compact_table) td > .form-control,
    .dataTable:not(.compact_table) .count_info,
    .dataTable:not(.compact_table) .status_info,
    .dataTable:not(.compact_table) button,
    .dataTable:not(.compact_table) a.btn {
        margin: -5px 0;
    }
}

.table_stock_grouped .count_info,
.table_deposits .input-group {
    width: auto;
}

.dt-orderable-asc,
.dt-orderable-desc {
    padding-right: 30px !important;
}

.bi-calculator {
    cursor: pointer;
}

.bi-calculator:hover {
    opacity: 0.8;
}

.calculate_price {
    vertical-align: middle;
}

.calculate_price p {
    margin-bottom: 0;
}

.table_stock_grouped .bi-calculator {
    margin-top: -3px;
}

.stock_suggest_btn {
    font-size: 13px;
    margin: -4px 0;
}

.btn.paid {
    cursor: default;
}

.btn.paid:hover {
    background: #198754;
}

.btn-readonly:hover,
.btn-readonly:active {
    background: none !important;
    cursor: default;
}

.image_min {
    width: 100px;
    height: 100px;
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #999
}

input[type=range] {
    height: 34px;
    -webkit-appearance: none;
    margin: 10px 0;
    width: 90%;
    float: left;
    background: #FFF;
}

input[type=range]:focus {
    outline: none;
}

input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    animate: 0.2s;
    box-shadow: 0px 0px 0px #000000;
    background: #DDD;
    border-radius: 1px;
    border: 0px solid #2C3941;
}

input[type=range]::-webkit-slider-thumb {
    box-shadow: 0px 0px 0px #000031;
    border: 2px solid #00001E;
    height: 18px;
    width: 8px;
    border-radius: 3px;
    background: #FFFFFF;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -8.5px;
}

input[type=range]:focus::-webkit-slider-runnable-track {
    background: #DDD;
}

input[type=range]::-moz-range-track {
    width: 100%;
    height: 8px;
    cursor: pointer;
    animate: 0.2s;
    box-shadow: 0px 0px 0px #000000;
    background: #DDD;
    border-radius: 1px;
    border: 0px solid #2C3941;
}

input[type=range]::-moz-range-thumb {
    box-shadow: 0px 0px 0px #000031;
    border: 2px solid #00001E;
    height: 18px;
    width: 8px;
    border-radius: 3px;
    background: #FFFFFF;
    cursor: pointer;
}

input[type=range]::-ms-track {
    width: 100%;
    height: 8px;
    cursor: pointer;
    animate: 0.2s;
    background: transparent;
    border-color: transparent;
    color: transparent;
}

input[type=range]::-ms-fill-lower {
    background: #74A9D8;
    border: 0px solid #2C3941;
    border-radius: 2px;
    box-shadow: 0px 0px 0px #000000;
}

input[type=range]::-ms-fill-upper {
    background: #74A9D8;
    border: 0px solid #2C3941;
    border-radius: 2px;
    box-shadow: 0px 0px 0px #000000;
}

input[type=range]::-ms-thumb {
    margin-top: 1px;
    box-shadow: 0px 0px 0px #000031;
    border: 2px solid #00001E;
    height: 18px;
    width: 8px;
    border-radius: 3px;
    background: #FFFFFF;
    cursor: pointer;
}

input[type=range]:focus::-ms-fill-lower {
    background: #74A9D8;
}

input[type=range]:focus::-ms-fill-upper {
    background: #74A9D8;
}

.rangeval {
    float: left;
    font-size: 18px;
    font-weight: 600;
    margin-left: 10px;
    color: #2c3942;
}

.rangeval span {
    display: block;
    font-size: 12px;
    line-height: 5px;
    color: #999;
    text-align: center;
}

.furniture_form input[type="radio"],
.nd_modal input[type="radio"] {
    opacity: 0;
    position: fixed;
    width: 0;
}

.nd_modal input[type=range] {
    width: 80% !important;
    height: 10px !important;
    margin: 15px 0;
}

div:not(.with_buttons) input[type=range] {
    margin: 0;
}

.nd_modal section {
    padding: 10px 0 !important;
}

.nd_modal h3 {
    font-size: 18px !important;
    margin: 5px 0;
}

.nd_modal .modal-body h5 {
    font-size: 16px !important;
}

.with_buttons label {
    display: inline-block;
    background-color: #2c3942;
    padding: 1px 5px;
    font-size: 14px;
    border: 1px solid #444;
    border-radius: 4px;
    cursor: pointer;
    color: #FFF;
    font-weight: 600;
}

.furniture_form input[type="radio"] + label,
.nd_modal input[type="radio"] + label {
    margin: 0 0 0 3px;
}

#lozka,
#ramy {
    display: inline-block;
}

.connection_error {
    color: #B00;
    font-weight: 600;
    margin: 20px auto 0 auto;
}

p.confirm {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc;
    padding: 12px 20px;
}

.errors_list {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
    padding: 20px 10px 1px 20px;
}

.errors_list ul,
.errors_list ol {
    list-style: none;
}

.furniture_form section,
.nd_modal section {
    clear: both;
    padding: 30px 0;
    border-bottom: 1px dashed #DDD;
}

.furniture_form .large-label,
.nd_modal .large-label {
    font-size: x-large;
}

.custom_modal .attributes_rows .single_attr_row.odd_row {
    background-color: #f8f8f8;
}

.custom_modal .attributes_rows .single_attr_row {
    padding-top: 3px;
    padding-bottom: 3px;
}

.custom_modal .attributes_rows > div:nth-child(1) {
    border-right: 1px solid #b9b9b93b;
}

.custom_modal .attributes_rows {
    border-bottom: 1px solid #b9b9b93b;
}

.form-group {
    clear: both;
    margin: 20px 0;
}

body:not(.logged).payment_link .main_content,
body:not(.logged).payment_status .main_content {
    margin: 0 !important;
}

body:not(.logged) .payment_status_cart,
body:not(.logged) .payment_status_cart {
    max-width: 1200px;
    margin: 0 auto;
}

body.payment_link .page_title,
body.payment_status .page_title {
    text-align: center;
}

body.payment_link footer,
body.payment_status footer {
    display: none;
}

body.payment_link .main_content .container-fluid img,
body.payment_status .main_content .container-fluid img {
    text-align: center;
    max-width: 200px;
    margin: 20px auto;
    display: block;
}

.showroom_card {
    padding: 30px 30px 20px 30px !important;
}

.showroom_card p strong {
    font-size: 13px;
}

.progress-bar {
    background-color: #778495;
}

.progress-bar.gold_bar {
    background-color: #d7b78f;
}

.progress-bar.yellow_bar {
    background-color: #ffc107;
}

.progress-bar.red_bar {
    background-color: #dc3545;;
}

.on_small_screen {
    display: none;
}

/* HIDE RADIO */
.btn-radio-img input[type=radio] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

/* IMAGE STYLES */
.btn-radio-img label,
.btn-ceneo-account a {
    cursor: pointer;
    padding: 10px 20px;
    margin: 10px 10px 0 0;
    border-radius: 5px;
    border: 1px solid #DDD;
    outline: none;
    transition: .1s;
}

.btn-radio-img label:hover,
.btn-ceneo-account img:hover {
    opacity: 0.9;
}

/* CHECKED STYLES */
.btn-radio-img input[type=radio]:checked + label,
.btn-ceneo-account a.checked {
    border: 1px solid #1473e6;
}

.btn-radio-img img,
.btn-ceneo-account img {
    height: 18px;
}

.btn-radio-img.btn-operator img {
    height: 26px;
}


.dtr-data .form-control-sm {
    width: inherit;
    margin: 0 0 10px 0;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-grab {
    cursor: grab;
}

.prices-diff {
    padding: 3px 3px;
    border-radius: 7px;
}

.order_status {
    white-space: nowrap;
    padding: 3px 8px;
    font-size: 13px;
    color: #FFF;
    border-radius: 3px;
}

.order_status_small {
    white-space: nowrap;
    padding: 1px 6px;
    font-size: 10px;
    border-radius: 3px;
}

.order_details #invoice_data {
    display: none;
}

.client_data_table th {
    width: 150px;
}

div.is-invalid {
    background: #ea868f54;;
    padding: 1px;
    border: solid 1px red;
    border-radius: 5px;
}

table:not(.full_cells_width) td:not(.child):not(.cke_dialog_contents_body):not(.cke_dialog_ui_vbox_child) {
    max-width: 180px;
}

table:not(.full_cells_width) td:not(.child):not(.cke_dialog_contents_body):not(.cke_dialog_ui_vbox_child) {
    max-width: 250px;
    vertical-align: middle;
}

table.last_orders td.text-truncate {
    max-width: 140px;
}

#table_orders tr td:nth-child(2) {
    white-space: nowrap;
}

#table_orders tr td:last-of-type {
    white-space: nowrap;
}

.table_variations td {
    max-width: 400px !important;
}

.document_details .possible_actions > *,
.sales_document_details .possible_actions > * {
    margin: 3px;
}

.table.document_logs tr td:nth-child(1) {
    min-width: 180px;
}

.table.document_logs tr td:nth-child(2) {
    max-width: unset;
}

.input-group-sm {
    min-width: 110px;
}

.table_deposits .input-group-sm input,
.to_internal_settle .table .input-group-sm input,
.vouchers_table .input-group-sm input,
.narow_input input {
    max-width: 80px;
}

.input-group-text {
    font-size: 13px;
}

.input-group-sm .input-group-text {
    font-size: 12px;
}

.input-group-sm .input-group-text i {
    font-size: 18px;
}


.prices_huge_diff {
    background-color: #b36e025e;
    border: solid;
    border-radius: 5px;
    font-weight: bold;
}

.integration_logo { /* Padding dodany, aby wielkość logo była identyczna w trybie jasnym i ciemnym (w ciemnym dodawane jest jasne tło) */
    padding: 2px;
}

.orders_list .dataTable tr td:nth-child(1) > * {
    display: inline-block;
}

.orders_list .dataTable tr td:nth-child(3) > div {
    float: right;
}

.orders_list #export_pdf_btn .spinner-border,
.sales_documents #export_pdf_btn .spinner-border,
#export_pdf_modal_btn .spinner-border {
    margin: 0 2px -2px 2px;
    display: none;
}

.orders_list .integration_logo {
    margin-right: 3px;
    height: 15px;
}

.orders_list .products_cell {
    max-width: unset !important;
}

.orders_list .products_cell ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-position: inside;
}

.orders_list .products_cell ul li {
    text-indent: -0.7rem;
    padding-left: 0.7rem;
}

.orders_list .ext_status_info .truncate {
    max-width: 110px;
}

.truncate {
    text-wrap: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

table.dataTable:not(.compact_table) > tbody > tr > td.select-checkbox {
    padding: 12px 10px;
}

table.dataTable.compact_table > tbody > tr > td.select-checkbox {
    padding: 0.5rem 0.25rem;
}

.order_realization .payment_info,
#modal_realization .payment_info {
    border-radius: 5px;
    display: inline-block;
    text-align: center;
    font-weight: bold;
    padding: 4px 10px;
}

.order_realization .single_source_content,
#modal_realization .single_source_content {
    display: none;
}

.order_realization .single_source .single_row:nth-of-type(odd),
#modal_realization .single_source .single_row:nth-of-type(odd) {
    background-color: #97949424;
}

.order_realization .single_row,
#modal_realization .single_row {
    min-height: 39px
}

.cod_payment {
    display: none;
}

.cod_col {
    display: none;
}

.cod_col.show_col {
    display: table-cell;
}

.order_payments .form-control-sm,
.order_payments .form-select-sm {
    margin: -4px 0;
}

.products_list #modal_edit_products .edit_div {
    margin-bottom: 15px
}

.products_list .product_actions_popover {
    --bs-popover-body-padding-x: 6px;
    --bs-popover-body-padding-y: 6px;
}

.prices_change_queue .shop_logo {
    max-height: 30px;
    max-width: 40px;
}

#loader_screen {
    display: none;
    width: 100%;
    height: 100%;
    z-index: 1060;
    position: fixed;
    top: 0;
    left: 0;
    background: #000000AA;
    text-align: center;
}

#loader_screen > div {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#screen_lock {
    width: 0;
    height: 0;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    background: url('/images/login-bg.jpg') repeat center center;
    background-size: cover;
}

#locked_user_bar {
    line-height: 16px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 10px;
}

#session_timeout_modal .modal-body i {
    font-size: 40px;
    margin-right: 50px;
    margin-left: 10px
}

.notify_modal .modal-title {
    font-weight: 700;
    color: #333;
    font-size: 24px;
}

.notify_modal .modal-title i {
    margin: 2px 15px 0 0;
    float: left;
    color: #B00;
}

.notify_modal .modal-header {
    padding: 15px 40px;
}

.notify_modal .modal-body {
    padding: 30px 40px;
}

.notify_modal .modal-footer {
    justify-content: space-between;
}

.notifications_list table a,
.notifications_management table a {
    color: inherit !important;
}

.notification_preview #message,
.notification_details #message {
    font-size: 16px;
    padding: 30px 10px 10px 10px;
    border-top: 1px solid #DDD;
    margin-top: 20px;
}

.stopped {
    overflow: hidden;
}

.qr-scanner {
    width: 100%;
    height: 100%;
    max-width: 600px;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    box-shadow: 0 0 0px 10000px rgba(0, 0, 0, 0.7);
    z-index: 9;
    background: rgba(0, 0, 0, 0.7);
    padding-bottom: 29px;
    overflow: hidden;
}

#scan-btn {
    margin-top: -6px;
    border-radius: 0px;
    width: 100%;
    padding: 10px 0;
    font-weight: 600;
}

.only_mobile {
    display: none !important;
}

.start_scan_bottom {
    background-color: white;
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center
}

.text_grey {
    color: #D8E0EA;
}

.form-control:not(.form-control-sm):not(.form-control-lg),
.form-select {
    font-size: 14px;
}

.xml_right_col {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.xml_right_col > div:nth-child(2) {
    height: calc(100% - 125px);
}

.xml_right_col textarea {
    height: 100%;
}

.ui-datepicker {
    overflow: auto !important;
}

.ui-autocomplete-loading {
    background: url('../images/pulse.svg') no-repeat 98% center;
    background-size: 25px;
}

.add_product_row {
    display: none;
}

strong > .bi-chevron-double-right:before {
    font-weight: 800 !important;
    color: #000;
}

strong > .bi-chevron-double-right {
    animation-name: horizontal;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    position: relative;
}

@keyframes horizontal {
    0% {
        left: -3px;
    }
    50% {
        left: 0px;
    }
    100% {
        left: -3px;
    }

}

.narrow_padding_row > div {
    padding-left: 4px;
    padding-right: 4px;
}

.no_rounded_bottom {
    border-bottom-left-radius: unset !important;
    border-bottom-right-radius: unset !important;
}

.no_rounded_top {
    border-top-left-radius: unset !important;
    border-top-right-radius: unset !important;
}

.order_product_row .row,
.order_service_row .row {
    padding: 0;
    margin: 4px 0;
}


.order_product_row .row > div,
.order_service_row .row > div {
    padding: 0 5px;
}

.order_product_row div.col-lg-6,
.order_service_row div.col-lg-6 {
    width: calc(50% - 20px);
}

.order_product_row p,
.order_service_row p {
    font-size: 13px;
    margin-bottom: 0;
}

.order_service_row .input-group-text {
    line-height: 1;

}

.product_action {
    display: inline-block;
    width: 20px;
}

.product_action span {
    font-weight: 600;
    transform: rotate(45deg);
    display: block;
    font-size: 30px;
    line-height: 1;
}

.product_action.active span, .payment_action span {
    color: #B00;
    cursor: pointer;
}

.payment_action span {
    font-weight: 600;
    transform: rotate(45deg);
    display: inline-block;
    font-size: 30px;
    line-height: 17px;
}

.payment_action i {
    font-size: 17px;
    cursor: pointer;
}

.payment_action i:before {
    vertical-align: 3px !important;
}

table.order_payments td {
    vertical-align: middle;
}

table.location_queue_table .dtr-title {
    min-width: unset !important;
}

table.location_queue_table .btn-primary {
    margin: 5px 0 5px 0;
}

.product_action.inactive span {
    color: #696969;
}

.no_border_bottom th {
    border-bottom: none !important;
}

.padding_right {
    padding-right: 50px;
}

.order_product_price,
.order_product_price_search {
    margin-top: 5px;
}

.order_product_price strong,
.order_product_price_search strong {
    color: #2f80ec;
    cursor: pointer;
}

.modal-open .select2-container--open {
    z-index: 999999 !important;
    width: 100% !important
}

#check_courier_cod {
    width: 0.9em;
    height: 0.9em;
    margin-top: 5px;
    margin-bottom: -5px;
}

.create_sales_document .form-row label,
.create_sales_document #labels_div label {
    font-size: small !important;
}

.create_sales_document .form-row .col-lg-5,
.create_sales_document #labels_div .col-lg-5 {
    width: calc(41% - 20px);
}

.create_sales_document .to_release_info,
.create_sales_document .without_release_info {
    color: #212529;
    font-size: 11px;
    font-weight: bold;
    width: 65px;
    padding-left: 10px;
    padding-right: 10px;
}

.create_sales_document .to_release_info {
    background-color: #d5f2d5;
}

.create_sales_document .without_release_info {
    background-color: #ffffc5;
}

.create_sales_document .name_extra {
    margin-left: 65px;
}

.user_warehouses {
    display: none;
}

.producers_feeds {
    vertical-align: middle;
}

.table_labels {
    margin: -5px 0 -10px 0;
}

.producers_feeds .table_labels {
    margin: 0 0 -5px 0;
}

.table_feeds .table_label i{
    font-size: 15px;
}

.table_feeds .table_label img{
    width: 16px;
}

.table_feeds .table_label{
    margin: 0 4px 6px 0;
}

.producers_feeds .table_label {
    cursor: pointer;
}

.table_label {
    display: inline-block;
    padding: 4px 4px 4px 8px;
    background: #eef2f7;
    border-radius: 5px;
    margin: 0 5px 3px 0;
    position: relative;
    color: inherit;
}

.table_label.active_label {
    border-bottom: 2px solid #198754;
}


.table_label.inactive_label {
    border-bottom: 2px solid #dc3545;
}

.table_label.grey_label {
    border-bottom: 2px solid #DDD;
}

.table_label img {
    width: 18px;
    background: #fff;
    border-radius: 50%;
    padding: 2px;
}

.table_label span {
    display: inline-block;
    padding: 2px 5px;
}

.table_label i {
    margin-left: 0;
    font-size: 17px;
    cursor: pointer;
}

.select2-container .select2-selection--single {
    height: 36px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 34px;
    text-align: left;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 34px;
    right: 5px;
}

.select2-dropdown,
.select2-container--default .select2-selection--single {
    border: var(--bs-border-width) solid var(--bs-border-color);
}

.select2-container--default .select2-selection--single {
    border-radius: var(--bs-border-radius);
}

.option_color {
    width: 15px;
    height: 15px;
    display: inline-block;
    margin: 0 10px -3px 0;
    border-radius: 4px;
}

.new_invoice .table_products,
.create_correction .table_products {
    min-width: 100%;
}

.new_invoice .table_products td,
.new_invoice .table_products th,
.new_invoice #table_previous_prepayments td,
.new_invoice #table_previous_prepayments th,
.create_correction .table_products td,
.create_correction .table_products th {
    padding: 5px;
}

.new_invoice .table_products th.name_heading,
.create_correction .table_products th.name_heading {
    width: auto;
    min-width: 350px;
}

.new_invoice .table_products th.sku_heading,
.create_correction .table_products th.sku_heading {
    width: 150px;
    min-width: 150px
}

.new_invoice .table_products th.narrow_heading,
.create_correction .table_products th.narrow_heading {
    width: 80px;
    min-width: 80px;
}

.new_invoice .table_products th.amount_heading,
.create_correction .table_products th.amount_heading {
    width: 120px;
    min-width: 120px;
}

.new_invoice .table_products th.button_heading,
.create_correction .table_products th.button_heading {
    width: 55px;
    min-width: 50px;
}

.new_invoice .table_products td,
.create_correction .table_products td {
    vertical-align: top;
}

.new_invoice #table_previous_prepayments {
    min-width: 700px;
}

.create_correction .table_products .is_or_was_description {
    height: 2px;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

.create_correction .edit_section,
.create_correction .for_sale_date_correction {
    display: none;
}

#add_or_edit_payment_error {
    display: none;
}

.custom_status_incomplete {
    color: #ff5600;
}

.custom_status_complete {
    color: #007000;
}

.order_details .product_info,
.new_draft .product_info,
.create_or_edit_zd_or_needs .product_info {
    font-size: small;
}

.sp_name {
    font-size: 26px;
    font-weight: 800;
}

.warehouse_reception .price,
.warehouse_reception .comment,
.warehouse_reception .packages_qty,
.warehouse_reception .photo,
.warehouse_reception .photo_delete,
.warehouse_reception .publish_section {
    display: none;
}

.warehouse_reception .photo_delete {
    font-size: 13px;
    line-height: 13px;
}

.warehouse_reception .photo_preview,
#stock_product_details_table .photo_preview,
#edit_stock_product_form .photo_preview {
    width: 100%;
    height: 0;
    padding-top: 80%;
    background-size: cover;
    background-position: center center;
    border: 1px solid #EEE;
    margin-top: 10px;
    display: none;
}

.photo .bi-image:before {
    font-size: 30px;
    color: #9bdebf;
}

#stock_product_details_table .photo_preview {
    display: block;
}

.photo input {
    opacity: 0;
    height: 0;
    width: 0;
}

.warehouse_reception .form-row {
    position: relative;
}

.warehouse_reception #products .form-row {
    padding-top: 15px;
    border-top: 1px solid #DDD;
}

.warehouse_reception .btn_delete_row {
    position: absolute;
    right: 0;
    top: 15px;
}

.warehouse_reception .btn_delete_row i {
    font-size: 20px;
    color: #B00;
}

.warehouse_reception #no_warehouse_error {
    display: none;
}

.table_cron_last_events th, .table_cron_last_events td {
    padding-left: 10px;
    padding-right: 10px;
}

.product_add #variations_attributes_div {
    display: none;
}

.edit_extra_attributes #edit_extra_attributes_form {
    display: none;
}

.edit_extra_attributes .row > * {
    padding-right: 0.25rem;
    padding-left: 0.25rem;
}

.edit_extra_attributes .handle::before {
    font-weight: 700 !important;
}

.edit_extra_attributes .single_attribute.grabbed {
    position: relative;
    max-height: 130px;
    overflow: hidden;
    border: solid #b9b9b9 3px;
    border-radius: 8px;
}

.edit_extra_attributes .single_attribute.grabbed::after {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 50%;
    width: 100%;
    content: "";
    background: linear-gradient(to top,
    #f5f5f5 10%,
    rgba(250, 251, 254, 0) 100%
    );
}

.table_extra_attributes th:not(.button_cell) {
    width: 200px;
    min-width: 200px;
    max-width: 200px;
    padding: 5px;
}

.table_extra_attributes th {
    background: #ececff;
    border: solid 2px #cdcdff;
}

.table_extra_attributes td {
    padding: 5px;
    border: solid 2px #ececff;
}

.table_extra_attributes .button_cell {
    padding: 0 2px;
    text-align: center;
    background: #FFFFFF !important;
    border: none !important;
}

.table_extra_attributes .button_cell i {
    font-size: 1rem;
    cursor: pointer;
}

.table_extra_attributes .button_cell i:before {
    font-weight: 900 !important;
}

.table_extra_attributes .headings_desc span {
    display: block;
    font-size: 12px;
}

.table_extra_attributes .headings_desc span:nth-child(1) {
    padding-left: 50px;
    text-align: right;
    margin-bottom: 5px;
}

.table_extra_attributes .headings_desc span:nth-child(3) {
    padding-right: 50px;
    margin-top: 5px;
}

.table_extra_attributes input {
    text-align: center;
}

.table_extra_attributes th > input {
    width: 100%;
}

.table_extra_attributes td > input {
    width: 50%;
}

.table_extra_attributes tr:nth-child(even) {
    background: #fafbfd;
}

.table_extra_attributes .headings_desc hr {
    transform: rotate(10deg);
    margin: 0;
}

.add_or_edit_options_list #items_rows .row > * {
    padding-right: 0.25rem;
    padding-left: 0.25rem;
}

.add_or_edit_options_list #items_rows .single_item {
    padding-top: 3px;
    padding-bottom: 3px;
}

.add_or_edit_options_list #items_rows .single_item:nth-child(even) {
    background-color: #f8f8f8;
}

.add_or_edit_options_list .for_values {
    display: none;
}

.history_back {
    display: none;
}

.input_validation_error {
    border-color: #fa9595 !important;
}

.mw_fit_content {
    max-width: fit-content;
}

.wide_tooltip .tooltip-inner {
    max-width: none !important;
    text-align: left !important;
}

#show_document_body {
    margin: 0;
    overflow: hidden;
}

#show_document_body iframe {
    width: 100%;
    height: 100vh;
    border: none;
}

#show_document_body #show_modal_btn,
#show_document_body #ksef_btn {
    position: absolute;
    bottom: 20px;
    left: 20px
}

#stock_product_details_table tr td:last-child {
    width: 1%;
    white-space: nowrap;
}

.sp_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.mail_left{
    margin-right: 20%;
}

.mail_right{
    margin-left: 20%;
}


body.test_mode header,
body.test_mode .modal-fullscreen .modal-header {
    background: #551010;
}

body.test_mode nav.main_menu ul li a:hover,
body.test_mode nav.main_menu ul li a.active {
    background: #754747;
}

body.test_mode nav.main_menu ul:not(.submenu) li:hover ul.submenu {
    background: #551010
}

body.test_mode .header_icons i,
body.test_mode .user_bar span {
    color: #d3deec;
}

body.test_mode .btn-primary,
body.test_mode .btn-check:checked + .btn-outline-primary {
    font-weight: 600;
    color: #fff;
    background-color: #551010;
    border-color: #551010;
}

.stripped_children > *:nth-child(even) {
    background-color: #eff0f3;
}

.payments_import_details .identified_payment {
    border: solid #15bf15;
    border-radius: 5px;
    background-color: #6eb5631a;
}

.edit_access .section,
.user_details .section {
    border: 2px solid #8686868c;
    border-radius: 5px;
    margin: 10px;
    padding: 10px 15px;
    background: #f5f8ff;
    flex: 1 1 300px;
}

.edit_access .section.section_auto_width,
.user_details .section.section_auto_width {
    flex: 1 1 auto;
    order: 1000;
}

.user_details .section_check {
    margin-right: 0.5rem;
    margin-top: -3px;
    font-size: 1.25rem;
}

.input_with_hidden_btn_container {
    position: relative;
}

.input_with_hidden_btn_container button {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    background: none;
    display: none;
    padding: 2px;
}

.input_with_hidden_btn_container:hover button,
.input_with_hidden_btn_container:focus-within button {
    display: inline;
}

.input_with_hidden_btn_container:hover input,
.input_with_hidden_btn_container:focus-within input {
    padding-right: 25px;
}

.carrier_label {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 3px;
    line-height: 1;
    text-align: center;
    font-size: 12px;
    margin-left: 10px;
}

.carrier_dpd {
    background: #e61c4a;
    color: #FFF;
}

.carrier_ups {
    background: #693121;
    color: #fcd900;
}

.carrier_dhl {
    background: #fc0;
    color: #c00;
}

.carrier_inpost,
.carrier_inpostkurier {
    background: #ffcc01;
    color: #0e0b00
}

.carrier_nolimit {
    background: #ffcc01;
    color: #0e0b00;
    position: relative;
}

.carrier_nolimit::before {
    content: 'NO';
    position: absolute;
    top: 2px;
    left: 6px;
    background: #000;
    color: #ffcc01;
    padding: 1px 2px;
}

.carrier_orlen {
    background: #e61c4a;
    color: #FFF;
}

.carrier_fedex {
    position: relative;
    background: #e3e4e5;
    color: #f37323;
}

.carrier_fedex:before {
    content: 'Fed';
    color: #4d148c;
    position: absolute;
}

.carrier_gls {
    background: #061ab1;
    color: #ffd100;
}

.carrier_poczta {
    background: #FFF;
    color: #e61c4a;
}

.carrier_suus {
    background: #0094d9;
    color: #FFF;
}

.carrier_allegro {
    background: #f37323;
    color: #e3e4e5;
}

@media (max-width: 1500px) {

    nav.main_menu ul:not(.submenu) > li > a {
        font-size: 14px;
        padding: 18px 8px;
    }

    .header_icons i {
        margin: 0px 5px;
    }

    .table.dataTable:not(.compact_table) td {
        padding: 14px 10px;
    }

    .card_number {
        font-size: 28px;
    }

    .card_container p {
        margin-bottom: 11.5px;
    }

    .card_head {
        font-size: 16px;
    }

    .home_grid .first_row {
        grid-template-columns: 40% auto;
    }

    .orders_list .ext_status_info .truncate {
        max-width: 80px;
    }
}

@media (max-width: 1400px) {

    div:not(.collapsed_menu) .left_menu img {
        margin: 20px 0 0 0;
    }

    .card_number span {
        display: none;
    }

    .card_container p {
        margin-bottom: 5px;
    }

    .card_desc,
    .card_head {
        font-size: 14px;
    }

    .card_desc strong {
        display: block;
    }

    .card_icon {
        width: 30px;
        height: 30px;
        line-height: 22px;
        top: 20px;
    }

    .home_grid .selling_points_results {
        height: 340px;
    }


    body:not(.full_page) .main_content .bg-white {
        padding: 20px 25px;
    }

    table.table th span {
        display: block;
        color: #98a6ad;
        font-size: 12px;
        line-height: 1;
    }
}

@media (min-width: 1280px) and (max-width: 1400px) {
    header .container-header > * {
        margin: 0 15px;
    }
}

@media (min-width: 1024px) and (max-width: 1400px) {
    table.dataTable:not(.compact_table) td,
    table.dataTable:not(.compact_table) td *:not(small):not(i) {
        font-size: 13px !important;
    }

    .input-group-sm .input-group-text {
        font-size: 12px !important;
    }

    .table_stock_grouped .bi-calculator,
    .table_deposits .bi-calculator {
        font-size: 18px !important;
    }
}

@media (max-width: 1280px) {

    .card_icon {
        display: none;
    }

    .main_menu,
    .user_bar > div:not(.circle) {
        display: none;
    }

    .main_menu {
        width: 100%;
    }

    nav.main_menu ul.submenu {
        display: none;
        max-height: unset;
        overflow-y: unset;
    }

    .user_bar {
        padding: 12px 0;
        margin-left: auto !important;
    }

    header .menu_icon {
        display: block;
    }

    header {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
    }

    .header_icons {
        display: none !important;
    }

    .header_icons i {
        font-size: 28px;
        margin: 0 10px;
    }

    #header_notifications_list {
        top: unset;
        bottom: 50px;
        width: 100%;
        max-width: none;
        position: fixed;
        left: 0;
        right: 0;
        margin: 0;
    }

    header.mobile_open > .container-header {
        justify-content: unset;
        flex-direction: column;
        padding-top: 20px;
        height: 100vh;
        overflow: auto;
        z-index: 999;
    }

    header.mobile_open .logo {
        margin-right: auto;
    }

    header.mobile_open .main_menu {
        display: block;
        margin: 30px 0;
    }

    nav.main_menu ul:not(.submenu) li {
        display: block;
    }

    nav.main_menu ul:not(.submenu) > li > a {
        padding: 18px 10px 18px 30px;
        font-size: 18px;
        border-top: 1px solid #404d5e;
    }

    nav.main_menu ul:not(.submenu) > li:last-of-type > a {
        border-bottom: 1px solid #404d5e;
    }

    nav.main_menu > ul > li > a > i {
        font-size: 16px;
    }

    nav.main_menu ul:not(.submenu) li:hover ul.submenu {
        display: none;
        position: relative;
    }

    nav.main_menu ul:not(.submenu) li ul.submenu li a {
        font-size: 18px;
        padding: 16px 14px 16px 55px;
        border-top: 1px dashed #404D5E;
    }

    .close_menu_icon {
        color: #DF4F4F;
        font-size: 50px;
        position: absolute;
        top: 5px;
        right: 5px;
        cursor: pointer;
        line-height: 1;
        margin: 0;
    }

    .nav {
        flex-wrap: nowrap;
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .nav-tabs .nav-link {
        white-space: nowrap;
    }

    .main_content {
        padding-top: 50px;
        padding-bottom: 70px;
    }

    .home .main_content {
        padding-top: 50px;
    }

    .search_form {
        background: rgba(0, 0, 0, 0.4) !important;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        position: fixed;
        max-width: none;
        margin: 0;
        transform: none;
        z-index: 3;
        padding: 80px 20px 0 20px;
    }

    .sticky_header {
        top: 0;
    }

    .orders_list .ext_status_info .truncate {
        max-width: 50px;
    }
}

@media (max-width: 1199px) {
    .on_small_screen {
        display: flex;
    }

    .on_big_screen {
        display: none;
    }

    .card_icon {
        display: block;
    }

    .card_desc strong {
        display: inline;
    }

    .card_number span {
        display: inline-block;
    }

    .sp_grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .home_grid .first_row {
        grid-template-columns: 100%;
    }
}

@media (max-width: 1100px) {

    .main_content {
        margin-left: 0 !important;
    }

    .fixed_bar {
        left: 0;
        width: 100%;
        padding: 10px 5px;
    }

}

@media (max-width: 991px) {

    .card_desc,
    .card_head {
        font-size: 14px;
    }

    .create_sales_document .form-row .col-lg-5,
    .create_sales_document #labels_div .col-lg-5 {
        width: 100% !important;
    }

    .order_product_row div.col-lg-6,
    .order_service_row div.col-lg-6 {
        width: 100% !important;
    }

    .order_product_row,
    .order_service_row {
        padding-bottom: 15px !important;
        border-bottom: 3px solid;
        margin-bottom: 15px !important;

    }

    .create_wz_or_mm .delete_btn {
        position: relative;
        top: 23px;
    }

    .sp_grid {
        grid-template-columns: 100%;
    }

    .alerts .alert {
        margin-bottom: 10px !important;
    }

    .home_grid .lists {
        grid-template-columns: 100%;
    }
}

@media (max-width: 768px) {

    .full_container {
        min-height: inherit;
        padding: 20px 0;
    }

    .selling_points_results td {
        width: calc(50% - 2px) !important;
        display: inline-block;
        max-width: unset !important;
        text-align: left !important;
    }

    .auth_left {
        min-height: inherit;
        padding: 30px 0 20px 0;
    }

    .auth_left img:nth-child(1) {
        display: none;
    }

    .auth_left img:nth-child(2) {
        width: 130px;
    }

    .dt-search .form-control {
        margin: 5px 0;
    }

    .dt-search .form-select {
        width: 100% !important;
        margin: 5px 0;
    }

    div.dt-container div.dataTables_length,
    div.dt-container div.dt-search {
        text-align: left !important;
    }

    div.dt-container div.dt-search {
        margin-top: 10px;
    }

    table td.text-truncate {
        max-width: 140px;
    }

    table.last_orders td.text-truncate {
        max-width: 80px;
    }

    .page_title a:nth-child(2),
    .canel_queue {
        margin: 10px 0 0 0 !important;
        display: block;
        width: max-content;
    }

    .card_number {
        font-size: 26px;
    }

    .card_container p {
        margin-bottom: 3.5px;
    }

    body:not(.full_page) .main_content .bg-white {
        padding: 20px 25px;
    }

    .home_widgets .mb-4 {
        margin-bottom: 10px !important;
    }

    body.full_page {
        background: #fafbfe;
    }

    .only_mobile {
        display: block !important;
    }

    .only_desktop {
        display: none !important;
    }

    header.mobile_open .only_mobile#dark_on,
    header.mobile_open .only_mobile#dark_off {
        display: none !important;
    }

    .print_label {
        display: block;
        margin-top: 5px;
        width: 100%;
    }

    header .container-header > * {
        margin: 0 15px;
    }

    header .container-header .user_bar {
        margin: 0;
    }

    .mobile_scanner {
        font-size: 32px;
        color: #FFF;
    }

    .bi-moon-stars,
    .bi-lightbulb {
        font-size: 28px;
        margin-left: auto !important;
        margin-right: 10px !important;
    }

    .user_bar {
        margin-left: unset !important;
    }

    .circle {
        width: 38px;
        height: 38px;
        line-height: 40px;
        font-size: 18px;
    }

    header .menu_icon {
        width: 34px;
    }

    .account_menu {
        width: 100vw;
        right: -66px;
        background: #313A46;
        border: none;
    }

    .account_menu a {
        padding: 15px 5px 15px 30px;
        font-size: 16px;
        color: #FFF;
        border-bottom: 1px solid #404d5e
    }

    .account_menu a:hover {
        background: #445468;
    }

    .close_menu_icon {
        font-size: 60px;
        right: -10px;
        top: 0;
    }

    .history_back {
        display: block;
        font-size: 26px;
        margin: 0 0 0 10px !important;
    }

    header.mobile_open .history_back {
        display: none;
    }

    .form-control, .form-select {
        font-size: 16px;
        padding: 8px 15px;
    }

}


@media (max-width: 600px) {

    .fixed_bar button {
        font-size: 12px !important;
    }

    #edit_selected {
        margin-left: 20px;
    }

    body:not(.full_page) .main_content .bg-white {
        padding: 20px 10px;
    }

    body:not(.full_page) .main_content .bg-white.card_container {
        padding: 20px 25px;
    }

    body:not(.full_page) .main_content > div {
        min-height: calc(100vh - 128px);
    }

    body:not(.full_page) .main_content .bg-white:not(.position-sticky) {
        margin: 0 -10px;
    }

    .search_icon {
        display: inline-block;
        font-size: 22px;
        color: #CCC;
        margin: 13px 20px 0 0;
        cursor: pointer;
    }

    .search_icon:before {
        font-weight: 900 !important;
    }

    .search_form input {
        background: #FFF;
    }

    .search_form .form-control:focus {
        background: #FFF;
    }

    .search_autocomplete {
        width: 100%;
    }

    .user_bar > div:not(.circle) {
        display: none;
    }

    .circle {
        margin-right: 0;
    }

    .left_menu nav.main_menu ul li a {
        font-size: 17px;
    }

    .selling_points_results td {
        width: 100% !important;
    }

    .home_grid .widgets {
        grid-template-columns: 100%;
    }

}

@media (max-width: 480px) {
    table.dataTable > thead > tr.filters th:not(.filterable) {
        display: none;
    }

    table.dataTable > thead > tr.filters th {
        display: block !important;
        width: 100% !important;
        padding: 3px 0;
    }

    .dt-search .form-select {
        margin-left: 0 !important;
    }

    .table.dataTable td,
    table.dataTable > tbody > tr.child ul.dtr-details {
        width: 100%;
        display: block;
        box-sizing: border-box;
    }

    table.dataTable td {
        max-width: unset !important;
    }

    table.dataTable.with_select tr.parent,
    table.dataTable.with_select tr.selected {
        width: 25px;
        display: inline-block;
        border: none;
    }

    /* Przycisk rozwijania child-rows */
    table.dataTable.with_select tr.parent .dt-control {
        display: inline-block;
    }

    table.dataTable.with_select tr.parent td {
        border: none;
        background-color: #FFF !important;
        --bs-table-accent-bg: #FFF !important;
    }

    td.select-checkbox {
        height: 40px;
    }

    table.dataTable.with_select tr.child:not(.collapsable_child) {
        width: calc(100% - 25px);
        display: inline-block;
    }

    table.dataTable th.select-checkbox::before,
    table.dataTable th.select-checkbox::after,
    table.dataTable td.select-checkbox::before,
    table.dataTable td.select-checkbox::after {
        left: 15px !important;
    }

    table.dataTable td.select-checkbox::before {
        margin-top: 10px !important;
    }

    table.dataTable td.select-checkbox::after {
        margin-top: 7px !important;
    }

    table.dataTable thead tr:not(.filters) {
        display: none;
    }

    div.dt-container div.dt-search input {
        margin-left: 0;
        width: 100%;
    }

    div.dt-container div.dt-search label {
        width: 100%;
    }

    div.dt-container div.dataTables_filter {
        margin: -10px 0 0 0;
        padding-bottom: 10px;
        border-bottom: 1px solid #EEE;
    }

    .dataTables_length {
        display: none;
    }

    .select-checkbox span {
        display: inline-block;
        margin-left: 25px;
        padding: 10px;
    }

    .breadcrumbs {
        display: none;
    }

    .order_status {
        border: none !important;
    }

    .count_info {
        padding: 0px 5px;
        font-size: 13px;
        min-width: inherit;
    }

    table td {
        max-width: calc(100vw - 80px);
    }


}