/* Sally - these are the colours you'll be changing */
:root {
  --navbar: #ffffff;	/* navbar, dialog title bars, dark buttons */
  --navbar-text: #004B96;	/* navbar text, menu hover link */
  --menu-link: #ffffff;	/* menu background colour when unselected */
  --menu-link-text: #141E30;	/* menu text colour when unselected */
  --menu-link-hover: #E8E8E8;	/* menu hover background colour when selected */
  --menu-link-hover-text: #004B96;	/* menu hover text colour when selected */  
  --card-header: #D4D4D4;	/* card headers, primary buttons, datatable pagination buttons, datatable header row, top alert in ETA Board */
  --card-header-text: #141E30;	/* card header text colour, primary button text colour, datatable pagination button text colour, datatable header text colour */
  --primary-button-hover: #13B5EA;	/* primary button hover colour */
  --primary-button-hover-text: #ffffff;	/* primary button hover text colour */
  --row-hover: #D4F2FC;	/* datatable row hover */
  --secondary-button: #D4D4D4;	/* secondary button colour - e.g. additional services/special instructions */
  --secondary-button-text: #141E30;	/* secondary button text colour */
  --secondary-button-hover: #13B5EA;	/* secondary button hover colour */
  --secondary-button-hover-text: #ffffff;	/* secondary button hover text colour */
  --disabled-inputs: #D4F2FC;	/* disabled inputs block colour in Order Entry Commodity table */
  --disabled-inputs-text: #000000;	/* disabled inputs text output colour in Order Entry Commodity table */
  --footer-link-hover: #13B5EA;	/* footer link 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 {
    background-color: var(--menu-link);
    color: var(--menu-link-text);
}
#sidebar ul li a:hover {
    background-color: var(--menu-link-hover);
    color: var(--menu-link-hover-text) !important;
}
/* 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);
    color: var(--disabled-inputs-text);
}
.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);
}