/*
 * Site css
 * customised css elements for this site only
 * Updates
 * 2025-06-24   kc  CTRLRM-15   added appImage
 * 2023-03-06   kc  COMSC-375   updated for dark mode light mode switching
 * 2021-11-05   kc  COMSC-319   moved header customisation here
 * 2021-04-30   kc  COMSC-271   removed menuIcon, imgGlyph, imgMenu and moved to suite.css
 * 2021-04-24   jd  COMSC-270   remove btnCar and PD rules
 * 2021-03-24   kc  WEBDB-253   now using css global variables for major and minor colours, added site-header-maxheight
 * 2020-07-16   kc  COMSC-199   added menuIcon, imgGlyph, imgMenu
 * 2020-06-21   jd  COMSC-184   PD-* rules changes
 * 2020-06-18   jd  COMSC-193   added brand color override
 * 2019-04-26   jd  COMSC-150   added styles for personal devices page
 * 2018-08-23   jd  COMSC-100   Added personal devices glyphs customise
 */

/**
 *
 * Suite elements that are customised per site
 *
 */

/* customise header */
.site-header-MaxHeight
{
    height: 60px;
}

.pageTitle
{
    font-size: 2em;
    line-height: 80%;
}

.pageDescription
{
    font-size:small;
    color: #999999;
}

/* customise the footer colours */
.site-footer
{
    background-color: var(--colourbackground);
    color: var(--colourbackgroundtxt); /* original #444444 */
    border-color: var(--colourborder); /* original #e5e5e5 */
}

/* customise navbar items */
.navbarItemText
{
  padding-top:20px;
  text-align: center;
  font-size: 1.1em;
}

.navbarItemIconText
{
  text-align: center;
}

.navbarCustomLogo
{
    height: 60px;
    /* filter: drop-shadow(0px 0px 10px var(--colourbackground)); */
}

/* customise menu icons */
.grey-tile
{
  background-color: #666666
}

/* color overrides to brand */
.brand-border {
    border-color: var(--colourmajor);
}

/* updates box */
.updateBox
{
    border: solid 1px var(--colourminor);
    padding:5px;
    width:100%;
    overflow : auto;
}

/**
 *
 * Elements only for this site
 *
 */

.BGcolour {
  background-color: #444444;
  padding-top: 0px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: -20px;
  margin-right: -20px;
  color: #ffffff;
}

/*
App image
 */
.appImage {
    height: 400px;       /* whatever fixed height you need */
}