body {
    /* font-size: 16px; */
}

.text-purple {
    color: #402253;
}

.text-fuschia {
    color: #901F7A
}

.text-grey {
    color: #474747;
}

.bg-white {
    background: #FFFFFF;
}

.order-item-card {
    background: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #C8C7CC;
    padding: 20px;
}

.order-summary-box {
    background: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #C8C7CC;
    padding: 20px;
}

label {
    color: #474747;
    font-size: 16px;
    line-height: 26px;
}

header {
    width: 100%;
    min-height: 76px;
    background: #FFF;
    backdrop-filter: blur(17px);
    padding: 20px;
    display: inline-block;
}


.banner-grad {
    background-image: linear-gradient(to bottom right, #e57200, #9e007e);
}

.ttp-btn-primary {
    color: #FFFFFF;
    background-color: #FF0000;
    border-color: #FF0000;
}

.ttp-btn-primary:hover {
    color: #FFFFFF;
    background-color: #FF1900;
    border-color: #FF0000;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.ttp-btn-outline-primary {
    color: #474747;
    background-color: #FFFFFF;
    border-color: #FF0000;
}

.ttp-btn-outline-primary:hover {
    color: #FFFFFF;
    background-color: #FF1900;
    border-color: #FF0000;
}

.required:after {
    content: " *";
    color: #402253;
}

.form-select:focus,
.form-control:focus,
.ttp-btn-primary:focus,
.ttp-btn-outline-primary:focus {
    border-color: #FF0000 !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6) !important;
}

/* =================================  SNACK-BAR MESSAGES =================================================== */

#snack-bar-info-cart,
#snack-bar-alert-quantity,
#snack-bar-alert-empty-request,
#snack-bar-alert-hsbc-quantity {
    visibility: hidden;
    min-width: 250px;
    text-align: center;
    border-radius: 50px;
    padding: 16px;
    position: fixed;
    bottom: 60px;
    font-size: 25px;
}

#snack-bar-info-cart,
#snack-bar-alert-quantity,
#snack-bar-alert-empty-request {
    color: #fff;
}

#snack-bar-alert-hsbc-quantity {
    color: #000;
}

#snack-bar-info-cart.show,
#snack-bar-alert-quantity.show,
#snack-bar-alert-empty-request.show,
#snack-bar-alert-hsbc-quantity.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }
    to {
        bottom: 60px;
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }
    to {
        bottom: 60px;
        opacity: 1;
    }
}

@-webkit-keyframes fadeout {
    from {
        bottom: 60px;
        opacity: 1;
    }
    to {
        bottom: 0;
        opacity: 0;
    }
}

@keyframes fadeout {
    from {
        bottom: 60px;
        opacity: 1;
    }
    to {
        bottom: 0;
        opacity: 0;
    }
}