.table .filter-buttons { position: sticky; right: 1rem }
.table th.filter-active { background-color: #ffc }
.table .filter-summary > span { margin-right: 10px; padding: 4px 8px; background-color: #ffc; border: 1px dashed #ddd }
.table .filter-null { display: flex; justify-content: center; margin-top: 4px }
.table .filter-null .form-check { margin: 0 .5rem }
.table .form-control.op { margin-bottom: 4px }

/* sumoselect */
.SumoSelect { width: auto }
.table .SumoSelect { width: 100% }
.SumoSelect>.CaptionCont>label>i { background-image: none }
.SelectBox { padding: 4px 8px }
.SumoSelect>.CaptionCont { border-radius: 4px; border-color: #ced4da; min-width: 3rem }
.SumoSelect.open>.CaptionCont, .SumoSelect:focus>.CaptionCont, .SumoSelect:hover>.CaptionCont { box-shadow: none }
.SumoSelect>.CaptionCont>span { height: 26px }
.table .SumoSelect>.CaptionCont>span { padding-right: 0; min-width: 100%; width: 0; background-color: transparent }
.SumoSelect>.optWrapper { border-radius: 0; width: auto }
.SumoSelect.open>.optWrapper { top: 32px }<
.SumoSelect>.optWrapper>.options { border-radius: 0}
.SumoSelect .select-all { height: auto; white-space: nowrap; margin-top: 2px }
.SumoSelect>.optWrapper.multiple>.options li.opt, .SumoSelect .select-all { padding: 4px 8px; padding-left: 30px; border-bottom: none }
.SumoSelect>.optWrapper.multiple>.options li.opt span, .SumoSelect .select-all span { margin-left: -30px }
.SumoSelect>.optWrapper.multiple>.options>li.opt:first-child { border-radius: 0 }
.SumoSelect>.optWrapper.multiple>.options li.opt span i, .SumoSelect .select-all span i { box-shadow: none; border-radius: 0; color: transparent; font-size: 10px; line-height: 12px; text-align: center }
.SumoSelect>.optWrapper.multiple>.options li.opt.selected span i, .SumoSelect .select-all.selected>span i { background-color: #3c8dbc }