ul {
    list-style: none;
}

li {
    margin-top: 10px;
}

.indicator {
    display: block;
    width: 100px;
    height: 50px;
    color: white;
    text-align: center;
    padding: 12px;
    border-radius: 10px;
    font-size: 25px;
}

.indicator-ok {
    background-color: #00d300;
    display: none;
}

.indicator-nok {
    background-color: #f00;
    display: none;
}

.indicator-pending {
    background-color: #3d07fb;
    width: 130px;
    padding: 7px;
}

#pm_container {
	margin-top: 10px;
	display: flow-root;
}

.paymentMethod {
	height: 50px;
	max-width: 150px;
	margin: 5px 5px 5px 5px;
	box-shadow: 2px 2px 2px 2px #b3b3b3;
}

.paymentMethod:hover {
	box-shadow: 0px 0px 0px 0px #85ff81;
	background-color: #fff;
}

a[data-title]:hover:after {
	content: attr(data-title);
	padding: 4px 8px;
	color: #333;
	position: absolute;
	left: 0;
	top: 120%;
	white-space: nowrap;
	z-index: 999;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0px 0px 4px #222;
	-webkit-box-shadow: 0px 0px 4px #222;
	box-shadow: 0px 0px 4px #222;
	background-color: #E9E9E9;
	font-size: 20px;
}