/*
 * CookyJS CSS file - version 0.0.1
 * https://github.com/Eklopsis/TooltyJS
 *
 * @author Eklopsis <iamguillaumepe@gmail.com>
 *
 */

@charset "UTF-8";

.tooltip {
  position: absolute;
  z-index: 999999;
  background: #333;
  color: #fff;
  font-size: 13px;
  height: 31px;
  border-radius: 5px;
  line-height: 31px;
  padding: 0 8px;
}

.tooltip:after {
  content: '';
  border: 5px solid transparent;
  position: absolute;
}

.tooltip[direction="top"]:after {
  border-top-color: #333;
  left: calc(50% - 5px);
  bottom: -10px;
}

.tooltip[direction="right"]:after {
  border-right-color: #333;
  left: -10px;
  top: calc(50% - 5px);
}

.tooltip[direction="left"]:after {
  border-left-color: #333;
  right: -10px;
  top: calc(50% - 5px);
}

.tooltip[direction="bottom"]:after {
  border-bottom-color: #333;
  left: calc(50% - 5px);
  top: -10px;
}