/* 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 10px; 
    overflow: hidden !important;
    outline: none !important;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number]::-moz-inner-spin-button,
input[type=number] {
    -moz-appearance: textfield;
}

.text-hover-main,.bg-hover-main{
    transition: all 0.12s;
}
.text-hover-main:hover{
    color: #357a75 !important;
}
.bg-hover-main:hover{
    background-color:#357a75 !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: #357a75 !important;
}
.border-bottom-main{
    border-bottom:1px solid #357a75 !important;
}
.border-main{
    border:1px solid #357a75 !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:#357a75 !important;
}

.form-check-input[type="radio"]:after{
    border-radius: 0 !important;
    background-image: linear-gradient(195deg, #357a75 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;
}