.form-control.is-invalid, .was-validated .form-control:invalid {
    border-color: #dc3545 !important;
}

form-control.is-valid, .was-validated .form-control:valid {
    border-color: #000;
    padding: .375rem .75rem;
    background-image: unset;
    background-repeat: unset;
    background-position: unset;
    background-size: unset;
}

.form-control.is-valid:focus, .was-validated .form-control:valid:focus {
    color: #495057;
    border-color: #80bdff;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}

.custom-select.is-invalid, .was-validated select:invalid {
    background-position: right calc(.375em + 0.8rem) center !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") !important;
}

.custom-select {
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important;
    appearance: auto !important;
}


/* BEGIN TOOLTIPS para muestra de mensajes de ayuda acerca de un campo */
.tooltips {
    position: relative;
    display: inline-block;
    text-decoration: none;
    z-index: unset !important;
    border-bottom: 1px dashed #999;
    background-color: #fff;
}

.tooltips .tooltiptext {
    visibility: hidden;
    min-width: 127px;
    max-width: 350px;
    min-height: 13px;
    background-color: #d9e6f2;
    color: black;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 11 !important;
    top: 150%;
    left: 50%;
    margin-left: -60px;
}

.tooltips .tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #d9e6f2 transparent;
}

    .tooltips:hover .tooltiptext {
        visibility: visible;
    }
/* END TOOLTIPS para muestra de mensajes de ayuda acerca de un campo */


/* BEGIN TOOLTIPS para muestra de mensajes acerca de un campo con restricciones de entrada de información*/
.tooltip-error {
    position: relative;
    display: inline-block;
    text-decoration: none;
    z-index: unset !important;
    border-bottom: 1px dashed #dc3545;
    background-color: #fff;
}

.tooltip-error .tooltiptext-error {
    visibility: hidden;
    min-width: 127px;
    max-width: 450px;
    min-height: 13px;
    background-color: #fff;
    color: black;
    text-align: center;
    border-radius: 6px;
    padding: 0.2rem 0.4rem;
    position: absolute;
    z-index: 11 !important;
    top: 150%;
    left: 50%;
    margin-left: -60px;
    border: 1px solid black;
}

.tooltip-error .tooltiptext-error::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent black transparent;
}

.tooltip-error:hover .tooltiptext-error {
    visibility: visible;
}
/* END TOOLTIPS para muestra de mensajes acerca de un campo con restricciones de entrada de información*/