/*
 * @package	BM.Admin
 * @copyright	Copyright (c) Bienvenue-Multimedia (http://www.bienvenue-multimedia.ca)
 */

h2, h3.media-heading{ font-size: 18px; }
.hype-container{ overflow: hidden; }
.hype-container > div{
	position: relative;
	margin: auto;
	overflow: hidden;
}
.btn-next{ background: #dcdcdc; }
@media only screen and (min-width: 1200px){
	.btn-next{
		position: absolute;
		bottom: 15px;
		right: 15px;
		z-index: 2002;
	}
}
div.alt{
	position: absolute;
	bottom: 45px;
	width: 90%;
	padding: 0 20px;
}
.images-on div.alt{ display: none; }
.popover{
	position: relative;
	display: block;
	max-width: none;
	margin-left: 15px;
}
@media (min-width: 970px){
	.popover{ margin-top: 15px; }
	.popover > .arrow{
		top: 50%;
		right: -11px;
		margin-top: -11px;
		border-left-color: rgba(0, 0, 0, 0.25);
		border-right-width: 0;
	}
	.popover > .arrow::after{
		bottom: -10px;
		right: 1px;
		border-left-color: #fff;
		border-right-width: 0;
		content: " ";
	}
}
@media (max-width: 969px){
	.popover > .arrow{
		bottom: -11px;
		left: 50%;
		margin-left: -11px;
		border-bottom-width: 0;
		border-top-color: rgba(0, 0, 0, 0.25);
	}
	.popover > .arrow::after{
		bottom: 1px;
		margin-left: -10px;
		border-bottom-width: 0;
		border-top-color: #fff;
		content: " ";
	}
}

.HYPE_scene[hype_scene_index='0'] > div:nth-child(4),
.HYPE_scene[hype_scene_index='1'] > div:nth-child(10),
.HYPE_scene[hype_scene_index='2'] > div:nth-child(8){ display: none; }

.ui-draggable, .ui-draggable:hover{
	display: block;
	visibility: hidden;
	text-decoration: none;
	color: #ffffff;
}
.ui-draggable:focus{
	background: #ffffff !important;
	color: #000000;
}
.ui-draggable[data-rel='1'], .ui-droppable[data-rel='1'] .label{ background-color: #552c35; }
.ui-draggable[data-rel='2'], .ui-droppable[data-rel='2'] .label{ background-color: #c41331; }
.ui-draggable[data-rel='3'], .ui-droppable[data-rel='3'] .label{ background-color: #303436; }
.ui-draggable[data-rel='4'], .ui-droppable[data-rel='4'] .label{ background-color: #9f1b32; }
.ui-draggable[data-rel='5'], .ui-droppable[data-rel='5'] .label{ background-color: #7a2333; }
.ui-droppable{
	position: relative;
	margin: 0 0 3px 0;
	padding: 0 3px;
	background: #ffffff;
	border: 4px solid transparent;
	border-radius: 3px;
	box-shadow: 0 3px 0 #dbe1f0;
}
.ui-droppable:last-child{ margin-bottom: 15px; }
.ui-droppable.focus{ border-color: #cbcccd; }
.ui-droppable[data-rel='1'].dropped{ border-color: #552c35; }
.ui-droppable[data-rel='2'].dropped{ border-color: #c41331; }
.ui-droppable[data-rel='3'].dropped{ border-color: #303436; }
.ui-droppable[data-rel='4'].dropped{ border-color: #9f1b32; }
.ui-droppable[data-rel='5'].dropped{ border-color: #7a2333; }
.ui-droppable.wrong{ border-color: #ff0000; }
.ui-droppable .img-thumbnail{
	display: block;
	width: 60px;
	height: 60px;
	margin: 0;
	background: #dbe1f0;
	overflow: hidden;
	border-radius: 50%;
	box-shadow: none;
	box-shadow: 0 0 0 4px #ffffff, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
}
.ui-droppable .media-body{
	padding: 0;
	color: #000000;
}
@media only screen and (max-width: 1200px){
	.ui-droppable h3{ font-size: 14px; }
}
.ui-droppable .label{
	visibility: hidden;
	white-space: normal;
}
.ui-droppable.dropped{ cursor: pointer; }
.ui-droppable.dropped .label{ visibility: visible; }
.modal .img-thumbnail{ width: auto; }