@import "../global";

// Coreui
@import '~@coreui/coreui/scss/coreui';
@import '~@coreui/icons/css/free.min.css';


.status-badge {
    display: inline-block;
    padding: 0.25em 0.5em;
    border-radius: 0.25rem;
    font-weight: bold;
    color: #fff;
}

.status-pending {
    background-color: #ffc107; /* Yellow */
}

.status-processing {
    background-color: #17a2b8; /* Blue */
}

.status-on-hold {
    background-color: #6c757d; /* Gray */
}

.status-completed {
    background-color: #28a745; /* Green */
}

.status-cancelled {
    background-color: #dc3545; /* Red */
}

.status-refunded {
    background-color: #fd7e14; /* Orange */
}

.status-failed {
    background-color: #343a40; /* Dark */
}

.status-trash {
    background-color: #6c757d; /* Gray */
}

.source-badge {
    display: inline-block;
    padding: 0.25em 0.5em;
    border-radius: 0.25rem;
    font-weight: bold;
    color: #fff;
    position:absolute;
    right:30px;
    top:10px;
}

.source-royaltuning {
    background-color: #E80E27; /* Blue */
}

.source-valtogomb {
    background-color: #007bff; /* Green */
}

.source-premiumautoled {
    background-color: #ffc107; /* Yellow */
}

/* File: resources/css/app.css */

.badge-warning {
    background-color: yellow;
    color: black;
}

.badge-orange {
    background-color: orange;
    color: white;
}

.badge-danger {
    background-color: red;
    color: white;
}

.badge-primary {
    background-color: blue;
    color: white;
}

.badge-info {
    background-color: orange;
    color: white;
}

.badge-success {
    background-color: green;
    color: white;
}

.badge-secondary {
    background-color: gray;
    color: white;
}