/* Alert Colors
----------------------------- */
hr { background-color: #dddddd !important; }
/* for CKEditor */
.alert-status span {
padding: 0 0.5em;
display: inline-block;
}

/* Horizontal Rules */
.hr-green, .hr-yellow, .hr-orange, .hr-red {
height: 26px;
margin: 1em 0 0.5em 0;
}
.hr-green {
color: green;
background-color: #008000 !important;
}
.hr-yellow {
color: #f2d21a;
background-color: #fc0 !important;
}
.hr-orange {
color: orange;
background-color: #fe910a !important;
}
.hr-red {
color: red;
background-color: #d00 !important;
}

/* Alert Boxes */
.alert-green, .alert-yellow, .alert-orange, .alert-red {
padding: 1.5em 1em;
margin-bottom: 1em;
}
.alert-green p, .alert-yellow p, 
.alert-orange p, .alert-red p {
font-size: 1.23em;
margin-bottom: 0;
}
.alert-green, .alert-green * {
background-color: #008000 !important;
color: #fff !important;
}
.alert-yellow, .alert-yellow * {
background-color: #fc0 !important;
}
.alert-orange, .alert-orange * {
background-color: #fe910a !important;
}
.alert-red, .alert-red * {
background-color: #d00 !important;
color: #fff !important;
}
.alert-green a,
.alert-red a {
color: #fff !important;
}
.alert-yellow a,
.alert-orange a {
color: #222 !important;
}
.alert-yellow a:hover,
.alert-orange a:hover {
color: #00f !important;
}

.alert-green a:hover,
.alert-red a:hover {
color: #000 !important;
}

/* Alert Levels link */
.alert-green p:last-child, .alert-yellow p:last-child, 
.alert-orange p:last-child, .alert-red p:last-child {
font-size: 1.05em;
line-height: 1.55;
margin-top: 0.25em;
margin-bottom: 0.25em;
letter-spacing: 0.05em;
word-spacing: 0.05em;
font-weight: normal;
font-style: normal;
text-transform: lowercase;
-moz-font-feature-settings: "smcp" 1;
-moz-font-feature-settings: "smcp=1";
-ms-font-feature-settings: "smcp" 1;
-o-font-feature-settings: "smcp" 1;
-webkit-font-feature-settings: "smcp" 1;
font-feature-settings: "smcp" 1;
}

/* Status Bar */
.status-bar {
width: 40%; 
border: 1px solid #222;
}
.status-bar div {
background-color: #286dc0 !important; 
color: #fff;
padding: 0;
text-align: center;
margin-bottom: 0;
}

/* Capacity Checks */
.capacity-checks p {
display: inline-block;
margin-right: 3em;
margin-bottom: 0.5em;
}

.capacity-checks p:before {
font: normal normal normal 14px/1 FontAwesome;
content: "\f05d";
font-size: 3em;
display: block;
text-align: center;
color: #008000;
}
