:root {

  --app-bg: #252c3a;

  --app-text: #1f2a33;



  --app-nav-bg: #252c3a;

  --app-nav-brand: #1f2a33;

  --app-release-color: #4a5d6b;



  --app-surface-bg: #285c84;

  --app-surface-border: #1f4968;

  --app-card-header-bg: #fcfcfc;



  --app-table-head-bg: #fcfcfc;

  --app-table-head-text: #1f2a33;

  --app-table-border: #1f4968;

  --app-table-row-bg: #285c84;

  --app-table-row-alt-bg: #285c84;

}



body {

  background: #252c3a;

}



body,

body * {

  color: #ffffff !important;

}



.app-navbar {

  background: #252c3a !important;

  border-bottom: 0px solid #e8edf1;

}



.app-logo-img {

  width: 60px;

  height: 60px;

  object-fit: contain;

  border-radius: 4px;

}



.app-nav-link {

  display: inline-block;

  color: #ffffff;

  text-decoration: none;

  border: 0;

  padding: 0.25rem 0.35rem;

  font-size: 1.3 rem;

  font-weight: 500;

  text-shadow: 0 0 1px #285c84;

}



.app-nav-link:hover,

.app-nav-link:focus {

  color: #ffffff !important;

  text-decoration: underline;

  text-decoration-color: #fd6100;

  text-decoration-thickness: 4px;

}



.app-nav-link.active {

  color: #fd6100 !important;

}



.app-nav-user {

  color: #ffffff;

  font-size: 0.85rem;

  align-self: center;

}



.card {

  background-color: #285c84;

  border-color: #1f4968;

  color: #ffffff;

}



.card .text-muted,

.card .small.text-muted,

.card .form-text {

  color: #e8eef3 !important;

}



.card-header {

  background-color: #285c84;

  color: #1f2a33;

  border-bottom-color: #1f4968;

  font-size: 1.2rem;

  font-weight: 600;

}



.table {

  --bs-table-bg: #285c84;

  --bs-table-color: #ffffff;

  --bs-table-striped-bg: #285c84;

  --bs-table-striped-color: #ffffff;

  --bs-table-hover-bg: #2e678f;

  --bs-table-hover-color: #ffffff;

  --bs-table-border-color: #1f4968;

}



.table thead th,

table thead th {

  background-color: #285c84 !important;

  color: #ffffff !important;

}



h1, h2, h3, h4, h5, h6 {

  color: #ffffff !important;

}



/* Global action button styling */

.btn,

.btn-primary,

.btn-success,

.btn-outline-primary,

.btn-outline-secondary,

.btn-outline-success,

.btn-outline-warning,

.btn-outline-danger,

.btn-info {

  background-color: #fd6100 !important;

  border-color: #fd6100 !important;

  color: #ffffff !important;

}



.btn:hover,

.btn:focus,

.btn:active,

.btn.show {

  background-color: #e65a00 !important;

  border-color: #e65a00 !important;

  color: #ffffff !important;

}



.form-check-input:checked {

  background-color: #28a745 !important;

  border-color: #28a745 !important;

}



.dropdown-menu {

  background-color: #fd6100 !important;

  border-color: #fd6100 !important;

}



.dropdown-item {

  color: #ffffff !important;

}



.dropdown-item:hover,

.dropdown-item:focus,

.dropdown-item.active,

.dropdown-item:active {

  background-color: #e65a00 !important;

  color: #ffffff !important;

}



input,

textarea,

select,

.form-control,

.form-select {

  color: #000000 !important;

}



select option,

.form-select option {

  color: #000000 !important;

}



.form-label,

.form-check-label,

.form-switch .form-check-label {

  color: #ffffff !important;

}



/* Prompt editor must stay black text for readability while editing. */

#prompt_text,

textarea#prompt_text.form-control {

  color: #000000 !important;

  -webkit-text-fill-color: #000000 !important;

}



.bg-light {

  background-color: #285c84 !important;

}



.bg-white {

  color: black !important;

}



.alert-info{

  background-color: #285c84 !important;

}