/*
"@brand-primary": "#4978bc",
"@brand-success": "#1cb78d",
"@brand-info": "#78b7e3",
"@brand-warning": "#f2674a",
"@brand-danger": "#f16788",
*/

:root {
  --primary-button-color: #4978bc;
  --primary-button-border-color: #3f6cac;

  --info-button-color: #78b7e3;
  --info-button-border-color: #63acdf;

  --success-button-color: #1cb78d;
  --success-button-border-color: #19a17c;

  --warning-button-color: #f2674a;
  --warning-button-border-color: #f05332;

  --danger-button-color: #f16788;
  --danger-button-border-color: #ef5076;

  --background-color: #eeeeee;
  --background-color-inverted: #333333;
  --text-color: #333333;
  --black-color: #333333;
  --icon-color: #1cb78d;
  --icon-color-hover: #199F7B;

  --tabs-link-color: #333333;

  --todo-heading-color: #c9dd6a;
  --done-items-heading-color: #78b7e3;
  
  --dark-todo-heading-color-client: #73831f;
  --dark-done-items-heading-color-client: #1f6292;
}

/* NFPK extra custom changes */
.panel-fancy-left-dark {
	border-right: #bc6aac 8px solid;
}

.form-label, .standard-form-label-text {
	color: var(--black-color);
}

/* sidebar */

#sidebar {
	background: #c9dd6a;
  color: var(--white-color);
}

#sidebar ul ul a {
  background: #c9dd6a;
}

#sidebarCollapse {
  background-color: #c9dd6a;
  box-shadow: none;
  color: var(--black-color);
}

#sidebar .sidebar-header {
  background: #c9dd6a;
}

#sidebar ul li.active > a,
#sidebar a[aria-expanded="true"] {
  color: var(--white-color);
  background: #c9dd6a;
}

body.high-contrast #sidebarCollapse, body.high-contrast button#sidebarCollapse .fa {
	background-color: #c9dd6a !important;
  color: var(--text-color) !important;
}


#sidebar a.menu-item {
	color: var(--black-color) !important;
}

.sidebar-menu-icon {
	background: var(--black-color);
}

#sidebar ul ul#quick_search_results a:hover, #sidebar ul ul a.qb-results:hover {
  background: var(--background-color);
  color: var(--black-color);
}

#sidebar i.menu-icon {
  color:#999999 !important;
}

#sidebar a.menu-sub-item,
#sidebar a.menu-sub-item:hover,
#sidebar a.menu-sub-item:focus {
  color: var(--black-color) !important;
}

#sidebar ul li a.menu-item:hover .sidebar-menu-icon, #sidebar ul li a.menu-item:focus .sidebar-menu-icon {
  background: #555 !important;
}

#sidebar ul li a.menu-sub-item:hover, #sidebar ul li a.menu-sub-item:focus {
  color: var(--black-color) !important;
  background-color: #9CB329 !important;
}

#sidebar ul p {
  color: var(--black-color);
}

#sidebar ul li a:hover, #sidebar ul li a:focus {
  color: var(--black-color);
}

#quick_search_bar_id {
  background: var(--white-color);
  color: #36373A;
}
/* end sidebar */


/* login */
.panel-fancy-left-dark {
	background-color: var(--white-color);
	color: var(--black-color);
}

.fancy-container .bodytext-color-white {
	color: var(--black-color);
}

#panel-welcome-dark-int, 
#panel-welcome-dark-ext {
	background-color: var(--white-color) !important;
	color: var(--black-color);
}

#panel-welcome-dark-int img, 
#panel-welcome-dark-ext img {
	display: none;
}

#panel-welcome-dark-int .bodytext-color-white, 
#panel-welcome-dark-ext .bodytext-color-white {
	color: var(--black-color);
}


/* high contrast fixes */

body.high-contrast .form-register-heading {
  color: var(--black-color) !important;
}

.nav-panel-config-button:hover, .sidebar-menu-icon-up-down:hover, .nav-panel-config-dropdown:hover,
.nav-panel-config-button:focus, .sidebar-menu-icon-up-down:focus, .nav-panel-config-dropdown:focus {
  background-color: var(--icon-color-hover);
}

/* tabs */
.nav-pills > li > a {
	background-color: #EDFCF9;
	box-shadow: 0 1px 0 0 #1cb78d;
	color: var(--tabs-link-color);
  font-weight: 400;
}

.nav-pills > li.active > a {
	  font-weight: 500;
    background-color: #1cb78d;
    color: var(--white-color);
}

.nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
	color: var(--white-color);
	background-color: #1cb78d;
}

/* swap colours in APS */
.activities-grid .select-button .btn-primary {
	background-color: #1cb78d;
	border-color: #19a17c;
}

