/* Blue Theme for Agora Customer */
/* This file overrides the default green theme with blue colors */

/* Primary Button Colors */
.btn-primary {
    background-color: #007bff !important;
    border-color: #007bff !important;
    color: white !important;
}

.btn-primary:hover {
    background-color: #0056b3 !important;
    border-color: #0056b3 !important;
    color: white !important;
}

.btn-primary:focus {
    background-color: #0056b3 !important;
    border-color: #0056b3 !important;
    color: white !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
}

/* Success Button Colors (used for green buttons) */
.btn-success {
    background-color: #007bff !important;
    border-color: #007bff !important;
    color: white !important;
}

.btn-success:hover {
    background-color: #0056b3 !important;
    border-color: #0056b3 !important;
    color: white !important;
}

/* All buttons with green background - More specific selectors */
.btn[style*="background-color: #29ACA6"],
.btn[style*="background-color: #28a745"],
button[style*="background-color: #29ACA6"],
button[style*="background-color: #28a745"],
input[type="button"][style*="background-color: #29ACA6"],
input[type="submit"][style*="background-color: #29ACA6"],
input[type="button"][style*="background-color: #28a745"],
input[type="submit"][style*="background-color: #28a745"],
a[style*="background-color: #29ACA6"],
a[style*="background-color: #28a745"] {
    background-color: #007bff !important;
    border-color: #007bff !important;
    color: white !important;
}

.btn[style*="background-color: #29ACA6"]:hover,
.btn[style*="background-color: #28a745"]:hover,
button[style*="background-color: #29ACA6"]:hover,
button[style*="background-color: #28a745"]:hover,
input[type="button"][style*="background-color: #29ACA6"]:hover,
input[type="submit"][style*="background-color: #29ACA6"]:hover,
input[type="button"][style*="background-color: #28a745"]:hover,
input[type="submit"][style*="background-color: #28a745"]:hover,
a[style*="background-color: #29ACA6"]:hover,
a[style*="background-color: #28a745"]:hover {
    background-color: #0056b3 !important;
    border-color: #0056b3 !important;
    color: white !important;
}

/* Force override for any element with green background */
*[style*="background-color: #29ACA6"],
*[style*="background-color: #28a745"] {
    background-color: #007bff !important;
}

/* Specific button classes that might have green background */
.btn-green,
.btn-success-custom,
.green-btn {
    background-color: #007bff !important;
    border-color: #007bff !important;
    color: white !important;
}

.btn-green:hover,
.btn-success-custom:hover,
.green-btn:hover {
    background-color: #0056b3 !important;
    border-color: #0056b3 !important;
    color: white !important;
}

/* Sidebar Background and Menu Items - Comprehensive Override */
.sidebar {
    background-color: #f8f9fa !important;
}

/* Sidebar Active Menu Item - Force override */
.sidebar .nav-link.active,
.sidebar .nav-item.active .nav-link,
.sidebar .nav-item.active,
.sidebar .nav-link[style*="background-color: #29ACA6"],
.sidebar .nav-link[style*="background-color: #28a745"],
.sidebar .nav-item[style*="background-color: #29ACA6"],
.sidebar .nav-item[style*="background-color: #28a745"],
.sidebar li[style*="background-color: #29ACA6"],
.sidebar li[style*="background-color: #28a745"] {
    background-color: #007bff !important;
    color: white !important;
}

/* Sidebar menu item text colors */
.sidebar .nav-link {
    color: #007bff !important;
}

.sidebar .nav-link.active {
    color: white !important;
}

/* Sidebar hover effects */
.sidebar .nav-link:hover {
    background-color: #e3f2fd !important;
    color: #007bff !important;
}

/* Sidebar active item hover */
.sidebar .nav-link.active:hover,
.sidebar .nav-item.active .nav-link:hover {
    background-color: #0056b3 !important;
    color: white !important;
}

/* Force override for any sidebar element with green background */
.sidebar *[style*="background-color: #29ACA6"],
.sidebar *[style*="background-color: #28a745"] {
    background-color: #007bff !important;
    color: white !important;
}

/* Specific sidebar menu item overrides */
.sidebar .nav-item:hover .nav-link {
    background-color: #e3f2fd !important;
    color: #007bff !important;
}

