/* following is for having a better default color selector for datatables buttons */
div.dt-button-collection button.dt-button:active:not(.disabled),
div.dt-button-collection button.dt-button.active:not(.disabled),
div.dt-button-collection div.dt-button:active:not(.disabled),
div.dt-button-collection div.dt-button.active:not(.disabled),
div.dt-button-collection a.dt-button:active:not(.disabled),
div.dt-button-collection a.dt-button.active:not(.disabled) {
    background-color: #3f80ea;
    background: -webkit-linear-gradient(top, #3f80ea 0%, #3f80ea 100%);
    background: -moz-linear-gradient(top, #3f80ea 0%, #3f80ea 100%);
    background: -ms-linear-gradient(top, #3f80ea 0%, #3f80ea 100%);
    background: -o-linear-gradient(top, #3f80ea 0%, #3f80ea 100%);
    background: linear-gradient(to bottom, #3f80ea 0%, #3f80ea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#66BB6A", EndColorStr="#4CAF50");
    box-shadow: inset 1px 1px 3px #666;
}

.table-icon-groupings{
    border: 1px solid rgb(40, 48, 64);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 0px;
    border-radius: 6px;
    box-sizing: border-box;
    -webkit-box-align: stretch;
    align-items: stretch;
    height: 35px;
    padding: 2px;
    position: relative;
    width: fit-content;
    gap: 2px;
}