/* =========================================================
   EEWIFI BILLING SYSTEM - LIGHT BLUE THEME
   ========================================================= */

html, body {
    background: #f4f8fc !important;
    color: #26364a !important;
}

/* Main billing area */
body, main, .container, .content, .billing-content {
    background: #f4f8fc !important;
    color: #26364a !important;
}

/* Cards */
.card,
.panel,
.box,
.settings-card,
.module-card {
    background: #ffffff !important;
    color: #26364a !important;
    border: 1px solid #d9e4ef !important;
    box-shadow: 0 3px 12px rgba(30, 80, 120, .08) !important;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
    color: #124b87 !important;
}

/* Normal text */
p, span, div, label, td, th {
    color: #26364a;
}

/* Muted text */
.text-muted,
.muted,
small {
    color: #71839a !important;
}

/* ALL TABS */
.tabs,
.tab-container,
.nav-tabs,
.settings-tabs {
    background: #ffffff !important;
    border-bottom: 1px solid #cbd9e8 !important;
}

.tabs a,
.tab-container a,
.nav-tabs a,
.settings-tabs a {
    background: #ffffff !important;
    color: #40536a !important;
    border: none !important;
}

.tabs a:hover,
.tab-container a:hover,
.nav-tabs a:hover,
.settings-tabs a:hover {
    background: #e8f4ff !important;
    color: #087fc1 !important;
}

.tabs a.active,
.tab-container a.active,
.nav-tabs a.active,
.settings-tabs a.active,
.tabs .active,
.tab-container .active,
.nav-tabs .active,
.settings-tabs .active {
    background: #159bd7 !important;
    color: #ffffff !important;
    border-radius: 6px !important;
}

/* Buttons */
button,
.btn,
input[type="submit"],
input[type="button"] {
    background: #159bd7 !important;
    color: #ffffff !important;
    border: 1px solid #159bd7 !important;
    border-radius: 6px !important;
}

button:hover,
.btn:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
    background: #087fc1 !important;
    color: #ffffff !important;
}

/* Secondary buttons */
button.secondary,
.btn-secondary,
.secondary {
    background: #e8f1f8 !important;
    color: #24506f !important;
    border: 1px solid #c5d8e8 !important;
}

/* Inputs */
input,
select,
textarea {
    background: #ffffff !important;
    color: #26364a !important;
    border: 1px solid #cbd9e8 !important;
    border-radius: 5px !important;
}

input:focus,
select:focus,
textarea:focus {
    background: #ffffff !important;
    color: #26364a !important;
    border-color: #159bd7 !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(21,155,215,.15) !important;
}

/* Tables */
table {
    background: #ffffff !important;
    color: #26364a !important;
}

thead,
th {
    background: #edf5fb !important;
    color: #29445d !important;
}

tbody tr {
    background: #ffffff !important;
    color: #26364a !important;
    border-bottom: 1px solid #e1eaf2 !important;
}

tbody tr:hover {
    background: #f2f9ff !important;
}

/* Links */
a {
    color: #087fc1;
}

a:hover {
    color: #065f91;
}

/* Alerts */
.alert,
.success,
.message {
    background: #e8f6ff !important;
    color: #075b88 !important;
    border: 1px solid #b9e1f5 !important;
}

/* Error */
.error,
.alert-danger {
    background: #fff0f0 !important;
    color: #a52828 !important;
    border: 1px solid #f0caca !important;
}

/* Sidebar */
.sidebar,
aside,
nav.sidebar {
    background: #ffffff !important;
    color: #26364a !important;
    border-right: 1px solid #d9e4ef !important;
}

.sidebar a,
aside a,
nav.sidebar a {
    color: #40536a !important;
}

.sidebar a:hover,
aside a:hover,
nav.sidebar a:hover {
    background: #e8f4ff !important;
    color: #087fc1 !important;
}

/* Sidebar active */
.sidebar a.active,
aside a.active,
nav.sidebar a.active {
    background: #159bd7 !important;
    color: #ffffff !important;
}

/* Dropdowns */
.dropdown-menu {
    background: #ffffff !important;
    color: #26364a !important;
    border: 1px solid #d9e4ef !important;
}

.dropdown-menu a {
    color: #26364a !important;
}

.dropdown-menu a:hover {
    background: #e8f4ff !important;
}

/* Code / dark blocks */
pre,
code {
    background: #eef4f8 !important;
    color: #26364a !important;
    border: 1px solid #d9e4ef !important;
}

/* Remove common dark backgrounds */
.bg-dark,
.dark,
.dark-bg {
    background: #ffffff !important;
    color: #26364a !important;
}

/* Voucher/package buttons */
.package-button,
.filter-button {
    background: #e8f4ff !important;
    color: #087fc1 !important;
    border: 1px solid #b9dcef !important;
}

.package-button:hover,
.filter-button:hover,
.package-button.active,
.filter-button.active {
    background: #159bd7 !important;
    color: #ffffff !important;
}

/* Header */
header,
.topbar,
.navbar {
    background: #ffffff !important;
    color: #26364a !important;
    border-bottom: 1px solid #d9e4ef !important;
}

/* HR */
hr {
    border: 0 !important;
    border-top: 1px solid #d9e4ef !important;
}

/* Checkbox */
input[type="checkbox"] {
    accent-color: #159bd7;
}