.alert {
    padding: 5px;
    font-size: 12px;
    color: white;
}

.alert-danger {
    background-color: rgb(198 40 40);
}

.alert-success {
    background-color: rgb(15, 82, 1);
}

.dataTableFilter {
    background-color: white;
    padding: 5px;
    border: solid 1px rgb(215 215 215);
    text-indent: 5px;
}

.dataTableFilter:focus {
    outline: none;
    border: solid 1px orangered;
}

.dt-search input {
    outline: none;
    margin-left: 5px;
}

.dt-search input:focus {
    border: solid 1px orangered;
}

.dt-length select {
    outline: none;
}


.dt-length select:focus {
    border: solid 1px orangered;
}

.text-gray-100 {
    color: #c3c3c3;
}

td {
    vertical-align: top;
}

.table-align-middle td {
    vertical-align: middle !important;
}

.flatpickr-calendar {
    font-size: 12px !important;
}

.activeLabel {
    background-color: #5c5c5b;
    padding: 2.50px 4px;
    width: 50px;
    height: 20px;
    color: white;
    text-align: center;
    font-size: 10px;
}

.text-white {
    color: white;
}

.btn-xxs {
    height: 20px;
}

.h-\[300px\] {
    height: 300px;
}

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

.w-\[250px\] {
    width: 250px;
}

.from {
    background-color: #ffb9a0;
    padding: 1px 4px;
}

.to {
    background-color: #dcefb5;
    padding: 1px 4px;
}

/* Apply to all Tippy tooltips */
.tippy-box {
    font-size: 12px !important;
    /* Decrease font size */
    padding: 2px 4px;
    /* Adjust padding */
}

/* If using a custom theme */
.tippy-box[data-theme~="small-tooltip"] {
    font-size: 10px !important;
    /* Even smaller text */
    padding: 2px 4px;
}
.small-padding{
    padding: 1px 3px;
}

@keyframes blink-animation {
    50% {
        opacity: 0.3;
    }
}

.blink {
    animation: blink-animation 1.5s infinite ease-in-out;
}

.circleScanned{
    width: 15px;
    border-radius: 50%;
    height: 15px;
    background-color: orangered;
    cursor: pointer;
    margin-right: 3px;
}

.circleShipped{
    width: 15px;
    border-radius: 50%;
    height: 15px;
    background-color: rgb(0, 104, 4);
    cursor: pointer;
    margin-right: 3px;
}
.notMapped{
    cursor: pointer;
}

.select2-container {
    z-index: 999999 !important;
}