body{
    background: #00c853;
}
body.login-body {
    background: white;
}
.loginbox {
    background: #fff;
}
.sidemenu .nav-stacked {
    background: #217946;
}
.hbutton{
    background: #217946;
}
.notification-icons-2 {
    background: #217946;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
    color:  #217946;
    background-color: #FFF;
}
.sidemenu a:hover {
    color: #217946;
    background-color: #FFF;
    text-decoration: none;
}
.loginbox h3{
    background-color: #217946;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: #FFF;
    background-color: #217946;
    border-color: #217946;
}
.btn-primary {
    color: #FFF;
    background-color: #217946;
    border-color: #217946;
}
.user-box a {
    background: #8DD500;
}
.trans-list.cap:hover {
    background-image: linear-gradient(to right,#00c853,#217946);
   
}
ul[role='tablist'] > li:first-child >a{
    color: #226721;
}
ul[role='tablist'] > li:first-child.active >a{
    background-color: #226721;
    color: #fff;

}
ul[role='tablist'] > li:nth-child(2) >a{
    color: #e91e63;
}
ul[role='tablist'] > li:nth-child(2).active >a{
    background-color:  #e91e63;
    color: #fff;
}
ul[role='tablist'] > li:nth-child(3) >a{
    color: #9c27b0;
}
ul[role='tablist'] > li:nth-child(3).active >a{
    background-color:#9c27b0;
    color: #fff;
}
ul[role='tablist'] > li:nth-child(4) >a{
    color: #673ab7;
}
ul[role='tablist'] > li:nth-child(4).active >a{
    background-color: #673ab7;
    color: #fff;
}
ul[role='tablist'] > li:nth-child(5) >a{
    color: #3f51b5;
}
ul[role='tablist'] > li:nth-child(5).active >a{
    background-color: #3f51b5;
    color: #fff;
}
ul[role='tablist'] > li:nth-child(6) >a{
    color: #2196f3;
}
ul[role='tablist'] > li:nth-child(6).active >a{
    background-color: #2196f3;
    color: #fff;
}
ul[role='tablist'] > li:nth-child(7) >a{
    color: #ff9800;
}
ul[role='tablist'] > li:nth-child(7).active >a{
    background-color: #ff9800;
    color: #fff;
}

ul[role='tablist'] > li:nth-child(8) >a{
    color: #ff5722;
}
ul[role='tablist'] > li:nth-child(8).active >a{
    background-color: #ff5722;
    color: #fff;
}
ul[role='tablist'] > li:nth-child(9) >a{
    color: #4caf50;
}
ul[role='tablist'] > li:nth-child(9).active >a{
    background-color: #4caf50;
    color: #fff;
}
ul[role='tablist'] > li:last-child >a{
    color: #c51162;
}
ul[role='tablist'] > li:last-child.active >a{
    background-color: #c51162;
    color: #fff;
}