/* Custom styles for Leads Distribution System */



body {

    background-color: #f8f9fa;

    color: #333;

}



.container {

    max-width: 1200px;

}



/* Header styles */

h1, h2, h3 {

    color: #007bff;

    margin-bottom: 20px;

}



/* Form styles */

.form-control:focus {

    border-color: #007bff;

    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);

}



/* Button styles */

.btn-primary {

    background-color: #007bff;

    border-color: #007bff;

}



.btn-primary:hover {

    background-color: #0056b3;

    border-color: #0056b3;

}



/* Table styles */

.table {

    background-color: #fff;

    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);

}



.table thead th {

    background-color: #007bff;

    color: #fff;

}



/* Card styles */

.card {

    border: none;

    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);

}



/* Alert styles */

.alert {

    border-radius: 0;

}



/* Custom class for centering content */

.center-content {

    display: flex;

    justify-content: center;

    align-items: center;

    min-height: 100vh;

}



/* Responsive adjustments */

@media (max-width: 768px) {

    h1 {

        font-size: 2rem;

    }

    

    .table {

        font-size: 0.9rem;

    }

}



/* Custom styles for the dashboard */

.dashboard-stats {

    background-color: #fff;

    padding: 20px;

    border-radius: 5px;

    margin-bottom: 20px;

    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);

}



.dashboard-stats h3 {

    color: #6c757d;

    font-size: 1.2rem;

    margin-bottom: 15px;

}



.dashboard-stats .stat-value {

    font-size: 2rem;

    font-weight: bold;

    color: #007bff;

}



/* Custom styles for the admin panel */

.admin-controls {

    background-color: #e9ecef;

    padding: 15px;

    border-radius: 5px;

    margin-bottom: 20px;

}



/* Footer styles */

.footer {

    margin-top: 50px;

    padding: 20px 0;

    background-color: #343a40;

    color: #fff;

    text-align: center;

}



/* Custom animation for alerts */

@keyframes fadeOut {

    from { opacity: 1; }

    to { opacity: 0; }

}



.alert-dismissible {

    animation: fadeOut 5s forwards;

    animation-delay: 3s;

}