.bg-transparent-light {
    background: rgba(255,255,255, 0.75);
}

.bg-faded-blue {
    background: linear-gradient(to bottom,  #f7f7ff, #dcdce4);
}

.bg-blue-gradient {
    background: linear-gradient(#18AFFF, #0E208C);
    color: white;
    text-align: center;
}

.bg-purple-gradient {
    background: linear-gradient(#A651D0, #411F51);
    color: white;
    text-align: center;
}

.bg-red-gradient {
    background: linear-gradient(#FF0900, #5A0300);
    text-align: center;
    color: white;
}

.bg-blue-purple {
    background: linear-gradient(to bottom right, #3023AE, #C86DD7);
    color: white;
    text-align: center;
}

.bg-blue-green {
    background: linear-gradient(to bottom right, #0E228D, #6FF062);
    color: white;
    text-align: center;
}

.bg-turquoise {
    background: linear-gradient(to bottom, #b3ecec, #3bd6c6);
    color: #263238;
}

.bg-orange-gradient {
    background: linear-gradient(#F9E28B,#E2843F);
    color: #452DB3;
    text-align: center;
}

.bg-green-gradient {
    background: linear-gradient(#1CD915, #106F0C);
    color: white;
    text-align: center;
}

.bg-grey-gradient {
    background: linear-gradient(#888, #333);
    color: white;
    text-align: center;
}

.bg-grey-light {
    background: linear-gradient(#eee, #999);
    color: #333;
    text-align: center;
}



.bg-transparent {
    background: rgba(0,0,0,0.25);
}

.bg-white {
    background: rgba(255, 255, 255, 1);
}

.bg-warning-highlight {
    background-color: #F9D791;
}

.bg-danger-highlight {
    background-color: #F99191;
}