/**
 * File: site/css/backend.css
 * Package: justcroft-groendael-server
 * Author: Dr. Pete Ford <pford@justcroft.com>
 * $Header: svn+ssh://alicevm.justcroft.com/home/repos/Apps/Groendael.nl/server/site/css/backend.css 1962 2022-08-17 09:52:04Z pete $
 * Copyright (c) 2018-2022, Justcroft International Ltd
*/
/* 
    Created on : 25 Nov 2020, 19:27:14
    Author     : pete
*/

:root {
	--menuGreen: #96a44b;
	--menuGreenLight: #c3d562;
}


.adminOuter
{
    display: grid;
    height: 97vh;
    grid-template-rows: 3.5em auto 2em;
    grid-template-columns: max-content auto;
    grid-template-areas: "title content" "menu content" "keepalive content";
    grid-row-gap:1em;
}


.adminContent {
    grid-area: content;
    margin-left: 5px;
}

.adminMenu {
    grid-area: menu;
    height:100%;
    overflow-y: auto;
    #background-color: var(--menuGreen);
    background-image: linear-gradient( to bottom right, #dcdfc8, var(--menuGreen));
}

#adminKeepAliveIndicator {
    grid-area: keepalive;
    font-size: 8pt;
}

.mainTitle {
    grid-area: title;
    margin: 0;
}


.adminOuter .subTitle
{
    align-self: center;
}
.adminOuter .adminMenu,
.adminOuter .adminContent
{
    align-self: start;
}

.mainTitle .logo {
    height: 2em;
    vertical-align: top;
}

.mainTitle {
    color: var(--dark-colour);
}

.adminMenu h2 {
    color: var(--dark-colour);
}

.adminMenu h3 {
    color: var(--dark-colour);
    margin-bottom: 0;
    font-size: 10pt;
}


.adminMenu li:first-child h3
{
    margin-top:0;
}

.adminMenu ul
{
    list-style: none;
    padding-left: 0;
    margin:0;
}

.adminMenu ul ul
{
    padding-left: 2em;
}

.login-page
{
    width: 100vw; 
    height: 94vh; 
    display: grid;
}

.login-page .login-box
{
    align-self: center; 
    justify-self: center;
    text-align: center;
}

.login-page .login-box div
{
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.login-username input,
.login-password input
{
    font-size: xx-large;
}

.login-button
{
    text-align: center;
}
.login-button button
{
    font-size: x-large;
}

.menuOnHomePage
{
    display: none;
}