* { text-decoration: none !important; } body { background-color: white; border-style: none; direction: ltr; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 12px !important; margin: 0; text-align: left; vertical-align: top; } .small { font-size: 10px !important; } .ui-header .ui-title { font-size: 14px !important; } label, input, .ui-btn-inner { font-size: 12px !important; } /*INIT----------Tactical styles-----------------------------------------*/ #tactical1 *, #tactical2 * { font-size: 12px !important; } #tactical1 a, #tactical2 a { font-size: 18px !important; } legend { margin-bottom: 5px; } .ui-body-d { border-radius: 0.6em 0.6em 0.6em 0.6em !important; } .ui-btn-up-c { font-weight: normal !important; text-shadow: none !important; } /*END-----------Tactical styles-----------------------------------------*/ #status_pie { position: relative; width: 100%; } #outter_status_pie { position: relative; text-align: center; } /*INIT----------Groups styles-----------------------------------------*/ .group_view tr { border-bottom: 3px solid white !important; } tr.group_view_crit, .group_view_crit { background-color: #FA3030; color: #000000 !important; } .group_view_crit * { color: #000000 !important; } .ui-btn-up-group_view_crit, .ui-btn-hover-group_view_crit { background-color: #FF4040; color: #fff; border: 1px solid #111111; font-weight: bold; text-shadow: none; } .group_view_normal, .group_view_normal *, .group_view_norm, .group_view_norm * { background-color: #FFFFFF; color: #000000 !important; } .group_view_norm * { color: #000000 !important; } .ui-btn-up-group_view_normal, .ui-btn-hover-group_view_normal, .ui-btn-up-group_view_norm, .ui-btn-hover-group_view_norm { background-color: #6EB432; color: #fff; border: 1px solid #111111; font-weight: bold; text-shadow: none; } .group_view_ok, .group_view_ok * { background-color: #00C000; color: #000000 !important; } .group_view_ok * { color: #000000 !important; } .ui-btn-up-group_view_ok, .ui-btn-hover-group_view_ok { background-color: #6EB432; color: #fff; border: 1px solid #111111; font-weight: bold; text-shadow: none; } tr.group_view_warn, .group_view_warn, tr.group_view_warn.a, a.group_view_warn, tr.a.group_view_warn { background-color: #F5E535; } a.group_view_warn { color: #000000 !important; } .ui-btn-up-group_view_warn, .ui-btn-hover-group_view_warn { background-color: #F2D400; color: #111; border: 1px solid #111111; font-weight: bold; text-shadow: none; } tr.group_view_alrm, .group_view_alrm { background-color: #ED8701; } .group_view_alrm * { color: #000000 !important; } .ui-btn-up-group_view_alrm, .ui-btn-hover-group_view_alrm { background-color: #F7931E; color: #111; border: 1px solid #111111; font-weight: bold; text-shadow: none; } tr.group_view_unk, .group_view_unk { background-color: #C4C4C4; } .group_view_unk * { color: #000000 !important; } .ui-btn-up-group_view_unk, .ui-btn-hover-group_view_unk { background-color: #999999; color: #fff; border: 1px solid #111111; font-weight: bold; text-shadow: none; } tr.group_view_data, .group_view_data { color: #000000 !important; } .group_view_data_unk * { color: #303030 !important; } .group_view_data_ok * { color: #00C000 !important; } .group_view_data_crit * { color: #5C0000 !important; } .group_view_data_alrm * { color: #5C1D00 !important; } .group_view_data_warn * { color: #5C5900 !important; } .group_view * { text-shadow: none !important; font-size: 12px !important; } .list_groups .link_count { display: inline !important; } .list_groups .link_count.ui-link-inherit { margin-top: -5px; position: absolute; right: 10px; top: 0; } /*END-----------Groups styles-----------------------------------------*/ /*INIT----------Events styles-----------------------------------------*/ .datos_green, .datos_greenf9, .datos_green a, .datos_greenf9 a { background-color: #52A000; color: #FFFFFF !important; text-shadow: none !important; } .datos_red, .datos_redf9, .datos_red a, .datos_redf9 a { background-color: #FF3E41; color: #FFFFFF !important; text-shadow: none !important; } .datos_yellow, .datos_yellowf9, .datos_yellow a, .datos_yellowf9 a { background-color: #F5E535; color: #000000 !important; text-shadow: none !important; } .datos_blue, .datos_bluef9, .datos_blue a, .datos_bluef9 a { background-color: #77E2F2; color: #000000 !important; text-shadow: none !important; } .datos_grey, .datos_greyf9, .datos_grey a, .datos_greyf9 a { background-color: #E4E4E4; color: #000000 !important; text-shadow: none !important; } .datos_pink, .datos_pinkf9, .datos_pink a, .datos_pinkf9 a { background-color: #FF92E9; color: #000000 !important; text-shadow: none !important; } .datos_brown, .datos_brownf9, .datos_brown a, .datos_brownf9 a { background-color: #C97A4A; color: #000000 !important; text-shadow: none !important; } tr.events { border-bottom: 3px solid white !important; font-size: 12px !important; } table#list_events th { font-size: 12px !important; font-weight: bolder !important; } /* @media screen and (max-width: 25em) { .pandora_responsive th { padding-right: 10px; padding-left: 10px; } .pandora_responsive .event_id td, .pandora_responsive .event_id th, .pandora_responsive .event_name td, .pandora_responsive .event_name th, .pandora_responsive .event_owner th, .pandora_responsive .event_timestamp th, .pandora_responsive .event_timestamp td, .pandora_responsive .event_type td, .pandora_responsive .event_type th { float: left; } .pandora_responsive .event_id { float: left; } .pandora_responsive .event_name { } .cell_event_name { padding-left: 10px; } .event_timestamp td, .event_timestamp th { margin-top: 10px; margin-bottom: 10px; } .cell_event_name { width: 300px; } .cell_event_owner { float: left; } .event_type th { float: left; } .cell_event_type { float: left; } .event_owner { float: left; } .event_type { float: left; } .event_repeated { clear: left; float: left; } .event_repeated > th { float: left; } .cell_event_repeated { float: left; } .event_severity { float: left; } .event_severity > th { float: left; } .cell_event_severity { float: left; } .event_status > th { float: left; } .cell_event_status { float: left; } .event_acknowledged_by > th { float: left; } .cell_event_acknowledged_by { float: left; } .event_group > th { float: left; } .cell_event_group { float: left; } .event_tags > th { float: left; margin-top: 10px; } .cell_event_tags { float: left; padding-left: 10px; width: 300px; } } */ @media screen and (max-width: 35em) { /* Hide the title of event name */ #list_events tbody tr.events td.cell_0 b.ui-table-cell-label { display: none; } } /*END-----------Events styles-----------------------------------------*/ /*INIT-----------Agents styles----------------------------------------*/ .red, .redb, .redi, .error { background: #CC0000 !important; } .green { background: #5A8629 !important; } .orange { background: #ffa300 !important; } .yellow { background: #F3C500 !important; } .grey { background: #808080 !important; font-weight: bold; } .green, .orange, .yellow, .red, .grey, .agents_tiny_stats span { text-shadow: none; color: white !important; padding: 1px 3px; border-radius: 2px; } .agents_tiny_stats span { background: #222; } .agents_tiny_stats * { font-size: 12px !important; } @media screen and (max-width: 25em) { #list_agents .cell_2 .ui-table-cell-label, #list_agents .cell_3 .ui-table-cell-label, #list_agents .cell_6 .ui-table-cell-label, #list_agents .cell_4 .ui-table-cell-label, #list_agents .cell_5 .ui-table-cell-label, #list_agents .cell_8 .ui-table-cell-label { min-width: auto !important; } #list_agents .cell_3 .ui-table-cell-label, #list_agents .cell_6 .ui-table-cell-label, #list_agents .cell_7 .ui-table-cell-label { padding-left: 10px; } #list_agents .cell_2, #list_agents .cell_3, #list_agents .cell_6, #list_agents .cell_7 { display: inline !important; float: none !important; } #list_agents .cell_4, #list_agents .cell_8 { display: inline !important; float: none !important; } #list_agents .cell_8 { display: inline !important; float: none !important; } #list_agents b.ui-table-cell-label { display: none; } #list_agents .show_collapside { display: inline !important; } #list_agents .cell_1, #list_agents .cell_2, #list_agents .cell_3, #list_agents .cell_4 { display: none !important; } #list_agents .cell_0 .ui-link { font-size: 15px; } #list_agents .cell_6 .show_collapside { display: inline !important; } } /*END-----------Agents styles-----------------------------------------*/ /*INIT-----------Modules styles---------------------------------------*/ @media screen and (max-width: 25em) { #list_Modules .cell_1 .ui-table-cell-label, #list_Modules .cell_5 .ui-table-cell-label, #list_Modules .cell_6 .ui-table-cell-label { min-width: auto !important; } #list_Modules .cell_5 .ui-table-cell-label, #list_Modules .cell_6 .ui-table-cell-label { padding-left: 10px; } #list_Modules .cell_3, #list_Modules .cell_4 { display: inline !important; float: none !important; } #list_Modules .cell_0 .ui-table-cell-label, #list_Modules .cell_1 .ui-table-cell-label, #list_Modules .cell_3 .ui-table-cell-label, #list_Modules .cell_4 .ui-table-cell-label, #list_Modules .cell_5 .ui-table-cell-label { display: none; } #list_Modules .show_collapside { display: inline !important; } #list_Modules .data { white-space: nowrap; } #list_Modules .cell_2, #list_Modules .cell_3 { display: none !important; } #list_Modules .cell_0 .show_collapside, #list_Modules .cell_1 .show_collapside { display: none !important; } #list_Modules .cell_0 .ui-link { font-size: 15px; } } #list_Modules .cell_5 a { color: #000000 !important; } @media screen and (max-width: 25em) { #list_Modules_Embedded .cell_1 .ui-table-cell-label, #list_Modules_Embedded .cell_4 .ui-table-cell-label { min-width: auto !important; } #list_Modules_Embedded .cell_4 .ui-table-cell-label { padding-left: 10px; } #list_Modules_Embedded .cell_3 { display: none !important } #list_Modules_Embedded .cell_4 { display: inline !important; float: none !important; } #list_Modules_Embedded .cell_0 .ui-table-cell-label, #list_Modules_Embedded .cell_1 .ui-table-cell-label, #list_Modules_Embedded .cell_3 .ui-table-cell-label, #list_Modules_Embedded .cell_4 .ui-table-cell-label { display: none; } #list_Modules_Embedded .show_collapside { display: inline !important; } #list_Modules_Embedded .data { /* white-space: nowrap; */ } #list_Modules_Embedded .cell_2, #list_Modules_Embedded .cell_4 { display: none !important; } #list_Modules_Embedded .show_collapside > img { display: none !important; } #list_Modules_Embedded .cell_3 .show_collapside { display: none !important; } } #list_Modules_Embedded .cell_4 a, #list_Modules_Embedded .cell_1 a { color: #000000 !important; } /* @media screen and (max-width: 320px) { #list_Modules_Embedded .cell_1 .ui-table-cell-label, #list_Modules_Embedded .cell_6 .ui-table-cell-label { min-width: auto !important; } #list_Modules_Embedded .cell_6 .ui-table-cell-label { padding-left: 10px; } #list_Modules_Embedded .cell_3, #list_Modules_Embedded .cell_4 { display: inline !important; float: none !important; } #list_Modules_Embedded .cell_0 .ui-table-cell-label, #list_Modules_Embedded .cell_1 .ui-table-cell-label, #list_Modules_Embedded .cell_3 .ui-table-cell-label, #list_Modules_Embedded .cell_4 .ui-table-cell-label { display: none; } #list_Modules_Embedded .show_collapside { display: inline !important; } #list_Modules_Embedded .data { white-space: nowrap; } #list_Modules_Embedded .cell_2 { display: none !important; } } #list_Modules_Embedded .cell_4 a { color: #000000 !important; } */ /*END------------Modules styles---------------------------------------*/ /*INIT---------Fix the square border in search input------------------*/ .ui-input-search { border-radius: 0.6em 0.6em 0.6em 0.6em !important; } .ui-select { width: 100% !important; } /*END----------Fix the square border in search input------------------*/ ul.ui-listview li.ui-btn div.ui-btn-inner div.ui-btn-text { padding-top: 5px; padding-left: 5px; } li.ui-btn { margin-bottom: 4px !important; margin-top: 4px !important; } /*INIT---------Fix the tons of air between the rows in small table----*/ .head_vertical { margin-top: 0px !important; border-top: 1px solid grey; } .head_horizontal { border-bottom: 1px solid grey !important; } @media screen and (max-width: 25em) { .ui-table th, .ui-table td { padding: 3px !important; padding-left: 3px; } } /*END----------Fix the tons of air between the rows in small table----*/ /*INIT---------Fix to avoid clicks under loading message--------------*/ .ui-loader-background { width:100% !important; height:100% !important; top:0 !important; margin: 0 !important; background: rgba(0, 0, 0, 0.3) !important; display:none !important; position: fixed !important; z-index:100 !important; } .ui-loading .ui-loader-background { display:block !important; } /*END----------Fix to avoid clicks under loading message--------------*/ .button_layer { position: relative; float: right; padding-right: 60px; height: 30px; } .ui-icon-big { width: 28px !important; height: 28px !important; } @media screen and (max-width: 25em) { .events .status_row { display: none; } .events .cell_0 a.event_name { width: 87%; float: left; } .events_agent { min-width: 50%; } .untiny { display: none; } .agents_tiny_stats, .agents_last_contact { float: right; } } @media screen and (min-width: 25em) { .events .cell_0 .event_link{ display: none; } .events td { height: 35px; } .events_agent { float: left; margin-right: 15px; } .tiny { display: none; } } /* For mobiles */ @media screen and (max-width: 800px) { .ui-content>.ui-btn { margin: 10px 7px; height: 30px; padding-top: 3px; } } /* For tablets */ @media screen and (min-width: 800px) { .ui-content>.ui-btn { width: 31%; display: inline-block; margin: 8px 5px; height: 40px; padding-top: 8px; } } table.tactical_bars { width: 100%; } .tactical_bar { text-align: center; margin-bottom: 4px; } .ui-bar, .ui-body { margin: 5px; } .events .cell_0 img { margin-right: 5px; } .cell_event_name { padding-bottom: 10px; font-weight: bold; } .ui-icon-eye { background-image: url(../../images/eye.png) !important; background-position: center; } span.nobold * { font-weight: normal; } .events_timestamp { font-size: 10px; float: right; text-align: right; line-height: 1.1em; } .events_agent { float: left; } .events_agent b.ui-table-cell-label { display: block !important; } #list_Modules *, #list_agents *, #list_alerts *, #list_networkmaps * { color: #222; } DIV.legend>DIV { width: 100% !important; opacity: 0.65 !important; } DIV.nodata_text { padding: 5px 12px 0px 68px; font-weight: bold; color: #C1C1C1; text-transform: uppercase; display: table-cell; vertical-align: middle; text-align: left; } DIV.nodata_container { width:150px; height:100px; background-repeat:no-repeat; background-position: center; margin: auto auto; display: table; } /* JQuery Mobile responsive hack to tables with */ .ui-table-reflow.ui-responsive { display: table !important; }