.w3-metro-light-green {
    color: #fff;
    background-color: #99b433!important;
}

.w3-metro-green {
    color: #fff;
    background-color: #00a300!important;
}

.w3-metro-dark-green {
    color: #fff;
    background-color: #1e7145!important;
}

.w3-metro-magenta {
    color: #fff;
    background-color: #ff0097!important;
}

.w3-metro-light-purple {
    color: #fff;
    background-color: #9f00a7!important;
}

.w3-metro-purple {
    color: #fff;
    background-color: #7e3878!important;
}

.w3-metro-dark-purple {
    color: #fff;
    background-color: #603cba!important;
}

.w3-metro-darken {
    color: #fff;
    background-color: #1d1d1d!important;
}

.w3-metro-teal {
    color: #fff;
    background-color: #00aba9!important;
}

.w3-metro-light-blue {
    color: #000;
    background-color: #eff4ff!important;
}

.w3-metro-blue {
    color: #fff;
    background-color: #2d89ef!important;
}

.w3-metro-dark-blue {
    color: #fff;
    background-color: #2b5797!important;
}

.w3-metro-yellow {
    color: #fff;
    background-color: #ffc40d!important;
}

.w3-metro-orange {
    color: #fff;
    background-color: #e3a21a!important;
}

.w3-metro-dark-orange {
    color: #fff;
    background-color: #da532c!important;
}

.w3-metro-red {
    color: #fff;
    background-color: #ee1111!important;
}

.w3-metro-dark-red,
.w3-hover-metro-dark-red:hover {
    color: #fff;
    background-color: #b91d47!important;
}


/* text-color */

.w3-text-metro-light-green {
    color: #99b433!important
}

.w3-text-metro-green {
    color: #00a300!important
}

.w3-text-metro-dark-green {
    color: #1e7145!important
}

.w3-text-metro-magenta {
    color: #ff0097!important
}

.w3-text-metro-light-purple {
    color: #9f00a7!important
}

.w3-text-metro-purple {
    color: #7e3878!important
}

.w3-text-metro-dark-purple {
    color: #603cba!important
}

.w3-text-metro-darken {
    color: #1d1d1d!important
}

.w3-text-metro-teal {
    color: #00aba9!important
}

.w3-text-metro-light-blue {
    color: #eff4ff!important
}

.w3-text-metro-blue {
    color: #2d89ef!important
}

.w3-text-metro-dark-blue {
    color: #2b5797!important
}

.w3-text-metro-yellow {
    color: #ffc40d!important
}

.w3-text-metro-orange {
    color: #e3a21a!important
}

.w3-text-metro-dark-orange {
    color: #da532c!important
}

.w3-text-metro-red {
    color: #ee1111!important
}

.w3-text-metro-dark-red {
    color: #b91d47!important
}


/* border-color */

.w3-border-metro-light-green {
    border-color: #99b433!important
}

.w3-border-metro-green {
    border-color: #00a300!important
}

.w3-border-metro-dark-green {
    border-color: #1e7145!important
}

.w3-border-metro-magenta {
    border-color: #ff0097!important
}

.w3-border-metro-light-purple {
    border-color: #9f00a7!important
}

.w3-border-metro-purple {
    border-color: #7e3878!important
}

.w3-border-metro-dark-purple {
    border-color: #603cba!important
}

.w3-border-metro-darken {
    border-color: #1d1d1d!important
}

.w3-border-metro-teal {
    border-color: #00aba9!important
}

.w3-border-metro-light-blue {
    border-color: #eff4ff!important
}

.w3-border-metro-blue {
    border-color: #2d89ef!important
}

.w3-border-metro-dark-blue {
    border-color: #2b5797!important
}

.w3-border-metro-yellow {
    border-color: #ffc40d!important
}

.w3-border-metro-orange {
    border-color: #e3a21a!important
}

.w3-border-metro-dark-orange {
    border-color: #da532c!important
}

.w3-border-metro-dark-red {
    border-color: #b91d47!important
}