@font-face {
  font-family: 'Segoe UI';
  src: url("../fonts/segoe/SegoeUI-Light.eot");
  src: local("Segoe UI Light"), local("SegoeUI-Light"), url("../fonts/segoe/SegoeUI-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/segoe/SegoeUI-Light.woff") format("woff"), url("../fonts/segoe/SegoeUI-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Segoe UI';
  src: url("../fonts/segoe/SegoeUI-BoldItalic.eot");
  src: local("Segoe UI Bold Italic"), local("SegoeUI-BoldItalic"), url("../fonts/segoe/SegoeUI-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/segoe/SegoeUI-BoldItalic.woff") format("woff"), url("../fonts/segoe/SegoeUI-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic; }

@font-face {
  font-family: 'Segoe UI';
  src: url("../fonts/segoe/SegoeUI-SemiBold.eot");
  src: local("Segoe UI Semibold"), local("SegoeUI-SemiBold"), url("../fonts/segoe/SegoeUI-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/segoe/SegoeUI-SemiBold.woff") format("woff"), url("../fonts/segoe/SegoeUI-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'Segoe UI';
  src: url("../fonts/segoe/SegoeUI.eot");
  src: local("Segoe UI"), local("SegoeUI"), url("../fonts/segoe/SegoeUI.eot?#iefix") format("embedded-opentype"), url("../fonts/segoe/SegoeUI.woff") format("woff"), url("../fonts/segoe/SegoeUI.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Segoe UI';
  src: url("../fonts/segoe/SegoeUI-Bold.eot");
  src: local("Segoe UI Bold"), local("SegoeUI-Bold"), url("../fonts/segoe/SegoeUI-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/segoe/SegoeUI-Bold.woff") format("woff"), url("../fonts/segoe/SegoeUI-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'Segoe UI';
  src: url("../fonts/segoe/SegoeUI-Italic.eot");
  src: local("Segoe UI Italic"), local("SegoeUI-Italic"), url("../fonts/segoe/SegoeUI-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/segoe/SegoeUI-Italic.woff") format("woff"), url("../fonts/segoe/SegoeUI-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic; }

.tooltip-helper {
  position: relative;
  display: inline-block;
  cursor: help; }
  .tooltip-helper.spaced-right {
    margin-left: 3px; }
  .tooltip-helper .anchor.success-color {
    color: #2DB72D; }
  .tooltip-helper .anchor .icon:before {
    position: relative;
    top: 1px; }
  .tooltip-helper .tooltip-inner {
    position: absolute;
    top: 100%;
    left: -17px;
    margin-top: 10px;
    transition: .3s;
    opacity: 0;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    visibility: hidden;
    font-weight: 400;
    z-index: 2;
    width: 230px;
    padding: 5px 7px;
    border-radius: 3px;
    font-size: 12px; }
    .tooltip-helper .tooltip-inner:before {
      content: '';
      position: absolute;
      bottom: 100%;
      left: 15px;
      border: 8px solid transparent; }
    .tooltip-helper .tooltip-inner.darken {
      background-color: #000;
      color: #fff; }
      .tooltip-helper .tooltip-inner.darken:before {
        border-bottom: 8px solid #000; }
  .tooltip-helper:hover .tooltip-inner {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    visibility: visible; }

@media (max-width: 640px) {
  .tooltip-helper .tooltip-inner {
    width: 160px; } }

@media (max-width: 480px) {
  .tooltip-helper .tooltip-inner {
    left: -100px; }
    .tooltip-helper .tooltip-inner:before {
      left: 99px; } }