.bg-white {
    background: white;
}

.h-100 {
    height: 100%;
}

.w-100 {
    width: 100%;
}

.bg-red {
    background: red;
}

.bg-grey {
    background: #E9ECEF;
}

.f-20 {
    font-size: 35px;
}

.w-50 {
    width: 50%;
    margin: 0 auto;
}
.box{
    padding: 0 25px;
    position: relative;
    border-radius: 3px;
    background: #ffffff;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 1px 1px rgb(0 0 0 / 10%);
}

.badge-soft-danger {
    color: #e63757;
    background-color: #fad7dd;
}
.badge-soft-secondary {
    color: #6e84a3;
    background-color: #e2e6ed;
}
.badge-soft-success {
    color: #00d97e;
    background-color: #ccf7e5;
}
.badge-soft-info {
    color: #39afd1;
    background-color: #d7eff6;
}
.badge-soft-delivery {
    color: #00695C;
    background-color: #80CBC4;
}
.badge-soft-yellow {
    color: #F9A825;
    background-color: #FFF59D;
}
.badge-soft-green {
    color: #FFFF00;
    background-color: #d7eff6;
}
.badge-soft-purple {
    color: #4527A0;
    background-color: #B39DDB;
}

.badge {
    vertical-align: middle;
    padding: .5rem 1.5rem;
}
.text-capitalize {
    text-transform: capitalize!important;
}
.fs-13{
    font-size: 13px!important;
}