.PROBLEM {
	background-color: #F7B0B9;
}

.WARNING {
	background-color: #FFF380;
}

img.ci-app-icon {
	height: 42px;
	width: 42px;
	margin-right: 10px;
}

img.ci-qc-icon {
	height: 26px;
	width: 26px;
	margin-right: 10px;
}

div.ci-main-panel {
	display: inline-block;
}

div.ci-heading-panel {
	font-size: 20px !important;
	padding: 6px 15px;
	color: #fff;
	background-color: #428bca;
	border-color: #428bca;
}

table.ci-sub-panel {
	float: left;
	width: 360px;
}

table.ci-sub-panel-left {
	margin-right: 50px;
}

table.ci-sub-panel td, table.ci-qc-table td, table.ci-qc-table-disabled td {
	padding: 2px 0px;
	line-height: 1em;
}

td.ci-fixed-label {
	max-width: 200px;
}

td.ci-qc-fixed-label {
    max-width: 155px;
}


div.ci-sub-panel {
	float: left;
    width: 360px;
}

div.ci-sub-panel-left {
	margin-right: 50px;
}

div.ci-kepler-icon, div.ci-mobrand-icon {
	height: 15px;
	width: 15px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: 15px 15px;
}

div.ci-kepler-icon {
	background-image: url("../images/kepler_144.png");
}

div.ci-mobrand-icon {
	background-image: url("../images/mobrand_logo.jpg");
}

.ci-not-applicable-attribute {
	color: #BBBBBB;
}

div.ci-panel {
	padding: 15px;
}

div.ci-panel h4 {
	padding: 4px 8px 4px;
	margin: 0px 0px 10px;
}

div.ci-panel h4.Active {
	background-color: #55FF55;
}

div.ci-panel h4.Broken {
	background-color: #F76E7F;
}

div.ci-panel h4.Inactive {
	background-color: #F5EB5E;
}

div.ci-panel h4.ci-in-use {
	background-color: #08dcdf;
}

div.ci-panel h4.ci-not-used {
	background-color: #EEEEEE;
	color: #999999;
}

h4.ci-not-used img {
	opacity: 0.4;
}

div.ci-panel h4.ci-for-hops {
	background-color: #DDDDDD;
}

div.ci-hop-info {
	width: 340px;
	word-break: break-all;
	line-height: 1em;
}

div.ci-hop-visible {
	display: block;
}

div.ci-hop-hidden {
	display: none;
}

div.ci-qc-hops, div.ci-qc-hops-not-used {
    margin-left:10px;	
}

table.ci-qc-table-disabled, div.ci-qc-hops-not-used {
    opacity: 0.65;
}

button.ci-qc-button, button.ci-qc-button-not-in-use {
    padding: 2px 4px;
    font-size: 13px;
    line-height: 14px;
}

div.ci-qc-button-container {
	float: right;
}

div.ci-button {
	background-color: #e6e6e6;
	border-color: #adadad;
}