.button-clear-lists {
    border: none;
    background-color: transparent;
    margin: 0;
    padding: 0;
}

.lp_col {
    width: 90px !important;
}

.check_col {
    width: 25px !important;
    border: none !important;
    border-top: none !important;
}

.no_pad {
    padding: 0 !important;
    border: 0 !important;
}

table table,
table table td,
table table th,
table table tr {
    border-collapse: collapse;
}

table td,
table th {
    padding: 5px !important;
}

.col_cus_4 {
    max-width: calc(100% / 7 - 90px);
    width: 100%;
}

.full_width {
    width: 100% !important;
}

.ml-10 {
    margin-left: 10px !important;
}

.blob {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
    transform: scale(1);
    animation: pulse-black 3s infinite;
}

.table_collapse_history {
    height: 300px;
}

.no-padding-hor {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

@keyframes pulse-black {
    0% {
        transform: scale(0.99);
        box-shadow: 0 0 0 0 rgba(244, 106, 106, 0.6);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(244, 106, 106, 0);
    }

    100% {
        transform: scale(0.99);
        box-shadow: 0 0 0 0 rgba(244, 106, 106, 0);
    }
}

#statistics div#ui-datepicker-div {
    display: none !important;
}

/* Kolory tabelki */
.canceled {
    background-color: #c0c0c0 !important;
}

.realization {
    background-color: #fffda0 !important;
}

.not-paid {
    background-color: lightblue !important;
}

.to-realization {
    background-color: #ffd4c8 !important;
}

.to-send {
    background-color: #DDFFAA !important;
}

.not-confirmed {
    background-color: #FFA1A1 !important;
}

.sent {
    background-color: #82d2b1 !important;
}

.verify {
    background-color: #ff4040 !important;
}

.notpaid-not-confirmed {
    background-color: lightblue !important;
}

.notpaid-not-paid {
    background-color: #FFA1A1 !important;
}

.in-logistic {
    background-color: rgb(88, 173, 197) !important;
}

/* Legenda kolory */
.legend {
    list-style: none;
}

.legend li {
    float: left;
    margin-right: 10px;
}

.legend span {
    border: 1px solid #ccc;
    float: left;
    width: 36px;
    height: 12px;
    margin: 2px;
}

.color-success-legend {
    background-color: #c1dbd2 !important;
}

li .complaint {
    color: var(--bs-body-color) !important;
}
.complaint {
    background-color: #333 !important;
    color: #ffc;
}

.product-image {
    z-index: 10;
    transform: translateX(0px);
    transition: transform 500ms ease-in-out;
}

.product-image:hover {
    transform: translateX(150px);
    transition: transform 500ms ease-in-out;
}

.product-order-image {
    z-index: 10;
    position: absolute;
    transform: translateX(0px);
    transition: transform 500ms ease-in-out;
}

.product-image-thumbnail {
    margin-top:-5px;
    position: absolute;
    width: 80px;
    height: 80px;
}

.product-order-image:hover {
    position: absolute;
    z-index: 100;
    transform: translateX(150px);
    transition: transform 500ms ease-in-out;
}

.blink {
    color: #000;
    animation: blink 2s steps(2, start) infinite;
    -webkit-animation: blink 2s steps(2, start) infinite;
}
@keyframes blink {
    to {
        color: red;
    }
}
@-webkit-keyframes blink {
    to {
        visibility: hidden;
    }
}

.ag {
    background-color: #e8e8e8;
    display: block;
    text-align: center
}

.au {
    background-color: #f3c844;
    display: block;
    text-align: center
}

.type-product {
    font-size: 20pt;
    color: #a81d1d;
    font-weight: bold;
    display: block;
    text-align: center
}

.location {
    font-size: 12pt;
    display: block;
    text-align: center
}

.shipp-table-container {
    max-height: 300px;
    overflow-y: scroll;
}

#blink_text {
    animation: blink-animation 1s steps(5, start) infinite;
    -webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
    to {
        visibility: hidden;
    }
}
@-webkit-keyframes blink-animation {
    to {
        visibility: hidden;
    }
}