.lagoon, .hover-lagoon:hover {
    color: #003A40!important;
    background-color: #00b2a9!important
}

.lagoon-40, .hover-lagoon-40:hover {
    color: #003A40!important;
    background-color: #99e0dc!important
}

.lagoon-60, .hover-lagoon-60:hover {
    color: #003A40!important;
    background-color: #6dd1cb!important
}

.lagoon-80, .hover-lagoon-80:hover {
    color: #003A40!important;
    background-color: #33c1ba!important
}

.dark-lagoon, .hover-dark-lagoon:hover {
    color: #fff!important;
    background-color: #009390!important
}

.amarillo, .hover-amarillo:hover {
    color: #003A40!important;
    background-color: #f1c400!important
}

.dark-amarillo, .hover-dark-amarillo:hover {
    color: #003A40!important;
    background-color: #f0ad00!important
}

.midnight, .hover-midnight:hover {
    color: #FFF!important;
    background-color: #003A40!important
}

.midnight-80, .hover-midnight-80:hover {
    color: #FFF!important;
    background-color: #336166!important
}

.midnight-60, .hover-midnight-60:hover {
    color: #003A40!important;
    background-color: #66898c!important
}

.midnight-40, .hover-midnight-40:hover {
    color: #003A40!important;
    background-color: #99b0b3!important
}

.midnight-5, .hover-midnight-5:hover {
    color: #003A40!important;
    background-color: #f2f5f5!important
}

.basil, .hover-basil:hover {
    color: #003A40!important;
    background-color: #00965e!important
}

.rot, .hover-rot:hover {
    color: #003A40!important;
    background-color: #e73f0c!important
}

.text-lagoon, .hover-text-lagoon:hover {
    color: #00b2a9!important
}

.text-lagoon-40, .hover-text-lagoon-40:hover {
    color: #99e0dc!important
}

.text-lagoon-60, .hover-text-lagoon-60:hover {
    color: #6dd1cb!important
}

.text-lagoon-80, .hover-text-lagoon-80:hover {
    color: #33c1ba!important
}

.text-dark-lagoon, .hover-text-dark-lagoon:hover {
    color: #009390!important
}

.text-amarillo, .hover-text-amarillo:hover {
    color: #f1c400!important
}

.text-dark-amarillo, .hover-text-dark-amarillo:hover {
    color: #f0ad00!important
}

.text-midnight, .hover-text-midnight:hover {
    color: #003A40!important
}

.text-midnight-80, .hover-text-midnight-80:hover {
    color: #336166!important
}

.text-midnight-60, .hover-text-midnight-60:hover {
    color: #66898c!important
}

.text-midnight-40, .hover-text-midnight-40:hover {
    color: #99b0b3!important
}

.text-midnight-5, .hover-text-midnight-5:hover {
    color: #f2f5f5!important
}

.text-basil, .hover-text-basil:hover {
    color: #00965e!important
}

.text-rot, .hover-text-rot:hover {
    color: #e73f0c!important
}

.border-lagoon {
    border-color: #00b2a9!important
}

.border-lagoon-40 {
    border-color: #99e0dc!important
}

.border-lagoon-60 {
    border-color: #6dd1cb!important
}

.border-lagoon-80 {
    border-color: #33c1ba!important
}

.border-dark-lagoon {
    border-color: #009390!important
}

.border-amarillo {
    border-color: #f1c400!important
}

.border-dark-amarillo {
    border-color: #f0ad00!important
}

.border-midnight {
    border-color: #003A40!important
}

.border-midnight-80 {
    border-color: #336166!important
}

.border-midnight-60 {
    border-color: #66898c!important
}

.border-midnight-40 {
    border-color: #99b0b3!important
}

.border-midnight-5 {
    border-color: #f2f5f5!important
}

.border-basil {
    border-color: #00965e!important
}

.border-rot {
    border-color: #e73f0c!important
}

/* Colors old*/

.amber, .hover-amber:hover {
    color: #000!important;
    background-color: #ffc107!important
}

.aqua, .hover-aqua:hover {
    color: #000!important;
    background-color: #00ffff!important
}

.blue, .hover-blue:hover {
    color: #fff!important;
    background-color: #2196F3!important
}

