/* Estilos para efecto de fade-in al cargar páginas */

body {
    opacity: 1;
    transition: 1s all ease;
}


/* Para páginas normales: solo desvanecimiento */

body.fade-out {
    opacity: 0;
    transition: none;
}


/* Para la página principal: desvanecimiento y zoom */

body.fade-out-main {
    opacity: 0;
    transform: scale(1.08);
    transition: none;
}


/* Estilo para evitar desbordamiento en botones */

.button {
    overflow: hidden;
    text-overflow: ellipsis;
}

a {
    outline: none;
}

.nui_img_lan {
    height: 38px;
    width: auto;
    margin-right: 9px;
}

.nui_txt_arial,
.column>p,
td>p {
    font-family: 'Arial', 'Montserrat' !important;
}

.nui_languageBar {
    position: absolute;
    top: 1.5em;
    right: 1.5em;
}

.nui_languageBar>img {
    cursor: pointer;
}


/* Fuente m�s grande para lista de reconocimientos en la portada */

.ui.divided.items .item .content {
    font-size: 1.15em !important;
}

h2.nui_h2_thin {
    font-weight: initial !important;
}

h2.nui_h2_italic {
    font-style: italic !important;
}

.nui_auth_footer {
    margin-top: 2em;
}

div#nui_footer {
    padding-top: 2.5em !important;
}

#nui_footer p {
    color: #00709e;
    font-weight: 300;
    font-size: 1.1em;
}

#nui_footer img {
    width: 200px;
}

#nui_footer .segment {
    padding-bottom: 0 !important;
}

.nui_separatorV {
    width: 2px;
    height: 55px;
    border-right: 1px solid green;
    margin-top: 1.8em;
}

.nui_blue {
    color: #00709e !important;
}

.nui_green {
    color: #75912b !important;
}

.header.inverted .image {
    height: 30px !important;
    width: auto !important;
}

.header.inverted .content {
    font-weight: bold !important;
    font-size: 1.3em !important;
    letter-spacing: 2px;
}

.button {
    font-size: 1.2em !important;
    font-weight: 700 !important;
    padding: 0.4em 1em !important;
}

.button.nui_button_padded {
    padding-top: 0.8em !important;
    padding-bottom: 0.8em !important;
}

.nui_uppercase {
    text-transform: uppercase !important;
}


/* Men� de las p�ginas*/

.nui_headerMenu .item {
    font-weight: 700 !important;
    color: #00709e !important;
}


/* Menu mobile */

.nui_imageMenuMobile {
    border-radius: 1em !important;
}

.nui_imageMenuMobile img {
    height: 40px !important;
    padding-bottom: 0.5em !important;
}

.nui_menuMobile .column {
    padding: 1em !important;
}

.nui_x_scrollable {
    overflow-x: auto !important;
}

.image.rounded {
    border-radius: 28px !important;
}

input[type=text],
input[type=password],
select,
textarea {
    background-color: #f6f7ef !important;
    border-radius: 1em !important;
    border: 1px solid #ccc !important;
    font-family: 'Arial', 'Montserrat', sans-serif !important;
    padding-top: 0.4em !important;
    padding-bottom: 0.4em !important;
}

.compact.table tr {
    border: none !important;
}

img.nui_img_logo_left {
    width: 240px !important;
    height: auto !important;
}

.row {
    padding-bottom: 0 !important;
}

.equal.width.grid>.column,
.equal.width.grid>.row .grid {
    padding-left: 0.5em !important;
    padding-right: 0.5em !important;
}

table.nui_reports_table {
    border-spacing: 0;
}

table.nui_reports_table td,
table.nui_reports_table .segment {
    padding-top: 0.2em !important;
    padding-bottom: 0.2em !important;
}

table.basic th,
table.basic td {
    padding-top: 0.4em !important;
    padding-bottom: 0.4em !important;
    padding-right: 0 !important;
    border: none !important;
}


/* SELECTED ROWS, V1 */

tr.nui_selected_row td {
    border: 1px solid #75912b !important;
    border-style: solid none !important;
}

tr.nui_selected_row td:first-child {
    border-top-left-radius: 1em;
    border-bottom-left-radius: 1em;
    border-left: 1px solid #75912b !important;
}

tr.nui_selected_row td:last-child {
    border-top-right-radius: 1em;
    border-bottom-right-radius: 1em;
    border-right: 1px solid #75912b !important;
}


