/* =========================================================================
   TIPOGRAFIA ESTANDAR DEL ERP
   Unifica tamano y tipo de letra en formularios, tablas y contenidos.
   Se carga despues de AdminLTE para estandarizar toda la aplicacion.
   ========================================================================= */

body,
.content-wrapper {
    font-family: 'Segoe UI', 'Helvetica Neue', 'Source Sans Pro', Arial, sans-serif;
    font-size: 13px;
    color: #333;
}

/* ---------- Encabezados de pagina y cajas ---------- */
.content-header h1 {
    font-size: 20px;
    font-weight: 600;
}

.content-header h1 small {
    font-size: 13px;
}

.box-title {
    font-size: 15px;
    font-weight: 600;
}

.main-footer {
    font-size: 12px;
}

/* ---------- Etiquetas y campos de formulario ---------- */
.form-group label,
label.control-label,
.box-body label {
    font-size: 13px;
    font-weight: 600;
    color: #333;
    margin-bottom: 3px;
}

.form-control,
select.form-control,
textarea.form-control,
.input-group .form-control,
.input-group-addon {
    font-size: 13px;
    font-family: inherit;
}

.form-control.input-sm,
select.form-control.input-sm,
.input-group-sm > .form-control {
    font-size: 12px;
}

.help-block,
.text-muted {
    font-size: 12px;
}

.radio label,
.checkbox label {
    font-size: 13px;
    font-weight: normal;
}

/* ---------- Tablas ---------- */
.table > thead > tr > th {
    font-size: 13px;
    font-weight: 600;
}

.table > tbody > tr > td,
.table > tfoot > tr > th {
    font-size: 13px;
}

.table-condensed > thead > tr > th {
    font-size: 12px;
}

.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th {
    font-size: 12px;
}

/* ---------- Botones ---------- */
.btn {
    font-size: 13px;
}

.btn-sm {
    font-size: 12px;
}

.btn-xs {
    font-size: 12px;
}

/* ---------- Paginacion ---------- */
.pagination > li > a,
.pagination > li > span {
    font-size: 13px;
}

/* ---------- Alertas y errores ---------- */
.alert {
    font-size: 13px;
}

/* ---------- Encabezados genericos dentro de formularios ---------- */
.content-wrapper h2,
.content-wrapper h3 {
    font-size: 16px;
}

.content-wrapper h4 {
    font-size: 15px;
}

/* =========================================================================
   COMPACTACION VERTICAL DE FORMULARIOS
   Pequenos ajustes para reducir el espacio interlineal entre campos.
   ========================================================================= */

.form-group {
    margin-bottom: 10px;
}

.checkbox,
.radio {
    margin-top: 5px;
    margin-bottom: 5px;
}

.box {
    margin-bottom: 15px;
}

.box-header {
    padding: 12px 20px 8px;
}

.box-body {
    padding-top: 10px;
    padding-bottom: 10px;
}

.content-wrapper > .content,
.content {
    padding-top: 10px;
    padding-bottom: 10px;
}