.btn-cancel {
    background-color: #ffffff;
    border: 1px solid grey;
    color: #333;
    transition: all 0.2s ease;
}

    .btn-cancel:hover {
        background-color: #f2f2f2;
        border-color: #888;
    }

.btn-cancel-clear {
    background-color: #ffffff;
    border: 1px solid grey;
    color: #333;
    transition: all 0.2s ease;
}
    .btn-cancel-clear:hover {
        background-color: #f2f2f2;
        border-color: #888;
    }

.btn-save {
    background-color: #FFEDE1;
    border: 1px solid #f7a977;
    color: #333;
    transition: all 0.2s ease;
}

    .btn-save:hover {
        background-color: #f7a977;
        color: white;
    }

    .btn-save:disabled {
        background-color: #FFEDE1; 
        border: 1px solid #f7a977;
        color: #333;
        opacity: 0.6;
        cursor: not-allowed;
    }


.btn-outline-custom {
    background-color: #EFEFEF;
    color: #6c757d;
    border: 1px solid #C4C4C4;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

    .btn-outline-custom:hover {
        background-color: #9e9e9e;
        color: white;
    }

.btn-search {
    background-color: #FFEDE1;
    border: 1px solid #CCCCCC;
    transition: all 0.2s ease-in-out; 
}

    .btn-search i {
        color: #FF6600; 
        transition: color 0.2s ease-in-out;
    }

    .btn-search:hover {
        background-color: #FF6600; 
        border-color: #FF6600;
    }

        .btn-search:hover i {
            color: white; 
        }