/* Dark Blue Theme Override */

/* Main background - dark blue */
html, body {
  background: #0a1628 !important;
  background-color: #0a1628 !important;
}

/* Page and content containers */
#page, #content, .container {
  background: #0a1628 !important;
  background-color: #0a1628 !important;
}

/* Header and navigation */
#header, #mainmenu {
  background: #0d1d35 !important;
  background-color: #0d1d35 !important;
}

/* Tables - slightly lighter blue */
.table, table, table.items {
  background: #0d1d35 !important;
}

.table th, table th, table.items th {
  background: #0f2342 !important;
  color: #fff !important;
  border-color: #1a3a5c !important;
}

.table td, table td, table.items td {
  background: #0d1d35 !important;
  color: #e0e0e0 !important;
  border-color: #1a3a5c !important;
}

/* Alternating table rows */
.table tr:nth-child(even) td,
table tr:nth-child(even) td {
  background: #0a1628 !important;
}

/* Grid view */
.grid-view, .grid-view .items {
  background: #0a1628 !important;
}

.grid-view .keys, .grid-view .pager {
  background: #0d1d35 !important;
  border-color: #1a3a5c !important;
}

/* Forms and inputs */
input[type=text], input[type=password], input[type=email], 
input[type=number], textarea, select {
  background: #0d1d35 !important;
  color: #e0e0e0 !important;
  border: 1px solid #1a3a5c !important;
}

input[type=text]:focus, input[type=password]:focus, 
textarea:focus, select:focus {
  border-color: #2a5a8c !important;
  box-shadow: 0 0 0 2px rgba(42,90,140,0.25) !important;
}

/* Buttons */
input[type=submit], button, .button {
  background: #1a3a5c !important;
  color: #e0e0e0 !important;
  border: 1px solid #2a5a8c !important;
}

input[type=submit]:hover, button:hover, .button:hover {
  background: #2a5a8c !important;
  border-color: #3a6a9c !important;
}

/* Search forms */
.search-form, div.search-form {
  background: #0d1d35 !important;
  border: 1px solid #1a3a5c !important;
}

/* Links */
a {
  color: #5a9adc !important;
}

a:hover, a:focus {
  color: #7abafc !important;
}

/* Breadcrumbs */
.breadcrumbs {
  color: #aaa !important;
}

.breadcrumbs a {
  color: #7abafc !important;
}

/* Ensure all divs, spans use dark blue */
div, span, section {
  background-color: transparent !important;
}

/* Content area specific */
#content {
  background: #0a1628 !important;
}

/* Footer */
#footer {
  background: #0d1d35 !important;
  border-color: #1a3a5c !important;
}

/* Script link styling */
.script-link {
    color: #5a9adc !important;
    text-decoration: none !important;
    padding: 4px 8px !important;
    border: 1px solid #5a9adc !important;
    border-radius: 3px !important;
    font-size: 11pt !important;
    display: inline-block !important;
}

.script-link:hover {
    color: #7abafc !important;
    background: #1a3a5c !important;
    border-color: #7abafc !important;
}

/* Script link styling */
.script-link {
    color: #5a9adc !important;
    text-decoration: none !important;
    padding: 4px 8px !important;
    border: 1px solid #5a9adc !important;
    border-radius: 3px !important;
    font-size: 11pt !important;
    display: inline-block !important;
}

.script-link:hover {
    color: #7abafc !important;
    background: #1a3a5c !important;
    border-color: #7abafc !important;
}

/* Active tab styling - dark blue font */
#mainmenu ul li.active a,
#mainmenu ul li a:hover {
  color: #0d1d35 !important;
  background-color: #5a9adc !important;
  font-weight: bold !important;
  text-decoration: none !important;
}

/* Non-active tabs */
#mainmenu ul li a {
  color: #b0b0b0 !important;
  background-color: transparent !important;
}