.activities-grid .select-button .btn-primary:active:hover,
.activities-grid .select-button .btn-primary:active:focus
 {
  color:#fff;
  background-color:#106c53;
  border-color:#083227
}

.activities-grid .done-button .btn-success {
	background-color: #4978bc;
	border-color: #3f6cac;
}

.activities-grid .done-button .btn-success:active:hover,
.activities-grid .done-button .btn-success:active:focus
 {
  color:#fff;
  background-color:#2f507f;
  border-color:#1d314f
}

body.high-contrast .activities-grid .select-button a.btn-primary, 
body.high-contrast .activities-grid .select-button button.btn-primary, 
body.high-contrast .activities-grid .select-button input.btn-primary {
	background: var(--dark-success-button-color) !important;
  color: var(--text-color) !important;
}

body.high-contrast .activities-grid .done-button a.btn-success, 
body.high-contrast .activities-grid .done-button button.btn-success, 
body.high-contrast .activities-grid .done-button input.btn-success {
	background: var(--dark-primary-button-color) !important;
  color: var(--text-color) !important;
}

body.high-contrast .activities-grid .select-button button.btn-primary .fa, 
body.high-contrast .activities-grid .select-button a.btn-primary i.fa {
	background-color: var(--dark-success-button-color) !important;
	color: var(--text-color) !important;
}

body.high-contrast .activities-grid .done-button button.btn-success .fa, 
body.high-contrast .activities-grid .done-button a.btn-success i.fa {
	background-color: var(--dark-primary-button-color) !important;
	color: var(--text-color) !important;
}

/* next steps */
.next-step-grid .select-button .btn-primary {
	background-color: #1cb78d;
	border-color: #19a17c;
}

.next-step-grid .select-button .btn-primary:active:hover,
.next-step-grid .select-button .btn-primary:active:focus
 {
  color:#fff;
  background-color:#106c53;
  border-color:#083227
}

body.high-contrast .next-step-grid .select-button a.btn-primary, 
body.high-contrast .next-step-grid .select-button button.btn-primary, 
body.high-contrast .next-step-grid .select-button input.btn-primary {
	background: var(--dark-success-button-color) !important;
  color: var(--text-color) !important;
}

/* help */
.panel-body-instructions-grid .btn-success {
	background-color: #4978bc;
	border-color: #3f6cac;
}

.panel-body-instructions-grid .btn-success:active:hover,
.panel-body-instructions-grid .btn-success:active:focus
 {
  background-color:#2f507f;
  border-color:#1d314f
}

.panel-body-instructions-grid .btn-success:hover {
  background-color: #396099;
  border-color: #2f507f;
}

.panel-body-instructions-grid .btn-success:active, 
.panel-body-instructions-grid .btn-success.active {
	background-color: #396099;
	border-color: #2f507f;
}

.panel-body-instructions-grid .btn-success:focus, 
.panel-body-instructions-grid .btn-success.focus {
	background-color: #396099;
	border-color: #1d314f;
}

.panel-body-instructions-grid .btn-primary {
	background-color: #1cb78d;
	border-color: #19a17c;
}

.panel-body-instructions-grid .btn-primary:active:hover,
.panel-body-instructions-grid .btn-primary:active:focus
 {
  background-color:#106c53;
  border-color:#083227
}

.panel-body-instructions-grid .btn-primary:hover {
  background-color: #158b6b;
  border-color: #106c53;
}

.panel-body-instructions-grid .btn-primary:active, 
.panel-body-instructions-grid .btn-primary.active {
	background-color: #158b6b;
	border-color: #106c53;
}

.panel-body-instructions-grid .btn-primary:focus, 
.panel-body-instructions-grid .btn-primary.focus {
	background-color: #158b6b;
	border-color: #083227;
}

/* hide journal */
#comment-heading {
  display: none;
}

body.high-contrast #todoitems h4 {
	background-color: var(--dark-todo-heading-color-client);
}

body.high-contrast #doneitems h4 {
	background-color: var(--dark-done-items-heading-color-client);
}

/* APS activities */

.activities-grid-container {
	padding-right: 15px;
}

.select-button {
	grid-column-start: not-applicable;
	grid-column-end: mark-as-complete;
  grid-row: 1;
}

.done-button {
	grid-column-start: mark-as-complete;
	grid-column-end: select;
  grid-row: 1;
}

.na-button, .redo-button {
	grid-column-start: select;
	grid-column-end: end;
  grid-row: 1;
}

.activities-grid h6, .panel-body-instructions-grid h6, .panel-body-instructions-grid button {
  grid-row: 1;
}

.activities-grid h6:nth-child(3) {
  grid-column: 3;
}

.activities-grid h6:nth-child(4) {
  grid-column: 2;
}

