@charset "UTF-8";

/* Espa�amento */
.pa2 {
    padding: 8px;
}

.mt2 {
    margin-top: 8px;
}

/* Layout flexbox */
.flex {
    display: flex;
}

.flex-row {
    flex-direction: row;
}

/* Larguras */
.w-10 {
    width: 1%;
}

.w-15 {
    width: 15%;
}

.w-20 {
    width: 20%;
}

.w-30 {
    width: 30%;
}

.w-60 {
    width: 60%;
}

.w-65 {
    width: 65%;
}

.w-70 {
    width: 70%;
}

.w-80 {
    width: 80%;
}

/* Tipografia */
.t-small {
    font-size: 0.90rem;
}

/* Cores de estado */
.c-danger {
    color: #d9534f; /* vermelho */
}

.c-success {
    color: #28a745; /* verde */
}

/* Acessibilidade / texto oculto */
.clip {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.validador-senha-container {
    position: relative;
}

.validador-senha-popup,
.validador-senha-popup-modal-up {
    position: absolute;
    left: 0;
    width: 280px;
    background: #fff;
    border: 1px solid #ddd;
    padding: 8px;
    border-radius: 6px;
    z-index: 9999;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

/* Abaixo do input */
.validador-senha-popup {
    top: 100%;
    margin-top: 5px;
}

/* Acima do input */
.validador-senha-popup-modal-up {
    bottom: 100%;
    margin-bottom: 5px;
}