input:focus {

    outline:none;

}
/* =====================================================
   VALIDAÇÃO DOS CAMPOS
===================================================== */

.input-default{

    border-color:#d1d5db;

    transition:border-color .25s ease,
               box-shadow .25s ease;

}


.input-valid{

    border-color:#5f9b5e !important;

    box-shadow:0 0 0 3px rgba(95,155,94,.15);

}


.input-invalid{

    border-color:#dc2626 !important;

    box-shadow:0 0 0 3px rgba(220,38,38,.15);

}
.field-error {

    display:block;

    margin-top:5px;

    font-size:12px;

    color:#dc2626;

}


.input-valid {

    border-color:#22c55e !important;

}


.input-invalid {

    border-color:#dc2626 !important;

}
.error-message {

    display:block;
    margin-top:5px;
    font-size:0.75rem;
    color:#dc2626;

}