/*
@Author: ThemeMascot
@URL: http://ThemeMascot.com

This is the file where you can add your custom styles to change the look of the
theme. But don't modify style-main.css file.

*/

/* Your custom css codes start here: */



.menuzord-brand img {
	max-height: 60px !important;
}

.menuzord-brand {
    margin: 8px 30px 0 0;
}

.nav-pills li a:hover, .nav-pills li.active > a:hover{
	color: #fff !important;
    background-color: rgba(171, 197, 2, 0.7) !important;
}

.nav-pills li > a.active {
    color: #fff !important;
    background-color: #abc502 !important;
}

.btn-outline-green-dark {
    color: #000;
    background-color: #fff ;
    border-color: #abc502;
}

.btn-outline-green-dark.active {
    color: #fff;
    background-color: #7F9301;
    border-color: #7F9301;
}

.list-group-item.active {
    color: #fff !important;
    background-color: #abc502 !important;
    border-color: #abc502 !important;
}

.list-group button {
    border-bottom: 0.5px solid rgba(128, 128, 128, 0.7) !important;
}

.list-group button p {
    font-size: 16px;
    font-weight: 400;
    color: #808080;
}