.card-stack-view {
	overflow-x: hidden;
	font-family: "Open Sans", sans-serif;
	font-size: 12px;
	background: #e8edf3;
	padding: 15%;
	height: 100vh;
}


.no-transition {
	-webkit-transition: none ! important;
	-o-transition: none ! important;
	transition: none ! important;
}

.stackedcards-overflow {
	overflow-y: hidden !important;
}

.stackedcards.init {
	opacity: 0; /* set the opacity to 0 if you want a fade-in effect to stacked cards on page load */
}

.stackedcards {
	position: relative;
}

.stackedcards * {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.stackedcards--animatable {
	-webkit-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}

.stackedcards .stackedcards-container > *,
.stackedcards-overlay {
	position: absolute;
	width: 100%; /* set 100% */
	height: 300px; /* set 100% */
	will-change: transform, opacity;
	top: 0;
	border-radius: 10px;
}

.stackedcards-overlay.left > div,
.stackedcards-overlay.right > div,
.stackedcards-overlay.top > div,
.stackedcards-overlay.skipped > div,
.stackedcards-overlay.bottom > div {
	width: 100%;
	height: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.stackedcards-overlay.left,
.stackedcards-overlay.right,
.stackedcards-overlay.top,
.stackedcards-overlay.skipped,
.stackedcards-overlay.bottom {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	left: 0;
	opacity: 0;
	top: 0;
	height: 100%;
	font-size: 24px; /* this style was added only for better preview */
	text-transform: uppercase; /* this style was added only for better preview */
	font-weight: 500; /* this style was added only for better preview */
	color: #fff; /* this style was added only for better preview */
}

.stackedcards-overlay.top, .top-action  {
	background: #8ac286;
}

.stackedcards-overlay.right, .right-action {
	background: #41bd3a;
}

.stackedcards-overlay.left, .left-action {
	background: #d55c64;
}

.stackedcards-overlay.bottom, .bottom-action {
	background: #a88d2d;
}

.stackedcards-overlay.skipped, .skip-action {
	background: #2d9bf3;
}

.stackedcards-overlay.left:empty,
.stackedcards-overlay.right:empty,
.stackedcards-overlay.top:empty,
.stackedcards-overlay.skipped:empty,
.stackedcards-overla§y.bottom:empty {
	display: none !important;
}

.stackedcards-overlay-hidden {
	display: none;
}

.stackedcards-origin-bottom {
	-webkit-transform-origin: bottom;
	-ms-transform-origin: bottom;
	transform-origin: bottom;
}

.stackedcards-origin-top {
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top;
}

.stackedcards-bottom,
.stackedcards-top,
.stackedcards-none {
	background: #fff; /* set card background background */
	height: 100%;
}

.stackedcards .stackedcards-container > :nth-child(1) {
	position: relative;
	display: block;
}

/* global actions buttons*/
.global-actions {
	display: inline-flex;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 10px;
}

.top-action,
.right-action,
.left-action,
.bottom-action,
.skip-action {
	width: 46%;
	margin: 2%;
	height: 50px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
	font-weight: 500;
	color: #fff;
}

.skip-action {
	width: 100%;
}

/* elements on stacked cards */
.card-item {
	background: #FFFFFF;
}

.swiper-pagination-bullet{
	background:white!important;
	border-radius: 100%;
	height: 17px;
	width: 17px;
	display: none;
}

.well-done-container {
	display: flex;
	flex-direction: column;
}

.well-done-element {
	padding: 20px;
}