html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}
:root, [data-bs-theme=light] {
    --bs-blue: #c77574 !important;
}
body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background: linear-gradient(to right, #f3f4f6, #ffd1d17d);
}



    .table th, .table td {
        padding: 10px;
        border: 1px solid #ddd;
        text-align: center;
    }


.table {
    -bs-table-bg:none !important;
        margin-top: 20px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

    .table th {
        background-color: #ad6665;
        color: white;
        text-align: center;
    }

    .table td {
        vertical-align: middle;
        text-align: center;
    }

    .table tbody tr:hover {
        background-color: rgba(173, 102, 101, 0.1);
    }
    .table thead tr th {
        background-color: #ad6665 !important;
        color: white;
    }



.form-input:focus,
.form-control:focus {
    outline: none;
    border: 1px solid #b13a39 !important; /* proper border */
    /*/ box-shadow: 0 0 0 2px rgba(177, 58, 57, 0.2); / subtle glow */
    box-shadow: 0 0 0 .25rem rgba(253 13 13 / 25%) !important;
}

.form-select:focus {
    outline: none;
    border: 1px solid #b13a39 !important; /* proper border */
    box-shadow: 0 0 0 .25rem rgba(253 13 13 / 25%) !important;
}



@keyframes moveInCircle {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(180deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes moveVertical {
    0% {
        transform: translateY(-50%);
    }

    50% {
        transform: translateY(50%);
    }

    100% {
        transform: translateY(-50%);
    }
}

@keyframes moveHorizontal {
    0% {
        transform: translateX(-50%) translateY(-10%);
    }

    50% {
        transform: translateX(50%) translateY(10%);
    }

    100% {
        transform: translateX(-50%) translateY(-10%);
    }
}

    /* Responsive Adjustments */
    @media (max-width: 1200px) {
        .metrics-grid {
            grid-template-columns: repeat(3, 1fr);
        }
    }

    @media (max-width: 768px) {
        .dashboard-header {
            flex-direction: column;
            align-items: flex-start;
            gap: 1rem;
        }

        .metrics-grid {
            grid-template-columns: repeat(2, 1fr);
        }

        .charts-section,
        .tables-section {
            grid-template-columns: 1fr;
        }
    }

    @media (max-width: 480px) {
        .metrics-grid {
            grid-template-columns: 1fr;
        }

        .header-right {
            width: 100%;
            flex-direction: column;
            align-items: flex-start;
            gap: 0.75rem;
        }

        .refresh-btn {
            width: 100%;
            justify-content: center;
        }

        .date-display {
            width: 100%;
            justify-content: center;
        }
    }


/* For normal nav links */
.navbar-nav .nav-item .nav-link {
    position: relative;
    text-decoration: none;
}

    .navbar-nav .nav-item .nav-link::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 3px;
        background: linear-gradient(to right, maroon, #800000, #b03060);
        transform: scaleX(0);
        transform-origin: right;
        transition: transform 0.4s ease-out;
    }

    /* Show underline on hover */
    .navbar-nav .nav-item .nav-link:hover::after {
        transform: scaleX(1);
        transform-origin: left;
    }

    /* ? Keep underline for active page */
    .navbar-nav .nav-item .nav-link.active::after {
        transform: scaleX(1);
        transform-origin: left;
    }

/* ?? For dropdown items */
.dropdown-menu .dropdown-item {
    position: relative;
    text-decoration: none;
}

    .dropdown-menu .dropdown-item::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 2px;
        width: 100%;
        height: 3px;
        background: linear-gradient(to right, maroon, #800000, #b03060);
        transform: scaleX(0);
        transform-origin: right;
        transition: transform 0.4s ease-out;
    }

    .dropdown-menu .dropdown-item:hover::after {
        transform: scaleX(1);
        transform-origin: left;
    }

    /* ? Keep underline for active dropdown item */
    .dropdown-menu .dropdown-item.active::after {
        transform: scaleX(1);
        transform-origin: left;
    }


    /*//////////College create */


@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@media (max-width: 768px) {
    .modern-table {
        font-size: 0.85rem;
    }

        .modern-table th,
        .modern-table td {
            padding: 0.75rem 1rem;
        }

    .search-filter-container {
        flex-direction: column;
    }

    .search-box {
        min-width: 100%;
    }

    .action-buttons {
        flex-direction: column;
    }

    .detail-grid {
        grid-template-columns: 1fr;
    }

    .col-md-6 {
        flex: 0 0 100%;
    }
}


/*///// pagenation code*/

.dataTables_wrapper .dataTables_paginate .paginate_button {
    border: 0px solid transparent !important;
    padding: 0 !important;
    margin-left: 0px !important;
}