<style>
.theme_button {
 background-color:#0bd1b5 !important;
 box-shadow: 2px 2px 5px #CCCCCC;
 -ms-box-shadow: 2px 2px 5px #CCCCCC;
 -o-box-shadow: 2px 2px 5px #CCCCCC;
}
.theme_button:hover {background-color:#0bd1b5 !important;}
.theme_background_color {background-color: #0bd1b5 !important;}
.theme-background { background-color: #0bd1b5 !important;color: #fff;}
#root .pwa-nav .navbar{
 background: #5ab67e !important;
}
.navbar-container .ui.vertical.menu .active.item {
   background: #3A4354 !important;
}
#root .sidenav-container .menu .item a i.icon{
   color: #0BD1B5!important;
}
#root .sidenav-container .menu .item:hover i.icon {
   color: white !important;
}
.theme_color_teal{color: #0bd1b5 !important;}
#root .sidenav-container .menu .item.active, #root .sidenav-container .menu .item:hover {
   background: #3a4354 !important;
}


.theme-color-title{ color: #5ab67e !important;}
.theme-color-button{ background-color: #5ab67e !important;}
.stepper-step.active{
    background-color:#5ab67e !important;
}
.stepper-step.active:hover{
    background-color:#5ab67e !important;
    opacity: 80%;
}
.stepper-step.completed{
    background-color: #5ab67e !important;
    opacity: 70%;
}
.stepper-step.completed:hover{
    background-color: #5ab67e !important;
    opacity: 60%;
}
</style>