@font-face {
    font-family: Agenda;
    src: url("https://www.strathfield.nsw.gov.au/files/oc-templates/00000000-0000-0000-0000-000000000000/8b5ddfad-611e-465a-a682-71b3e3ab278c/v/85/Agenda-Regular.otf") format("opentype");
}
* {
    font-family: Arial, sans-serif;
}

.app .app-header.app-header-design-default {
    background: #fff;
    background-color: #fff;
    border-bottom: 0px solid #055993;
}.app .app-navigation-horizontal {
    background-color: #055993;
    border-color: #055993;
}
.app .app-navigation-horizontal nav > ul > li > a {
  color: #ffffff;
}
.app .app-navigation-horizontal nav > ul > li > a:hover {
    background-color: #ffffff !important;
    color: #a3a934 !important;
    border-radius: 0px;
}
.app .app-navigation-horizontal nav > ul > li.active > a {
    background-color: #055993 !important;
    color: #ffffff !important;
}
.app-navigation.app-navigation-style-default {
    background-color: #055993;
}

.app-navigation.app-navigation-style-default nav > ul > li a {
	background-color: #055993;
	color: #ffffff;
text-shadow: none;
}
/* over colors on leftbar 1st level items*/
.app-navigation.app-navigation-style-default nav > ul > li a:hover{
	color: #a3a934;
	background-color: #fff;
    text-shadow: none;
}
.app-navigation.app-navigation-style-default nav > ul > li a.active {
	color: #ffffff;
	background-color: #055993;
text-shadow: none;
}
/*active left bar li - when clicked, first level*/
.app-navigation.app-navigation-style-default nav > ul > li.active > a {
    background-color:  #055993 !important;
    color: #ffffff !important;
text-shadow: none;
}
/*active left bar li - when clicked, first level*/
.app-navigation.app-navigation-style-default nav > ul > li > ul > li.active > a {
    background-color: #055993 !important;
    color: #ffffff !important;
text-shadow: none;
}
.app-navigation.app-navigation-style-default nav > ul > li:not(.open) > a > span {
    color: #ffffff;
text-shadow: none;
}
.app-navigation.app-navigation-style-default nav > ul > li.openable:not(.open):hover > a:after,
.app-navigation.app-navigation-style-default nav > ul > li:not(.open):hover > a > span {
    color: #a3a934;
text-shadow: none;
}
/*the color of the sidebar carot 0 parent note*/
.app-navigation.app-navigation-style-default nav > ul > li.openable > a:after {
    color: #ffffff;
}.app-navigation.app-navigation-style-default nav > ul > li ul > li > a > span,
.app-navigation.app-navigation-style-default nav > ul > li ul > li > a {
	background-color: #055993;
    color: #ffffff;
text-shadow: none;
}
.app-navigation.app-navigation-style-default nav > ul > li.openable.open > a > span,
.app-navigation.app-navigation-style-default nav > ul > li.openable.open > a {
	background-color: #055993;
    color: #ffffff;
}
.app-navigation.app-navigation-style-default nav > ul > li ul > li:hover > a > span ,
.app-navigation.app-navigation-style-default nav > ul > li ul > li > a:hover{
    color: #ffffff;
	background-color:  #055993;
}.app-navigation.app-navigation-style-default nav > ul > li {
	border-bottom: 1px solid #676f8e;
}
.app-navigation.app-navigation-style-default nav > ul > li ul > li > a {
    border-bottom: 1px solid #677783;
}
.app-navigation.app-navigation-style-default nav > ul > li.openable.open > a {
    border-bottom: 1px solid #677783;
}.app .app-footer.app-footer-default {
    background-color: #fff;
}
.app .app-footer.app-footer-default a {
    color: #000;
}
.app .app-footer.app-footer-default:after {
    background-color: #fff;
}
.app .app-footer.app-footer-default .app-footer-line.darken {
	background-color: #fff;
}h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000000 !important;
}
.panel-primary > .panel-heading {
    background-color: #ffffff !important;
    border-color: #ffffff !important;
	color: #000000 !important;
}.btn.btn-primary {
	color: #000000;
	background-color: #e9e9e9;
	border-color: #ababab !important;
}
.btn.btn-primary:hover,
.btn.btn-primary.active,
.btn.btn-primary:active,
.btn.btn-primary:active:focus {
    background-color: #055993;
	border-color: #055993;
	color: #ffffff;
}
.btn.btn-primary.btn-icon-fixed span[class^="icon-"],
.btn.btn-primary.btn-icon-fixed span.fa {
	border-right: 1px solid #e8e8e8;
	background: #e8e8e8;
}
.btn-primary .btn-label {
    background-color: #e8e8e8;
    color: #000000;
}
.app .pagination li.active > a, .app .pagination li.active span {
    background: #e8e8e8;
    color: #000000;
}
.btn {
border: 1px solid #e2e2e3 !important;
}

/* Alert Banners */

/* Green Success Banner alert-success*/
.alert.alert-success {
    background: #EDF9F2;
    color: #000;
    border: 1px solid #07b34e;
}
.alert.alert-success a {
    color: #0b2e13;
    text-shadow: none !important;
    text-decoration: underline;
}

/* Red Alert Banner alert-danger*/
.alert.alert-danger {
    background: #FDF2F2;
    color: #000;
    border: 2px solid #ef4043;
}
.alert.alert-danger a {
    color: #491217;
    text-decoration: underline;
}

