@syncfusion/ej2/split-button/compatibility/material.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");/*! splitbutton layout */.e-split-btn-wrapper{display:-ms-inline-flexbox;display:inline-flex;white-space:nowrap;width:-webkit-min-content;width:min-content}.e-split-btn-wrapper .e-split-btn{border-bottom-right-radius:0;border-top-right-radius:0;text-transform:none;z-index:1;padding-left:10px;padding-right:4px}.e-split-btn-wrapper .e-split-btn:focus{outline-offset:0}.e-split-btn-wrapper .e-split-btn:hover,.e-split-btn-wrapper .e-split-btn:focus{box-shadow:none}.e-split-btn-wrapper .e-split-btn:active{box-shadow:none;z-index:2}.e-split-btn-wrapper .e-split-btn.e-top-icon-btn{padding-bottom:10px;padding-top:10px}.e-split-btn-wrapper .e-split-btn .e-btn-icon{font-size:14px;margin-left:0;padding-right:8px;width:auto}.e-split-btn-wrapper .e-split-btn .e-icon-top{padding-bottom:4px;padding-right:0}.e-split-btn-wrapper .e-split-btn.e-icon-btn{padding-left:6px;padding-right:6px}.e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon{padding-right:0}.e-split-btn-wrapper .e-dropdown-btn{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:0;padding-left:4px;padding-right:4px}.e-split-btn-wrapper .e-dropdown-btn:focus,.e-split-btn-wrapper .e-dropdown-btn:hover{box-shadow:none}.e-split-btn-wrapper .e-dropdown-btn:active{box-shadow:none;z-index:0}.e-split-btn-wrapper .e-dropdown-btn:disabled:focus,.e-split-btn-wrapper .e-dropdown-btn:disabled:hover,.e-split-btn-wrapper .e-dropdown-btn:disabled:active{z-index:0}.e-split-btn-wrapper .e-dropdown-btn:focus{outline-offset:0}.e-split-btn-wrapper .e-btn{box-shadow:none}.e-split-btn-wrapper .e-btn:hover,.e-split-btn-wrapper .e-btn:focus{box-shadow:none}.e-split-btn-wrapper .e-btn:active{box-shadow:none}.e-split-btn-wrapper .e-btn:disabled{box-shadow:none}.e-split-btn-wrapper.e-rtl .e-split-btn{border-bottom-left-radius:0;border-bottom-right-radius:2px;border-top-left-radius:0;border-top-right-radius:2px;margin-left:0;padding-left:4px;padding-right:10px}.e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon{margin-right:0;padding-left:8px;padding-right:0}.e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top{padding-left:0}.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn{padding-left:6px;padding-right:6px}.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon{padding-left:0}.e-split-btn-wrapper.e-rtl .e-dropdown-btn{border-bottom-left-radius:2px;border-bottom-right-radius:0;border-top-left-radius:2px;border-top-right-radius:0;margin-left:0}.e-split-btn-wrapper.e-vertical{display:inline-block}.e-split-btn-wrapper.e-vertical .e-split-btn,.e-split-btn-wrapper.e-vertical .e-dropdown-btn{display:block;width:100%}.e-split-btn-wrapper.e-vertical .e-split-btn{border-bottom-left-radius:0;border-top-right-radius:2px;line-height:1;padding-bottom:4px;padding-right:10px}.e-split-btn-wrapper.e-vertical .e-split-btn .e-icon-top{padding-bottom:4px}.e-split-btn-wrapper.e-vertical .e-dropdown-btn{border-bottom-left-radius:2px;border-top-right-radius:0;line-height:.417em;margin-left:0;margin-top:0;padding-bottom:4px;padding-top:4px}.e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom{padding-top:0}.e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn{border-bottom-right-radius:0;border-top-left-radius:2px;margin-left:0}.e-split-btn-wrapper.e-vertical.e-rtl .e-dropdown-btn{border-bottom-right-radius:2px;border-top-left-radius:0}.e-bigger .e-split-btn-wrapper .e-split-btn,.e-bigger.e-split-btn-wrapper .e-split-btn{padding-left:12px;padding-right:6px}.e-bigger .e-split-btn-wrapper .e-split-btn.e-top-icon-btn,.e-bigger.e-split-btn-wrapper .e-split-btn.e-top-icon-btn{padding-bottom:12px;padding-top:12px}.e-bigger .e-split-btn-wrapper .e-split-btn .e-btn-icon,.e-bigger.e-split-btn-wrapper .e-split-btn .e-btn-icon{font-size:16px;margin-left:0;padding-right:10px;width:auto}.e-bigger .e-split-btn-wrapper .e-split-btn .e-icon-top,.e-bigger.e-split-btn-wrapper .e-split-btn .e-icon-top{padding-bottom:6px;padding-right:0}.e-bigger .e-split-btn-wrapper .e-split-btn.e-icon-btn,.e-bigger.e-split-btn-wrapper .e-split-btn.e-icon-btn{padding-left:9px;padding-right:9px}.e-bigger .e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon,.e-bigger.e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon{padding-right:0}.e-bigger .e-split-btn-wrapper .e-dropdown-btn,.e-bigger.e-split-btn-wrapper .e-dropdown-btn{padding-left:4px;padding-right:4px}.e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn,.e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn{padding-left:6px;padding-right:12px}.e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon,.e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon{padding-left:10px;padding-right:0}.e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top,.e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top{padding-left:0}.e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn,.e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn{padding-left:9px;padding-right:9px}.e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon,.e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon{padding-left:0}.e-bigger .e-split-btn-wrapper.e-vertical .e-split-btn,.e-bigger.e-split-btn-wrapper.e-vertical .e-split-btn{padding-bottom:6px;padding-right:12px}.e-bigger .e-split-btn-wrapper.e-vertical .e-dropdown-btn,.e-bigger.e-split-btn-wrapper.e-vertical .e-dropdown-btn{padding-bottom:4px;padding-top:4px}.e-bigger .e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom,.e-bigger.e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom{padding-top:0}/*! splitbutton theme */.e-split-btn-wrapper .e-split-btn{border-right-color:transparent}.e-split-btn-wrapper .e-split-btn:focus{border-right-color:transparent}.e-split-btn-wrapper .e-split-btn:active{border-right-color:transparent}.e-split-btn-wrapper .e-split-btn:disabled{border-right-color:rgba(0,0,0,0.12)}.e-split-btn-wrapper:hover :not(e-active) .e-split-btn{border-right-color:transparent}.e-split-btn-wrapper:hover :not(e-active) .e-split-btn:disabled{border-right-color:transparent}.e-split-btn-wrapper.e-rtl .e-split-btn{border-color:transparent}.e-split-btn-wrapper.e-rtl .e-split-btn:focus{border-color:transparent}.e-split-btn-wrapper.e-rtl .e-split-btn:active{border-color:transparent}.e-split-btn-wrapper.e-rtl .e-split-btn:disabled{border-left-color:transparent;border-right-color:transparent}.e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active){border-left-color:transparent;border-right-color:transparent}.e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active):disabled{border-left-color:transparent}.e-split-btn-wrapper.e-vertical .e-split-btn{border-bottom-color:transparent;border-right-color:transparent}.e-split-btn-wrapper.e-vertical .e-split-btn:focus{border-bottom-color:transparent;border-right-color:transparent}.e-split-btn-wrapper.e-vertical .e-split-btn:active{border-bottom-color:transparent;border-right-color:transparent}.e-split-btn-wrapper.e-vertical .e-split-btn:disabled{border-bottom-color:transparent;border-right-color:transparent}.e-split-btn-wrapper.e-vertical:hover .e-split-btn{border-bottom-color:transparent;border-right-color:transparent}.e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled{border-bottom-color:transparent}.e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn{border-left-color:transparent}.e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus{border-left-color:transparent}.e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:active{border-left-color:transparent}.e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:disabled{border-left-color:transparent}.e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn{border-left-color:transparent}.e-lib .e-js [class^='e-'],.e-lib .e-js [class*=' e-']{box-sizing:content-box}