/* Custom styles for InLoan application */

body {
    background-color: #f8f9fa;
}

.logo {
    max-height: 60px;
}

.card {
    border-radius: 10px;
    overflow: hidden;
    border: none;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.card-header, .card-footer {
    background-color: #ffffff;
    border-color: #f0f0f0;
}

.nav-pills .nav-link {
    color: #495057;
    border-radius: 5px;
}

.nav-pills .nav-link.active {
    background-color: #e78373;
}

.form-section {
    background-color: #f9f9f9;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
}

.btn-primary {
    background-color: #e78373;
    border-color: #e78373;
}

.btn-primary:hover {
    background-color: #d46a59;
    border-color: #d46a59;
}

.dynamic-field-container {
    background-color: #ffffff;
    border: 1px solid #dee2e6;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 15px;
    position: relative;
}

.remove-field {
    position: absolute;
    right: 10px;
    top: 10px;
}

.step-container {
    display: none;
}

.step-container.active {
    display: block;
}

.progress {
    height: 10px;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 20px;
}

.progress-bar {
    background-color: #e78373;
}

/* Form focus styles */
.form-control:focus, .form-select:focus {
    border-color: #e78373;
    box-shadow: 0 0 0 0.25rem rgba(231, 131, 115, 0.25);
}

/* Alert customization */
.alert-success {
    background-color: #d1e7dd;
    border-color: #badbcc;
    color: #0f5132;
}

.alert-info {
    background-color: #cff4fc;
    border-color: #b6effb;
    color: #055160;
}

.alert-warning {
    background-color: #fff3cd;
    border-color: #ffecb5;
    color: #664d03;
}

.alert-danger {
    background-color: #f8d7da;
    border-color: #f5c2c7;
    color: #842029;
}