[ng-drag].dragging img, [ng-drag-clone].dragging img {
	max-width: 100px;
	max-height: 100px;
}


.interactive ul li:before {
	content: none !important;
}
.interactive .success {
	color: green;
}

.interactive .error {
	color: red;
}

.interactive .answer.disabled {
	color: grey; text-decoration: line-through;
	box-shadow: none; border: none;
}

.interactive .answer.active {
	background: #f6f6f6;
	 box-shadow: none; border: none;
	 border-left: 3px solid #ccc;
}

.interactive .answer.success.active {
	background: #fff; border-left: 3px solid green;
}

.interactive .right {
	float: right;
}

.interactive {
	font-family: sans-serif;
}

.interactive .ph-article-title {
	margin: 0 0 10px 0;
}
.interactive p.excerpt {
	margin: 0;
}

.interactive, .interactive .swiper-slide {
	width: 100%;
	overflow: hidden;
}

.interactive .swiper-slide {
	box-sizing: border-box;
	padding: 10px;
}

/* Title slide */
.interactive .title-slide {
	padding: 0;
}

.interactive .title-slide .title-image {
	width: 625px;
	border-radius: 0;
	box-shadow: none;
	clear: both;
	float: none;
}

.interactive .title-slide p {
	margin: 0 10px;
}

.interactive .answer {
	cursor: pointer;
	padding: 1em; margin: 1em 0;
	border: 1px solid #ddd; box-shadow: 0 2px 5px #ccc;
}

.interactive .answers {
	list-style: none;
	margin: 0;
	padding: 0;
}

.interactive .answer:hover {
	background: #f6f6f6;
}

.interactive.poll .single .answers li {
	border-bottom: 1px solid #000;
	margin: 0;
	padding-left: 0;

	cursor: default;
	-webkit-transition: background 0.1s; /* For Safari 3.1 to 6.0 */
    transition: background 0.1s;
}

.interactive.poll .answers li:hover {

}

.interactive .next-button {
	float: right;
}

/* Personal data formular */
.interactive .form label {
	display: block;
	min-width: 400px;
	margin-bottom: 4px;
}

.interactive .form label span {
	display: inline-block;
	min-width: 150px;
}

.interactive .form label input[type="text"], .interactive .form label input[type="email"] {
	display: inline-block;
	min-width: 400px;
}

.interactive .form label input#zip {
	display: inline-block;
	min-width: 50px;
	margin-right: 13px;
}

.interactive .form label input#city {
	display: inline-block;
	min-width: 240px;
}

.interactive .form button[type="submit"] {
	margin-top: 15px;
	float: right;
}

/* Result of the type test*/
.interactive .typecheck-result .result-type,
.interactive .typecheck-result .result-description {
	clear: none;
}

.interactive .typecheck-result .typecheck-image {
	float: right;
	max-width: 200px;
}

/* Covervoting */
.interactive-wrapper {
	overflow: visible;
}
.interactive-app {
	overflow: visible;
}
.interactive.covervoting {
	padding: 5px;
	height: auto;
}

.interactive.covervoting .albums {
	clear: both;
	float: none;
	overflow: auto;
}

.interactive.covervoting .albums ul {
	list-style-type: none;
	margin-bottom: 0;
}

.interactive.covervoting .albums li:first-child {
	float: none;
}
.interactive.covervoting .albums li {
	display: inline-block;
	box-sizing: border-box;
	width: 20%;
	float: left;
	padding: 5px;
}

.interactive.covervoting .albums li div {
	padding: 0;
	font-size: 10px;
}

.interactive.covervoting .albums img {
	width: 100px;
	max-width: 100px;
}

.interactive.covervoting .voting ul {
	list-style-type: none;
	margin: 0;
	min-height: 65px;
	background: #888;
}

.interactive.covervoting .voting li {
	float: left;
	width: 10%;
}

/* Social sharing */
.interactive button.social-media-button {
	margin-right: 10px;
    outline: 0;
	background: none;
	border: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	box-shadow: none;
	padding: 5px;
}

.interactive .social-media-button img {
	border-radius: 5px;
	background: #fff;
	padding: 5px;
}

.question  {
	text-transform: none !important;
}

.quizimage {
	width: 100%;
}