/* Tooltips */
@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600);
@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600);
/* line 12, app/assets/stylesheets/common/../theme/wesave/fonts.scss */
html {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 18, app/assets/stylesheets/common/../theme/wesave/fonts.scss */
body {
  font-weight: 500;
}

/* line 12, app/assets/stylesheets/common/../theme/wesave/fonts.scss */
html {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 18, app/assets/stylesheets/common/../theme/wesave/fonts.scss */
body {
  font-weight: 500;
}

/* Common */
/* line 7, app/assets/stylesheets/common/tooltip.scss */
.tooltip-container {
  position: relative;
  display: inline-block;
}

/* line 12, app/assets/stylesheets/common/tooltip.scss */
.tooltip {
  display: none;
  position: absolute;
  z-index: 10;
  border-radius: 3px;
  color: white;
  padding: 16px;
  line-height: 1.2rem;
  font-size: 0.92rem;
  width: 100%;
}

/* line 23, app/assets/stylesheets/common/tooltip.scss */
.tooltip.error-message {
  background: #E6808D !important;
  color: white;
  display: block;
  font-weight: 600;
  font-size: 0.9rem;
}

/* line 31, app/assets/stylesheets/common/tooltip.scss */
.tooltip.error-message.help:before {
  border-color: #E6808D;
}

/* line 37, app/assets/stylesheets/common/tooltip.scss */
.tooltip p {
  color: white;
  font-weight: 600;
  font-size: 0.9rem;
  line-height: 1rem;
  padding: 0;
  margin: 0;
}

/* line 46, app/assets/stylesheets/common/tooltip.scss */
.tooltip .number {
  font-size: 1.5rem;
  font-weight: 600;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  border: 2px solid white;
  text-align: center;
  float: left;
  line-height: 26px;
}

/* line 57, app/assets/stylesheets/common/tooltip.scss */
.tooltip .number + p {
  margin-left: 45px;
}

/* line 62, app/assets/stylesheets/common/tooltip.scss */
.tooltip.show {
  display: block;
}

/* line 66, app/assets/stylesheets/common/tooltip.scss */
.tooltip:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: inline-block;
}

/* line 74, app/assets/stylesheets/common/tooltip.scss */
.tooltip.on-bottom {
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}

/* line 79, app/assets/stylesheets/common/tooltip.scss */
.tooltip.on-bottom:before {
  left: 50%;
  margin-left: -6px;
  top: -6px;
  border-left: 6px solid transparent !important;
  border-right: 6px solid transparent !important;
  border-bottom: 6px solid;
  border-top: none;
}

/* line 90, app/assets/stylesheets/common/tooltip.scss */
.tooltip.on-top {
  bottom: 100%;
  width: 350px;
  left: 50%;
  margin-left: -175px;
  text-align: center;
}

/* line 97, app/assets/stylesheets/common/tooltip.scss */
.tooltip.on-top:before {
  left: 50%;
  margin-left: -6px;
  bottom: -6px;
  border-left: 6px solid transparent !important;
  border-right: 6px solid transparent !important;
  border-bottom: none;
  border-top: 6px solid;
}

/* line 108, app/assets/stylesheets/common/tooltip.scss */
.tooltip.on-right {
  right: 0;
  margin-right: -12px;
  top: 50%;
  transform: translateY(-50%) translateX(100%);
}

/* line 114, app/assets/stylesheets/common/tooltip.scss */
.tooltip.on-right:before {
  left: -8px;
  top: 50%;
  margin-top: -8px;
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-right: 8px solid;
}

/* line 124, app/assets/stylesheets/common/tooltip.scss */
.tooltip.on-left {
  left: 0;
  margin-left: -12px;
  top: 50%;
  transform: translateY(-50%) translateX(-100%);
}

/* line 130, app/assets/stylesheets/common/tooltip.scss */
.tooltip.on-left:before {
  right: -8px;
  top: 50%;
  margin-top: -8px;
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-left: 8px solid;
}

/* Help */
/* line 144, app/assets/stylesheets/common/tooltip.scss */
.tooltip.help {
  background: rgba(46, 57, 70, 0.9);
}

/* line 147, app/assets/stylesheets/common/tooltip.scss */
.tooltip.help:before {
  border-color: rgba(46, 57, 70, 0.9);
}

/* Indication */
/* line 154, app/assets/stylesheets/common/tooltip.scss */
.tooltip.indication {
  background: rgba(46, 57, 70, 0.95);
  color: #CFA678;
  border-radius: 3px;
  max-width: 400px;
  width: 100%;
}

/* line 161, app/assets/stylesheets/common/tooltip.scss */
.tooltip.indication:before {
  border-color: rgba(46, 57, 70, 0.95);
}

/* line 166, app/assets/stylesheets/common/tooltip.scss */
.tooltip.info {
  background: #5E8EB8;
}

/* line 169, app/assets/stylesheets/common/tooltip.scss */
.tooltip.info:before {
  border-color: #5E8EB8;
}