.panel-body-instructions-grid h6:nth-child(1), .panel-body-instructions-grid button:nth-child(1) {
  grid-column: 4;
}

.panel-body-instructions-grid h6:nth-child(4), .panel-body-instructions-grid button:nth-child(4) {
  grid-column: 1;
}

.task-label-na-done {
  grid-row: 1;
}

/* move heading to above button */
#doneitems .activities-grid h6:nth-child(2), #notappitems .activities-grid h6:nth-child(2) {
  grid-column: 4;
}

/* global buttons */

.btn-primary {
  color:#fff;
  background-color:#4978bc;
  border-color:#3f6cac;
}
.btn-primary:focus,
.btn-primary.focus {
  color:#fff;
  background-color:#396099;
  border-color:#1d314f
}
.btn-primary:hover {
  color:#fff;
  background-color:#396099;
  border-color:#2f507f
}
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
  color:#fff;
  background-color:#396099;
  background-image:none;
  border-color:#2f507f
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open>.dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open>.dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open>.dropdown-toggle.btn-primary.focus {
  color:#fff;
  background-color:#2f507f;
  border-color:#1d314f
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color:#4978bc;
  border-color:#3f6cac
}
.btn-primary .badge {
  color:#4978bc;
  background-color:#fff
}
.btn-success {
  color:#fff;
  background-color:#1cb78d;
  border-color:#19a17c
}
.btn-success:focus,
.btn-success.focus {
  color:#fff;
  background-color:#158b6b;
  border-color:#083227
}
.btn-success:hover {
  color:#fff;
  background-color:#158b6b;
  border-color:#106c53
}
.btn-success:active,
.btn-success.active,
.open>.dropdown-toggle.btn-success {
  color:#fff;
  background-color:#158b6b;
  background-image:none;
  border-color:#106c53
}
.btn-success:active:hover,
.btn-success.active:hover,
.open>.dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open>.dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open>.dropdown-toggle.btn-success.focus {
  color:#fff;
  background-color:#106c53;
  border-color:#083227
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
  background-color:#1cb78d;
  border-color:#19a17c
}
.btn-success .badge {
  color:#1cb78d;
  background-color:#fff
}
.btn-info {
  color:#fff;
  background-color:#78b7e3;
  border-color:#63acdf
}
.btn-info:focus,
.btn-info.focus {
  color:#fff;
  background-color:#4ea0da;
  border-color:#216ca1
}
.btn-info:hover {
  color:#fff;
  background-color:#4ea0da;
  border-color:#3091d4
}
.btn-info:active,
.btn-info.active,
.open>.dropdown-toggle.btn-info {
  color:#fff;
  background-color:#4ea0da;
  background-image:none;
  border-color:#3091d4
}
.btn-info:active:hover,
.btn-info.active:hover,
.open>.dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open>.dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open>.dropdown-toggle.btn-info.focus {
  color:#fff;
  background-color:#3091d4;
  border-color:#216ca1
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
  background-color:#78b7e3;
  border-color:#63acdf
}
.btn-info .badge {
  color:#78b7e3;
  background-color:#fff
}
.btn-warning {
  color:#fff;
  background-color:#f2674a;
  border-color:#f05332
}
.btn-warning:focus,
.btn-warning.focus {
  color:#fff;
  background-color:#ef3f1a;
  border-color:#98230b
}
.btn-warning:hover {
  color:#fff;
  background-color:#ef3f1a;
  border-color:#d6320f
}
.btn-warning:active,
.btn-warning.active,
.open>.dropdown-toggle.btn-warning {
  color:#fff;
  background-color:#ef3f1a;
  background-image:none;
  border-color:#d6320f
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open>.dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open>.dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open>.dropdown-toggle.btn-warning.focus {
  color:#fff;
  background-color:#d6320f;
  border-color:#98230b
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
  background-color:#f2674a;
  border-color:#f05332
}
.btn-warning .badge {
  color:#f2674a;
  background-color:#fff
}
.btn-danger {
  color:#fff;
  background-color:#f16788;
  border-color:#ef5076
}
.btn-danger:focus,
.btn-danger.focus {
  color:#fff;
  background-color:#ed3863;
  border-color:#af1036
}
.btn-danger:hover {
  color:#fff;
  background-color:#ed3863;
  border-color:#ea184a
}
.btn-danger:active,
.btn-danger.active,
.open>.dropdown-toggle.btn-danger {
  color:#fff;
  background-color:#ed3863;
  background-image:none;
  border-color:#ea184a
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open>.dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open>.dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open>.dropdown-toggle.btn-danger.focus {
  color:#fff;
  background-color:#ea184a;
  border-color:#af1036
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
  background-color:#f16788;
  border-color:#ef5076
}
.btn-danger .badge {
  color:#f16788;
  background-color:#fff
}

@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,600,600i,700,700i');