/* Structure elements */

:root {
    --main-text: #0c0c0c;
    --main-bg: #fafafa;

    --util-std-shadow: #c0c0c0;
    --util-hidden-shadow: rgba(0,0,0,0);

    --nav-normal-text: #f0f0f0;
    --nav-normal-bg: #444;
    --nav-block-background: #444;
    --nav-active-text: #ff02d5;
    --nav-active-bg: #c01e1e;

    --footer-text: #ffffff;
    --footer-bg: #444;


    /* Page structure colour/themes */
    --block-level-1: #006699;
    --block-level-2: #0066994d;
    --block-level-3: #9b9b9b4d;

    --notice-border: #008799;
    --notice-text: #00515c;
    --notice-text-header: #00515c;
    --notice-bg: #dbe8f0;

    --warning-border: #990000;
    --warning-text: #990000;
    --warning-text-header: #990000;
    --warning-bg: #f0dbdb;

    /* Individual elements */
    --list-empty: rgb(250, 200, 187);;

    --inplace-edit: #5355e8;
}


  

main {
    background-color: var(--main-bg);
    color: var(--main-text);
}

nav {
    background-color: var(--nav-normal-bg);
    color: var(--nav-normal-text);
    box-shadow: 0px 0px 4px 0px var(--util-hidden-shadow);
}

nav a {
    color: var(--nav-normal-text);
}

.navlist a:hover {
    background-color: var(--nav-active-bg);
    color: var(--nav-active-text);
}

footer {
    background-color: var(--footer-bg);
    color: var(--footer-text);
}


/* Blocks and panels */
.main{
    box-shadow: 0px 0px 5px 0px var(--util-std-shadow);
}

.login-main{
    box-shadow: 0px 0px 5px 0px var(--util-std-shadow);
}

.dialog-main{
    box-shadow: 0px 0px 5px 0px var(--util-std-shadow);
}

.primary-block{
	border: 1px solid var(--block-level-1);
}

.sub-block{
    border: 1px solid var(--block-level-2);
}

.group-block{
    border: 1px solid var(--block-level-3);
}

.warning-block{
	border: 1px solid var(--warning-border);
    background-color: var(--warning-bg);
}

.warning-text{
	color: var(--warning-text);
}

.warning-header{
	color: var(--warning-text-header);
}


.notice-block{
	border: 1px solid var(--notice-border);
    background-color: var(--notice-bg);
}

.notice-text{
	color: var(--notice-text);
}

.notice-header{
	color: var(--notice-text-header);
}