.item-promotion-container {
	position: relative;
}

/* Fix for FireFox */
.item-promotion-container .col {
	width: 100%;
}

.item-promotion-container .row {
	margin-bottom: 0px;
}

.item-promotion-container .card {
	margin: 0;
}

.item-promotion-container .page-left {
	cursor: pointer;
	position: absolute;
	top: 40%;
	left: 0;
	z-index: 1;
	background-color: rgba(255, 255, 255, 0.70);
}

.item-promotion-container .page-left.disabled {
	cursor: default;
	color: rgba(0, 0, 0, 0.50);
}

.item-promotion-container .page-left i {
	font-size: 50px;
}

.item-promotion-container .page-right {
	cursor: pointer;
	position: absolute;
	top: 40%;
	right: 0;
	z-index: 1;
	background-color: rgba(255, 255, 255, 0.70);
}

.item-promotion-container .page-right.disabled {
	cursor: default;
	color: rgba(0, 0, 0, 0.50);
}

.item-promotion-container .page-right i {
	font-size: 50px;
}

.item-promotion-container .page-counter {
	position: absolute;
	top: 2px;
	left: 2px;
	padding: 5px;
	z-index: 1;
	background-color: rgba(255, 255, 255, 0.70);
}

.login-tooltip-container {
    padding: 10px 8px;
	font-size: 1rem;
    z-index: 2000;
    color: #fff;
    position: absolute;
    right: 10px;
	top: 32px;
}
.login-tooltip-box {
    text-align: center;
	position: relative;
	background-color: #323232;
	padding: 10px;
	border-radius: 2px;
}
.login-tooltip-box:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #323232;
	border-width: 15px;
	margin-left: 5px;
}