/* line 3, tooltip.scss */
.ui-tooltip, .arrow:after {
  background-color: #d31920 !important;
  border: 2px solid black; }

/* line 7, tooltip.scss */
.ui-tooltip {
  padding: 10px 20px;
  color: white;
  border-radius: 20px;
  font: bold 15px "Helvetica Neue", Sans-Serif;
  box-shadow: 0 0 7px black; }

/* line 14, tooltip.scss */
.arrow {
  width: 70px;
  height: 16px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  margin-left: -35px;
  bottom: -16px; }
  /* line 23, tooltip.scss */
  .arrow .top {
    top: -16px;
    bottom: auto; }
    /* line 26, tooltip.scss */
    .arrow .top:after {
      bottom: -20px;
      top: auto; }
  /* line 31, tooltip.scss */
  .arrow .left {
    left: 20%; }
  /* line 34, tooltip.scss */
  .arrow:after {
    content: "";
    position: absolute;
    border: 2px solid #d31920;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    /*box-shadow: 6px 5px 9px -9px rgba(211,25,32,1);*/
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }