:root {
    /* colors */
    --blue: #00A5D5;
    --red: #d53000;
    --green: #00d530;
    --orange: #d59b00;    
    --white: #ffffff;
    --yellow: #ffe823;
    --graytone-0: #f5f5f5;
    --graytone-1: #eee;
    --graytone-2: #ddd; 
    --graytone-3: #CCC;
    --graytone-3-blueish-transparant: rgba(93,110,115,.3);
    --graytone-4: #4f5e68; 
    --graytone-5: #39444b;
    --graytone-6: #333;
    --graytone-6-transparant: rgba(51, 51, 51, 0.6);
    --graytone-7: #262626;

    /* font sizes */
    --font-size-small: 1.2rem;
    --font-size-medium: 1.4rem;
    --font-size-large: 2rem;
}

.fullscreenimage { 
    background-image: url("/img/curry.jpg");
}

.dashboard .icon:before{
    background-image: url('/img/menu/inactive/dashboard.png');
}
.dashboard.active .icon:before{
	background-image: url('/img/menu/active/dashboard.png');
}


.identities .icon:before{
    background-image: url('/img/menu/inactive/identities.png');
}
.identities.active .icon:before{
	background-image: url('/img/menu/active/identities.png');
}


.billing .icon:before{
    background-image: url('/img/menu/inactive/fundraiser.png');
}
.billing.active .icon:before{
	background-image: url('/img/menu/active/fundraiser.png');
}

.revenue .icon:before{
    background-image: url('/img/menu/inactive/sales.png');
}
.revenue.active .icon:before{
	background-image: url('/img/menu/active/sales.png');
}


.organization .icon:before{
    background-image: url('/img/menu/inactive/organization.png');
}
.organization.active .icon:before{
	background-image: url('/img/menu/active/organization.png');
}