@syncfusion/ej2/tooltip/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");.e-tooltip-close::before{content:'\e7e9';font-size:16px}.e-arrow-tip-inner.e-tip-right::before{content:'\e848'}.e-arrow-tip-inner.e-tip-top::before{content:'\e918'}.e-arrow-tip-inner.e-tip-bottom::before{content:'\e919'}.e-arrow-tip-inner.e-tip-left::before{content:'\e84b'}/*! tooltip layout */.e-tooltip-wrap{max-width:350px;min-width:30px;padding:0;position:absolute;visibility:visible;/*! tooltip arrow *//*! tooltip sticky mode close icon *//*! tooltip content area */}.e-tooltip-wrap .e-arrow-tip{overflow:hidden;position:absolute}.e-tooltip-wrap .e-arrow-tip.e-tip-bottom{height:8px;left:50%;top:100%;width:16px}.e-tooltip-wrap .e-arrow-tip.e-tip-top{height:8px;left:50%;top:-9px;width:16px}.e-tooltip-wrap .e-arrow-tip.e-tip-left{height:16px;left:-9px;top:48%;width:8px}.e-tooltip-wrap .e-arrow-tip.e-tip-right{height:16px;left:100%;top:50%;width:8px}.e-tooltip-wrap .e-tooltip-close{cursor:pointer;float:right;position:absolute;right:-9px;top:-9px;z-index:inherit}.e-tooltip-wrap .e-tip-content{background-color:inherit;height:100%;line-height:16px;overflow-wrap:break-word;overflow-x:hidden;padding:3px 6px;position:relative;white-space:normal;width:100%;word-break:break-word;z-index:1}/*! Bigger Style */.e-bigger .e-tooltip-wrap .e-tip-content,.e-tooltip-wrap.e-bigger .e-tip-content{line-height:20px;padding:5px 8px}/*! Tooltip theme */.e-tooltip-wrap{border-radius:2px;filter:none;opacity:.9;/*! tooltip arrow *//*! tooltip sticky mode close icon *//*! tooltip content area */}.e-tooltip-wrap.e-popup{background-color:#616161;border:1px solid #616161}.e-tooltip-wrap .e-arrow-tip-outer{height:0;left:0;position:absolute;top:0;width:0}.e-tooltip-wrap .e-arrow-tip-outer.e-tip-bottom{border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #616161}.e-tooltip-wrap .e-arrow-tip-outer.e-tip-top{border-bottom:8px solid #616161;border-left:8px solid transparent;border-right:8px solid transparent}.e-tooltip-wrap .e-arrow-tip-outer.e-tip-left{border-bottom:8px solid transparent;border-right:8px solid #616161;border-top:8px solid transparent}.e-tooltip-wrap .e-arrow-tip-outer.e-tip-right{border-bottom:8px solid transparent;border-left:8px solid #616161;border-top:8px solid transparent}.e-tooltip-wrap .e-arrow-tip-inner{height:0;position:absolute;width:0;z-index:10}.e-tooltip-wrap .e-arrow-tip-inner.e-tip-right,.e-tooltip-wrap .e-arrow-tip-inner.e-tip-left,.e-tooltip-wrap .e-arrow-tip-inner.e-tip-bottom,.e-tooltip-wrap .e-arrow-tip-inner.e-tip-top{color:#616161;font-family:'e-icons';font-size:16px;font-style:normal;font-variant:normal;font-weight:normal;line-height:1;text-transform:none}.e-tooltip-wrap .e-tooltip-close{background-color:#fff;border-color:transparent;border-radius:8px;color:#616161}.e-tooltip-wrap .e-tooltip-close:hover{background-color:#fff;color:#616161}.e-tooltip-wrap .e-tip-content{color:#fff;font-family:"Roboto","Segoe UI","GeezaPro","DejaVu Serif","sans-serif","-apple-system","BlinkMacSystemFont";font-size:11px}/*! bigger style */.e-bigger .e-tooltip-wrap .e-tip-content,.e-tooltip-wrap.e-bigger .e-tip-content{font-size:14px}.e-lib .e-js [class^='e-'],.e-lib .e-js [class*=' e-']{box-sizing:content-box}