: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');
}

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

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

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

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