.bg-blue-hover {
    /* background: #ded5ff; */
    background: #d9e7f4;
    cursor: pointer;
    transition: 0.3s ease-in-out;
}

.bg-blue-hover:hover {
    background: #71a2d3;
    color: white !important;
}
.txt-orange
{
    color: #ef7b24 !important;
}
.bg-blue {
    background: #d1e5f3;
    cursor: pointer;
    transition: 0.3s ease-in-out;
    background: #4696cd;
    color: white !important;
}
.bg-purple-hover {
    background: #fef4ea;
    cursor: pointer;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}
/* .bg-purple-hover span {
    color: #fff !important;
} */
.bg-purple-hover:hover {
    background: #ef7b24;
    color: white !important;
}

.bg-purple {
    background: #ded5ff;
    cursor: pointer;
    transition: 0.3s ease-in-out;
    background: #8375b2;
    color: white !important;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}

.complete-width {
    color: #787878 !important;
    width: 80%;
}

.left-margin {
    margin-left: 10px;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}

.custom-flex {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
}

@media (max-width: 800px) {
    .complete-width {
        width: 100%;
    }

    .left-margin {
        margin-left: 0px !important;
    }
}