/* Importacion de datos desde plantilla Excel.
   El modulo se pinta dentro del panel derecho del dialogo de Configuracion
   (#divContentTableConfigureManagement), asi que todo cuelga de .dataImport*. */

/* Sin padding en el contenedor: el resto de paneles de Configuracion van
   pegados al borde y este debe verse igual. El espaciado interno de los
   formularios ya lo pone "form .field" del tema. */
.dataImport {
    width: 100%;
}

/* Ancho fijo solo en las etiquetas de este formulario, para que los tres
   campos queden alineados. El float lo sigue poniendo el tema. */
.dataImport .field label {
    width: 150px;
}

.dataImportTemplateLink {
    margin-left: 15px;
    font-size: 11px;
}

.dataImportFieldHelp {
    margin-left: 8px;
    font-size: 11px;
    color: #777777;
}

.dataImportHelp {
    margin: 10px;
    padding: 8px 10px;
    background-color: #f4f4f4;
    border-left: 3px solid #cccccc;
    font-size: 11px;
    color: #555555;
}

.dataImportLoading {
    padding: 15px;
    text-align: center;
    background-color: #e9e9e9;
}

/* Mismo criterio que .dataImport: sin padding de contenedor. El aire lo dan
   los margenes de los bloques de dentro. */
.dataImportSummary {
    width: 100%;
}

.dataImportSummary h4 {
    margin: 10px;
}

.dataImportSummary h5 {
    margin: 15px 10px 5px 10px;
}

.dataImportFileName {
    font-weight: normal;
    font-size: 11px;
    color: #777777;
    margin-left: 8px;
}

.dataImportTotals {
    border-collapse: collapse;
    margin: 0 10px 10px 10px;
}

.dataImportTotals th,
.dataImportTotals td {
    border: 1px solid #dddddd;
    padding: 5px 12px;
    text-align: center;
}

.dataImportTotals th {
    background-color: #f4f4f4;
    font-weight: bold;
    font-size: 11px;
}

/* La lista de errores puede ser larga: scroll propio para no romper el dialogo. */
.dataImportTableWrapper {
    max-height: 260px;
    overflow-y: auto;
    border: 1px solid #dddddd;
    margin: 0 10px;
}

.dataImportIssues {
    width: 100%;
    border-collapse: collapse;
    font-size: 11px;
}

.dataImportIssues th,
.dataImportIssues td {
    border-bottom: 1px solid #eeeeee;
    padding: 4px 8px;
    text-align: left;
    vertical-align: top;
}

.dataImportIssues th {
    background-color: #f4f4f4;
    position: sticky;
    top: 0;
}

.dataImportNotice {
    margin: 10px;
    padding: 8px 10px;
    font-size: 12px;
}

.dataImportGood {
    color: #2d7a2d;
}

.dataImportMuted {
    color: #999999;
    font-style: italic;
}

.dataImportBad {
    color: #a52222;
}

.dataImportNotice.dataImportGood {
    background-color: #eef7ee;
    border-left: 3px solid #2d7a2d;
}

.dataImportNotice.dataImportBad {
    background-color: #fbeeee;
    border-left: 3px solid #a52222;
}