.latent {
    display: none;
}

.overlay {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
}

.overlay.below {
    z-index: -1;
}

.overlay.light {
    background: #ffffff;
    opacity: .6;
}

.overlay.dark {
    background: #000000;
    opacity: .75;
}

.overlay.above {
    z-index: 1;
    opacity: .8;
}

/** Colors - Default */

.aqua {
    color: #00ffff;
}

.aquamarine {
    color: #7fffd4;
}

.black {
    color: #000000;
}

.cadetblue {
    color: #5f9ea0;
}

.chartreuse {
    color: #7fff00;
}

.cornflowerblue {
    color: #6495ed;
}

.cyan {
    color: #00ffff;
}

.darkorange {
    color: #ff8c00;
}

.darkseagreen {
    color: #8fbc8f;
}

.deeppink {
    color: #ff1493;
}

.deepskyblue {
    color: #00bfff;
}

.dodgerblue {
    color: #1e90ff;
}

.fuchsia {
    color: #ff00ff;
}

.gold {
    color: #ffd700;
}

.goldenrod {
    color: #daa520;
}

.greenyellow {
    color: #adff2f;
}

.lawngreen {
    color: #7cfc00;
}

.lightblue {
    color: #add8e6;
}

.lightskyblue {
    color: #87cefa;
}

.lightsteelblue {
    color: #b0c4de;
}

.lime {
    color: #00ff00;
}

.limegreen {
    color: #32cd32;
}

.magenta {
    color: #ff00ff;
}

.mediumslateblue {
    color: #7b68ee;
}

.orange {
    color: #ffa500;
}

.orangered {
    color: #ff4500;
}

.orchid {
    color: #da70d6;
}

.palegoldenrod {
    color: #eee8aa;
}

.palegreen {
    color: #98fb98;
}

.paleturquoise {
    color: #afeeee;
}

.skyblue {
    color: #87ceeb;
}

.springgreen {
    color: #00ff7f;
}

.violet {
    color: #ee82ee;
}

.white {
    color: #ffffff;
}

.yellow {
    color: #ffff00;
}

.yellowgreen {
    color: #9acd32;
}

/** Colors - Hover */

.aqua-hover:hover {
    color: #00ffff;
}

.aquamarine-hover:hover {
    color: #7fffd4;
}

.black-hover:hover {
    color: #000000;
}

.cadetblue-hover:hover {
    color: #5f9ea0;
}

.chartreuse-hover:hover {
    color: #7fff00;
}

.cornflowerblue-hover:hover {
    color: #6495ed;
}

.cyan-hover:hover {
    color: #00ffff;
}

.darkorange-hover:hover {
    color: #ff8c00;
}

.darkseagreen-hover:hover {
    color: #8fbc8f;
}

.deeppink-hover:hover {
    color: #ff1493;
}

.deepskyblue-hover:hover {
    color: #00bfff;
}

.dodgerblue-hover:hover {
    color: #1e90ff;
}

.fuchsia-hover:hover {
    color: #ff00ff;
}

.gold-hover:hover {
    color: #ffd700;
}

.goldenrod-hover:hover {
    color: #daa520;
}

.greenyellow-hover:hover {
    color: #adff2f;
}

.lawngreen-hover:hover {
    color: #7cfc00;
}

.lightblue-hover:hover {
    color: #add8e6;
}

.lightskyblue-hover:hover {
    color: #87cefa;
}

.lightsteelblue-hover:hover {
    color: #b0c4de;
}

.lime-hover:hover {
    color: #00ff00;
}

.limegreen-hover:hover {
    color: #32cd32;
}

.magenta-hover:hover {
    color: #ff00ff;
}

.mediumslateblue-hover:hover {
    color: #7b68ee;
}

.orange-hover:hover {
    color: #ffa500;
}

.orangered-hover:hover {
    color: #ff4500;
}

.orchid-hover:hover {
    color: #da70d6;
}

.palegoldenrod-hover:hover {
    color: #eee8aa;
}

.palegreen-hover:hover {
    color: #98fb98;
}

.paleturquoise-hover:hover {
    color: #afeeee;
}

.skyblue-hover:hover {
    color: #87ceeb;
}

.springgreen-hover:hover {
    color: #00ff7f;
}

.violet-hover:hover {
    color: #ee82ee;
}

.white-hover:hover {
    color: #ffffff;
}

.yellow-hover:hover {
    color: #ffff00;
}

.yellowgreen-hover:hover {
    color: #9acd32;
}