/* Sally - these are the colours you'll be changing */
:root {
  --navbar: #ffffff;	/* navbar, dialog title bars, dark buttons */
  --navbar-text: #00285e;	/* navbar text, menu hover link */
  --card-header: #00285e;	/* card headers, primary buttons, datatable pagination buttons, datatable header row, top alert in ETA Board */
  --disabled-inputs: #324a7b;	/* disabled inputs in Order Entry Commodity table */
  --footer-link-hover: #53b610;	/* footer link hover text colour */
  --row-hover: #f9d68c;	/* datatble row hover */
  --card-header-text: white;	/* card header text colour, primary button text colour, datatable pagination button text colour, datatable header text colour */
  --primary-button-hover: #f3b610;	/* primary button hover colour */
  --primary-button-hover-text: #48535b;	/* primary button hover text colour */
  --secondary-button: #f3b610;	/* secondary button colour */
  --secondary-button-text: #48535b;	/* secondary button text colour */
  --secondary-button-hover: #f3b610;	/* secondary button hover colour */
  --secondary-button-hover-text: #48535b;	/* secondary button hover text colour */
}
/* Sally - don't change anything below this point! */
#sidebar .sidebar-header {
    background-color: var(--navbar) !important;
    color: var(--navbar-text) !important;
}
#dismiss {
    background-color: var(--navbar) !important;
    color: var(--navbar-text) !important;
}
#sidebar ul li a:hover {
    background-color: var(--navbar);
}
/* ESS Branding */
.bg-dark, .btn-primary {
    background-color: var(--card-header) !important;
}
.btn-primary {
	color: var(--card-header-text);
}
.btn-primary:hover {
	background-color: var(--primary-button-hover) !important;
	color: var(--primary-button-hover-text);
}
.btn-secondary {
	background-color: var(--secondary-button);
	color: var(--secondary-button-text);
}
.btn-secondary:hover {
	background-color: var(--secondary-button-hover) !important;
	color: var(--secondary-button-hover-text);
}
.page-item.active .page-link {
	background-color: var(--card-header);
	color: var(--card-header-text);
}
.navbar-dark {
    background-color: var(--navbar);
    color: var(--navbar-text) !important;
}
/* ESS Overrides of Datatables styles */
.ui-dialog-titlebar {
	background-color: var(--navbar) !important;
}
#COOE010-Table tfoot .form-control:disabled, #COOE010-Table tfoot .form-control[readonly] {
    background-color: var(--disabled-inputs);
}
.dataTable thead tr {
	background-color: var(--card-header) !important;
	color: var(--card-header-text);
}
.dataTable tbody tr:hover {
	background-color: var(--row-hover) !important;
}
footer a:hover {
	color: var(--footer-link-hover);
}
.btn-dark {
    background-color: var(--navbar) !important;
}
.card-header-text {
	color: var(--card-header-text);
}
.alert-info {
	background-color: var(--card-header);
}
#sidebar ul li a:hover {
    color: var(--navbar-text);
}