.actionsList {
	margin: 2em;
	border: 1px solid #F8F7F3;
	border-radius: 5px;
	background: #fdfcfa;
}
.actionsList__group {
	margin: 0;
	padding: 5px;
	min-width: 100%;
	list-style-type: none;
	max-height: 19em;
	overflow: auto;
}
.actionsList__group:focus {
	outline: 1px solid red;
}
.actionsList__option {
	list-style: none;
	padding: 0 1em 0 1.5em;
	margin: 0;
	line-height: 1.9;
	border-radius: 4px;
}
	.actionsList__option.j-focused {
		position: relative;
	}
		.actionsList__option.j-focused:after {
			content: "";
			display: block;
			position: absolute;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
			z-index: 2;
			border: 1px solid #AED5A8;
			border-radius: 4px;
		}
	.actionsList__option.j-selected {
		background-color: #E5F7E5;
		position: relative;
	}
	.actionsList__option.j-selected+.actionsList__option.j-selected:before {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		top: -3px;
		z-index: 1;
		background-color: #E5F7E5;
		height: 6px;
	}
	.actionsList__option.j-selected.animate,
	.actionsList__option.j-selected.animate+.actionsList__option.j-selected.animate:before {
		background-color: #D1F5D1;
	}


/* Handle */
.actionsList__handle {
	display: none;
	box-sizing: border-box;
	float: right;
	padding: 0.15em 0.4em 0 0.4em;
	height: 2em;
	font-size: 0.8em;
	border-width: 1px;
	color: #A09890;
	background: #F7F4F0;
	border-radius: 4px;
	margin-top: 0.15em;
	cursor: pointer;
	position: relative;
	z-index: 10;
}
    .j-selected .actionsList__handle {
        background: rgba(65, 58, 58, 0.07);
    }
    .handle .actionsList__handle {
        display: inline-block;
    }


/* Actions */
.actionsList__actionbar {
	padding: 0.7em;
	border-top: 1px solid #F1F0EB;
}
	.actionsList__button {
		margin: 0 0.4em 0 0;
		padding: 0.5em 1em;
		font-size: 14px;
		line-height: 1.9;
		border: none;
		border-radius: 5px;
		cursor: pointer;
		background: #F6F5F3;
	}
	.actionsList__button:hover {
		background: #eee;
	}
	.actionsList__button:active {
		background: #e0e0e0;
		border: none;
	}
	.disabled .actionsList__button,
	.disabled .actionsList__button:hover,
	.disabled .actionsList__button:active {
		color: #bbb;
		background: none;
		cursor: default;
		border-style: none;
		box-shadow: none;
	}


/* Focused */
.actionsList:not(.focused) .actionsList__option {
	color: #666;
}
.actionsList:not(.focused) .actionsList__option.j-selected {
	background-color: #FAF5F5;
}
.actionsList:not(.focused) .actionsList__option.j-selected+.actionsList__option.j-selected:before {
	background-color: #FAF5F5;
}
.actionsList:not(.focused) .actionsList__option.j-focused:after {
	display: none;
}


/* Disabled */
.j-disabled .actionsList__option {
	color: #666;
}
.j-disabled .actionsList__option.j-selected {
	background-color: #FAF5F5;
}
.j-disabled .actionsList__option.j-selected+.actionsList__option.j-selected:before {
	background-color: #FAF5F5;
}
.j-disabled .actionsList__option.j-focused:after {
	display: none;
}
