.tutorial-panel {
	height: 100%;
    display: flex;
    flex-direction: column;
}

.tutorial-panel.ps-panel .ps-panel--content {
    height: 100%;
    display: flex;
 			flex-direction: column;
}

.tutorial-panel .tutorial--title,
.tutorial--dialog .dialog--header--title {
	font-weight: 500;
	text-transform: uppercase;
}

.tutorial-panel .tutorial-panel--img-container {
	display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 100%;
    margin-top: 1rem;
}

.tutorial-panel--img-container .tutorial--image {
	display: block;
	width: auto;
	height: auto;
	max-width: 250px;
 			max-height: 250px;
	cursor: pointer;
}

.tutorial--dialog .dialog--header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/* Override default w-faces max-width */
.tutorial--dialog.b-modal-dialog__wrapper2 {
		max-width: none;
}

.tutorial--dialog .tutorial--video {
		outline: 1px solid #ccc;
		width: 1024px;
}

@media screen and (max-width: 1024px) {
	.tutorial--dialog .tutorial--video {
		width: 400px;
	}
}

select.filter-tags-list {
	width:100% !important
}

.tt-tag {
	padding: 0.2rem 0.4rem;
	outline: 1px solid #CCCCCC;
	border-radius: 0.4rem;
	background-color: #F0F0F0;
	margin-right: 0.5rem;
}