/*
 * core-compat.css
 * Estilos minimos para el HTML que genera el nucleo de WebEngine (modulos y mensajes)
 * en templates que NO cargan Bootstrap. Se carga ANTES del CSS propio del template,
 * con selectores simples, para que cualquier regla del template tenga prioridad.
 */

/* mensajes de exito / error (message()) */
.alert { padding: 10px 14px; margin: 0 0 14px; border: 1px solid transparent; border-radius: 4px; background: rgba(128,128,128,.12); }
.alert-danger, .alert-error { background: rgba(217,83,79,.18); border-color: #d9534f; }
.alert-success { background: rgba(92,184,92,.18); border-color: #5cb85c; }
.alert-warning { background: rgba(240,173,78,.18); border-color: #f0ad4e; }
.alert-info { background: rgba(91,192,222,.18); border-color: #5bc0de; }

/* botones */
.btn { display: inline-block; padding: 6px 14px; margin: 0; font-size: 14px; line-height: 1.4; text-align: center; vertical-align: middle; cursor: pointer; border: 1px solid #888; border-radius: 4px; background: transparent; color: inherit; text-decoration: none; }
.btn:hover { opacity: .85; text-decoration: none; }
.btn-primary { background: #337ab7; border-color: #2e6da4; color: #fff; }
.btn-default { background: rgba(128,128,128,.15); }
.btn-xs { padding: 1px 5px; font-size: 12px; }
.btn-sm { padding: 3px 9px; font-size: 12px; }
.btn-block { display: block; width: 100%; }

/* formularios */
.form-group { margin-bottom: 15px; }
.form-control { display: block; width: 100%; box-sizing: border-box; padding: 6px 12px; font-size: 14px; line-height: 1.4; color: #555; background: #fff; border: 1px solid #ccc; border-radius: 4px; }
.form-control:focus { outline: none; border-color: #66afe9; }
.checkbox, .radio { display: block; margin: 8px 0; }
.help-block { display: block; margin-top: 5px; opacity: .8; }

/* tablas */
.table { width: 100%; max-width: 100%; margin-bottom: 15px; border-collapse: collapse; }
.table > thead > tr > th, .table > thead > tr > td,
.table > tbody > tr > th, .table > tbody > tr > td { padding: 8px; vertical-align: top; border-top: 1px solid rgba(128,128,128,.35); text-align: left; }
.table-condensed > tbody > tr > td, .table-condensed > thead > tr > th { padding: 4px 6px; }
.general-table-ui, .myaccount-table { width: 100%; border-collapse: collapse; }
.general-table-ui td, .general-table-ui th, .myaccount-table td, .myaccount-table th { padding: 6px 10px; border-bottom: 1px solid rgba(128,128,128,.3); }

/* titulos de modulo */
.page-title { margin: 0 0 15px; padding: 0 0 8px; font-size: 20px; font-weight: bold; border-bottom: 1px solid rgba(128,128,128,.4); }

/* paneles */
.panel { margin-bottom: 15px; border: 1px solid rgba(128,128,128,.4); border-radius: 4px; }
.panel-heading { padding: 8px 12px; border-bottom: 1px solid rgba(128,128,128,.4); background: rgba(128,128,128,.12); }
.panel-title { margin: 0; font-size: 15px; }
.panel-body { padding: 12px; }

/* grilla minima (modulos del nucleo: col-xs-* / col-md-*) */
.row { margin-left: -15px; margin-right: -15px; }
.row:after, .clearfix:after { content: ""; display: table; clear: both; }
[class*="col-xs-"], [class*="col-sm-"], [class*="col-md-"], [class*="col-lg-"] { float: left; box-sizing: border-box; min-height: 1px; padding-left: 15px; padding-right: 15px; }
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { width: 100%; }
.col-xs-11 { width: 91.66%; } .col-xs-10 { width: 83.33%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66%; }
.col-xs-7 { width: 58.33%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66%; } .col-xs-4 { width: 33.33%; }
.col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66%; } .col-xs-1 { width: 8.33%; }
.col-md-6, .col-sm-6 { width: 50%; } .col-md-4, .col-sm-4 { width: 33.33%; } .col-md-3, .col-sm-3 { width: 25%; }
.col-md-8, .col-sm-8 { width: 66.66%; } .col-md-9, .col-sm-9 { width: 75%; }

/* utilidades */
.text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; }
.pull-left { float: left; } .pull-right { float: right; }
.hidden { display: none !important; }