body {
}

.bg-primary{
    background-color: #0a3c73 !important;
}

.btn-primary{
    background-color: #0a3c73 !important;
}

.header-wrapper {
            position: relative;
            padding-top: 10px;
        }

        .eri-logo {
            z-index: 10;
            position: absolute;
            top: 0;
            left: 0;
        }

        .navbar-gradient {
            /*background: linear-gradient(to right, #ffffff 0%, #ffffff 10%, #2196F3 40%, #0a3c73 100%);*/
            background: linear-gradient(to right,#ffffff 0%, #A5B7CC 20%, #0a3c73 100%);
            min-height: 54px;
            display: flex;
            align-items: center;
        }

        .navbar-gradient .navbar-nav .nav-link {
            color: #333;
            transition: color 0.3s ease;
        }

        .navbar-gradient .navbar-nav .nav-link:hover {
            color: #000;
        }

        /* Right-side nav items should be white text on blue background */
        .navbar-gradient .navbar-nav:last-child .nav-link,
        .navbar-gradient .navbar-nav:last-child .nav-link span {
            color: #fff !important;
        }

        .navbar-gradient .navbar-nav:last-child .nav-link:hover {
            color: #e0e0e0 !important;
        }

        /* Add padding to account for logo space */
        .navbar-gradient .container-fluid {
            padding-left: 240px; /* Slightly wider than logo */
        }

        /* Active link styling */
        .navbar-gradient .nav-link.active {
            font-weight: 600;
        }

/* ============================================
   DOCTOR MODAL STYLING
   ============================================ */

/* Modal header with gradient matching navbar */
#doctorModal .modal-header {
    background: linear-gradient(to right, #A5B7CC 0%, #0a3c73 100%);
    color: #fff;
    border-bottom: none;
    border-radius: calc(var(--bs-modal-border-radius) - 1px) calc(var(--bs-modal-border-radius) - 1px) 0 0;
}

#doctorModal .modal-header .modal-title {
    font-weight: 600;
}

#doctorModal .modal-header .btn-close {
    filter: brightness(0) invert(1);
    opacity: 0.8;
}

#doctorModal .modal-header .btn-close:hover {
    opacity: 1;
}

/* Modal content with subtle shadow */
#doctorModal .modal-content {
    border: none;
    box-shadow: 0 10px 40px rgba(10, 60, 115, 0.3);
    border-radius: 0.5rem;
}

/* Form labels with icons and better styling */
#doctorModal .form-label {
    font-weight: 500;
    color: #495057;
    margin-bottom: 0.35rem;
    font-size: 0.875rem;
}

/* Input focus states matching brand color */
#doctorModal .form-control:focus {
    border-color: #0a3c73;
    box-shadow: 0 0 0 0.2rem rgba(10, 60, 115, 0.15);
}

/* Subtle background for form groups */
#doctorModal .modal-body {
    background-color: #f8f9fa;
    padding: 1.5rem;
}

/* Section dividers for form organization */
#doctorModal .form-section {
    background: #fff;
    border-radius: 0.375rem;
    padding: 1rem;
    margin-bottom: 1rem;
    border: 1px solid #dee2e6;
}

#doctorModal .form-section-title {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #0a3c73;
    letter-spacing: 0.5px;
    margin-bottom: 0.75rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #A5B7CC;
}

/* Checkboxes with brand colors */
#doctorModal .form-check-input:checked {
    background-color: #0a3c73;
    border-color: #0a3c73;
}

#doctorModal .form-check-input:focus {
    border-color: #0a3c73;
    box-shadow: 0 0 0 0.2rem rgba(10, 60, 115, 0.15);
}

/* Form switch (Active toggle) custom styling */
#doctorModal .form-switch .form-check-input:checked {
    background-color: #198754;
    border-color: #198754;
}

/* Footer styling */
#doctorModal .modal-footer {
    background-color: #f8f9fa;
    border-top: 1px solid #dee2e6;
    padding: 1rem 1.5rem;
}

/* Primary button matching brand */
#doctorModal .btn-primary {
    background-color: #0a3c73;
    border-color: #0a3c73;
    padding: 0.5rem 1.5rem;
    font-weight: 500;
}

#doctorModal .btn-primary:hover {
    background-color: #082d57;
    border-color: #082d57;
}

/* Secondary/Cancel button */
#doctorModal .btn-secondary {
    background-color: #6c757d;
    border-color: #6c757d;
}

/* Required field asterisk styling */
#doctorModal .text-danger {
    font-weight: 600;
}

/* Input placeholder styling */
#doctorModal .form-control::placeholder {
    color: #adb5bd;
    font-style: italic;
}


/* Apply Filters button highlight animation */
#form1 .btn-success.btn {
    transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.2s ease;
}

#form1 .btn.btn-success:not(:hover) {
    animation: pulse-green 1.5s ease-in-out infinite;
}

@keyframes pulse-green {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(25, 135, 84, 0.4);
    }
    50% {
        box-shadow: 0 0 0 6px rgba(25, 135, 84, 0);
    }
}



        .RadGrid_Bootstrap .rgPagerCell .rgNumPart a.rgCurrentPage {
    background-color: #0a3c73;
    border: 1px solid #2e6da4;
    color: #fff;
}