.log-container,
.card-container,
.action-card-container {
	background-color: #fff;
    box-shadow: 0 2px 6px #afafaf;
    -webkit-box-shadow: 0 2px 6px #afafaf;
   	margin-bottom: 15px; 
}

.action-card-container {
    font-size: 20px;   
}

.log-container {
	list-style: none;
	padding: 0;
}

.action-card-container > .action-card  > .action-link,
.action-card-container > .action-card  > a {
	display: block;
	width: 100%;
	height: 100%;
    padding: 20px;
   	transition: background-color .2s ease-out, color .2s ease-out;
	outline: none;
}

.action-card-container > .action-card  > .action-link {
	cursor: pointer;
	color: #337ab7;
}

.action-card-container > .action-card  > .action-link.action-link-inactive {
	color: #eee;
}

.action-card-container > .action-card > .action-link:hover,
.action-card-container > .action-card > .action-link:focus,
.action-card-container > .action-card > a:hover,
.action-card-container > .action-card > a:focus {
	text-decoration: none;
}

.action-card-container > .action-card > .action-link:hover,
.action-card-container > .action-card > a:hover,
.action-card-container > .action-card > a.active {
	color: #000;
	background-color: #ececec;
}

.card-container .card-content + .card-content,
.log-container > .log-entry + .log-entry,
.action-card-container > .action-card + .action-card {
	border-top: 1px solid #ececec;
}

.card-container .card-content {
    padding: 10px;
}

.log-container > .log-entry {
	padding: 7px;
}

.card-heading {
	margin-top: 0;
}

.log-container > .log-entry > .log-actions {
	text-align: right;
}

.log-container > .log-entry > .log-actions  > a {
	margin-left: 10px;
}