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

.ui-header .ui-title {
	font-size: 14px !important;
}

label, input, .ui-btn-inner {
	font-size: 12px !important;
}

#tactical * {
	font-size: 14px !important;
}

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

.group_view_normal, .group_view_normal *,
.group_view_norm, .group_view_norm * {
	background-color: #FFFFFF;
	color: #000000 !important;
}
.group_view_norm * {
	color: #000000 !important;
}

.group_view_ok, .group_view_ok * {
	background-color: #00C000;
	color: #000000 !important;
}
.group_view_ok * {
	color: #000000 !important;
}

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

tr.group_view_alrm, .group_view_alrm {
	background-color: #ED8701;
}
.group_view_alrm * {
	color: #000000 !important;
}

tr.group_view_unk, .group_view_unk {
	background-color: #C4C4C4;
}
.group_view_unk * {
	color: #000000 !important;
}

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;
}
/*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: 320px)
{
	.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;
	}
}

/*END-----------Events styles-----------------------------------------*/



/*INIT-----------Agents styles----------------------------------------*/
.red, .redb, .redi, .error {
    color: #CC0000;
}

.green {
    color: #5A8629;
}

.grey {
    color: #808080;
    font-weight: bold;
}
/*END-----------Agents 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------------------*/



/*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--------------*/