@syncfusion/ej2/drop-down-button/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-dropdown-btn .e-caret::before,.e-dropdown-btn.e-btn .e-caret::before{content:'\e969'}/*! drop-down button layout */.e-dropdown-btn,.e-dropdown-btn.e-btn{box-shadow:none;text-transform:none;white-space:normal}.e-dropdown-btn:hover,.e-dropdown-btn:focus,.e-dropdown-btn.e-btn:hover,.e-dropdown-btn.e-btn:focus{box-shadow:none}.e-dropdown-btn:active,.e-dropdown-btn.e-btn:active{box-shadow:0 8px 17px 0 rgba(0,0,0,0.2)}.e-dropdown-btn .e-btn-icon,.e-dropdown-btn.e-btn .e-btn-icon{font-size:14px}.e-dropdown-btn .e-caret,.e-dropdown-btn.e-btn .e-caret{font-size:8px}.e-dropdown-btn.e-vertical,.e-dropdown-btn.e-btn.e-vertical{line-height:1;padding:12px 12px}.e-dropdown-btn.e-caret-hide .e-caret,.e-dropdown-btn.e-btn.e-caret-hide .e-caret{display:none}.e-dropdown-btn.e-small .e-dropdown-popup ul,.e-dropdown-btn.e-btn.e-small .e-dropdown-popup ul{padding:8px 0}.e-dropdown-btn.e-small .e-dropdown-popup ul .e-item,.e-dropdown-btn.e-btn.e-small .e-dropdown-popup ul .e-item{padding:0 16px}.e-dropdown-btn.e-small.e-vertical,.e-dropdown-btn.e-btn.e-small.e-vertical{line-height:1;padding:12px 12px}.e-bigger .e-dropdown-btn .e-btn-icon,.e-bigger.e-dropdown-btn .e-btn-icon{font-size:16px}.e-bigger .e-dropdown-btn .e-caret,.e-bigger.e-dropdown-btn .e-caret{font-size:10px}.e-bigger .e-dropdown-btn.e-vertical,.e-bigger.e-dropdown-btn.e-vertical{line-height:1;padding:16px 16px}.e-bigger .e-dropdown-btn.e-small.e-vertical,.e-bigger.e-dropdown-btn.e-small.e-vertical{line-height:1;padding:16px 16px}.e-dropdown-popup{position:absolute}.e-dropdown-popup ul{border:none;border-radius:0;box-shadow:0 3px 8px 0 rgba(0,0,0,0.26);box-sizing:border-box;font-size:14px;font-weight:normal;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;min-width:120px;overflow:hidden;padding:8px 0;-webkit-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.e-dropdown-popup ul .e-item{cursor:pointer;display:-ms-flexbox;display:flex;height:36px;line-height:36px;padding:0 16px}.e-dropdown-popup ul .e-item.e-url{padding:0}.e-dropdown-popup ul .e-item .e-menu-url{display:block;padding:0 16px;text-decoration:none;width:100%}.e-dropdown-popup ul .e-item .e-menu-icon{float:left;font-size:14px;line-height:36px;margin-right:10px;vertical-align:middle;width:1em}.e-dropdown-popup ul .e-item.e-disabled{cursor:auto;pointer-events:none}.e-dropdown-popup ul .e-item.e-separator{border-bottom-style:solid;border-bottom-width:1px;cursor:auto;height:auto;line-height:normal;margin:8px 0;pointer-events:none}.e-dropdown-popup.e-transparent{background:transparent;box-shadow:none}.e-dropdown-popup.e-transparent .e-dropdown-menu{border:0;height:1px;min-width:0;padding:0;width:1px}.e-rtl.e-dropdown-popup .e-item .e-menu-icon{float:right;margin-left:10px;margin-right:0}.e-lib.e-bigger .e-dropdown-popup ul,.e-lib.e-bigger.e-dropdown-popup ul{box-shadow:0 3px 8px 0 rgba(0,0,0,0.26);font-size:15px;max-width:280px;min-width:112px;padding:8px 0}.e-lib.e-bigger .e-dropdown-popup ul .e-item,.e-lib.e-bigger.e-dropdown-popup ul .e-item{height:48px;line-height:48px;padding:0 16px}.e-lib.e-bigger .e-dropdown-popup ul .e-item.e-url,.e-lib.e-bigger.e-dropdown-popup ul .e-item.e-url{padding:0}.e-lib.e-bigger .e-dropdown-popup ul .e-item .e-menu-icon,.e-lib.e-bigger.e-dropdown-popup ul .e-item .e-menu-icon{font-size:16px;line-height:48px}.e-lib.e-bigger .e-dropdown-popup ul .e-item.e-separator,.e-lib.e-bigger.e-dropdown-popup ul .e-item.e-separator{height:auto;line-height:normal}/*! drop-down button theme */.e-dropdown-popup{background-color:#424242;color:#fff}.e-dropdown-popup ul .e-item .e-menu-url{color:#fff}.e-dropdown-popup ul .e-item .e-menu-icon{color:#fff}.e-dropdown-popup ul .e-item.e-focused{background-color:rgba(255,255,255,0.1);box-shadow:none}.e-dropdown-popup ul .e-item:hover{background-color:rgba(255,255,255,0.1);color:#fff}.e-dropdown-popup ul .e-item:active,.e-dropdown-popup ul .e-item.e-selected{background-color:rgba(255,255,255,0.18);color:#fff}.e-dropdown-popup ul .e-item:active .e-menu-url,.e-dropdown-popup ul .e-item.e-selected .e-menu-url{color:#fff}.e-dropdown-popup ul .e-item:active .e-menu-icon,.e-dropdown-popup ul .e-item.e-selected .e-menu-icon{color:#fff}.e-dropdown-popup ul .e-separator{border-bottom-color:rgba(255,255,255,0.12)}.e-lib .e-js [class^='e-'],.e-lib .e-js [class*=' e-']{box-sizing:content-box}