.card-header .btn{
    margin: auto 0 auto auto;
}

.form{
    margin:0 auto;
    width: 100%;
}

.card .card-header h4{
    text-align: center;
    width: 100%;
}

.action{
    text-align: center;
}

.btn-edit{
    padding: 5px;
    font-size: 20px;
}

.btn-product{
    padding: 5px;
    font-size: 20px;
}
/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLmNzcyIsInNvdXJjZXMiOlsiY3VzdG9tLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9 */

/*# sourceMappingURL=custom.css.map */




.gradient-btn {
    background: linear-gradient(to bottom right, #F26522, rgba(242, 101, 34, 0.7));
    border: none;
    color: white;
    font-weight: 600;
    box-shadow: 0 4px 6px rgba(242, 101, 34, 0.35);
    transition: background 0.3s ease;
}

.gradient-btn:hover,
.gradient-btn:focus {
    background: linear-gradient(to bottom right, #e05518, rgba(224, 85, 24, 0.9));
    color: white;
    outline: none;
    box-shadow: 0 6px 8px rgba(242, 101, 34, 0.45);
}

/* Brand: Bootstrap "success" (green) buttons → Varuda orange site-wide */
.btn-success {
    color: #fff !important;
    background-color: #F26522 !important;
    border-color: #F26522 !important;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
    color: #fff !important;
    background-color: #e05518 !important;
    border-color: #d94f15 !important;
}

.btn-success:focus,
.btn-success.focus {
    box-shadow: 0 0 0 0.2rem rgba(242, 101, 34, 0.45) !important;
}

.btn-success.disabled,
.btn-success:disabled {
    color: #fff !important;
    background-color: #F26522 !important;
    border-color: #F26522 !important;
    opacity: 0.65;
}

.btn-outline-success {
    color: #F26522 !important;
    border-color: #F26522 !important;
    background-color: transparent !important;
}

.btn-outline-success:hover,
.btn-outline-success:focus,
.btn-outline-success:active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active {
    color: #fff !important;
    background-color: #F26522 !important;
    border-color: #F26522 !important;
}

.btn-outline-success:focus,
.btn-outline-success.focus {
    box-shadow: 0 0 0 0.2rem rgba(242, 101, 34, 0.35) !important;
}

/* DataTables Buttons (age reports etc.): default print=blue, excel=green → brand orange */
.dt-buttons .dt-button,
button.dt-button,
a.dt-button {
    color: #fff !important;
    background-color: #F26522 !important;
    background-image: none !important;
    border: 1px solid #F26522 !important;
    border-radius: 0.25rem;
}

.dt-buttons .dt-button:hover:not(.disabled),
.dt-buttons .dt-button:focus:not(.disabled),
button.dt-button:hover:not(.disabled),
a.dt-button:hover:not(.disabled) {
    color: #fff !important;
    background-color: #e05518 !important;
    border-color: #d94f15 !important;
    background-image: none !important;
}

.dt-buttons .dt-button:active:not(.disabled),
.dt-buttons .dt-button.active:not(.disabled) {
    color: #fff !important;
    background-color: #d94f15 !important;
    border-color: #c74a12 !important;
    background-image: none !important;
}

.dt-buttons .dt-button.disabled,
.dt-buttons .dt-button:disabled {
    opacity: 0.65;
}

/* Age report / list “Print” links using Bootstrap btn-info (cyan/blue) */
.btn-info {
    color: #fff !important;
    background-color: #F26522 !important;
    border-color: #F26522 !important;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
    color: #fff !important;
    background-color: #e05518 !important;
    border-color: #d94f15 !important;
}

.btn-info:focus,
.btn-info.focus {
    box-shadow: 0 0 0 0.2rem rgba(242, 101, 34, 0.45) !important;
}

.btn-outline-info {
    color: #F26522 !important;
    border-color: #F26522 !important;
    background-color: transparent !important;
}

.btn-outline-info:hover,
.btn-outline-info:focus,
.btn-outline-info:active,
.btn-outline-info:not(:disabled):not(.disabled):active {
    color: #fff !important;
    background-color: #F26522 !important;
    border-color: #F26522 !important;
}