.btn-sm {
    padding: 0.4rem 0.6rem !important;
    font-size: 0.9rem !important;
    line-height: 1 !important;          
    border-radius: 4px !important;  
 }
.btn { 
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.6rem 0.9rem !important;
    border-radius: 6px; 
    text-decoration: none; 
    border: 1px solid transparent; 
    cursor: pointer; 
    transition: background-color 0.3s, border-color 0.3s;
    font-weight: 500;
    font-size: 1rem;
    box-sizing: border-box;
} 
#employee_reports .btn {
    height: 38px !important;
}

button i, label i, a i {
    margin-right: 0.5rem; /* Abstand nach rechts */
    vertical-align: middle; /* optional, damit Icon schön mittig zum Text sitzt */
}
  
body:not(.admin-settings, .admin-users,) .btn i { margin-right: 5px; }

.remove-icon{
    margin-right: 0!important;
}

.btn-primary, .btn-success, .btn-warning, .btn-danger, .btn-more, .btn-secondary {
    font-size: 1rem;
    border-radius: 6px;
}

.btn-secondary { background-color: #6c757d; color: white; border-color: #6c757d; }
.btn-secondary:hover { background-color: #5a6268; border-color: #545b62; transform: translateY(1px); }

.btn-more { background-color: #17a2b8; color: white; border-color: #17a2b8; }
.btn-more:hover { background-color: #1a8fa1; transform: translateY(1px); color: white;}

.btn-success { background-color: #28a745; color: white; border-color: #28a745; }
.btn-success:hover { background-color: #1e7e34; transform: translateY(1px); }

.btn-export { background-color: #7916b1; color: white; border-color: #7916b1; }
.btn-export:hover { background-color: #661296; color: white; transform: translateY(1px);}

.btn-warning { background-color: #ff9800; color: white; border-color: #ff9800; }
.btn-warning:hover { background-color: #e6961f; color: white; transform: translateY(1px);}

.btn-danger { background-color: #c9273f; color: white; border-color: #c9273f; }
.btn-danger:hover { background-color: #9b2133;transform: translateY(1px); }

.btn-custom-orange:hover {
    background-color: #e68900;
    border-color: #e68900;
    color: white;
}

.btn-primary {
    background-color: #3f51b5; 
    border-color: #3f51b5;
    color: white; 
    margin-top: 0;
}
.btn-primary:hover {background-color: #35449c; cursor: pointer;transform:  translateY(1px);}

.button-group .btn {
    width: auto;          /* Buttons nebeneinander, nicht volle Breite */
    text-align: center;
}

.button-group {
    display: flex;
    gap: 15px;            /* Abstand zwischen den Buttons */
    margin-top: 20px;
}

.button-group-full-width{
    display: flex;
    gap: 15px;           
    margin-top: 20px;
}

.button-group-full-width .btn{
    width: 100%;
    text-align: center; 
}


.btn-add {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 15px;
    border-radius: 6px; 
    text-decoration: none; 
    border: 1px solid transparent; 
    cursor: pointer; 
    transition: background-color 0.3s, border-color 0.3s;
    font-weight: 500;   
    width: 100%;
    background-color:#28a745;
    color: white;
    font-size: 1em; 
    margin-right: 0px;
}
.btn-add:hover{
    transform:  translateY(1px);
}

/* Zurücksetzen Button */
.form-filters a.btn-outline-secondary {
    border: 1px solid #ccc;
    color: #333;
    background-color: #fff;
}

.form-filters a.btn-outline-secondary:hover {
    background-color: #f0f0f0;
    border-color: #bbb;
    transform:  translateY(1px);
}

/* Alle Buttons */
.btn:focus,
.btn:focus-visible {
    outline: none !important;   /* Entfernt den Fokus-Rahmen */
    box-shadow: none !important;
}

/* Primär-Button */
.btn-primary:active {
    background-color: #35449c !important; /* Hover-Farbe */
    color: white !important;
    border-color: #35449c !important;
}

/* More-Button */
.btn-more:active {
    background-color: #1a8fa1 !important; /* Hover-Farbe */
    color: white !important;
    border-color: #1a8fa1 !important;
}

/* Success-Button */
.btn-success:active {
    background-color: #1e7e34 !important; /* Hover-Farbe */
    color: white !important;
    border-color: #1e7e34 !important;
}

/* Warning-Button */
.btn-warning:active {
    background-color: #e6961f !important; /* Hover-Farbe */
    color: white !important;
    border-color: #e6961f !important;
}

/* Danger-Button */
.btn-danger:active {
    background-color: #9b2133 !important; /* Hover-Farbe */
    color: white !important;
    border-color: #9b2133 !important;
}

/* Export-Button */
.btn-export:active {
    background-color: #661296 !important; /* Hover-Farbe */
    color: white !important;
    border-color: #661296!important;
}