.btn {
    border-radius: 10px;
}

.btn-primary:active {
    box-shadow: none;
    color: #ffffff;
    background-color: #161617;
    border-color: #494F57;
}

.color-danger {
    color: #ff0000;
    opacity: 0.2;
}

.color-success {
    color: #00ff00;
    opacity: 0.2;
}

.color-warning {
    color: #ffa500;
    opacity: 0.2;
}

td > div {
    white-space: pre-wrap;
    max-height: 4.5em;
    overflow-y:scroll; 
}

.btn-red {
    background-color: red !important;
    border-color: red !important;
}

.trigger-btn {
    border: none !important; /* Remove Bootstrap default border */
    background-color: initial; /* Set default background color */
}

.trigger-btn.active {
    background-color: #1cda2c !important; /* Change background color for the active button */
}

