.errorMessage {
    color: #a94442;
}
.badge-disc {
    font-weight: bold;
    min-width: 25px
}

/*
 *
 * Discovery -> Behaviour
 *
 */
#behaviour-change-area {
  position: relative;
  width: 100%;
  height: 100px;
}
#behaviour-change {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
#behaviour-change-indicator {
  position: absolute;
  top: 21px;
  z-index: 10;
}




/* Page breadcrumb */
.page-bar {
  padding: 0px;
  background-color: #f7f7f7;
  margin-bottom: 25px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.page-bar:before, .page-bar:after {
  content: " ";
  display: table;
}
.page-bar:after {
  clear: both;
}
.page-bar .page-breadcrumb {
  display: inline-block;
  float: left;
  padding: 8px;
  margin: 0;
  list-style: none;
}
.page-bar .page-breadcrumb > li {
  display: inline-block;
}
.ie8 .page-bar .page-breadcrumb > li {
  margin-right: 1px;
}
.page-bar .page-breadcrumb > li > a,
.page-bar .page-breadcrumb > li > span {
  color: #888;
  font-size: 14px;
  text-shadow: none;
}
.page-bar .page-breadcrumb > li > i {
  color: #aaa;
  font-size: 14px;
  text-shadow: none;
}
.page-bar .page-breadcrumb > li > i[class^="icon-"],
.page-bar .page-breadcrumb > li > i[class*="icon-"] {
  color: gray;
}
.page-bar .page-toolbar {
  display: inline-block;
  float: right;
  padding: 0;
}

.breadcrumb-grey {
    background-color: #3d3d3d;
    color: #fff
}
a.breadcrumb-grey:hover{
    background-color: #000;
    color: #f87615
}
.breadcrumb-selected {
    background-color: #f87615;
}
.page-bar .page-toolbar .btn-fit-height {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -ms-border-radius: 0 4px 4px 0;
  -o-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  padding-top: 8px;
  padding-bottom: 8px;
}
.page-container-bg-solid .page-bar {
  position: relative;
  padding: 0px 20px;
  background-color: #ffffff;
  margin: -25px -20px 0 -20px;
}
.page-container-bg-solid .page-bar .page-breadcrumb {
  padding: 11px 0;
}
.page-container-bg-solid .page-bar .page-breadcrumb > li > a,
.page-container-bg-solid .page-bar .page-breadcrumb > li > span {
  color: #888;
}
.page-container-bg-solid .page-bar .page-breadcrumb > li > i {
  color: #aaa;
}
.page-container-bg-solid .page-bar .page-breadcrumb > li > i[class^="icon-"],
.page-container-bg-solid .page-bar .page-breadcrumb > li > i[class*="icon-"] {
  color: #8c8c8c;
}
.page-container-bg-solid .page-bar .page-toolbar {
  padding: 6px 0;
}
.page-container-bg-solid .page-bar .page-toolbar .btn {
  margin-top: -2px;
}
.page-container-bg-solid .page-bar .page-toolbar .btn.btn-sm {
  margin-top: 0px;
}

.ajax-loading {
    background: url('../images/ajax-loader.gif') no-repeat left center;
    width: 128px;
    height: 15px;
    display: block
}


.areas .area-box {
    padding: 20px;
    margin-bottom: 20px;

    border: 2px solid #f87615;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;

    background-color: #3d3d3d;
    background: -moz-linear-gradient(top, #3d3d3d 0%, #1c1c1c 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d3d3d), color-stop(100%,#1c1c1c)); /* webkit */font-size:20px;

    box-shadow: 0 1px 2px #fff, 0 -1px 1px #ffa867, inset 0 -1px 1px rgba(0,0,0,0.5), inset 0 1px 1px rgba(255,255,255,0.8);
    -moz-box-shadow: 0 1px 2px #fff, 0 -1px 1px #ffa867, inset 0 -1px 1px rgba(0,0,0,0.5), inset 0 1px 1px rgba(255,255,255,0.8);
    -webkit-box-shadow: 0 1px 2px #fff, 0 -1px 1px #ffa867, inset 0 -1px 1px rgba(0,0,0,0.5), inset 0 1px 1px rgba(255,255,255,0.8);

    color: #fff
}

.areas .height-10 {
    height: 120px
}

.areas .height-15 {
    text-align: center;
    height: 100px;
}
.areas .height-20 ul {
    min-height: 220px;
}
.areas ul li {
    font-size: 15px;
    padding-bottom: 3px
}

.areas .area-box h3,
.areas .area-box h4 {
    margin-top: 0;
}

.areas .area-box h4 {
    min-height: 60px;
    margin-top: 0;
}
.areas .area-box h3 a,
.areas .area-box h4 a {
    font-size: 24px;
    color: #fff
}
.areas .area-box h3 a,
.areas .area-box h4 a,
.areas .area-box a {
    color: #fff;
}
.areas .area-box .btn-area {
    font-size: 16px
}

.change_cell a {
	
}
.change_cell strong {
	width: 15px;
	height: 15px;
	display: block;
	float: left;
    margin-top: 10px
}
.colour_red strong {
	background-color: red
}
.colour_green strong {
	background-color: green
}
.colour_amber strong {
	background-color: orange
}
.colour_yellow strong {
	background-color: #efe51a
}
.colour_white strong {
	background-color: white;
	border: 2px solid green;
	width: 11px;
	height: 11px;
}

.content-area-block {
    background-color: #F7F7F7; 
    border: 1px solid #E5E5E5;
    padding: 10px
}


body.page-error {
    background-color: #fafafa;
}
body.page-error .container {
    padding-top: 100px;
    max-width: 600px
}

.portlet.box.grey > .portlet-title {
    background-color: #ddd;
}
.portlet.box.grey {
    border: 1px solid #ddd;
    border-top: 0;
}
.portlet > .portlet-body.grey, .portlet.grey {
    background-color: #ddd;
}
.portlet.box.grey > .portlet-title > .caption {
    color: #666;
}