@syncfusion/ej2/drop-down-base/compatibility/material-dark.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.

@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.e-dropdownbase .e-list-item .e-list-icon{padding:0 16px 0 0}.e-small .e-dropdownbase .e-list-item .e-list-icon{padding:0 12px 0 0}.e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon{padding:0 16px 0 0}.e-bigger .e-dropdownbase,.e-dropdownbase.e-bigger{min-height:45px}.e-bigger .e-dropdownbase .e-list-item,.e-bigger .e-dropdownbase .e-list-group-item,.e-bigger .e-dropdownbase .e-fixed-head,.e-dropdownbase.e-bigger .e-list-item,.e-dropdownbase.e-bigger .e-list-group-item,.e-dropdownbase.e-bigger .e-fixed-head{line-height:48px}.e-bigger .e-dropdownbase .e-list-item .e-list-icon,.e-dropdownbase.e-bigger .e-list-item .e-list-icon{font-size:20px}.e-dropdownbase{display:block;height:100%;min-height:36px;position:relative;width:100%}.e-dropdownbase .e-list-parent{margin:0;padding:0}.e-dropdownbase .e-list-group-item,.e-dropdownbase .e-fixed-head{cursor:default}.e-dropdownbase .e-list-item{cursor:pointer;overflow:hidden;position:relative;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;width:100%}.e-dropdownbase .e-list-item .e-list-icon{font-size:16px;vertical-align:middle}.e-dropdownbase .e-fixed-head{position:absolute;top:0}.e-rtl .e-dropdownbase .e-fixed-head{left:33px}.e-dropdownbase.e-content{overflow:auto;position:relative}.e-lib.e-popup.e-ddl .e-dropdownbase.e-nodata{color:rgba(255,255,255,0.7);cursor:default;font-family:inherit;font-size:14px;padding:14px 16px;text-align:center}.e-rtl .e-dropdownbase.e-dd-group .e-list-item{padding-right:2em}.e-dropdownbase.e-dd-group .e-list-item{padding-left:2em;text-indent:0}.e-small .e-dropdownbase.e-dd-group .e-list-item{text-indent:0}.e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item{text-indent:0}.e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item{text-indent:0}.e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item{cursor:pointer;font-weight:normal;overflow:hidden;position:relative;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;width:100%}.e-rtl.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-item{padding-right:2em}.e-rtl .e-dropdownbase .e-list-item{padding-left:16px;padding-right:0}.e-small.e-rtl .e-dropdownbase .e-list-item,.e-small .e-rtl .e-dropdownbase .e-list-item,.e-rtl .e-small .e-dropdownbase .e-list-item{padding-left:16px;padding-right:0}.e-small.e-bigger.e-rtl .e-dropdownbase .e-list-item,.e-small.e-bigger .e-rtl .e-dropdownbase .e-list-item,.e-rtl .e-small.e-bigger .e-dropdownbase .e-list-item,.e-small .e-rtl.e-bigger .e-dropdownbase .e-list-item,.e-bigger .e-rtl.e-small .e-dropdownbase .e-list-item{padding-left:16px;padding-right:0}.e-dropdownbase{border-color:transparent}.e-dropdownbase .e-list-item{background-color:#424242;border-bottom:0;border-color:transparent;color:#fff;font-family:inherit;font-size:13px;line-height:36px;min-height:36px;padding-right:16px;text-indent:16px}.e-dropdownbase .e-list-group-item,.e-fixed-head{background-color:#424242;border-color:transparent;color:rgba(255,255,255,0.7);font-family:inherit;font-size:13px;font-weight:600;line-height:36px;min-height:36px;padding-left:16px;padding-right:16px}.e-dropdownbase .e-list-item.e-active,.e-dropdownbase .e-list-item.e-active.e-hover{background-color:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.18);color:#00b0ff}.e-dropdownbase .e-list-item.e-hover{background-color:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.05);color:#fff}.e-dropdownbase .e-list-item:last-child{border-bottom:0}.e-dropdownbase .e-list-item.e-item-focus{background-color:rgba(255,255,255,0.05)}.e-bigger .e-dropdownbase .e-list-group-item,.e-bigger .e-dropdownbase .e-fixed-head{font-size:14px}.e-multi-column.e-lib.e-ddl.e-lib.e-popup.e-lib.e-popup-open table{border-collapse:collapse;table-layout:fixed;width:100%}.e-multi-column.e-lib.e-ddl.e-lib.e-popup.e-lib.e-popup-open th,.e-multi-column.e-lib.e-ddl.e-lib.e-popup.e-lib.e-popup-open td{display:table-cell;overflow:hidden;padding-right:16px;text-indent:10px;text-overflow:ellipsis}.e-multi-column.e-lib.e-ddl.e-lib.e-popup.e-lib.e-popup-open th{line-height:36px;text-align:left}.e-multi-column.e-lib.e-ddl.e-lib.e-popup.e-lib.e-popup-open .e-ddl-header{background-color:#424242;border-color:#616161;border-style:solid;border-width:0 0 1px 0;color:rgba(255,255,255,0.7);font-family:inherit;font-size:13px;font-weight:600;text-indent:10px}.e-multi-column.e-lib.e-ddl.e-lib.e-popup.e-lib.e-popup-open .e-dropdownbase .e-list-item{padding-right:0}.e-multi-column.e-lib.e-ddl.e-lib.e-popup.e-lib.e-popup-open.e-lib.e-scroller .e-ddl-header{padding-right:16px}.e-multi-column.e-lib.e-ddl.e-lib.e-popup.e-lib.e-popup-open .e-ddl-header,.e-multi-column.e-lib.e-ddl.e-lib.e-popup.e-lib.e-popup-open.e-lib.e-ddl-device .e-ddl-header{padding-right:0}.e-multi-column.e-lib.e-ddl.e-lib.e-popup.e-lib.e-popup-open .e-text-center{text-align:center}.e-multi-column.e-lib.e-ddl.e-lib.e-popup.e-lib.e-popup-open .e-text-right{text-align:right}.e-multi-column.e-lib.e-ddl.e-lib.e-popup.e-lib.e-popup-open .e-text-left{text-align:left}.e-small .e-dropdownbase .e-list-item,.e-dropdownbase.e-small .e-list-item{color:#fff;line-height:26px;min-height:26px;text-indent:12px}.e-small .e-dropdownbase .e-list-group-item,.e-small .e-dropdownbase .e-fixed-head,.e-dropdownbase.e-small .e-list-group-item,.e-dropdownbase.e-small .e-fixed-head{line-height:26px;min-height:26px}.e-small .e-dropdownbase .e-list-item .e-list-icon,.e-dropdownbase.e-small .e-list-item .e-list-icon{font-size:14px}.e-bigger.e-small .e-dropdownbase .e-list-item,.e-dropdownbase.e-small.e-bigger .e-list-item{color:#000;line-height:40px;min-height:40px;text-indent:16px}.e-bigger.e-small .e-dropdownbase .e-list-group-item,.e-bigger.e-small .e-dropdownbase .e-fixed-head,.e-dropdownbase.e-small.e-bigger .e-list-group-item,.e-dropdownbase.e-small.e-bigger .e-fixed-head{line-height:40px;min-height:40px}.e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon,.e-dropdownbase.e-small.e-bigger .e-list-item .e-list-icon{font-size:18px}.e-bigger.e-small .e-dropdownbase .e-list-group-item,.e-bigger.e-small .e-dropdownbase .e-fixed-head,.e-dropdownbase.e-bigger.e-small .e-list-group-item,.e-dropdownbase.e-bigger.e-small .e-fixed-head{font-size:13px}.e-ddl.e-popup.e-multiselect-group .e-list-group-item{background-color:#424242;border-bottom:0;border-color:transparent;color:#fff;font-family:inherit;font-size:13px;padding-right:16px;text-indent:16px}.e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-item-focus{background-color:rgba(255,255,255,0.05)}.e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-active,.e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-active.e-hover{background-color:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.18);color:#00b0ff}.e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-hover{background-color:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.05);color:#fff}.e-lib .e-js [class^='e-'],.e-lib .e-js [class*=' e-']{box-sizing:content-box}