/* animated arrow */
.fa-arrow-right {
    transition: 0.1s ease-in;
}

.btn-primary:hover .fa-arrow-right {
    transform: translateX(50%);
}

/* input type number */
.add-image-side {
    transition: all 0.15s;
}

.add-image-side:hover {
    background: #00a4ee21;
}

input[type=number] {
    position: relative;
    padding: 5px;
    padding-right: 25px;
    overflow: hidden !important;
    outline: none !important;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    opacity: 1;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: inner-spin-button !important;
    width: 25px;
    position: absolute;
    top: 0;
    right: 5px;
    filter: brightness(1.1);
    height: 100%;
}

.text-hover-main,
.bg-hover-main {
    transition: all 0.12s;
}

.text-hover-main:hover {
    color: #d25c25 !important;
}

.bg-hover-main:hover {
    background-color: #d25c25 !important;
    color: #fff !important;
}

.hover-bg-light:hover {
    background-color: rgba(220, 225, 230, 0.6);
    transition: background-color 0.2s ease;
}

.text-main {
    color: #d25c25 !important;
}

.border-bottom-main {
    border-bottom: 1px solid #d25c25 !important;
}

.border-main {
    border: 1px solid #d25c25 !important;
}

.transition {
    transition: all 0.25s ease-in-out;
}

.hover-shadow:hover {
    box-shadow:
        0 4px 20px rgba(0, 0, 0, 0.12),
        0 2px 6px rgba(0, 0, 0, 0.08);
    transform: translateY(-2px);

}

.shipment-box:hover {
    background-color: #fff7f4;
}

.bg-glassy {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.text-black {
    color: black !important;
}

.text-label {
    color: #434343 !important;
}

.text-lighter {
    color: #757575 !important;
}

.map-locating,
.type-card {
    transition: all 0.15s !important;
}

.map-locating:hover,
.type-card:hover,
.type-card.active {
    border-color: #d25c25 !important;
}

.form-check-input[type="radio"]:after {
    border-radius: 0 !important;
    background-image: linear-gradient(195deg, #f44335 0%, #d81b60 100%), var(--bs-gradient) !important;
}

@media screen and (min-width:700px) {
    .empty_shipments_list {
        max-width: 400px !important;
    }
}

table thead tr {
    color: black !important;
}

.form-label {
    color: #211010 !important;
    margin-bottom: 0 !important;
}

.driver-icon .sidebarIconImg {
    filter: invert(1);
}

.bg-danger-soft {
    background-color: rgba(220, 53, 69, 0.1);
}

.bg-success-soft {
    background-color: rgba(25, 135, 84, 0.1);
}

.bg-warning-soft {
    background-color: rgba(255, 193, 7, 0.1);
}

@media screen and (max-width:602px) {
    .pagination .page-item .page-link {
        width: 98px !important;
        border-radius: 5px !important;
    }
}

.bg-opacity-10 {
    --bs-bg-opacity: 0.1;
}