/* CSS Document */

/**
* UI Elements that relate to the severity aspects of the data should use these classes
*/

.severity-level-S16 {
   	background-color: #E78487;
    color: #000;
}

.severity-level-S16b {
   	background-color: #E78487;
    color: #000;
   	/*
    border: thin solid #AAA;
background-color: #CCC;*/
}

.severity-level-S8 {
    background-color: #FBCBC2;
    color: #000;
}

.severity-level-S8b {
    background-color: #FBCBC2;
    color: #555;
    /*
    border: thin solid #AAA;
background-color: #CCC;*/
}

.severity-level-S4 {
	background-color: #FEE7CE;
    color: #000;
}

.severity-level-S4b {
	background-color: #FEE7CE;
    color: #777;
	/*
    border: thin solid #AAA;
background-color: #CCC;*/
}

.severity-level-S2 {
	background-color: #FEF5D7;
    color: #000;
}

.severity-level-S2b {
	background-color: #FEF5D7;
    color: #999;
	/*
    border: thin solid #AAA;
background-color: #CCC;*/
}

.severity-level-S1 {
	background-color: #FEF5D7;
    color: #000;
}

.severity-level-S1b {
	background-color: #FEF5D7;
    color: #999;
	/*
    border: thin solid #AAA;
    background-color: #CCC;*/
}

.severity-level-pass, .severity-level-pass a {
	background-color: #B4CF83;
	color: #000;
}

.severity-level-passb {
	color: #B4CF83;
    border: none;
}

.severity-level-none {
	background-color: #E7F7FF;
	color: #000;
}

.severity-level-S16 a,
.severity-level-pass a { 
	color: #068;
}

.severity-level-S8 a,
.severity-level-S4 a,
.severity-level-S2 a,
.severity-level-S1 a,
.severity-level-none a { 
	color: #179;
}

/* padding added for span used on the static Samples datatable on the Query Builder
padding in the styles above results in the name on the Waterfall datatable in the Waterfall detail
screen being indented because padding is applied twice */
span.severity-level-S16,
span.severity-level-S16b,
span.severity-level-S8,
span.severity-level-S8b,
span.severity-level-S4,
span.severity-level-S4b,
span.severity-level-S2,
span.severity-level-S2b,
span.severity-level-S1,
span.severity-level-S1b,
span.severity-level-pass,
span.severity-level-passb,
span.severity-level-none {
	padding: 2px 4px;
	font-size: .92em;
}

.test-sequence-widget .severity-level-S16,
.test-sequence-widget .severity-level-S8,
.test-sequence-widget .severity-level-S4,
.test-sequence-widget .severity-level-S2,
.test-sequence-widget .severity-level-S1,
.test-sequence-widtet .severity-level-pass,
.test-sequence-widget .severity-level-none,
.test-sequence-widget .test-sequence-active {
	padding: .75em;
	margin: .75em;
}

ul.errors, p.errors {
    background-color: #FAE4E4;
    padding: 10px;
    list-style-type: none;
    border: 1px solid red;
    color: red;
}