/*--------------------
    BACKGROUN !importantD
---------------------*/

.bg-theme {
    background: #f8faff !important;
}

.bg-transparent {
    background-color: transparent !important;
}

.bg-white {
    background-color: #ffffff !important;
}

.bg-black {
    background-color: #000000 !important;
}

.bg-dark {
    background: #171932 !important;
    color: #ffffff;
}

.bg-deep-dark {
    background: rgba(0, 0, 0, .9) !important;
    color: #ffffff;
}

.bg-sky {
    background: #f6fafb !important;
}

.bg-gray {
    background: #f5f4f4 !important;
}

.bg-white-gray {
    background: #eaf6fa !important;
}

.bg-light-gray {
    background-color: #f7f7f7 !important;
}

.bg-sky-gray {
    background: #f7f9fc !important;
}

.bg-charcoal-gray {
    background-color: #0e0f10 !important;
}

.bg-extra-dark-gray {
    background-color: #1c1c1c !important;
}

.bg-dark-gray {
    background-color: #757575 !important;
}

.bg-extra-medium-gray {
    background-color: #939393 !important;
}

.bg-medium-gray {
    background-color: #dbdbdb !important;
}

.bg-extra-light-gray {
    background-color: #e0e0e !important0
}

.bg-medium-light-gray {
    background-color: #edede !importantd
}

.bg-light-gray {
    background-color: #f7f7f !important7
}

.bg-very-light-gray {
    background-color: #fafaf !importanta
}

.bg-deep-pink {
    background-color: #ff214f !important;
}

.bg-transparent-white {
    background-color: rgba(255, 255, 255, 0.3) !important;
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(37%, rgba(255, 255, 255, 0)), color-stop(96%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1))) !important;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(37%, rgba(255, 255, 255, 0)), color-stop(96%, rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 1))) !important;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 37%, rgba(255, 255, 255, 1) 96%, rgba(255, 255, 255, 1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
}

.bg-transparent-black {
    background-color: rgba(0, 0, 0, 0) !important;
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(37%, rgba(0, 0, 0, 0)), color-stop(96%, rgba(0, 0, 0, 1)), color-stop(100%, rgba(0, 0, 0, 1))) !important;
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(37%, rgba(0, 0, 0, 0)), color-stop(96%, rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 1))) !important;
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 37%, rgba(0, 0, 0, 1) 96%, rgba(0, 0, 0, 1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1);
}

.bg-white-opacity {
    background-color: rgba(255, 255, 255, 0.85) !important;
}

.bg-black-opacity {
    background-color: rgba(0, 0, 0, 0.85) !important;
}

.bg-black-opacity-light {
    background-color: rgba(0, 0, 0, 0.5) !important;
}

.bg-deep-pink-opacity {
    background-color: rgba(255, 33, 79, 0.85) !important;
}
