.w3-navy-peony,.w3-hover-navy-peony:hover{color:#fff!important;background-color:#223a5e!important;}
.w3-text-navy-peony,.w3-hover-text-navy-peony:hover{color:#223a5e!important;}
.w3-border-navy-peony,.w3-hover-border-navy-peony:hover{border-color:#223a5e!important;}

.w3-prussian-blue,.w3-hover-prussian-blue:hover{color:#fff!important;background-color:#003153!important;}
.w3-text-prussian-blue,.w3-hover-text-prussian-blue:hover{color:#003153!important;}
.w3-border-prussian-blue,.w3-hover-border-prussian-blue:hover{border-color:#003153!important;}

.w3-american-blue,.w3-hover-american-blue:hover{color:#fff!important;background-color:#3b3b6d!important;}
.w3-text-american-blue,.w3-hover-text-american-blue:hover{color:#3b3b6d!important;}
.w3-border-american-blue,.w3-hover-border-american-blue:hover{border-color:#3b3b6d!important;}

.w3-black-olive,.w3-hover-black-olive:hover{color:#fff!important;background-color:#3b3c36!important;}
.w3-text-black-olive,.w3-hover-text-black-olive:hover{color:#3b3c36!important;}
.w3-border-black-olive,.w3-hover-border-black-olive:hover{border-color:#3b3c36!important;}

.w3-black-coffee,.w3-hover-black-coffee:hover{color:#fff!important;background-color:#3b2f2f!important;}
.w3-text-black-coffee,.w3-hover-text-black-coffee:hover{color:#3b2f2f!important;}
.w3-border-black-cofee,.w3-hover-border-black-cofee:hover{border-color:#3b2f2f!important;}

.w3-brown-rat,.w3-hover-brown-rat:hover{color:#fff!important;background-color:#4b3c39!important;}
.w3-text-brown-rat,.w3-hover-text-brown-rat:hover{color:#4b3c39!important;}
.w3-border-brown-rat,.w3-hover-border-brown-rat:hover{border-color:#4b3c39!important;}

.w3-deep-taupe,.w3-hover-deep-taupe:hover{color:#fff!important;background-color:#7e5e60!important;}
.w3-text-deep-taupe,.w3-hover-text-deep-taupe:hover{color:#7e5e60!important;}
.w3-border-deep-taupe,.w3-hover-border-deep-taupe:hover{border-color:#7e5e60!important;}

.w3-willow-grey,.w3-hover-willow-grey:hover{color:#fff!important;background-color:#817b69!important;}
.w3-text-willow-grey,.w3-hover-text-willow-grey:hover{color:#817b69!important;}
.w3-border-willow-grey,.w3-hover-border-willow-grey:hover{border-color:#817b69!important;}

.w3-white-mouse,.w3-hover-white-mouse:hover{color:#000!important;background-color:#b9a193!important;}
.w3-text-white-mouse,.w3-hover-text-white-mouse:hover{color:#b9a193!important;}
.w3-border-white-mouse,.w3-hover-border-white-mouse:hover{border-color:#b9a193!important;}

.w3-deep-lemon,.w3-hover-deep-lemon:hover{color:#000!important;background-color:#f5c71a!important;}
.w3-text-deep-lemon,.w3-hover-text-deep-lemon:hover{color:#f5c71a!important;}
.w3-border-deep-lemon,.w3-hover-border-deep-lemon:hover{border-color:#f5c71a!important;}

.w3-olivine,.w3-hover-olivine:hover{color:#000!important;background-color:#9ab973!important;}
.w3-text-olivine,.w3-hover-text-olivine:hover{color:#9ab973!important;}
.w3-border-olivine,.w3-hover-border-olivine:hover{border-color:#9ab973!important;}

.w3-persian-pink,.w3-hover-persian-pink:hover{color:#000!important;background-color:#f77fbe!important;}
.w3-text-persian-pink,.w3-hover-text-persian-pink:hover{color:#f77fbe!important;}
.w3-border-persian-pink,.w3-hover-border-persian-pink:hover{border-color:#f77fbe!important;}

.w3-red-wisteria,.w3-hover-red-wisteria:hover{color:#000!important;background-color:#bb7796!important;}
.w3-text-red-wisteria,.w3-hover-text-red-wisteria:hover{color:#bb7796!important;}
.w3-border-red-wisteria,.w3-hover-border-red-wisteria:hover{border-color:#bb7796!important;}

.button-gray {
    font-size: 1.4rem;
    font-weight: 700;
    padding: 0.5rem 2.5rem;
    margin: 5px;
    background-color: rgba(104,104,104,0.8);
    color: rgba(0,0,0,1);
    border-style: solid;
    border-width: 2px;
    border-color: rgba(104,104,104,1);
}

.button-gray:hover {
    font-size: 1.4rem;
    font-weight: 700;
    padding: 0.5rem 2.5rem;
    margin: 5px;
    background-color: rgba(104,104,104,0.2);
    color: rgba(0,0,0,1);
    border-style: solid;
    border-width: 2px;
    border-color: rgba(104,104,104,1);
}

.button-blue-outline {
    font-size: 1rem;
    padding: 0.5rem 2.5rem;
    margin-right:0.5rem ;
    margin-bottom:0.5rem;
    background-color: rgba(3, 77, 162, 0.2);
    color: rgba(3, 77, 162,1);
    border-style: solid;
    border-width: 1px;
    border-color: rgba(3,77,162,1);
}

.button-blue-outline:hover {
    font-size: 1rem;
    padding: 0.5rem 2.5rem;
    margin-right:0.5rem ;
    margin-bottom:0.5rem;
    background-color: rgba(3,77,162,1);
    color: rgba(255,255,255,1);
    border-style: solid;
    border-width: 1px;
    border-color: rgba(3,77,162,1);
}

.button-amber-outline {
    font-size: 1rem;
    background-color: rgba(241, 175, 36, 1);
    color: rgba(0, 0, 0,1);
    border-style: solid;
    border-width: 1px;
    border-color: rgba(241, 175, 36,1);
}

.button-amber-outline:hover {
    font-size: 1rem;
    background-color: rgba(241, 175, 36,0.2);
    color: rgba(241,175,36,1);
    border-style: solid;
    border-width: 1px;
    border-color: rgba(241, 175, 36,1);
}