﻿
    div.Ntooltip {
      position: relative !important; /* es la posición normal */
      display: inline;
    }

      div.Ntooltip:hover {
        z-index: 1005; /* va a estar por encima de todo */
      }

      div.Ntooltip label {
        position: absolute;
        display: none !important; /* el elemento va a estar oculto */
        vertical-align: middle;
      }

      div.Ntooltip:hover label.error:not(.checked) {
        display: inline-block !important; /* se fuerza a mostrar el bloque */
        position: absolute; /* se fuerza a que se ubique en un lugar de la pantalla */
        left: 2em; /* donde va a estar */
        width: 100px; /* el ancho por defecto que va a tener */
        padding: 5px; /* la separación entre el contenido y los bordes */
        background-color: #ff6611; /* el color de fondo por defecto */
        border: 3px coral solid;
        border-radius: 0.5em;
        color: white;
      }

    label.error + div.errorImage {
      background: url("/images/error.png") no-repeat 0px 0px;
      display: inline-block !important;
      width: 24px;
      height: 24px;
      vertical-align: middle;
      background-size: 100%;
    }

    label.checked + div.errorImage {
      background: url("/images/valid.png") no-repeat 0px 0px;
      display: inline-block !important;
      width: 20px;
      height: 20px;
      vertical-align: middle;
      background-size: 100%;
    }


    div.errorPlaceholder {
      display: inline-block !important;
      width: 28px;
      height: 20px;
      vertical-align: middle;
      background-size: 100%;
    }

    .ErrorField {
      background-color: #E9DAA4;
    }