.light-blue, .hover-light-blue:hover {
    color: #000!important;
    background-color: #87CEEB!important
}

.brown, .hover-brown:hover {
    color: #fff!important;
    background-color: #795548!important
}

.cyan, .hover-cyan:hover {
    color: #000!important;
    background-color: #00bcd4!important
}

.blue-grey, .hover-blue-grey:hover, .blue-gray, .hover-blue-gray:hover {
    color: #fff!important;
    background-color: #607d8b!important
}

.green, .hover-green:hover {
    color: #fff!important;
    background-color: #4CAF50!important
}

.light-green, .hover-light-green:hover {
    color: #000!important;
    background-color: #8bc34a!important
}

.indigo, .hover-indigo:hover {
    color: #fff!important;
    background-color: #3f51b5!important
}

.khaki, .hover-khaki:hover {
    color: #000!important;
    background-color: #f0e68c!important
}

.lime, .hover-lime:hover {
    color: #000!important;
    background-color: #cddc39!important
}

.orange, .hover-orange:hover {
    color: #000!important;
    background-color: #ff9800!important
}

.deep-orange, .hover-deep-orange:hover {
    color: #fff!important;
    background-color: #ff5722!important
}

.pink, .hover-pink:hover {
    color: #fff!important;
    background-color: #e91e63!important
}

.purple, .hover-purple:hover {
    color: #fff!important;
    background-color: #9c27b0!important
}

.deep-purple, .hover-deep-purple:hover {
    color: #fff!important;
    background-color: #673ab7!important
}

.red, .hover-red:hover {
    color: #fff!important;
    background-color: #f44336!important
}

.sand, .hover-sand:hover {
    color: #000!important;
    background-color: #fdf5e6!important
}

.teal, .hover-teal:hover {
    color: #fff!important;
    background-color: #009688!important
}

.yellow, .hover-yellow:hover {
    color: #000!important;
    background-color: #ffeb3b!important
}

.white, .hover-white:hover {
    color: #000!important;
    background-color: #fff!important
}

.black, .hover-black:hover {
    color: #fff!important;
    background-color: #000!important
}

.grey, .hover-grey:hover, .gray, .hover-gray:hover {
    color: #000!important;
    background-color: #9e9e9e!important
}

.light-grey, .hover-light-grey:hover, .light-gray, .hover-light-gray:hover {
    color: #000!important;
    background-color: #f1f1f1!important
}

.dark-grey, .hover-dark-grey:hover, .dark-gray, .hover-dark-gray:hover {
    color: #fff!important;
    background-color: #616161!important
}

.pale-red, .hover-pale-red:hover {
    color: #000!important;
    background-color: #ffdddd!important
}

.pale-green, .hover-pale-green:hover {
    color: #000!important;
    background-color: #ddffdd!important
}

.pale-yellow, .hover-pale-yellow:hover {
    color: #000!important;
    background-color: #ffffcc!important
}

.pale-blue, .hover-pale-blue:hover {
    color: #000!important;
    background-color: #ddffff!important
}

.text-amber, .hover-text-amber:hover {
    color: #ffc107!important
}

.text-aqua, .hover-text-aqua:hover {
    color: #00ffff!important
}

.text-blue, .hover-text-blue:hover {
    color: #2196F3!important
}

.text-light-blue, .hover-text-light-blue:hover {
    color: #87CEEB!important
}

.text-brown, .hover-text-brown:hover {
    color: #795548!important
}

.text-cyan, .hover-text-cyan:hover {
    color: #00bcd4!important
}

.text-blue-grey, .hover-text-blue-grey:hover, .text-blue-gray, .hover-text-blue-gray:hover {
    color: #607d8b!important
}

.text-green, .hover-text-green:hover {
    color: #4CAF50!important
}

.text-light-green, .hover-text-light-green:hover {
    color: #8bc34a!important
}

.text-indigo, .hover-text-indigo:hover {
    color: #3f51b5!important
}

.text-khaki, .hover-text-khaki:hover {
    color: #b4aa50!important
}

.text-lime, .hover-text-lime:hover {
    color: #cddc39!important
}

.text-orange, .hover-text-orange:hover {
    color: #ff9800!important
}