/* Yellow Alert Banner alert-warning*/
.alert.alert-warning {
    background: #FFD485;
    color: #000;
    border: 2px solid #F69F00;
}
.alert.alert-warning a {
    color: #533f03;
    text-decoration: underline;
}

/* Blue Alert Banner alert-info*/
.alert.alert-info {
    background: #E3F5FC;
    color: #000;
    border: 2px solid #4fb5dd;
}
.alert.alert-info a {
    color: #002752;
    text-decoration: underline;
}

/* WCAG Compliance -- this version of css provides WCAG AA 2.1 compliance */

/*Accessibility specific modifications */
/* Modify body link elements to have a focus indicator (outline) when tabbed around via the Keyboard */
body a:focus-visible {
    color: #0B74AD;
    border: 1px dashed red;
}
/* Modify TOP NAV bar elements to have a focus indicator (outline) when tabbed around via the Keyboard */
.app .app-navigation-horizontal nav > ul > li > a:focus-visible {
    background-color: #ebebeb73 !important;
    color: #000 !important;
    border: 1px dashed red !important;
}

/* Modify LEFT NAV elements to provide focus elements. */
.app-navigation.app-navigation-style-default nav > ul > li.openable.open > a.focus-visible {
    /* leftbar item background when open - parent only*/
    background: #ebebeb73;
    color: #ed0a00;
    border: 1px dashed red !important;
}

.app-navigation.app-navigation-style-default nav > ul > li.openable > a.focus-visible {
    /* leftbar item background when open - parent only*/
    background: #ebebeb73;
    color: #ed0a00;
    border: 1px dashed red !important;
}
/*.app-navigation.app-navigation-style-default nav > ul > li a.focus-visible {
    color: #ed0a00;
    background: #fff;
}*/

/* Alert Banners */

/* Green Success Banner alert-success*/
.alert.alert-success {
    background: #EDF9F2;
    color: #000;
    border: 1px solid #07b34e;
}
.alert.alert-success a {
    color: #0b2e13;
    text-shadow: none !important;
    text-decoration: underline;
}

/* Red Alert Banner alert-danger*/
.alert.alert-danger {
    background: #FDF2F2;
    color: #000;
    border: 2px solid #ef4043;
}
.alert.alert-danger a {
    color: #491217;
    text-decoration: underline;
}
.alert.alert-dismissable.alert-danger {
    background: #FDF2F2;
    color: #000;
    border: 2px solid #ef4043;
}
.validation-summary-errors >ul>li {
    font-weight: regular;
    color: #000;
}

/* Yellow Alert Banner alert-warning*/
.alert.alert-warning {
    background: #FFD485;
    color: #000;
    border: 2px solid #F69F00;
}
.alert.alert-warning a {
    color: #533f03;
    text-decoration: underline;
}

/* Blue Alert Banner alert-info*/
.alert.alert-info {
    background: #E3F5FC;
    color: #000;
    border: 2px solid #4fb5dd;
}
.alert.alert-info a {
    color: #002752;
    text-decoration: underline;
}

/* Permit number row on my permits page - increase contrast to provide WCAG compliance */
.text-muted {
    color: #454545 !important;
}


/* Button overrides */
/* Vehicle search button sizing in menu bar 
.btn.btn-default.btn-vehiclesearch {
    padding: 0px 0px;
}*/

/* Danger button - used in Permit screen for the cancellation button */
/*Danger button primary state */
.btn.btn-danger {
    border-color: #D91215;
    background: #D91215;
    color: #fff;
    
}
/* Danger button - icon colour control */
.btn.btn-danger.btn-icon-fixed span[class^="icon-"],
.btn.btn-danger.btn-icon-fixed span.fa {
    border-right: 1px solid #D91215;
    background: #D91215;
}
/* Danger button - keyboard tabbed input focus indicators */
.btn.btn-danger:focus-visible {
    border-color: #D91215;
    background: #D91215;
    color: #fff;
    border: 2px dashed #fff !important;
}

/* Green login button - increase contrast to hit WCAG AA 2.1 compliance */
.btn.btn-success.btn-block {
    color: #ffffff;
    background-color: #5E802D;
    border-color: #5E802D;
}

.btn.btn-success.btn-block:focus-visible {
    color: #ffffff;
    background-color: #5E802D;
    border-color: #5E802D;
    border: 2px dashed #FFC675 !important;
}
.btn.btn-icon-fixed.btn-primary:focus-visible{
    border-color: #666;
    background: #fff;
    color: #000;
    border: 1px dashed #666 !important;
}
/*WCAG Form element highlight on focus via tab*/
.form-control:focus-visible {
    border: 1px dashed #666;
}

/*WCAG Button highlight on focus via tab*/
.btn.btn-default:focus-visible {
    border: 1px dashed #666;
}
/*WCAG Pagination Button highlight on focus via tab*/
.app .pagination > li > a:focus-visible {
    border:1px dashed #666;
}

/*WCAG Primary Button highlight on focus via tab*/
.btn.btn-primary.btn-icon-fixed:focus-visible span[class^="icon-"],
.btn.btn-primary.btn-icon-fixed:focus-visible span.fa {
    border-right: 1px solid #fee04b;
    background: #fee04b;
    color: #004d83;
}