.grid-toolbar {
    border: 1px solid lightgray;
    padding: 0px 2px;
    width: min-content;
    display: flex;
    background-color: #f1f1f1;
}

    .grid-toolbar button, 
    .qw-button {
        border: 1px solid lightgray;
        background-color: white;
        cursor: pointer;
        margin: 2px;
        width: 26px;
        height: 26px;
        padding-left: 4px;
        padding-top: 4px;
    }

        .grid-toolbar button i,
        .qw-button i {
            font-size: 16px;
        }


        .grid-toolbar button:hover,
        .qw-button:hover {
            border: 1px solid lightgray;
            filter: brightness(125%);
            border-color: #7693A8;
            background-color: rgba(196, 177, 64, 1);
        }

        .grid-toolbar button:disabled,
        .qw-button:disabled {
            border: 1px solid lightgray;
            background-color: gray;
            cursor: not-allowed;
        }


.qww-orange {
    color: #DE9200;
}

.qww-orange-2 {
    color: #E78300;
}

.qww-red {
    color: #bd2025;
}

.qww-blue {
    color: #444784;
}

.qww-green {
    color: #007921;
}

.qww-purple {
    color: #840084;
}

.qww-synnex {
    color: #41bfd7;
}