.bg-333 {
    background-color: #333333 !important;
}

.bg-fff {
    background-color: #fff;
}

.blue-darken-3-gradient {
    background: -webkit-linear-gradient(180deg, #1565c0, #42a5f5) !important;
    background: -o-linear-gradient(180deg, #1565c0, #42a5f5) !important;
    background: linear-gradient(180deg, #1565c0, #42a5f5) !important;
}

.green-darken-3-gradient {
    background: -webkit-linear-gradient(180deg, #2e7d32, #43a047) !important;
    background: -o-linear-gradient(180deg, #2e7d32, #43a047) !important;
    background: linear-gradient(180deg, #2e7d32, #43a047) !important;
}

.orange-darken-3-gradient {
    background: -webkit-linear-gradient(180deg, #ef6c00, #fb8c00) !important;
    background: -o-linear-gradient(180deg, #ef6c00, #fb8c00) !important;
    background: linear-gradient(180deg, #ef6c00, #fb8c00) !important;
}

.indigo-darken-3-gradient {
    background: -webkit-linear-gradient(180deg, #283593, #5c6bc0) !important;
    background: -o-linear-gradient(180deg, #283593, #5c6bc0) !important;
    background: linear-gradient(180deg, #283593, #5c6bc0) !important;
}

.yellow-darken-4-gradient {
    background: -webkit-linear-gradient(180deg, #f57f17, #fbc02d) !important;
    background: -o-linear-gradient(180deg, #f57f17, #fbc02d) !important;
    background: linear-gradient(180deg, #f57f17, #fbc02d) !important;
}

.pink-darken-4-gradient {
    background: -webkit-linear-gradient(180deg, #880e4f, #c2185b) !important;
    background: -o-linear-gradient(180deg, #880e4f, #c2185b) !important;
    background: linear-gradient(180deg, #880e4f, #c2185b) !important;
}

.deep-purple-darken-4-gradient {
    background: -webkit-linear-gradient(180deg, #311b92, #7e57c2) !important;
    background: -o-linear-gradient(180deg, #311b92, #7e57c2) !important;
    background: linear-gradient(180deg, #311b92, #7e57c2) !important;
}

.red-darken-4-gradient {
    background: -webkit-linear-gradient(180deg, #b71c1c, #d32f2f) !important;
    background: -o-linear-gradient(180deg, #b71c1c, #d32f2f) !important;
    background: linear-gradient(180deg, #b71c1c, #d32f2f) !important;
}

.cyan-darken-4-gradient {
    background: -webkit-linear-gradient(180deg, #006064, #0097a7) !important;
    background: -o-linear-gradient(180deg, #006064, #0097a7) !important;
    background: linear-gradient(180deg, #006064, #0097a7) !important;
}

.teal-darken-4-gradient {
    background: -webkit-linear-gradient(180deg, #004d40, #00796b) !important;
    background: -o-linear-gradient(180deg, #004d40, #00796b) !important;
    background: linear-gradient(180deg, #004d40, #00796b) !important;
}

.orange-lighten-2-gradient {
    background: -webkit-linear-gradient(180deg, #ffb74d, #ffe0b2) !important;
    background: -o-linear-gradient(180deg, #ffb74d, #ffe0b2) !important;
    background: linear-gradient(180deg, #ffb74d, #ffe0b2) !important;
}

.indigo-lighten-2-gradient {
    background: -webkit-linear-gradient(180deg, #7986cb, #c5cae9) !important;
    background: -o-linear-gradient(180deg, #7986cb, #c5cae9) !important;
    background: linear-gradient(180deg, #7986cb, #c5cae9) !important;
}

.green-lighten-2-gradient {
    background: -webkit-linear-gradient(180deg, #81c784, #c8e6c9) !important;
    background: -o-linear-gradient(180deg, #81c784, #c8e6c9) !important;
    background: linear-gradient(180deg, #81c784, #c8e6c9) !important;
}

.blue-lighten-2-gradient {
    background: -webkit-linear-gradient(180deg, #64b5f6, #bbdefb) !important;
    background: -o-linear-gradient(180deg, #64b5f6, #bbdefb) !important;
    background: linear-gradient(180deg, #64b5f6, #bbdefb) !important;
}

.yellow-darken-1-gradient {
    background: -webkit-linear-gradient(180deg, #fdd835, #ffee58) !important;
    background: -o-linear-gradient(180deg, #fdd835, #ffee58) !important;
    background: linear-gradient(180deg, #fdd835, #ffee58) !important;
}

.deep-orange-lighten-2-gradient {
    background: -webkit-linear-gradient(180deg, #ff8a65, #ffccbc) !important;
    background: -o-linear-gradient(180deg, #ff8a65, #ffccbc) !important;
    background: linear-gradient(180deg, #ff8a65, #ffccbc) !important;
}

.blue-light-custom{
    background: #0099c6;
}

.blue-gradient-custom {
    background: linear-gradient(220deg,#45cafc,#303f9f)!important;
}

.indigo-blue-darken-3-gradient {
    background: -webkit-linear-gradient(180deg, #283593, #1565c0) !important;
    background: -o-linear-gradient(180deg, #283593, #1565c0) !important;
    background: linear-gradient(180deg, #283593, #1565c0) !important;
}

.grey-lighten-2-gradient {
    background: -webkit-linear-gradient(180deg, #e0e0e0, #f5f5f5) !important;
    background: -o-linear-gradient(180deg, #e0e0e0, #f5f5f5) !important;
    background: linear-gradient(180deg, #e0e0e0, #f5f5f5) !important;
}

.grey-darken-3-gradient {
    background: -webkit-linear-gradient(180deg, #424242, #757575) !important;
    background: -o-linear-gradient(180deg, #424242, #757575) !important;
    background: linear-gradient(180deg, #424242, #757575) !important;
}

.mdb-gradient {
    background: -webkit-linear-gradient(180deg, #3b465e, #59698d) !important;
    background: -o-linear-gradient(180deg, #3b465e, #59698d) !important;
    background: linear-gradient(180deg, #3b465e, #59698d) !important;
}

.lime-darken-4-gradient {
    background: -webkit-linear-gradient(180deg, #827717, #00796b) !important;
    background: -o-linear-gradient(180deg, #827717, #00796b) !important;
    background: linear-gradient(180deg, #827717, #00796b) !important;
}