/*
 *  Programador: Salvador Sifre Molina.
 *  Fecha: 11 de junio de 2016.
 *
 *  Estilos para los textos.  Versión 1.0
 *
 *  Ultima revisión: 5 de octubre de 2016 a las 13:45.
 *
 * ***************************************************************************/


/* Colores fondo y texto */

.text-danger,
.ui-text-danger,
.text-alerta,
.ui-text-alerta {
    color: red !important;
}

    .text-danger span,
    .ui-text-danger span {
        display: block;
        padding: 6px 6px;
    }

.text-warning,
.ui-text-warning,
.text-atencion,
.ui-text-atencion {
    color: rgb(255, 216, 0) !important;
}

.text-success,
.ui-text-success,
.text-suceso,
.ui-text-suceso {
    color: #468847 !important;
}

.text-error,
.ui-text-error {
    color: red !important;
    font-style: italic;
    margin: 0.25em 0.25em;
    padding: 0.25em 0.25em;
}

.text-info,
.ui-text-info,
.ui-text-informacion {
    color: #2f97ca !important;
    font-style: normal;
    margin: 0.25em 0.125em;
    padding: 0.25em 0.125em;
}

.text-question
{
    color: #1da4e6 !important;
    font-style: normal;
    font-weight: 600;
    font-size: 1.2em;
    line-height: 1.45em;
    margin: 1em;
    text-align: center;
    vertical-align: middle;
}

/* Avisos con fondo resaltado  - Con prefijo issm- */

.ui-bkg-alerta {
    color: white;
    background-color: rgb(255, 0, 0);
    padding: 0.25em 1em;
}

.ui-bkg-atencion {
    color: white;
    background-color: rgb(255, 216, 0);
    padding: 0.5em 1em;
}

.ui-bkg-informacion {
    color: blue;
    background-color: rgba(0, 255, 255, 0.25);
    padding: 0.5em 1em;
    border-top: 1px solid #2f97ca;
    border-bottom: 1px solid #2f97ca;
}

.ui-bkg-suceso {
    background-color: rgb(0, 255, 0);
    color: white;
    padding: 0.5em 1em;
}



/* Estilos para textos dentro de un h1, h2, h3 en un span */
h1 span.subtitle,
h2 span.subtitle,
h3 span.subtitle
{
    font-size: 80%;
    font-style: oblique;
    padding-left: 1em;
    padding-right: 1em;
    opacity: 0.5;    
}



/* Estilos para fijar el tamaño del texto */

.ui-font-size-08
{
    font-size: 0.8em !important;
}

.ui-font-size-09
{
    font-size: 0.8em !important;
}

.ui-font-size-11
{
    font-size: 1.1em !important;
}

.ui-font-size-12
{
    font-size: 1.2em !important;
}

.ui-font-size-14
{
    font-size: 1.4em !important;
}

.ui-font-size-15
{
    font-size: 1.5em !important;
}

.ui-font-size-16
{
    font-size: 1.6em !important;
}