/* SELECTED ROWS, V2 */

tr.nui_selected_row_v2 .segment.nui_segment_static {
    background-color: #f7e9b2 !important;
    color: #ef7502;
}

.nui_img_graph {
    max-width: 900px !important;
}

.nui_img_graph_peq {
    max-width: 450px !important;
}

.nui_row_padded {
    padding-bottom: 1em !important;
}

.nui_row_spacer {
    padding-top: 4em !important;
}

.segment {
    border-radius: 1em !important;
}

.segment.nui_segment_centered {
    display: flex;
    align-items: center;
}

.nui_column_logo img {
    min-height: 50px !important;
    width: auto;
}

.nui_segment_header h3 {
    font-weight: 400 !important;
}

.nui_column_nopadding {
    padding-bottom: 0 !important;
}

.nui_column_no_top_padding {
    padding-top: 0 !important;
}

#report_container td,
#report_container .segment.nui_segment_static {
    padding-top: 0.2em !important;
    padding-bottom: 0.2em !important;
}


/********************************************************************************/

.nui_header_shrunk {
    height: 48px !important;
    transition: all 300ms;
}

.nui_header_shrunk,
.nui_header_shrunk .column {
    padding-top: 0.5em !important;
    padding-bottom: 0.5em !important;
    cursor: pointer;
    transition: all 300ms;
}

.nui_header_shrunk h2 .image,
.nui_header_shrunk h2 .content {
    transform: scale(0.8);
    transition: all 300ms;
    -ms-transform-origin: 0 50%;
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
}

.nui_header_enlarged {
    height: 66px !important;
    transition: all 300ms;
}

.nui_header_enlarged,
.nui_header_enlarged .column {
    padding-top: 1em !important;
    padding-bottom: 1em !important;
    /*cursor: pointer;*/
    transition: all 300ms;
}

.nui_header_enlarged h2 .image,
.nui_header_enlarged h2 .content {
    transform: scale(1);
    transition: all 300ms;
    -ms-transform-origin: 0 50%;
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
}

#nui_main_header .nui_header_menu_img {
    height: 30px !important;
    width: auto;
    opacity: 0.2;
    filter: alpha(opacity=20);
    /* For IE8 and earlier */
    transition: all 300ms;
}

#nui_main_header:hover .nui_header_menu_img {
    height: 30px !important;
    width: auto;
    opacity: 1;
    filter: alpha(opacity=1);
    /* For IE8 and earlier */
    transition: all 300ms;
}


/********************************************************************************/


/* MENÚ DERECHA DE LAS PÁGINAS */

.secondary .right.menu .item {
    max-width: 100px;
}


/********************************************************************************/

.nui_column_top {
    margin-bottom: 2em !important;
}


/*#report_container .segment.nui_segment_static {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}*/


/* ---------- Espaciado filas de datos */

.nui_segment_data .row~.row {
    padding-top: 0.4em !important;
}


/*************************************************/


/* auth/auth.tpl */

#nui_header_reconocimientos {
    background: url('/img/ui/encabezados/acceso/fondo-acceso-reconocimientos.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    height: 66px;
}

#nui_header_acceso {
    background: url('/img/ui/encabezados/acceso/fondo-acceso-acceso.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    height: 66px;
}

.item .content .header {
    font-weight: 400 !important;
}

.item .content .meta {
    font-weight: 300 !important;
}

.blue.inverted.segment.nui_uppercase {
    font-weight: 700 !important;
}

.divided.items {
    font-family: Arial !important;
}

.divided.items .header {
    font-family: 'Arial' !important;
}

.divided.items .meta {
    margin-top: 2px !important;
    margin-bottom: 0px !important;
}

.divided.items .description {
    margin-top: 2px !important;
}

.divided.items .item:not(:last-child) {
    border-bottom: 1px solid #75912b !important;
}

.nui_img_auth {
    height: 36px !important;
    width: auto !important;
}

.nui_segment_auth {
    padding-top: 0.6em !important;
    padding-bottom: 0.6em !important;
}

img.nui_img_logo_auth {
    padding-bottom: 1em !important;
    width: 240px !important;
    height: auto !important;
}

img.nui_img_logo_auth_home {
    width: 240px !important;
    height: auto !important;
}

img.nui_img_awards {
    max-height: 280px !important;
    max-width: auto;
}


/* Quita padding derecho en campos de login */

