a { color: #495057; }

    .btn-soft-success {
        background-color: #d4edda;
        color: #155724;
        border: 1px solid #c3e6cb;
    }

    .btn-soft-primary {
        background-color: #cce5ff;
        color: #004085;
        border: 1px solid #b8daff;
    }

    .btn-soft-info {
        background-color: #d1ecf1;
        color: #0c5460;
        border: 1px solid #bee5eb;
    }

    .btn-border {
        border-radius: 6px;
        font-weight: bolder;
        padding: 3px 10px;
        min-width: 60px;
    }

    .card-height-100 { height: 100%; }

    /* Circle icon */
    .circle-icon {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        transition: all 0.4s ease;
    }

    /* Gradient backgrounds */
    .bg-gradient-primary { background: linear-gradient(135deg, #272660, #6b63ff); }
    .bg-gradient-success { background: linear-gradient(135deg, #198754, #28a745); }
    .bg-gradient-warning { background: linear-gradient(135deg, #ffb100, #ffcb66); }

    /* Hover effect for cards */
    .hover-effect {
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .hover-effect:hover {
        transform: translateY(-8px);
        box-shadow: 0 8px 25px rgba(39, 38, 96, 0.2);
    }

    /* Nav pills */
    .nav-pills .nav-link.active {
        background-color: #272660 !important;
        color: #fff !important;
    }

    .nav-pills .nav-link {
        color: #272660;
        border: 1px solid #272660;
        margin-left: 5px;
        transition: 0.3s;
    }

    .nav-pills .nav-link:hover {
        background-color: #272660;
        color: #fff;
    }

    .card-title { color: #272660; }

    .bg-gradient-donors {
        background: linear-gradient(135deg, #ff6b6b, #ff4757); /* red-pink gradient */
    }

.btn-bg {
    background: linear-gradient(to left, #1e76bd 0%, #00a9b1 100%);
}

 .circle-box:hover i {
        transform: scale(1.2);
        transition: transform 0.3s ease;
    }

 .donation_card {
   margin-bottom:0px;
}


     /* Responsive Adjustments */
@media (max-width:767.98px) {
  .card-body .row .col-md-12 {
        margin-bottom: 15px;
    }
    .form-label {
        font-size: 14px;
        font-weight: 600;
    }
    .form-control,
    .form-select {
        width: 100%;
        font-size: 14px;
    }
    #imageToShow {
        width: 100%;
        max-width: 150px;
        height: auto;
    }
    .card-footer .row {
        text-align: center;
    }
    .card-footer input[type="button"] {
        width: 100%;
        margin-bottom: 10px;
    }

    /* TABLE */
    /*.btn-sm {
        width: 48%;
        margin: 2px 1%;
    }*/
}


 /*/todydonation css/*/

  /* Responsive adjustments */
    @media (max-width: 767.98px) {
        .page-title-box {
            text-align: center;
        }
        .breadcrumb {
            justify-content: center;
        }
        .card-title {
            font-size: 1rem;
        }
        table th, table td {
            font-size: 0.85rem;
            white-space: nowrap;
        }
        .table-responsive {
            overflow-x: auto;
        }
    }

    /* Table visual tweaks */
    .table th {
        background-color: #f8f9fa;
        font-weight: 600;
    }

    .table td {
        vertical-align: middle;
    }

    .badge {
        padding: 0.45em 0.6em;
        font-size: 0.8rem;
    }

    .card {
        border: none;
    }

    /*/donation report css/*/

      /* General spacing and visuals */
    .card {
        border: none;
    }

    .card-body {
        padding: 1.5rem;
    }

    .form-label {
        font-weight: 500;
    }

    .table th {
        font-weight: 600;
        background-color: #f8f9fa;
    }

    .table td {
        vertical-align: middle;
    }

    .badge {
        font-size: 0.8rem;
        padding: 0.45em 0.6em;
    }

    /* Responsive tweaks */
    @media (max-width: 767.98px) {
        .page-title-box {
            text-align: center;
        }

        .breadcrumb {
            justify-content: center;
        }

        .table th, .table td {
            font-size: 0.85rem;
            white-space: nowrap;
        }

        .btn {
            font-size: 0.9rem;
        }

        .form-label {
            font-size: 0.85rem;
        }
    }