/*
 * Site css
 * customised css elements for this site only
 * Updates
 * 2024-05-21   jd  COMSC-416   added alarmCircleBold Roboto-Bold.tff, rule .noteUnread
 * 2023-03-06   kc  COMSC-375   updated for dark mode light mode switching
 * 2022-08-10   kc  COMSC-365   set body background
 * 2021-11-05   kc  AC-2        added custom font for site, navbar customisations, and some general cleanup
 * 2021-11-05   kc  COMSC-319   moved header customisation here
 * 2021-06-22   kc  COMSC-302   modified site-navbar-MaxHeight and some cleanup
 * 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
 * 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
 */

/* customise font */
@font-face {
    font-family: alarmCircleFont;
    src: url(../font/Roboto-Light.ttf);
}

@font-face {
    font-family: alarmCircleBold;
    src: url(../font/Roboto-Regular.ttf);
}

html, body
{
    font-family: alarmCircleFont;
}

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

.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 */
.navbar {
    min-height: 80px;
}

.site-navbar-branding
{
    margin-left: 25px;
    height: 50px;
}

.navbarItemText
{
  padding-top:20px;
  text-align: center;
  font-size: 1.1em;
}

.navbarItemIconText
{
  text-align: center;
}

/* custom site colours */
.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;
}

/* product overrides */
.noteUnread {
    font-family: alarmCircleBold;
}