@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;700&display=swap');

body {
    font-family: 'Outfit', sans-serif;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background-color: #f8f9fa;
}

.card {
    border: none;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.card-header {
    background-color: #007bff;
    color: white;
    border-radius: 10px 10px 0 0;
    text-align: center;
    font-size: 1.5rem;
}

.footer {
    background-color: #324191;
    color: white;
    padding: 12px 0;
    text-align: center;
}

.stats-card {
    text-align: center;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}

.stats-card h5 {
    font-size: 1.2rem;
    margin-bottom: 10px;
}

.stats-card p {
    font-size: 1.5rem;
    font-weight: bold;
    margin: 0;
}

.panel {
    border-radius: 5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    padding: 5px;
}

.table-container {
    margin-top: 50px;
}

.table-container .table {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.table-container th {
    background-color: #007bff;
    color: #fff;
    border-color: #007bff;
}

.table-container th,
.table-container td {
    vertical-align: middle;
}

.badge {
    font-weight: 400;
}

.Success-badge {
    padding: 5px;
    color: #fff;
    background-color: #0ba360;
    box-shadow: 0 7px 30px rgb(11 163 96 / 30%);
}

.Failed-badge {
    padding: 5px;
    color: #fff;
    background-color: #f53c5b;
    box-shadow: 0 7px 30px rgb(250 106 130 / 50%);
}

.Pending-badge {
    padding: 5px;
    color: #5e597d;
    background-color: #ffc107;
    box-shadow: 0 7px 30px rgb(241 159 93 / 50%);
}

.btn:disabled,
.btn[disabled] {
    cursor: not-allowed;
}

.stylish-heading {
    font-size: 2rem; /* Larger font size */
    font-weight: bold; /* Bold text */
    color: #fff; /* White text color */
    background-color: #007bff; /* Bootstrap primary color background */
    padding: 10px 20px; /* Padding around the text */
    border-radius: 5px; /* Rounded corners */
    text-align: center; /* Centered text */
    margin-bottom: 20px; /* Space below the heading */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
}

.heading {
    text-align: center;
    font-weight: bold;
    font-size: 1.35rem;
    background-color: #d1ecf1;
    color: #0c5460;
    padding: 5px;
    margin: auto;
    margin-bottom: 15px;
    width: 350px;
    border-color: #bee5eb;
    border-radius: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.hidden {
    display: none;
}

.shown {
    display: block;
}

.cover {
    background: linear-gradient(to right, #ff7e5f, #53c7d4);
    background-size: cover; padding: 20px; 
}

.modal-panel {
    background-color: #D9EDF7;
    color: #3184BB;
    border-radius: 5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    padding: 10px;
}

.modal-data {
    padding: 8px;
}

.line {
    color: black;
    font-weight: bold;
}

.admform {
    background-color: #ccc;
    height: auto;
    padding: 15px;
}