/* Template colours - Light */


:root {
  --colour-action: rgb(117, 77, 223);
  --colour-danger: rgb(220, 53, 69);
  --colour-default: rgb(222, 161, 4);
  --colour-default-dark: rgb(227, 175, 41);
  --colour-default-light: rgb(242, 217, 155);
  --colour-error: rgb(220, 53, 69);
  --colour-fail: rgb(220, 53, 69);
  --colour-info: rgb(23, 162, 184);
  --colour-light: rgb(210, 210, 210);
  --colour-primary: rgb(0, 123, 255);
  --colour-secondary: rgb(108, 117, 125);
  --colour-success: rgb(40, 167, 69);
  --colour-warning: rgb(255, 193, 7);
}


a:hover, a:focus, .link-black:hover, .link-grey:hover, .hover-link:hover, .link:hover, {
  color: var(--eda-orange-bright) !important;
}

a, a:visited, .link {
  color: var(--eda-orange);
}

body {
  background-color: var(--body-backround);
  color: var(--body-colour);
}

.btn-action, .btn-action:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled).active,
.show > .btn-default.dropdown-toggle {
  color: rgb(255, 255, 255);
  background-color: rgb(117, 77, 223);
  border-color: rgb(117, 77, 223);
}

.btn-action:hover {
  color: rgb(255, 255, 255);
  background-color: rgb(106, 63, 220);
  border-color: rgb(117, 77, 223);
}

.btn-action:focus, .btn-action.focus {
  color: rgb(255, 255, 255);
  background-color: rgb(106, 63, 220);
  border-color: rgb(117, 77, 223);
  box-shadow: 0 0 0 0.2rem rgba(117, 77, 223, 0.2);
}

.btn-action.disabled, .btn-action:disabled {
  color: rgb(255, 255, 255);
  background-color: rgb(191, 145, 255);
  border-color: rgb(117, 77, 223);
}

.btn-action:not(:disabled):not(.disabled):active:focus, .btn-action:not(:disabled):not(.disabled).active:focus,
.show > .btn-default.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(117, 77, 223, 0.2);
}

.btn-tab {
  --bs-btn-color: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #0A58CA;
  --bs-btn-hover-bg: #fff;
  --bs-btn-hover-border-color: #0A58CA;
  --bs-btn-focus-shadow-rgb: 108, 117, 125;
  --bs-btn-active-color: #6c757d;
  --bs-btn-active-bg: #fff;
  --bs-btn-active-border-color: #6c757d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6c757d;
  --bs-gradient: none;
}

.btn-tab.active {
  color: var(--eda-orange);
  background: var(--colour-white);
  border-color: var(--eda-orange);
}

.btn-default,
.btn-default:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled).active,
.show > .btn-default.dropdown-toggle {
  color: var(--colour-white);
  background-color: var(--colour-default);
  border-color: var(--colour-default);
}

.btn-default:hover {
  color: var(--colour-white);
  background-color: var(--colour-default-dark);
  border-color: var(--colour-default);
}

.btn-default:focus, .btn-default.focus {S
  color: var(--colour-white);
  background-color: var(--colour-default-dark);
  border-color: var(--colour-default);
  box-shadow: 0 0 0 0.2rem var(--colour-default-light);
}

.btn-default.disabled, .btn-default:disabled {
  color: var(--colour-grey-dark);
  background-color: var(--colour-default-light);
  border-color: var(--colour-default);
}

.btn-default:not(:disabled):not(.disabled):active:focus, .btn-default:not(:disabled):not(.disabled).active:focus, .show > .btn-default.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem var(--colour-default-light);;
}

.btn-secondary-link {
  color: var(--colour-white);
}

.btn-secondary-link:hover {
  color: var(--eda-orange-bright) !important;
}

h1, .h1 {color: var(--eda-orange)}
h2, .h2 {color: var(--eda-orange)}
h3, .h3 {color: var(--eda-orange)}
h4, .h4 {color: var(--eda-orange)}
h5, .h5 {color: var(--eda-orange)}
h6, .h6 {color: var(--eda-orange)}

.link-black {
  cursor: pointer;
  color: var(--colour-black);
}

.link-grey {
  cursor: pointer;
  color: var(--colour-grey);
}

.link-white {
  cursor: pointer;
  color: var(--colour-white);
}

.link-white:hover {
  color: var(--eda-orange);
}

.loading-overlay {
  background:rgba(0, 0, 0, .7);
  background-image:url('/images/loading.svg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
}

.nav-background {
  color: var(--bg-dark-colour);
  background-color: var(--bg-dark-background);
}

.nav-header {
  background-color: var(--bg-dark-background);
  color: var(--bg-dark-colour);
  background:transparent url(../images/backgrounds/pattern-shapes-dark.jpg) repeat left top;
}

.nav-header-data {
  background:transparent url(../images/backgrounds/pattern-shapes-data.jpg) repeat left top;
}

.nav-header-dev {
  background:transparent url(../images/backgrounds/pattern-shapes-dev.jpg) repeat left top;
}

.nav-header-local {
  background:transparent url(../images/backgrounds/pattern-shapes-local.jpg) repeat left top;
}

.nav-header a, .nav-header a:visited {
  color: var(--bg-dark-link);
}

.nav-header a:hover, .nav-header a:focus {
  color: var(--bg-dark-link-hover);
}

.icon-list:hover {
  color: var(--eda-orange);
}

.toast-butter {
  background-color: var(--colour-grey-dark);
  box-shadow: 2px 2px 6px var(--colour-grey);
  color: var(--colour-white);
}

.toast-action {background-color: var(--colour-action)}
.toast-danger {background-color: var(--colour-danger)}
.toast-default {background-color: var(--colour-default)}
.toast-error {background-color: var(--colour-error)}
.toast-fail {background-color: var(--colour-fail)}
.toast-info {background-color: var(--colour-info)}
.toast-light {background-color: var(--colour-light); color: var(--colour-black)}
.toast-primary {background-color: var(--colour-primary)}
.toast-secondary {background-color: var(--colour-secondary)}
.toast-success {background-color: var(--colour-success)}
.toast-warning {background-color: var(--colour-warning); color: var(--colour-black)}}


.choices__input{
  background-color: #fff !important;
}

.choices__inner {
  background-color: #fff !important;
}

.form-control::placeholder {
  opacity: 0.5;
}

.icon-delete{cursor: pointer}
.icon-delete:hover {color: var(--colour-red)}


/* For the unchecked state */
.form-switch .form-check-input {
  background-color: rgba(var(--eda-orange-rgb), 0.05);
  border-color: var(--colour-grey-dark);
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='rgba(0,0,0,0.25)'/></svg>"); /* Knob color for unchecked */
}

/* For the checked state */
.form-switch .form-check-input:checked {
  background-color: rgb(var(--eda-orange-rgb));
  border-color: var(--colour-grey-dark);
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='rgba(255,255,255,1.0)'/></svg>"); /* Knob color for checked */
}

/* Optional: Adjust focus styles */
.form-switch .form-check-input:focus {
  border-color: var(--eda-orange);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(var(--eda-orange-rgb), 0.25);
}

.table-highlight {
  background: var(--table-highlight);
}