#order-status-grid {
    display: grid !important;
    grid-template-columns: 1fr 30px !important
}



.order-status-check {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.address-container {
    display: flex;
    justify-content: left;
    align-items: center;
    padding-left: 30px
}

.address-lable {
    color: #a3a3a3;
}

.address-show table {
    width: 100%;
}

    .address-show table td {
        width: 150px;
    }

.status-icon-grid {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin-bottom: 1rem;
}

    .status-icon-grid i {
        color: #a3a1a1
    }

.active {
    color: #007bff !important
}

.filter {
    background-color: #11cdef;
}

    .filter i {
        color: #fff;
        cursor: pointer;
        padding: 10px 20px
    }

        .filter i:hover {
            background-color: #A0DAE5
        }