.deployBadgeWrapper {
	display: flex;
	text-transform: lowercase;
}

.deployHook .deployBadge {
	background: #9D9E9D;
	padding: 1px 4px;
	color: #fff !important;
	border-radius: 0 6px 6px 0;
	font-size: 11px;
}

.deployHook .deployBadge.success {
	background: #4CC51E;
}

.deployHook .deployBadge.running {
	background: #D9B639;
}

.deployHook .deployBadge.failed {
	background: #D21F1D;
}

.deployHook .deployBadgeTitle {
	background: black;
	padding: 1px 4px;
	color: #fff !important;
	border-radius: 6px 0 0 6px;
	font-size: 11px;
}

.deployHook .loading::after {
	position: absolute;
	content: '';
	font-size: 0;
	display: block;
	left: 8px;
	top: 0;
	bottom: 0;
	margin: auto;
	background: url(../images/spinner.gif) no-repeat 0 50%;
	background-image: url(../images/spinner_submit.gif);
	-webkit-animation: rotator .7s linear infinite;
	-o-animation: rotator .7s linear infinite;
	animation: rotator .7s linear infinite;
	border-color: transparent currentcolor currentcolor transparent;
	border-radius: 50%;
	border-style: solid;
	border-width: 0px;
	box-sizing: border-box;
	-o-object-fit: scale-down;
	object-fit: scale-down;
	opacity: .8;
	visibility: visible;
	height: 16px;
	width: 16px;
}

.environment-hook {
    margin-bottom: 16px;
    padding: 12px 0;
    border-bottom: 1px solid #eee;
}

.environment-hook:last-child {
    border-bottom: none;
}