.tooltip-frame { position: absolute; z-index: 100; box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); padding: 10px 20px; box-sizing: border-box; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: #FFF ""; max-width: 300px; }
.tooltip-frame .tip { border-style: solid; position: absolute; }
.tooltip-frame .tip { margin-left: -8px; border-width: 9px; }
.tooltip-frame.tooltip-bottom { margin-top: 8px; }
.tooltip-frame.tooltip-bottom .tip { border-color: transparent transparent #FFF transparent; border-width: 0 9px 9px 9px; top: -8px; }
.tooltip-frame.tooltip-top { margin-top: -8px; }
.tooltip-frame.tooltip-top .tip { border-color: #FFF transparent transparent transparent; border-width: 9px 9px 0 9px; bottom: -8px; }

.tooltip-large { max-width: 800px; }

.tooltip-nutritionaltable { background: #d1001c !important; max-width: 300px; padding: 5px; color: #fff; }
.tooltip-nutritionaltable .tip { margin-left: -10px; border-width: 11px; }
.tooltip-nutritionaltable.tooltip-bottom { margin-top: 10px; }
.tooltip-nutritionaltable.tooltip-bottom .tip { border-color: transparent transparent #d1001c transparent; border-width: 0 11px 11px 11px; top: -10px; }
.tooltip-nutritionaltable.tooltip-top { margin-top: -10px; }
.tooltip-nutritionaltable.tooltip-top .tip { border-color: #d1001c transparent transparent transparent; border-width: 11px 11px 0 11px; bottom: -10px; }

.tooltip-customtags { background: #f8ba21 !important; max-width: 300px; padding: 5px; color: #252525; }
.tooltip-customtags .tip { margin-left: -10px; border-width: 11px; }
.tooltip-customtags.tooltip-bottom { margin-top: 10px; }
.tooltip-customtags.tooltip-bottom .tip { border-color: transparent transparent #f8ba21 transparent; border-width: 0 11px 11px 11px; top: -10px; }
.tooltip-customtags.tooltip-top { margin-top: -10px; }
.tooltip-customtags.tooltip-top .tip { border-color: #f8ba21 transparent transparent transparent; border-width: 11px 11px 0 11px; bottom: -10px; }
.tooltip-customtags .overview { background-color: #fef8e9; padding: 5px 8px; }

.tooltip-customcatsubmenu { background: #AAA19E !important; max-width: 480px; padding: 5px; color: #402121; width: 350px; }
.tooltip-customcatsubmenu .tip { margin-left: -10px; border-width: 11px; }
.tooltip-customcatsubmenu.tooltip-bottom { margin-top: 10px; }
.tooltip-customcatsubmenu.tooltip-bottom .tip { border-color: transparent transparent #AAA19E transparent; border-width: 0 11px 11px 11px; top: -10px; }
.tooltip-customcatsubmenu.tooltip-top { margin-top: -10px; }
.tooltip-customcatsubmenu.tooltip-top .tip { border-color: #AAA19E transparent transparent transparent; border-width: 11px 11px 0 11px; bottom: -10px; }
.tooltip-customcatsubmenu .overview { background-color: #fff; padding: 5px 8px; }

.tooltip-dark, .tooltip-pill { background: #555 ""; max-width: 300px; color: #fff; }
.tooltip-dark .tip, .tooltip-pill .tip { margin-left: -8px; border-width: 9px; }
.tooltip-dark.tooltip-bottom, .tooltip-bottom.tooltip-pill { margin-top: 8px; }
.tooltip-dark.tooltip-bottom .tip, .tooltip-bottom.tooltip-pill .tip { border-color: transparent transparent #555 transparent; border-width: 0 9px 9px 9px; top: -8px; }
.tooltip-dark.tooltip-top, .tooltip-top.tooltip-pill { margin-top: -8px; }
.tooltip-dark.tooltip-top .tip, .tooltip-top.tooltip-pill .tip { border-color: #555 transparent transparent transparent; border-width: 9px 9px 0 9px; bottom: -8px; }

.tooltip-pill { border-radius: 9999px; }