div.action-taken {
    clear: both;
    margin: 1em 0;
    padding: 1em;
    background: #fffbe0;
    border: solid 1px #f3d002;
    line-height: 1.3em;
    border-radius: 6px;
	width: 549px;
    display:none;
}
#action-taken-badge {
    background: #009200;
    color: #fff;
    padding: 0.25em 0.5em;
    margin: 0 1em 0 0;
    float: left;
    max-width: 180px;
	border-radius: 6px;
}
#actionable-badge {
    background: #ee6600;
    color: #fff;
    padding: 0.25em 0.5em;
    margin: 0 1em 0 0;
    float: left;
    max-width: 180px;
	border-radius: 6px;
}
#action-review-badge {
    background: #0000ee;
    color: #fff;
    padding: 0.25em 0.5em;
    margin: 0 1em 0 0;
    float: left;
    max-width: 180px;
	border-radius: 6px;
}
#action-summary {
    float: left;
    padding: 0.25em 0.5em;
    max-width: 375px;
}
#action-summary span{
	margin-bottom: 5px;
    display: inline-block;
	font-weight:bold;
}
#action-responsible-person {
    float: left;
    padding: 0.25em 0.5em;
    max-width: 180px;
}
#action-left-container{
	float: left;
	max-width: 180px;
}
#action-left-container span{
	margin-bottom: 5px;
    display: inline-block;
	font-weight:bold;
}
div.f-actionable {
	padding-top: 10px!important;
}

/*
    background-color: #10b401;
    color: #fff;
    border-radius: 3px;

*/

/* grey */
.actionable_todo {
	background-color: #888;
    color: #fff;
    border-radius: 3px;
}

/* green */
.actionable_action_taken {
	background-color: #10b401;
    color: #fff;
    border-radius: 3px;
}

/* blue */
.actionable_in_review {
	background-color: #12b6fd;
    color: #fff;
    border-radius: 3px;
}

/* orange */
.actionable_in_progress {
	background-color: #d48d00;
    color: #fff;
    border-radius: 3px;
}