.text-deep-orange, .hover-text-deep-orange:hover {
    color: #ff5722!important
}

.text-pink, .hover-text-pink:hover {
    color: #e91e63!important
}

.text-purple, .hover-text-purple:hover {
    color: #9c27b0!important
}

.text-deep-purple, .hover-text-deep-purple:hover {
    color: #673ab7!important
}

.text-red, .hover-text-red:hover {
    color: #f44336!important
}

.text-sand, .hover-text-sand:hover {
    color: #fdf5e6!important
}

.text-teal, .hover-text-teal:hover {
    color: #009688!important
}

.text-yellow, .hover-text-yellow:hover {
    color: #d2be0e!important
}

.text-white, .hover-text-white:hover {
    color: #fff!important
}

.text-black, .hover-text-black:hover {
    color: #000!important
}

.text-grey, .hover-text-grey:hover, .text-gray, .hover-text-gray:hover {
    color: #757575!important
}

.text-light-grey, .hover-text-light-grey:hover, .text-light-gray, .hover-text-light-gray:hover {
    color: #f1f1f1!important
}

.text-dark-grey, .hover-text-dark-grey:hover, .text-dark-gray, .hover-text-dark-gray:hover {
    color: #3a3a3a!important
}

.border-amber, .hover-border-amber:hover {
    border-color: #ffc107!important
}

.border-aqua, .hover-border-aqua:hover {
    border-color: #00ffff!important
}

.border-blue, .hover-border-blue:hover {
    border-color: #2196F3!important
}

.border-light-blue, .hover-border-light-blue:hover {
    border-color: #87CEEB!important
}

.border-brown, .hover-border-brown:hover {
    border-color: #795548!important
}

.border-cyan, .hover-border-cyan:hover {
    border-color: #00bcd4!important
}

.border-blue-grey, .hover-border-blue-grey:hover, .border-blue-gray, .hover-border-blue-gray:hover {
    border-color: #607d8b!important
}

.border-green, .hover-border-green:hover {
    border-color: #4CAF50!important
}

.border-light-green, .hover-border-light-green:hover {
    border-color: #8bc34a!important
}

.border-indigo, .hover-border-indigo:hover {
    border-color: #3f51b5!important
}

.border-khaki, .hover-border-khaki:hover {
    border-color: #f0e68c!important
}

.border-lime, .hover-border-lime:hover {
    border-color: #cddc39!important
}

.border-orange, .hover-border-orange:hover {
    border-color: #ff9800!important
}

.border-deep-orange, .hover-border-deep-orange:hover {
    border-color: #ff5722!important
}

.border-pink, .hover-border-pink:hover {
    border-color: #e91e63!important
}

.border-purple, .hover-border-purple:hover {
    border-color: #9c27b0!important
}

.border-deep-purple, .hover-border-deep-purple:hover {
    border-color: #673ab7!important
}

.border-red, .hover-border-red:hover {
    border-color: #f44336!important
}

.border-sand, .hover-border-sand:hover {
    border-color: #fdf5e6!important
}

.border-teal, .hover-border-teal:hover {
    border-color: #009688!important
}

.border-yellow, .hover-border-yellow:hover {
    border-color: #ffeb3b!important
}

.border-white, .hover-border-white:hover {
    border-color: #fff!important
}

.border-black, .hover-border-black:hover {
    border-color: #000!important
}

.border-grey, .hover-border-grey:hover, .border-gray, .hover-border-gray:hover {
    border-color: #9e9e9e!important
}

.border-light-grey, .hover-border-light-grey:hover, .border-light-gray, .hover-border-light-gray:hover {
    border-color: #f1f1f1!important
}

.border-dark-grey, .hover-border-dark-grey:hover, .border-dark-gray, .hover-border-dark-gray:hover {
    border-color: #616161!important
}

.border-pale-red, .hover-border-pale-red:hover {
    border-color: #ffe7e7!important
}

.border-pale-green, .hover-border-pale-green:hover {
    border-color: #e7ffe7!important
}

.border-pale-yellow, .hover-border-pale-yellow:hover {
    border-color: #ffffcc!important
}

.border-pale-blue, .hover-border-pale-blue:hover {
    border-color: #e7ffff!important
}