.label-with-tooltip {
  position:relative;
}
.label-with-tooltip label.positive {
  border-bottom:1px dotted #A5D6A7;
}
.label-with-tooltip label.negative {
  border-bottom:1px dotted #E85F5F;
}
.label-with-tooltip label {
  border-bottom:1px dotted #777;
  color:#777;
  font-weight:normal;
  line-height:24px;
  font-size:15px;
  margin-top:-5px;
  padding-top:5px;
}
.label-with-tooltip .tooltip {
  animation:tooltipIn 350ms linear forwards;
  background: rgba(51, 51, 51, 0.85);
  border-radius:4px;
  bottom:35px;
  color:#FFF;
  display:none;
  line-height: 20px;
  padding:4px 8px !important;
  position:absolute;
  z-index:1200;
  -moz-animation:tooltipIn 250ms linear forwards;
  -webkit-animation:tooltipIn 250ms linear forwards;
  width: fit-content;
  white-space: nowrap;
}

.label-with-tooltip .tooltip.right {
    min-width: 200px;
    right: 0;
    white-space: normal;
}

.label-with-tooltip.label-with-tooltip-right .tooltip {
    left: -13px;
}

.label-with-tooltip.label-with-tooltip-center .tooltip {
    right: 0;
    translate: 50%;
}

.tooltip.left {
    margin-left: -140px !important;
}

.label-with-tooltip .tooltip.left {
  bottom:50px !important;
}

.tooltip.top-left {
    bottom: -28px;
    left: 14px;
}

.label-with-tooltip.tooltip-small .tooltip {
  width:180px;
}
.label-with-tooltip.tooltip-auto-width .tooltip {
  width:auto;
  white-space: nowrap;
}
.label-with-tooltip .tooltip.descricao-item {
  width: 450px;
}
.label-with-tooltip:hover .tooltip:before {
  left:13px !important;
}

.label-with-tooltip:hover .tooltip {
  display:block;
}
.tag-var {
  color:#FF9800;
}
.tag-no-border {
  border-bottom: none;
}
.tag-underline {
  text-decoration: underline;
}
.label-with-tooltip label, .form-simple-label {
  color:#777;
  font-weight:normal;
  line-height: 24px;
  font-size:15px;
  position:relative;
  background:none;
  padding:0;
}
.label-with-tooltip label.negative {
  color:#EF5350;
}
.label-with-tooltip label.positive {
  color:#66BB6A;
}
.label-with-tooltip label.positive2 {
  color:#666dbb;
}
.label-with-tooltip label.positive3 {
  color:#018608;
}
.operator {
  border-radius:50%;
  border:1px solid #FF9800;
  width:21px;
  height:21px;
  display:inline-block;
  text-align:center;
  background:rgba(255, 152, 0, 0.5);
  line-height:20px;
}
.label-with-tooltip .tooltip.left-100 {
  left: 100px;
}
.dataTable tr:nth-child(1) .label-with-tooltip .tooltip,
.dataTable tr:nth-child(2) .label-with-tooltip .tooltip{
  top: 40px;
  bottom: auto;
}
.dataTable tr:nth-child(1) .label-with-tooltip .tooltip::before,
.dataTable tr:nth-child(2) .label-with-tooltip .tooltip::before{
  top: -10px;
  bottom: 0;
  border-color: transparent transparent rgba(0, 0, 0, 0.8);
}
.label-with-tooltip-down-input .tooltip {
    bottom: initial;
    top: 80px;
}
.label-with-tooltip-down-input .tooltip:before {
    bottom: initial;
    top: -10px;
    border-color: transparent  transparent rgba(0, 0, 0, 0.8) transparent;
}