:root {
    --background-primary: rgb(14, 112, 44);    
    --background-primary-text: rgb(255,255,255);
    --background-secondary: rgb(36, 180, 79);
    --background-secondary-text: rgb(255,255,255);
    --accent: #f5dd5d;
    --font: Roboto;
    --sidebar-color: rgba(31, 41, 55, 1);
    --sidebar-highlight: rgba(55, 65, 81, 1);
    --sidebar-text: rgb(255,255,255);
    --frame-color: rgb(255,255,255);
    --frame-text: black;
    --switch-color: rgb(14, 112, 44);    
    --background-hover-color: rgb(14, 112, 44);   
    --hover-color: rgb(255,255,255);
    --bottom-bar-color: black;
    --bottom-bar-text: white;	  	
}

.header-color {    
    background-color: rgb(255, 255, 255);
    color:rgb(2, 2, 2);   
    border-bottom: 1px solid lightgray;
}



.header-logo {
    padding: 0px !important;
    display: inline-block;
    background: url("../theme/images/logo.png");
    width: 500px;
    background-position: left;
    background-repeat: no-repeat;
    background-size:contain;
    height:90%;
}