/**
 * Estilos para feedback de CIOT em CT-es do MDF-e
 * Compatível com AngularJS 1.2.28 e SmartAdmin Bootstrap 3
 */

/* Melhorias de densidade na tabela de CT-es */
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > td {
    vertical-align: middle;
}

.table .label {
    display: inline-block;
    padding: 4px 8px;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
}

/* Alertas de CIOT com ícones destacados */
.alert i.fa {
    margin-right: 8px;
}

.alert-success {
    background-color: #DFF0D8;
    border-color: #D6E9C6;
    color: #3C763D;
}

.alert-warning {
    background-color: #FCF8E3;
    border-color: #FAEBCC;
    color: #8A6D3B;
}

/* Badges de status CIOT na tabela */
.label-success {
    background-color: #5CB85C;
}

.label-warning {
    background-color: #F0AD4E;
}

.label-info {
    background-color: #5BC0DE;
}

.label-danger {
    background-color: #D9534F;
}

/* Melhorias em notificações bigBox com listas */
.bigBox ul {
    margin: 5px 0 0 15px;
    padding: 0;
    list-style-type: disc;
}

.bigBox ul li {
    margin-bottom: 5px;
}

/* Tooltip em badges de CIOT */
.label[tooltip] {
    cursor: help;
}

/* Ícones coloridos em feedbacks de CIOT */
.bigBox i.fa-check-circle {
    color: #5CB85C;
}

.bigBox i.fa-exclamation-triangle {
    color: #F0AD4E;
}

.bigBox i.fa-info-circle {
    color: #5BC0DE;
}

/* Compactação de colunas CIOT na tabela */
th[width="100"].text-center,
td.text-center .label {
    font-size: 10px;
    padding: 3px 6px;
}

/* Mensagens de status inline em alertas */
.alert strong {
    font-weight: 600;
}

.alert small {
    display: block;
    margin-top: 8px;
    opacity: 0.85;
}