TrixyZ/trainer/assets/styles.css

/* General styles */
body {
    font-family: Arial, sans-serif;
    background-color: #f8f9fa;
    color: #343a40;
}

h1, h2, h3 {
    color: #343a40;
    margin-bottom: 20px;
}

.table-hover tbody tr:hover {
    background-color: #f1f1f1;
}

/* Navbar styles */
.navbar {
    margin-bottom: 20px;
}

/* Button styles */
.btn-primary, .btn-success, .btn-danger, .btn-warning {
    margin-right: 10px;
}

/* Form and input styles */
.form-control {
    margin-bottom: 10px;
}

.input-group {
    margin-bottom: 15px;
}

.upload-area {
    border: 2px dashed #6c757d;
    padding: 20px;
    text-align: center;
    border-radius: 10px;
    background-color: #e9ecef;
}

    .upload-area:hover {
        border-color: #343a40;
    }

/* Table styles */
.table {
    background-color: #ffffff;
    border-radius: 5px;
    overflow: hidden;
}

    .table thead {
        background-color: #007bff;
        color: #ffffff;
    }

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

        .table td .btn {
            margin-right: 5px;
        }

    .table tbody tr:hover {
        background-color: #e2e6ea;
    }

/* Breadcrumbs */
.breadcrumb {
    background-color: #ffffff;
    border-radius: 5px;
    margin-bottom: 20px;
}

.breadcrumb-item a {
    color: #007bff;
}

.breadcrumb-item.active {
    color: #6c757d;
}

/* Toast styles */
.toast {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 1060;
}

.toast-header {
    background-color: #007bff;
    color: #ffffff;
}

.toast-body {
    color: #343a40;
}

/* Additional styles */
.card {
    margin-bottom: 20px;
}

.card-header {
    background-color: #007bff;
    color: #ffffff;
}

.card-body {
    background-color: #ffffff;
}

.alert {
    margin-bottom: 20px;
}