.nui_noRpad {
    padding-right: 0 !important;
}


/*************************************************/


/* error.tpl */

.grid .nui_errorGrid {
    height: 100%;
}

.column .nui_errorPanel {
    max-width: 450px;
}


/*************************************************/


/* home.tpl */

#nui_header_inicio {
    background: url('/img/ui/encabezados/home/fondo-home-inicio.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    height: 84px;
}

#nui_header_informes {
    background: url('/img/ui/encabezados/home/fondo-home-informes.png');
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 1.5em !important;
    height: 74px;
}


/* Corregir posici�n de la cabecera de los informes en el men� principal */

#nui_header_informes>.ten.wide.column {
    margin-top: -7px;
}

#nui_header_administracion {
    background: url('/img/ui/encabezados/home/fondo-home-admin.png');
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 1.5em !important;
    height: 74px !important;
}

.nui_imageMenu {
    border-radius: 1.5em !important;
    border: none !important;
    padding: 0.5em !important;
    /*background-color: #f6f7ef !important;*/
}

.nui_imageMenu p {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1.2em;
    color: #00709e !important;
    text-align: center !important;
    font-weight: 700 !important;
}

.dropdown.nui_imageMenu>p {
    margin: 0;
}

.nui_imageMenu>i>img {
    display: block;
    height: 48px;
    margin: 0 auto 0.5rem;
    /*padding-top: 0.5rem;*/
}

.nui_imageMenu.nui_noBtn {
    display: inline-block;
    margin-left: 1.3em;
    text-align: center;
}

.nui_imageMenu.nui_noBtn a,
.nui_imageMenu.nui_noBtn a img {
    outline: none;
}

.nui_imageMenu.nui_uppercase {
    border: 2px solid #fff !important;
}

.nui_imageMenu.nui_uppercase img {
    /*border: 2px solid #75912b !important;*/
    box-shadow: 1px 5px 10px rgba(20, 20, 20, 0.5);
    margin-top: 0;
    margin-bottom: 0;
}

.nui_imageMenu.nui_uppercase:active img {
    box-shadow: none;
}


/* Nuevo estilo para los botones */

a.nui_NewBtn img {
    height: 72px;
    width: auto;
    border: 1px solid #ccc;
    padding: 1.2em 1.7em;
    border-radius: 0.7em;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    transition: all .25s ease;
    /* animation: populate .5s ease-out normal backwards; */
}

a.nui_NewBtn:hover img {
    transform: scale(1.05);
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.2);
}

a.nui_NewBtn:active img {
    transform: scale(1);
}

a.nui_NewBtn p {
    margin-top: 0.5em;
    font-size: 1.2em;
    font-weight: 700;
    text-transform: uppercase;
}

@keyframes populate {
    0% {
        transform: scale(0);
    }
}


/***********************************/

a.nui_NewBtn2 img {
    height: 72px;
    width: 72px;
    border-radius: 0.7em;
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.3);
    transition: all .4s ease;
    transform: scale(1.05);
    /* animation: populate .5s ease-out normal backwards; */
}