/* Sidebar submenu items */
.sidebar .nav-item .nav-link[style*="background-color: #29ACA6"],
.sidebar .nav-item .nav-link[style*="background-color: #28a745"] {
    background-color: #007bff !important;
    color: white !important;
}

/* Sidebar icons */
.sidebar .nav-link i {
    color: inherit !important;
}

.sidebar .nav-link.active i {
    color: white !important;
}

/* Card Headers */
.card-header[style*="background-color: #29ACA6"] {
    background-color: #007bff !important;
}

/* Badge Colors */
.badge-success {
    background-color: #007bff !important;
}

.badge-primary {
    background-color: #007bff !important;
}

/* Text Colors */
.text-primary {
    color: #007bff !important;
}

.text-success {
    color: #007bff !important;
}

/* Border Colors */
.border-primary {
    border-color: #007bff !important;
}

/* Background Colors */
.bg-primary {
    background-color: #007bff !important;
}

.bg-success {
    background-color: #007bff !important;
}

/* Form Control Focus */
.form-control:focus {
    border-color: #007bff !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
}

/* Custom Select Focus */
.custom-select:focus {
    border-color: #007bff !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
}

/* Pagination */
.page-link {
    color: #007bff !important;
}

.page-link:hover {
    color: #0056b3 !important;
}

.page-item.active .page-link {
    background-color: #007bff !important;
    border-color: #007bff !important;
}

/* Table Headers */
.table thead th {
    color: #007bff !important;
}

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

a:hover {
    color: #0056b3 !important;
}

/* Navigation Breadcrumb */
.breadcrumb-item.active {
    color: #007bff !important;
}

/* Alert Colors */
.alert-primary {
    background-color: #e3f2fd !important;
    border-color: #007bff !important;
    color: #004085 !important;
}

/* Progress Bar */
.progress-bar {
    background-color: #007bff !important;
}

/* Custom Theme Specific Colors */
.theme-color {
    color: #007bff !important;
}

.theme-bg {
    background-color: #007bff !important;
}

.theme-border {
    border-color: #007bff !important;
}

/* Override any hardcoded green colors */
[style*="background-color: #29ACA6"] {
    background-color: #007bff !important;
}

[style*="color: #29ACA6"] {
    color: #007bff !important;
}

[style*="background-color: #28a745"] {
    background-color: #007bff !important;
}

[style*="color: #28a745"] {
    color: #007bff !important;
}

/* Specific overrides for common green elements */
.green-theme-override {
    background-color: #007bff !important;
    border-color: #007bff !important;
    color: white !important;
}

/* Hover effects for blue theme */
.green-theme-override:hover {
    background-color: #0056b3 !important;
    border-color: #0056b3 !important;
}

/* Additional button overrides */
input[type="submit"][style*="background-color: #29ACA6"],
input[type="button"][style*="background-color: #29ACA6"],
input[type="submit"][style*="background-color: #28a745"],
input[type="button"][style*="background-color: #28a745"] {
    background-color: #007bff !important;
    border-color: #007bff !important;
    color: white !important;
}

/* Status badges and labels */
.label-success,
.badge-success {
    background-color: #007bff !important;
    color: white !important;
}

/* Table row hover effects */
.table-hover tbody tr:hover {
    background-color: #e3f2fd !important;
}

/* Navigation breadcrumb active */
.breadcrumb-item.active {
    color: #007bff !important;
}

/* Dropdown menu items */
.dropdown-item:hover {
    background-color: #e3f2fd !important;
    color: #007bff !important;
}

/* Form validation colors */
.is-valid {
    border-color: #007bff !important;
}

.valid-feedback {
    color: #007bff !important;
}

/* Custom scrollbar for blue theme */
::-webkit-scrollbar-thumb {
    background-color: #007bff !important;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #0056b3 !important;
}

.sidebar-menu ul li a i, .sidebar-menu .sidebar-dropdown div{
    background: #e5f6ff !important;
}

.active-menu{
    background: #c8e7fa !important;
}

.btn-primary{
    background: #3696d0 !important;
    border: 1px solid #3696d0 !important;
}

.btn-hub{
    border: 1px solid #3696d0;
}

.btn-hub-active{
    background-color: #3696d0 !important;
    color: #FFFF !important;
    border-color: #3696d0 !important;
}