/*
Definimos un contenedore global para las vistas de este modulo, de esa forma limitamos estos estilos a este solo.
Además, tenemos que asegurarnos de que los componentes estan encerrados en un div con la clase "{MODULE_NAME}_style"
que estamos creando acá. ej:"naviapp-import_module_style"
En caso de crear otro modulo en base a este, tener esto en cuenta.
*/
.naviapp-import_module_style {
  --var-module-max-width: 1000px;
}

.import_module_state_NOT_PARSED {     
    text-align: center;
    font-weight: bold;
}

.import_module_state_PARSED{    
    text-align: center;
    font-weight: bold;
    /*set to green*/
    background-color: #00ff00;
}

.import_module_state_RUNNING{    
    text-align: center;
    font-weight: bold;
    background-color: #ffff00;
}

.import_module_state_ERROR{    
    text-align: center;
    font-weight: bold;
    /*set background to red*/
    background-color: #ff0000;   
    /**sets font to white**/ 
    color: #ffffff;
}

.fields_upload_mani_first_row{
    display: flex;
    flex-direction: row;
}
.fields_upload_mani_second_row{
    display: flex;
    flex-direction: row;
}
.fields_upload_mani_third_row{
    display: flex;
    flex-direction: row; 
    align-items: center;   
}

.fields_upload_mani{
    display: inline-block;
    max-width: var(--var-module-max-width);
    overflow: hidden;
}

.fields_upload_mani_local_super_main{
    display: flex;
    text-align: center;
    flex-direction: row;
    align-items: center;
    width: 100%;
    justify-content: center;
    min-height: 20px;
}

.main-log-container{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    justify-content: center;
}

.text-log{
    top: 0px;
    left: 0px;
    height: 100%;
    width: 95%;
    height: 114px;
}

.note-campaing-import h2{
    font-size: 0.7em;
    font-weight: bold;
    text-align: center;    
    line-height: 0px;
}