pandorafms/pandora_console/mobile/include/style/main.css

* {
	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;
}