.text-start {
    text-align: start !important;
}

.text-center {
    text-align: center !important;
}

.text-end {
    text-align: end !important;
}

.text-justify {
    text-align: justify !important;
}

.text-initial {
    text-align: initial !important;
}

.text-inherit {
    text-align: inherit !important;
}

@media (min-width:576px) { 
    .text-sm-start {
        text-align: start !important;
    }

    .text-sm-center {
        text-align: center !important;
    }

    .text-sm-end {
        text-align: end !important;
    }

    .text-sm-justify {
        text-align: justify !important;
    }
}

@media (min-width:768px) { 
    .text-md-start {
        text-align: start !important;
    }

    .text-md-center {
        text-align: center !important;
    }

    .text-md-end {
        text-align: end !important;
    }

    .text-md-justify {
        text-align: justify !important;
    }
}

@media (min-width:992px) { 
    .text-lg-start {
        text-align: start !important;
    }

    .text-lg-center {
        text-align: center !important;
    }

    .text-lg-end {
        text-align: end !important;
    }

    .text-lg-justify {
        text-align: justify !important;
    }
}

@media (min-width:1200px) { 
    .text-xl-start {
        text-align: start !important;
    }

    .text-xl-center {
        text-align: center !important;
    }

    .text-xl-end {
        text-align: end !important;
    }

    .text-xl-justify {
        text-align: justify !important;
    }
}

@media (min-width:1400px) { 
    .text-xxl-start {
        text-align: start !important;
    }

    .text-xxl-center {
        text-align: center !important;
    }

    .text-xxl-end {
        text-align: end !important;
    }

    .text-xxl-justify {
        text-align: justify !important;
    }
}

/* Colores Textos */

.text-danger{
    color:red;
}
.text-success{
    color:green;
}
.text-info{
    color:dodgerblue;
}
.text-warning{
    color:yellow;
}

/* Estado inválido general */
.form-control.is-invalid {
    border-color: #dc3545; /* rojo Bootstrap */
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23dc3545' stroke-width='2'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M12 9v2m0 4h.01M12 5.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 1em 1em;
}

/* Focus en inválido */
.form-control.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, .25);
    outline: 0;
}

/* Texto de error */
.invalid-feedback {
    display: block;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #dc3545;
}

/* Selects */
select.form-control.is-invalid {
    background-position: right 2.5rem center, right 0.75rem center;
    background-size: 1em 1em, 14px 14px;
}

/* Textareas */
textarea.form-control.is-invalid {
    background-position: top 0.75rem right 0.75rem;
}