a.nui_NewBtn2:active img {
    transform: scale(1);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

a.nui_NewBtn2 p {
    margin-top: 0.5em;
    font-size: 1.2em;
    font-weight: 700;
    text-transform: uppercase;
}


/*************************************************/


/* alarm/alarm.tpl / WatchDog.tp */

.nui_header_alarmas {
    background: url('/img/ui/encabezados/paginas/fondo-alarmas.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    height: 84px;
    margin-bottom: 1.4em;
}

.nui_header_alarmas_peq {
    background: #c70000 !important;
    /* Old browsers */
    background: -moz-linear-gradient(left, #c70000 0%, #c70000 15%, #c70000 15%, #ffb000 100%) !important;
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #c70000 0%, #c70000 15%, #c70000 15%, #ffb000 100%) !important;
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #c70000 0%, #c70000 15%, #c70000 15%, #ffb000 100%) !important;
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#c70000', endColorstr='#ffb000', GradientType=1) !important;
    /* IE6-9 */
    border-radius: 1em !important;
}

.nui_header_alarmas_flat_peq {
    background: #c70000 !important;
    -webkit-border-radius: 1em !important;
    -moz-border-radius: 1em !important;
    border-radius: 1em !important;
}

.nui_header_alarmas_peq h3,
.nui_header_alarmas_flat_peq h3 {
    font-weight: 400 !important;
}

.nui_table_wd th {
    background-color: #ebf2f7 !important;
}

.nui_table_wd tr td {
    background-color: #f6f7ef !important;
}

.nui_table_nopadding tbody tr,
.nui_table_nopadding tbody tr td {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.nui_div_table_container {
    overflow-x: auto;
    padding-top: 1em !important;
    max-height: 40rem;
}

.nui_headerMenu a {
    max-width: 180px;
    line-height: 1.4em;
}

.nui_headerMenu a:hover {
    background: none !important;
}

.nui_headerMenu i img {
    display: block;
    height: 40px;
    margin: 0 auto 0.5rem;
    padding-top: 0.5rem;
}

#nui_td_full_id,
#nui_td_full_id .nui_segment_data {
    height: 100%;
}

.nui_table_data td {
    font-family: 'Arial', 'Montserrat' !important;
}

.nui_table_data td strong {
    color: #00709e;
}


/*************************************************/


/* info/info.tpl */

.nui_header_info {
    background: url('/img/ui/encabezados/paginas/fondo-info.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    height: 48px;
    margin-bottom: 1.4em;
}

.nui_header_normal_peq {
    background: #00709e !important;
    /* Old browsers */
    background: -moz-linear-gradient(left, #00709e 0%, #00709e 15%, #75912b 40%, #75912b 100%) !important;
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #00709e 0%, #00709e 15%, #75912b 40%, #75912b 100%) !important;
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #00709e 0%, #00709e 15%, #75912b 40%, #75912b 100%) !important;
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00709e', endColorstr='#75912b', GradientType=1);
    /* IE6-9 */
    -webkit-border-radius: 1em !important;
    -moz-border-radius: 1em !important;
    border-radius: 1em !important;
}

.nui_header_normal_flat_peq {
    background: #00709e !important;
    -webkit-border-radius: 1em !important;
    -moz-border-radius: 1em !important;
    border-radius: 1em !important;
}

.nui_header_normal_peq h3,
.nui_header_normal_flat_peq h3 {
    font-weight: 400 !important;
}

.nui_header_data_peq {
    background: #ebf2f7;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding-bottom: 1em !important;
}

.nui_info_spacer {
    display: block !important;
    border-left: 1px solid #75912b !important;
}

.nui_info_soltecsis_text {
    padding-left: 0 !important;
}


/*************************************************/


/* help/help.tpl */

.nui_header_help {
    background: url('/img/ui/encabezados/paginas/fondo-ayuda.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    height: 84px;
    margin-bottom: 1.4em;
}


/*************************************************/


/* support/support.tpl */

.nui_header_support {
    background: url('/img/ui/encabezados/paginas/fondo-contacto.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    height: 84px;
    margin-bottom: 1.4em;
}


/*************************************************/


/* energy/energy.tpl */

.nui_header_energy {
    background: url('/img/ui/encabezados/paginas/fondo-energia.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    height: 84px;
    margin-bottom: 1.4em;
}

.nui_button_peq {
    font-size: 0.9em !important;
}


/*************************************************/


/* monitor/monitor.tpl */

.nui_header_monitor {
    background: url('/img/ui/encabezados/paginas/fondo-monitor.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    height: 84px;
    margin-bottom: 1.4em;
}

.nui_segment_border {
    border: 1px solid #75912b !important;
}


/*************************************************/


/* control/control.tpl */

.nui_header_control {
    background: url('/img/ui/encabezados/paginas/fondo-control.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    height: 84px;
    margin-bottom: 1.4em;
}


/*************************************************/


/* reports/reports.tpl */

.nui_header_listados {
    background: url('/img/ui/encabezados/paginas/fondo-listados.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    height: 84px;
    margin-bottom: 1.4em;
}

#nui_reports_plantlist_id .column {
    padding: 0.6em !important;
}


/*************************************************/


/* resources/resources.tpl */

.nui_header_recursos {
    background: url('/img/ui/encabezados/paginas/fondo-recursos.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    height: 84px;
    margin-bottom: 1.4em;
}


/*************************************************/


/* rf/rf.tpl */

.nui_header_rf {
    background: url('/img/ui/encabezados/paginas/fondo-drf.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    height: 84px;
    margin-bottom: 1.4em;
}


/*************************************************/


/* cmodbus/cmodbus.tpl */

.nui_header_cmodbus {
    background: url('/img/ui/encabezados/paginas/fondo-modbus.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    height: 84px;
    margin-bottom: 1.4em;
}

.nui_grid_form .column,
.nui_grid_form .row {
    padding: 0.5em !important;
}

.nui_grid_stretched .column {
    padding: 0.5em 0.3em !important;
}

.nui_grid_stretched .row:nth-child(2) {
    padding-top: 0 !important;
}

.nui_grid_wide {
    padding-top: 0.5em !important;
}

.nui_grid_wide .column {
    padding-left: 0.3em !important;
    padding-right: 0.3em !important;
}

.nui_segment_data {
    background-color: #ebf2f7 !important;
}

.nui_segment_data h5,
.nui_segment_static h5 {
    /*text-transform: uppercase !important; */
    font-family: 'Arial', 'Montserrat' !important;
}

.nui_segment_data label {
    font-family: 'Arial', 'Montserrat' !important;
    font-weight: 700;
    color: #00709e !important;
}

th .nui_segment_data {
    font-family: 'Arial', 'Montserrat' !important;
    font-weight: 700;
    color: #00709e !important;
}

.nui_segment_static {
    background-color: #f6f7ef !important;
    border-radius: 1em !important;
    color: #75912b;
}

.nui_segment_sec {
    max-height: 44px;
    margin-bottom: 0 !important;
}

.nui_segment_cmod {
    min-height: 9em !important;
}


/*************************************************/


/* bulkload/bulkload.tpl */

.nui_header_bulkload {
    background: url('/img/ui/encabezados/paginas/fondo-carga_masiva.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    height: 84px;
    margin-bottom: 1.4em;
}


/*************************************************/


/* users/users.tpl */

.nui_header_users {
    background: url('/img/ui/encabezados/paginas/fondo-usuarios.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    height: 84px;
    margin-bottom: 1.4em;
}


/*************************************************/


/* epurga/epurga.tpl */

.nui_header_epurga {
    background: url('/img/ui/encabezados/paginas/fondo-no_monitorizados.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    height: 84px;
    margin-bottom: 1.4em;
}


/* Manejador del slider de selecci�n */

div#custom-handle {
    background: #75912b !important;
}


/* DIV para mostrar las im�genes de los purgadores */

div#imgPlaceholder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 1em;
    z-index: 99;
    background: white;
    display: none;
    overflow-y: auto;
    overflow-x: hidden;
}


/* Div de selecci�n de purgadores */

div#divSelectST {
    padding-bottom: 1rem;
}

div#divSelectST>.grid>.row:after {
    content: "";
    display: block;
    margin: 0 auto;
    width: 40%;
    padding-top: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #00709e;
}


/* Tabla de selección de purgadores */

table.tabSelectST {
    width: 100%;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

table.tabSelectST td.tdLabel {
    padding-right: 1em;
}

table.tabSelectST td.tdLabel label {
    font-size: 1rem;
    font-family: 'Arial', 'Montserrat' !important;
    font-weight: 700;
    color: #00709e !important;
}

table.tabSelectST td input[type=checkbox] {
    width: 14px;
    height: 14px;
}


/**********************
    MEDIA QUERIES 
**********************/


/* TAMA�O MOBILE */

@media all and (max-width: 480px) {
    /* ENCABEZADOS */
    .header.inverted .content {
        font-size: 0.8em !important;
    }
    /* BOTONES AZULES PANTALLA AUTENTICACION */
    .blue.inverted.segment.nui_uppercase {
        font-size: 0.9em !important;
    }
    .nui_row_spacer {
        display: none !important;
    }
    .nui_info_spacer {
        display: none !important;
    }
    .nui_mobile_menu_img {
        height: 30px;
        width: 30px;
    }
    .nui_info_soltecsis_text {
        padding-left: auto !important;
    }
    #footerText {
        display: none;
    }
    img.nui_img_logo_auth_home {
        width: 150px !important;
        height: auto !important;
    }
    .nui_languageBar {
        right: 0.2em !important;
    }
}

@media all and (max-width: 991px) {
    /* MENU DERECHA PAGINAS */
    .nui_right_menu {
        display: none !important;
    }
    #headerTitle {
        display: none;
    }
}

@media all and (min-width: 992px) {
    /* MENU DERECHA MOBILE */
    .nui_right_mobile_menu {
        display: none !important;
    }
}