﻿/*
*   Blur style
*/
.uc-media-salarial-grafico {
  position: relative;
  width: 100%;
  min-width: 186px;
  height: 120px;
  padding: 20px 0 60px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /**
            *  TEXTOS 
            *  ************************************
            */
  /*
            *   VERTICAL
            *   =====================================
            */ }
  .uc-media-salarial-grafico .container-bars {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    margin-bottom: 20px;
    border: 1px solid #d6d6d6;
    background: #edece7;
    background: -moz-linear-gradient(top, #edece7 0, #d7d7d7 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0, #edece7), color-stop(100%, #d7d7d7));
    background: -webkit-linear-gradient(top, #edece7 0, #d7d7d7 100%);
    background: -o-linear-gradient(top, #edece7 0, #d7d7d7 100%);
    background: -ms-linear-gradient(top, #edece7 0, #d7d7d7 100%);
    background: linear-gradient(to bottom, #edece7 0, #d7d7d7 100%);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .uc-media-salarial-grafico .bar {
    position: absolute;
    height: 100%;
    width: 1px;
    border: 0;
    background-color: #cfcfcf;
    z-index: 1; }
    .uc-media-salarial-grafico .bar.b1 {
      left: 5%; }
    .uc-media-salarial-grafico .bar.b2 {
      left: 10%; }
    .uc-media-salarial-grafico .bar.b3 {
      left: 15%; }
    .uc-media-salarial-grafico .bar.b4 {
      left: 20%; }
    .uc-media-salarial-grafico .bar.b5 {
      left: 25%; }
    .uc-media-salarial-grafico .bar.b6 {
      left: 30%; }
    .uc-media-salarial-grafico .bar.b7 {
      left: 35%; }
    .uc-media-salarial-grafico .bar.b8 {
      left: 40%; }
    .uc-media-salarial-grafico .bar.b9 {
      left: 45%; }
    .uc-media-salarial-grafico .bar.b10 {
      left: 50%; }
    .uc-media-salarial-grafico .bar.b11 {
      left: 55%; }
    .uc-media-salarial-grafico .bar.b12 {
      left: 60%; }
    .uc-media-salarial-grafico .bar.b13 {
      left: 65%; }
    .uc-media-salarial-grafico .bar.b14 {
      left: 70%; }
    .uc-media-salarial-grafico .bar.b15 {
      left: 75%; }
    .uc-media-salarial-grafico .bar.b16 {
      left: 80%; }
    .uc-media-salarial-grafico .bar.b17 {
      left: 85%; }
    .uc-media-salarial-grafico .bar.b18 {
      left: 90%; }
    .uc-media-salarial-grafico .bar.b19 {
      left: 95%; }
    .uc-media-salarial-grafico .bar.b20 {
      left: 100%; }
    .uc-media-salarial-grafico .bar.target.main {
      width: 5px;
      margin-left: -2px;
      background-color: #3d79af;
      z-index: 20; }
      .uc-media-salarial-grafico .bar.target.main .text {
        color: #3d79af;
        width: 100px;
        left: 50%;
        margin-left: -50px;
        text-align: center;
        font-weight: bold; }
    .uc-media-salarial-grafico .bar.fill {
      width: 60%;
      left: 20%;
      background: #f67e00;
      background: -moz-linear-gradient(top, rgba(246, 127, 0, 0.5) 0, rgba(246, 127, 0, 0.75) 100%);
      background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(246, 127, 0, 0.5)), color-stop(100%, rgba(246, 127, 0, 0.75)));
      background: -webkit-linear-gradient(top, rgba(246, 127, 0, 0.5) 0, rgba(246, 127, 0, 0.75) 100%);
      background: -o-linear-gradient(top, rgba(246, 127, 0, 0.5) 0, rgba(246, 127, 0, 0.75) 100%);
      background: -ms-linear-gradient(top, rgba(246, 127, 0, 0.5) 0, rgba(246, 127, 0, 0.75) 100%);
      background: linear-gradient(to bottom, rgba(246, 127, 0, 0.5) 0, rgba(246, 127, 0, 0.75) 100%);
      z-index: 5; }
  .uc-media-salarial-grafico .target {
    height: 110%;
    z-index: 10;
    opacity: 1;
    filter: alpha(opacity=100); }
    .uc-media-salarial-grafico .target.min, .uc-media-salarial-grafico .target.max {
      width: 3px;
      margin-left: -1px;
      background-color: #f67e00; }
    .uc-media-salarial-grafico .target.min {
      left: 20%; }
    .uc-media-salarial-grafico .target.max {
      left: 80%; }
    .uc-media-salarial-grafico .target.user {
      display: none; }
  .uc-media-salarial-grafico.nodisplays .bar.target.main {
    height: 100%; }
    .uc-media-salarial-grafico.nodisplays .bar.target.main .text {
      display: none; }
  .uc-media-salarial-grafico span.text {
    position: absolute;
    font-family: "Arial", "Trebuchet MS", "Tahoma", sans-serif;
    font-size: 9px;
    line-height: 10px;
    color: #999999;
    width: 65px;
    bottom: -30px; }
    .uc-media-salarial-grafico span.text strong {
      display: block; }
    .uc-media-salarial-grafico span.text.min {
      right: 50%;
      margin-right: -25px; }
    .uc-media-salarial-grafico span.text.max {
      left: 50%;
      margin-left: -25px;
      text-align: right; }
  .uc-media-salarial-grafico.vertical {
    width: 100%;
    min-width: 70px;
    max-width: 140px;
    height: 380px;
    *height: 380px;
    /* BARRAS */ }
    .uc-media-salarial-grafico.vertical .container-bars {
      width: 74px;
      background: #ecebe6;
      background: #ecebe6;
      background: -webkit-linear-gradient(left, #ecebe6, #d8d8d8);
      background: linear-gradient(to right, #ecebe6, #d8d8d8); }
    .uc-media-salarial-grafico.vertical .bar {
      height: 1px;
      width: 100%;
      left: auto;
      right: 0; }
      .uc-media-salarial-grafico.vertical .bar.b1 {
        top: 5%; }
      .uc-media-salarial-grafico.vertical .bar.b2 {
        top: 10%; }
      .uc-media-salarial-grafico.vertical .bar.b3 {
        top: 15%; }
      .uc-media-salarial-grafico.vertical .bar.b4 {
        top: 20%; }
      .uc-media-salarial-grafico.vertical .bar.b5 {
        top: 25%; }
      .uc-media-salarial-grafico.vertical .bar.b6 {
        top: 30%; }
      .uc-media-salarial-grafico.vertical .bar.b7 {
        top: 35%; }
      .uc-media-salarial-grafico.vertical .bar.b8 {
        top: 40%; }
      .uc-media-salarial-grafico.vertical .bar.b9 {
        top: 45%; }
      .uc-media-salarial-grafico.vertical .bar.b10 {
        top: 50%; }
      .uc-media-salarial-grafico.vertical .bar.b11 {
        top: 55%; }
      .uc-media-salarial-grafico.vertical .bar.b12 {
        top: 60%; }
      .uc-media-salarial-grafico.vertical .bar.b13 {
        top: 65%; }
      .uc-media-salarial-grafico.vertical .bar.b14 {
        top: 70%; }
      .uc-media-salarial-grafico.vertical .bar.b15 {
        top: 75%; }
      .uc-media-salarial-grafico.vertical .bar.b16 {
        top: 80%; }
      .uc-media-salarial-grafico.vertical .bar.b17 {
        top: 85%; }
      .uc-media-salarial-grafico.vertical .bar.b18 {
        top: 90%; }
      .uc-media-salarial-grafico.vertical .bar.b19 {
        top: 95%; }
      .uc-media-salarial-grafico.vertical .bar.b20 {
        top: 100%; }
      .uc-media-salarial-grafico.vertical .bar.target.main {
        left: auto;
        bottom: 0;
        margin: 0;
        right: 0;
        width: 210%;
        font-weight: bold;
        background-color: #2b662d; }
        .uc-media-salarial-grafico.vertical .bar.target.main strong {
          font-size: 23px; }
        .uc-media-salarial-grafico.vertical .bar.target.main .text {
          display: block;
          font-size: 13px;
          color: #2b662d;
          width: 100%;
          bottom: -13px;
          left: -100px;
          text-align: left;
          line-height: normal; }
      .uc-media-salarial-grafico.vertical .bar.fill {
        height: 60%;
        top: 20%;
        background: #f67e00;
        background: rgba(246, 127, 0, 0.5);
        background: -webkit-linear-gradient(left, rgba(246, 127, 0, 0.5), rgba(241, 142, 16, 0.9));
        background: linear-gradient(to right, rgba(246, 127, 0, 0.5), rgba(241, 142, 16, 0.9));
        -webkit-background-blend-mode: multiply;
        background-blend-mode: multiply; }
    .uc-media-salarial-grafico.vertical .target {
      height: 3px;
      width: 195%;
      z-index: 10;
      margin-left: 0;
      right: 0;
      margin-top: -1px;
      top: auto !important;
      /* USUARIO */ }
      .uc-media-salarial-grafico.vertical .target.min {
        bottom: 20%; }
      .uc-media-salarial-grafico.vertical .target.max {
        bottom: 80%; }
      .uc-media-salarial-grafico.vertical .target.min, .uc-media-salarial-grafico.vertical .target.max {
        margin-top: -1px; }
      .uc-media-salarial-grafico.vertical .target.user {
        width: 40px;
        right: -40px;
        bottom: 30%;
        background-color: #616161;
        display: block; }
        .uc-media-salarial-grafico.vertical .target.user .user-box {
          right: -4px;
          bottom: -5px;
          margin: 0;
          background-position: -64px -96px; }
        .uc-media-salarial-grafico.vertical .target.user .text {
          left: 50px;
          font-size: 11.5px;
          bottom: -5px;
          color: #666666;
          width: 150px; }
          .uc-media-salarial-grafico.vertical .target.user .text strong {
            font-size: 15px; }
        .uc-media-salarial-grafico.vertical .target.user .status {
          width: 200px; }
          .uc-media-salarial-grafico.vertical .target.user .status .icons {
            vertical-align: middle;
            background-position: -64px -64px;
            *float: left;
            margin: 0; }
          .uc-media-salarial-grafico.vertical .target.user .status .descricao {
            width: 150px;
            color: #666666;
            font-family: "Arial", "Trebuchet MS", "Tahoma", sans-serif;
            font-size: 13px; }
          .uc-media-salarial-grafico.vertical .target.user .status strong {
            font-size: 21px;
            font-weight: bold;
            display: block; }
        .uc-media-salarial-grafico.vertical .target.user.no-base {
          background-color: transparent; }
        .uc-media-salarial-grafico.vertical .target.user.salario-media .status {
          display: none; }
        .uc-media-salarial-grafico.vertical .target.user.salario-acima .user-box {
          background-position: -96px -96px; }
        .uc-media-salarial-grafico.vertical .target.user.salario-acima .text {
          left: 27px;
          bottom: 30px;
          top: auto;
          line-height: normal; }
        .uc-media-salarial-grafico.vertical .target.user.salario-acima .status {
          left: 27px;
          bottom: 70px; }
        .uc-media-salarial-grafico.vertical .target.user.salario-abaixo .user-box {
          background-position: -128px -96px; }
        .uc-media-salarial-grafico.vertical .target.user.salario-abaixo .text {
          left: 27px;
          bottom: auto;
          top: 10px; }
        .uc-media-salarial-grafico.vertical .target.user.salario-abaixo .status {
          left: 27px;
          top: 50px; }
          .uc-media-salarial-grafico.vertical .target.user.salario-abaixo .status .icons {
            background-position: -96px -64px; }
    .uc-media-salarial-grafico.vertical .text {
      color: #f67e00;
      font-size: 11px;
      width: 100px;
      left: -25px;
      line-height: normal; }
      .uc-media-salarial-grafico.vertical .text.min {
        bottom: -35px; }
      .uc-media-salarial-grafico.vertical .text.max {
        right: auto;
        text-align: left;
        left: -25px;
        top: -35px; }
      .uc-media-salarial-grafico.vertical .text strong {
        font-size: 12px; }
  .uc-media-salarial-grafico.nolegends .target {
    height: 100%; }
    .uc-media-salarial-grafico.nolegends .target .text {
      display: none !important; }
  .uc-media-salarial-grafico.vertical.nolegends .target {
    width: 100% !important;
    height: 3px; }
    .uc-media-salarial-grafico.vertical.nolegends .target.main {
      height: 5px; }
