.dark-navy {
    background-color: #19334d;
    color: white;
}

.text-navy {
    color: #19334d;
}

.header-color {
    background-color: #605ca8;
    color: white;
}

.sidebar-color {
    background-color: #222d32;
}

.bg-sidebar {
    background-color: #545096;
}

.required .col-form-label:after {
    content: " *";
    color: #dc3545;
}

.employee-personal-form .card {
    border: 1px solid #e5e7eb;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}

.employee-personal-form .card-header {
    background-color: #f8f9fa;
    border-bottom: 1px solid #e5e7eb;
}

.employee-personal-form .form-control-sm,
.employee-personal-form .form-select-sm {
    font-size: 0.875rem;
}

.employee-personal-form .col-form-label {
    font-size: 0.875rem;
    font-weight: 500;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .employee-personal-form .col-sm-4 {
        width: 100%;
        margin-bottom: 0.5rem;
    }
    
    .employee-personal-form .col-sm-8 {
        width: 100%;
    }
}

.employee-schedule-form .card {
    border: 1px solid #e5e7eb;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}

.employee-schedule-form .card-header {
    background-color: #f8f9fa;
    border-bottom: 1px solid #e5e7eb;
}

.employee-schedule-form .form-control-sm,
.employee-schedule-form .form-select-sm {
    font-size: 0.875rem;
}

.employee-schedule-form .col-form-label {
    font-size: 0.875rem;
    font-weight: 500;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .employee-schedule-form .col-sm-4 {
        width: 100%;
        margin-bottom: 0.5rem;
    }
    
    .employee-schedule-form .col-sm-8 {
        width: 100%;
    }
}
.employee-personnel-form .card {
    border: 1px solid #e5e7eb;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}

.employee-personnel-form .card-header {
    background-color: #f8f9fa;
    border-bottom: 1px solid #e5e7eb;
}

.employee-personnel-form .form-control-sm,
.employee-personnel-form .form-select-sm {
    font-size: 0.875rem;
}

.employee-personnel-form .col-form-label {
    font-size: 0.875rem;
    font-weight: 500;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .employee-personnel-form .col-sm-4 {
        width: 100%;
        margin-bottom: 0.5rem;
    }
    
    .employee-personnel-form .col-sm-8 {
        width: 100%;
    }
}
.employee-payroll-form .card {
    border: 1px solid #e5e7eb;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}

.employee-payroll-form .card-header {
    background-color: #f8f9fa;
    border-bottom: 1px solid #e5e7eb;
}

.employee-payroll-form .form-control-sm,
.employee-payroll-form .form-select-sm {
    font-size: 0.875rem;
}

.employee-payroll-form .col-form-label {
    font-size: 0.875rem;
    font-weight: 500;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .employee-payroll-form .col-sm-4 {
        width: 100%;
        margin-bottom: 0.5rem;
    }
    
    .employee-payroll-form .col-sm-8 {
        width: 100%;
    }
}