@syncfusion/ej2/excel-filter/bootstrap4.css

A modern JavaScript UI toolkit that has been built from the ground up to be lightweight, responsive, modular and touch friendly. It is written in TypeScript and has no external dependencies.

.e-input-group.e-ddl .e-control.e-autocomplete ~ .e-ddl-icon{font-size:8px}.e-bigger .e-input-group.e-ddl .e-control.e-autocomplete ~ .e-ddl-icon{font-size:10px}.e-popup.e-ddl{border-radius:4px;box-shadow:none;margin-top:3px}.e-popup.e-ddl .e-input-group{width:auto}.e-popup.e-ddl .e-input-group input{line-height:15px}.e-popup.e-ddl .e-dropdownbase{min-height:26px}.e-popup.e-ddl .e-filter-parent .e-input-group{display:-ms-flexbox;display:flex;width:auto}.e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon{border:0}.e-bigger .e-popup.e-ddl-device-filter{margin-top:0}.e-bigger .e-popup.e-ddl .e-list-item{font-size:16px;line-height:32px;padding-left:0;text-indent:24px}.e-bigger .e-popup.e-ddl .e-list-group-item,.e-bigger .e-popup.e-ddl .e-fixed-head{font-size:14px;line-height:32px;padding-left:0;text-indent:24px}.e-bigger .e-popup.e-ddl .e-dd-group .e-list-item{padding-left:4px}.e-bigger .e-popup.e-ddl .e-input-group{padding:4px 0}.e-bigger .e-popup.e-ddl .e-input-group input,.e-bigger .e-popup.e-ddl .e-input-group input.e-input{font-size:16px;height:36px}.e-bigger .e-popup.e-ddl .e-dropdownbase{min-height:40px}.e-input-group.e-control-wrapper.e-ddl .e-input[readonly],.e-float-input.e-control-wrapper.e-ddl input[readonly]{background:transparent}.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,.e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,.e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:hover,.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover,.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:hover{background:transparent;color:#495057}.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,.e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,.e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,.e-control.e-dropdownlist .e-input-group.e-ddl .e-input-group-icon{border:0}.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-input-group-icon:active,.e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active{box-shadow:none}.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon{background:transparent;display:-ms-flexbox;display:flex;position:relative}.e-ddl.e-popup .e-filter-parent .e-input-group,.e-ddl.e-popup .e-filter-parent{background:rgba(0,0,0,0.03)}.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon{font-size:8px}.e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon{font-size:10px}.e-bigger.e-small .e-ddl.e-popup .e-list-item,.e-bigger.e-small .e-ddl.e-popup .e-list-group-item,.e-bigger.e-small .e-ddl.e-popup .e-fixed-head{font-size:14px;line-height:34px;padding-left:0;text-indent:16px}.e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item{padding-left:4px}.e-bigger.e-small .e-ddl.e-popup .e-input-group{padding:4px 0}.e-bigger.e-small .e-ddl.e-popup .e-input-group input,.e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input{height:30px}.e-bigger.e-small .e-popup.e-ddl .e-dropdownbase{min-height:34px}@keyframes material-spinner-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes fabric-spinner-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}/*! component icons */.e-icon-check::before{content:'\e718'}.e-excelfilter .e-icon-filter::before{content:'\e714'}.e-excelfilter .e-excl-filter-icon::before{content:'\e714'}.e-excelfilter .e-excl-filter-icon.e-filtered::before{content:'\e748'}.e-excelfilter .e-ccsearch-icon::before{content:'\e724'}.e-excelfilter .e-chkcancel-icon::before{content:'\e745'}.e-excelfilter .e-sortascending::before{content:'\e812'}.e-excelfilter .e-sortdescending::before{content:'\e811'}/*! Excel-Filter layout */.sf-grid .e-excelfilter .e-dlg-content{overflow:visible;padding:0}.sf-grid .e-excelfilter .e-searchcontainer{padding:14px;padding-top:4px}.sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item:not(.e-separator){height:26px;line-height:26px}.sf-grid .e-excelfilter .e-searchbox{padding-left:0}.sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-separator{height:auto}.sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul{position:absolute}.sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu{display:inline-block;position:relative;width:100%}.sf-grid-dlg.e-xlflmenu .e-xlfl-radiodiv{width:unset}.e-xlflmenu{min-height:318px}.e-xlflmenu .e-xlfl-dlgfields{font-size:15px}.e-xlflmenu .e-xlfl-fieldset{font-size:13px;padding-top:9px}.e-xlflmenu .e-xlfl-optr,.e-xlflmenu .e-xlfl-value{padding-top:11.25px}.e-xlflmenu .e-xlfl-radio,.e-xlflmenu .e-xlfl-mtcase{padding-top:12px}.e-xlflmenu .e-xlfl-optr:first-child{padding-right:11.25px}.e-xlflmenu .e-xlfl-table{border-spacing:0;table-layout:fixed;width:100%}.e-xlflmenu .e-radio+label .e-label{padding-left:25px;padding-right:9px}.e-xlflmenu .e-checkbox-wrapper .e-frame+.e-label{margin-left:6px}.e-xlflmenu .e-dlg-content{padding-bottom:5px}.e-xlflmenu .e-xlfl-radiodiv{width:120px}.e-xlflmenu .e-xlfl-matchcasediv{margin-left:0;margin-right:13px}.e-xlfl-radio-or,.e-xlfl-matchcasediv{margin-left:2px}.e-emptyicon{opacity:0}.e-xlflmenu.e-rtl .e-xlfl-optr :first-child{padding-left:11.25px}.e-xlflmenu.e-rtl .e-radio+label .e-label{padding-left:0;padding-right:25px}.e-xlflmenu.e-rtl .e-xlfl-radio-or{margin-left:0;margin-right:13px}.e-bigger .e-xlflmenu{min-height:362px}.e-bigger .e-xlflmenu .e-xlfl-table{border-spacing:0;width:100%}.e-bigger .e-xlflmenu .e-dlg-content{padding-bottom:10px}.e-bigger .e-xlflmenu .e-radio+label .e-label{padding-left:27px;padding-right:6px}.e-bigger .e-xlflmenu .e-checkbox-wrapper .e-frame+.e-label{margin-left:8px}.e-bigger .e-xlflmenu .e-xlfl-radiodiv{width:141px}.e-bigger .e-xlflmenu .e-xlfl-radio-or,.e-bigger .e-xlflmenu .e-xlfl-matchcasediv{margin-left:18px}.e-bigger .e-xlflmenu .e-xlfl-optr:first-child{padding-right:15px}.e-bigger .e-xlflmenu .e-xlfl-dlgfields{font-size:16px}.e-bigger .e-xlflmenu .e-xlfl-fieldset{font-size:14px;padding-top:12px}.e-bigger .e-xlflmenu .e-xlfl-optr,.e-bigger .e-xlflmenu .e-xlfl-value{padding-top:15px}.e-bigger .e-xlflmenu .e-xlfl-radio,.e-bigger .e-xlflmenu .e-xlfl-mtcase{padding-top:5px}.e-bigger .e-excelfilter .e-xlflmenu,.e-excelfilter.e-bigger .e-xlflmenu{min-height:362px}.e-bigger .e-excelfilter .e-ftrchk,.e-excelfilter.e-bigger .e-ftrchk{padding-bottom:9px;padding-top:9px}.e-bigger .e-excelfilter .e-contextmenu-wrapper ul li,.e-bigger .e-excelfilter .e-contextmenu-container ul li,.e-excelfilter.e-bigger .e-contextmenu-wrapper ul li,.e-excelfilter.e-bigger .e-contextmenu-container ul li{height:40px;line-height:40px}.e-bigger .e-excelfilter .e-contextmenu-wrapper ul li .e-menu-icon,.e-bigger .e-excelfilter .e-contextmenu-container ul li .e-menu-icon,.e-excelfilter.e-bigger .e-contextmenu-wrapper ul li .e-menu-icon,.e-excelfilter.e-bigger .e-contextmenu-container ul li .e-menu-icon{height:40px;line-height:40px;margin-right:13px}.e-bigger .e-excelfilter .e-contextmenu-wrapper ul .e-menu-item .e-caret,.e-excelfilter.e-bigger .e-contextmenu-wrapper ul .e-menu-item .e-caret{height:40px;line-height:40px}.e-bigger .e-excelfilter .e-dlg-content,.e-excelfilter.e-bigger .e-dlg-content{padding-left:7px}.e-bigger .e-excelfilter .e-ftrchk,.e-bigger .e-excelfilter .e-searchbox,.e-excelfilter.e-bigger .e-ftrchk,.e-excelfilter.e-bigger .e-searchbox{padding-left:9px}.e-bigger .e-excelfilter.e-rtl .e-dlg-content,.e-excelfilter.e-bigger.e-rtl .e-dlg-content{padding-left:16px;padding-right:7px}.e-bigger .e-excelfilter.e-rtl .e-ftrchk,.e-bigger .e-excelfilter.e-rtl .e-searchbox,.e-excelfilter.e-bigger.e-rtl .e-ftrchk,.e-excelfilter.e-bigger.e-rtl .e-searchbox{padding-left:0;padding-right:9px}.e-excelfilter .e-checkboxlist{height:200px;margin-top:5px;min-height:160px;overflow-y:auto}.e-excelfilter .e-checkboxfiltertext{width:150px;word-break:normal}.e-excelfilter .e-chk-hidden{-moz-appearance:none;height:1px;opacity:0;width:1px}.e-excelfilter .e-contextmenu-wrapper,.e-excelfilter .e-contextmenu-wrapper ul{display:block}.e-excelfilter .e-contextmenu-wrapper ul{padding-bottom:4px;position:static}.e-excelfilter .e-contextmenu-wrapper ul li,.e-excelfilter .e-contextmenu-container ul li{height:36px;line-height:36px}.e-excelfilter .e-contextmenu-wrapper ul li .e-menu-icon,.e-excelfilter .e-contextmenu-container ul li .e-menu-icon{height:36px;line-height:36px;margin-right:10px}.e-excelfilter.e-rtl .e-contextmenu-wrapper ul li .e-menu-icon{margin-right:0}.e-excelfilter .e-contextmenu-wrapper ul .e-menu-item .e-caret{height:36px;line-height:36px}.e-excelfilter .e-contextmenu-wrapper ul,.e-excelfilter .e-contextmenu-container ul{border:0;box-shadow:none;max-width:300px;padding-bottom:4px;position:static}.e-excelfilter .e-footer-content{border-style:solid;border-width:1px 0 0}.e-excelfilter .e-excel-menu{z-index:1000}.e-excelfilter .e-dlg-content{padding-top:0}.e-excelfilter .e-contextmenu-wrapper,.e-excelfilter .e-contextmenu-wrapper ul{display:block}.e-excelfilter .e-contextmenu-wrapper ul{padding-bottom:4px;position:static}.e-excelfilter .e-contextmenu-wrapper ul li .e-contextmenu-container ul li{height:36px;line-height:36px}.e-excelfilter .e-contextmenu-wrapper ul li .e-menu-icon,.e-excelfilter .e-contextmenu-container ul li .e-menu-icon{height:36px;line-height:36px;margin-right:10px}.e-excelfilter.e-rtl .e-contextmenu-wrapper ul li .e-menu-icon{margin-right:0}.e-excelfilter .e-contextmenu-wrapper ul .e-menu-item .e-caret{height:36px;line-height:36px}.e-excelfilter .e-footer-content{border-style:solid;border-width:1px 0 0}.e-excelfilter .e-excel-menu{z-index:1000}.e-excelfilter .e-dlg-content{padding-top:0}.e-excelfilter .e-xlsel{border:0 solid;position:absolute;-webkit-user-select:none;-ms-user-select:none;user-select:none}.e-excelfilter .e-dlg-content{padding-left:6px}.e-excelfilter .e-ftrchk,.e-excelfilter .e-searchbox{padding-left:8px}.e-excelfilter.e-rtl .e-dlg-content{padding-left:14px;padding-right:6px}.e-excelfilter.e-rtl .e-ftrchk,.e-excelfilter.e-rtl .e-searchbox{padding-left:0;padding-right:8px}.e-excelfilter .e-searchbox{display:block}.e-ftrchk{padding-bottom:8px;padding-top:8px}/*! Excel-Filter theme */.e-excelfilter .e-footer-content{border-color:rgba(108,117,125,0.12);opacity:1}.e-excelfilter .e-filtered::before{color:#317ab9}.e-excelfilter .e-dlg-content{padding-bottom:0}li.e-separator.e-menu-item.e-excel-separator{margin-bottom:0;margin-top:0}.e-xlsel{background-color:#317ab9;border-color:#317ab9}