body::after {
	content: '';
    position: fixed;
    width: 40px;
    height: 40px;
    left: -20px;
    top: -20px;
    transform: rotate(45deg);
	z-index: 9999;
	display: none;
}
.pimtest::after {
	background-color: green;
	display: inherit;
}
.pimdevhappywarecom::after {
	background-color: yellow;
	display: inherit;
}
.pimdev1happywarecom::after {
	background-color: red;
	display: inherit;
}

.flash {
	animation: flash 1s ease-out;
	animation-iteration-count: 1;

	-moz-animation: flash 1s ease-out;
	-moz-animation-iteration-count: 1;
	
	-webkit-animation: flash 1s ease-out;
	-webkit-animation-iteration-count: 1;
	
	-ms-animation: flash 1s ease-out;
	-ms-animation-iteration-count: 1;
}

@keyframes flash {
	0% { background-color: none; }
	50% { background-color: #fbf8b2; }
	100% { background-color: none; }
}

@-webkit-keyframes flash {
	0% { background-color: none; }
	50% { background-color: #fbf8b2; }
	100% { background-color: none; }
}

@-moz-keyframes flash {
	0% { background-color: none; }
	50% { background-color: #fbf8b2; }
	100% { background-color: none; }
}

@-ms-keyframes flash {
	0% { background-color: none; }
	50% { background-color: #fbf8b2; }
	100% { background-color: none; }
}

.blink {
	animation: blink-animation 1s steps(5, start) infinite;
	-webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
	to {
		visibility: hidden;
	}
}
@-webkit-keyframes blink-animation {
	to {
		visibility: hidden;
	}
}

li[role=presentation] > a { cursor: pointer; }

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.nav>li>a {
	padding: 10px 10px;
}

div.dimmed,
label.dimmed
{
	position: relative;
}

div.dimmed:after,
label.dimmed:after
{
	content: " ";
	z-index: 10;
	display: block;
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.5);
}

.importantSetting
{
	background-color: #efefef;
	padding: 10px 15px 1px;
}
.box-folder .box-footer {
	display: none;
}

.nav.folders>li {
	cursor: pointer;
	-webkit-user-select: none; /* webkit (safari, chrome) browsers */
	-moz-user-select: none; /* mozilla browsers */
	-khtml-user-select: none; /* webkit (konqueror) browsers */
	-ms-user-select: none; /* IE10+ */
}
.nav.folders>li.placeholder {
	border-top: 1px solid #E7EBF1;
	border-left: 1px solid #fff;
	
	width: 100%;
	height: 40px;
	background-color: #f5f2b7 !important;
	margin-bottom: 2px;
}

.nav.folders>li>a {
	padding: 4px 10px 4px 2px;
}

.nav.folders .active {
	background-color: #ecf4f9;
}

.nav.folders a>i.fa {
    margin-right: 6px;
}

.nav.folders .label
{
	line-height: inherit;
	margin: 0 0 0 2px;
}

.nav.folders .badges {
	position: absolute;
	right: 4px;
}

.nav.folders .label-default {
    opacity: 0.25;
}

.nav.folders .label-primary,
.nav.folders .label-warning {
    margin-right: 0;
}

.nav.folders .label-default:first-of-type + .nav.folders .label-warning { 
  display: none;
}

.sub.folders.nav-stacked>li:last-of-type {
	border-bottom: 1px solid #f4f4f4;
	margin: 0;
}

.folders.nav-stacked>li>ul>li>a {
	border-left-width: 13px;
}
.folders.nav-stacked>li>ul>li>ul>li>a {
	border-left-width: 23px;
}
.folders.nav-stacked>li>ul>li>ul>ul>li>a {
	border-left-width: 33px;
}

.folders.nav-stacked li.placer,
.folders.nav-stacked li.placer>a {
	border: 0;
	height: 1px;
	overflow: hidden;
	padding: 0;
}

.box-folder li.empty {
	cursor: inherit;
	padding: 10px;
    line-height: 20px;
	font-style: italic;
}
.edit>.box-folder li.empty {
	display: none;
}

.edit>.box-folder ul {
	padding: 10px;
    border: 2px solid #E7EBF1;
	margin-top: -4px;
}

.edit>.box-folder li.btn {
	display: block;
}
.edit .box-folder .box-footer {
	display: block;
	text-align: right;
}
.edit .folders.nav-stacked> li>a {
	padding-left: 6px;
}
.edit .nav.folders>li>a {
	background-color: #F9FAFB;
	border: 2px solid #E7EBF1;
    margin: 2px 0;
}
	.edit .nav.folders>li>a:hover {
		background-color: #E7EBF1;
	}
	.edit .nav.folders>li.new>a {
		border-color: #00a65a;
		background-color: #00a65a;
		color: #fff;
	}
		.edit .nav.folders>li.new>a:hover {
			background-color: #00733e;
		}
.edit .nav.folders .badges .btn-group {
	margin: -4px -4px 0 0;
}

.checkbox-toggle {
	width: 30px;
}

.media-gallery {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	.media-gallery .info
	{
		display: block;
		height: 50px;
		background: #f4f4f4;
		color: #666;
		overflow: hidden;
		text-align: center;
		font-weight: inherit;
		margin: 0;
	}
		.media-gallery .info .name
		{
			display: block;
			overflow: hidden;
			height: 20px;
		}
		.media-gallery .info .meta
		{
			display: block;
			margin: 2px 5px 0 5px;
		}
			.media-gallery .info .meta .label
			{
				margin-top: 5px;
			}

	.media-gallery .media
	{
		display: table;
		height: 80px;
		width: 100%;
		background-color: #fff;
	}

		.media-gallery > li
		{
			background-color: inherit;
			margin-bottom: 10px;
			padding: 0;
			float: left;
			border: 0;
		}
			.media-gallery > li > span
			{
				margin: 0 10px 0 0;
				border: 1px solid #eee;
				display: block;
			}
		.media-gallery .media a
		{
			display: table-cell;
			height: 80px;
			vertical-align: middle;
			text-align: center;
		}
			.media-gallery.image .media a img
			{
				max-width: 100px;
				max-height: 50px;
			}
			.media-gallery.image360 .media a img
			{
				width: 100%;
				max-width: 250px;
				max-height: 150px;
			}
			.media-gallery.video .media a img
			{
				width: 100%;
				max-width: 250px;
				max-height: 150px;
			}
				.media-gallery.video .media
				{
					height: 80px;
				}
				.media-gallery.video .info
				{
					height: 70px;
				}
				.media-gallery.video .info .name
				{
					height: 40px;
				}
			.media-gallery.file .media i
			{
				font-size: 50px;
			}

	.media-gallery .media-placeholder {
		height: 132px;
		background-color: #ccc;
	}

.dataTable .table-grid
{
	
}
	.dataTable.table-grid > thead,
	.dataTable.table-grid > tfoot
	{
		display: none;
	}
	
	.dataTable.table-grid > tbody > tr
	{
		background-color: inherit;
		margin-bottom: 10px;
	}
		.dataTable.table-grid > tbody > tr > td
		{
			display: block;
			padding: 0;
			border: 1px solid #eee;
		}

.dataTable .dimmed {
	background-color: rgba(0, 0, 0, 0.15) !important;
}

.dataTable .disabledRow {
	background-color: #dfdfdf !important;
	color: #898989;
	opacity: 0.5;
}

.dataTable .conflictRow
{
	background-color: #fff;
	color: #d33724;
	line-height: 30px;
	border-top: 2px solid;
}
	.dataTable .conflictRow td:first-child
	{
		padding: 0 0 0 6px;
	}
	.dataTable .conflictRow td:last-child
	{
		line-height: 0;
	}

.dataTable .dependencyRow
{
	background-color: #fff;
	color: #d33724;
	line-height: 30px;
	border-top: 2px solid;
}
	.dataTable .dependencyRow td:first-child
	{
		padding: 0 0 0 6px;
	}
	.dataTable .dependencyRow td:last-child
	{
		line-height: 0;
	}

.dataTable .btn-col
{
	overflow: visible !important;
	width: 1%;
	white-space: nowrap;
	text-align: center;
}

	table.dataTable th.btn-col
	{
		padding-right: 6px;
	}
	
	.dataTable .btn-col .btn-group
	{
		white-space: nowrap;
	}
		.dataTable .btn-col .btn-group .btn
		{
			float: inherit !important;
			display: inline-block;
			position: inherit;
		}

.dataTable td.nowrap
{
	position: relative;
}
	.dataTable td.nowrap .nowrap
	{
		position: absolute;
		width: 100%;
		
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		padding-right: 10px;
	}

.dataTable.image tr.checked td,
.dataTable.image360 tr.checked td,
.dataTable.video tr.checked td,
.dataTable.file tr.checked td
{
	border-color: #08C;
	background-color: #fff !important;
}
	.dataTable.image tr.checked td .info,
	.dataTable.image360 tr.checked td .info,
	.dataTable.video tr.checked td .info,
	.dataTable.file tr.checked td .info
	{
		background-color: #ecf0f5;
	}

.btn-small {
	padding: 4px 8px;
}

.fl { float: left !important; }
.fr { float: right !important; }
.ul { padding-left: 5px; }

.pre { white-space: pre; }

.debug-green, .debug-green:hover { background-color:rgba(0, 255, 0, 0.5) !important; }
.debug-yellow, .debug-yellow:hover { background-color:rgba(255, 255, 0, 0.5) !important; }
.debug-orange, .debug-orange:hover { background-color:rgba(255, 165, 0), 0.5 !important; }
.debug-red, .debug-red:hover { background-color:rgba(255, 0, 0, 0.5) !important; }

.infobadge {
	background-color: #ababab;
	color: #fff;
	padding: 0 4px;
	display: inline-block;
	margin-top: 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-khtml-border-radius: 4px;
}
	.infobadge.small {
		font-size: 10px;
	}

/*
	Boostrap
*/

.text-warning { color: #f39c12; }
.text-info { color: #00c0ef; }
.text-success { color: #00a65a; }

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px)
{
	
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px)
{
	.col-fixed-md
	{
		position: fixed;
		width: 18%;
	}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px)
{
	.col-fixed-lg
	{
		position: fixed;
		width: 25%;
	}
}

/*
	AdminLTE
*/

.info-box-content {
	padding: 5px 10px 0 10px;
}
	.info-box-content h3 {
		margin-top: 5px;
		color: #cecece;
		font-weight: bold;
	}

.skin-blue .main-header .logo,
.skin-blue .main-header .logo:hover {
	background-color: #1a2226;
}
	.skin-blue .main-header .logo:hover {
		color: rgba(255, 255, 255, 0.75);
	}

.skin-blue .main-header .navbar {
	background-color: #222d32;
}
	.skin-blue .main-header .navbar .sidebar-toggle:hover {
		background-color: #222d32;
		color: rgba(255, 255, 255, 0.75);
	}
	
	
	.sidebar-toggle

.input-group-icon {
	border: 0;
	margin: 0;
	padding: 0 10px 0 0;
	min-width: 21px;
}

.form-control.without-border
{
	border: 0;
	padding: 0;
	min-height: inherit;
}

.js-attribute-copy
{
	cursor: pointer;
}

.alert
{
	z-index: 999999 !important;
}

/* Resizing*/

body, .btn, .form-control, .dropdown-menu, .sidebar-menu .treeview-menu>li>a { font-size: 13px; } /* 14px */

.btn-placeholder {  min-height: 32px; background-color: #f5f2b7; }
.btn-with-del { width: calc(100% - 37px); }

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after { top: 3px; } /* 8px */

.pagination>li>a, .pagination>li>span { padding: 2px 10px; } /* 6px 12px */

.attribute-placeholder {
	height: 36px;
	background-color: #ccc;
}

/* CKEditor*/

a.cke_button
{
	padding: 3px 3px !important;
	transform: scale(0.9);
}
	a.cke_button:hover
	{
		padding: 1px 2px !important;
	}

@media screen and (max-width: 1280px)
{ 
	body, .btn, .form-control, .dropdown-menu, .sidebar-menu .treeview-menu>li>a { font-size: 10px; } /* 14px */

	.btn-placeholder {  min-height: 28px; }

	.h2, h2 {
		font-size: 24px; /* 30px */
	}
	.h1, .h2, .h3, h1, h2, h3 {
		margin-top: 14px; /* 20px */
		margin-bottom: 6px; /* 10px */
	}
	.box-header>.fa, .box-header>.glyphicon, .box-header>.ion, .box-header .box-title { font-size: 16px; } /* 18px */
	div.dataTables_filter .glyphicon { right: -207px !important; }
	.sidebar-menu>li>a { padding: 10px 5px 10px 15px; }
	.info-box small { font-size: 12px; } /* 14px */
	.info-box-number { font-size: 16px; } /* 18px */
	.form-control {
		height: 28px; /* 34px */
		padding: 2px 6px; /* 6px 12px */
	}
	select.input-sm {
		height: 24px;
		line-height: 24px;
	}
	.input-group-addon {
		padding: 4px 8px;
	}
	.input-sm {
		padding: 2px 6px;
	}
	.btn-social > :first-child
	{
		line-height: 26px; /* 34px */
	}
	
	.dataTables_wrapper .clearfix > div.dataTables_filtercleaner .btn-reset
	{
		height: 28px !important;
	}

	/* CKEditor*/

	a.cke_button
	{
		height: 16px !important;
		padding: 1px 1px !important;
    	transform: scale(0.7);
	}
		a.cke_button:hover
		{
			padding: 1px 0px !important;
		}
}

.nocollapsing { -webkit-transition: none !important; transition: none !important; }

.label { margin-right: 5px; }
.label-source-bw { background-color: #dedede !important; color: #333 !important; }

.help {
    color: #737373;
}

.online { color: green; }

.d-none { display: none; }

/*
	Modal-Dialog center
*/

.modal
{
	text-align: center;
}

	.modal .alert {
	    margin-bottom: 0 !important;
	    border: 0 !important;
	    border-radius: 0 !important;
	}

	.modal .modal-content {
		border-radius: 8px;
	}

.modal-content.innerOverview {
	background-color: #ecf0f5;
}

@media screen and (min-width: 768px)
{ 
	.modal:before
	{
		display: inline-block;
		vertical-align: middle;
		content: " ";
		height: 100%;
	}
}

.modal-dialog
{
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}

.modal-fullscreen .modal-body
{
	min-height: 400px;
}

.modal-danger .modal-body .links a
{
	display: block;
	background-color: #fff;
	margin-bottom: 1px;
    padding: 2px 4px;
}

.row.lvl1 { padding-left: 20px; }
.row.lvl2 { padding-left: 40px; }
.row.lvl3 { padding-left: 60px; }
.row.lvl4 { padding-left: 80px; }
.row.lvl5 { padding-left: 100px; }

.row.data-row {
	border-bottom: 1px solid rgb(231, 235, 241);
    padding: 4px 0;
    margin: 0;
    background: rgba(255, 255, 255, 0.8);
}

.row.add-row {
    padding: 4px 0;
    margin: 0;
    background: rgba(255, 255, 255, 0.8);
}
	.box-data .row.add-row { font-size: 10px; }

.box.property, .box.propertyvalue {
	border-radius: 0;
	margin: 0;
	box-shadow: none;
}
	.box.propertyvalue .box-header {
		padding: 5px 10px;
	}
	.box.propertyvalue .box-header>.box-tools
	{
		top: 0;
	}
	
	.box.propertyvalue .box-title {
		font-size: 14px;
	}
	
.box .rulebtn {
	padding: 2px 6px;
}

.box-data .box {
	margin: 0;
	background-color: inherit;
	border: 0 !important;
	box-shadow: inherit;
}

.box-data .box-body {
	padding: 0;
}

.box-body.medialist
{
	border: 1px solid #cfcfcf;
	background-color: #fcfcfc;
	border-radius: 3px;
    border-radius: 3px;
}

.box.level0 {
	border: 0;
}
	.box.level0 .box-header {
		padding: 5px;
		margin-top: 10px;
		background-color: #367fa9;
	}
		.box.level0 .box-header .box-title {
			line-height: 30px;
			font-size: 18px;
			text-transform: uppercase;
			color: #fff;
			padding-left: 10px;
		}
	.box.level .box-header {
		padding: 5px 15px;
		margin-top: 10px;
		background-color: #FAFAFA;
	}
		.box.level .box-header .box-title {
			line-height: 30px;
			font-size: 16px;
			color: #444;
			padding-left: 10px;
		}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	padding: 2px;
}

.table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	background-color: #AAB1B3;
	color: #fff;
}

table.dataTable
{}
	table.dataTable .nullValue
	{
		color: #888;
	}
	.table.dataTable .selected-disabled
	{
		opacity: 0.5;
	}

.row-datatable
{
	margin: 10px 0;
	padding: 5px;
	background-color: #efefef;
}
	.row-datatable table th
	{
		background-color: #888;
		color: #fff;
		padding-left: 5px;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.row-datatable table td
	{
		padding-left: 5px;
	}
	
	.row-datatable table .odd
	{
		background-color: #fff;
	}	
	.row-datatable table .even
	{
		background-color: #f6f6f6;
	}
		.row-datatable table .odd td, .row-datatable table .even td
		{
			padding-top: 4px;
			padding-bottom: 4px;
		}
		.row-datatable table .odd:hover, .row-datatable table .even:hover
		{
			background-color: #cdcdcd;
			cursor: pointer;
		}
	
	.row-datatable table .selected
	{
		background-color: #cdcdcd;
	}
	.row-datatable table .preselected
	{
		background-color: lightblue;
	}
	.row-datatable table .disabled
	{
		background-color: #ccc;
		color: #fff;
		border-bottom: 1px solid #fff;
		cursor: default !important;
	}

.btn.small { padding: 2px 5px; }
.btn-active { font-weight: bold; }
.btn-active.btn-success { background-color: #008d4c; }
.btn-active.btn-warning { background-color: #e08e0b; }
.btn-active.btn-info { background-color: #00acd6; }

.btn-group-del {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-collapse: separate;
}
.btn-group-del > .btn,
.btn-group-del > .btn-group {
	display: table-cell;
	float: none;
	width: 1%;
}
.btn-group-del > .btn-group .btn {
	width: 100%;
}
.btn-group-del > .btn-group .dropdown-menu {
	left: auto;
}

.btn-group-del > .btn-group:first-child{width: 20%;}

.dataTables_wrapper .clearfix > div.dataTables_length,
.dataTables_wrapper .clearfix > div.dataTables_info {
	float: left;
}

.dataTables_wrapper .clearfix > div.dataTables_filter,
.dataTables_wrapper .clearfix > div.dataTables_filtercleaner
{
	float: right;
}

.dataTables_wrapper .clearfix > div.dataTables_filtercleaner .btn-reset
{
	height: 30px;
}

.dataTables_wrapper .clearfix > div.dataTables_filter input
{
	width: 200px;
	padding-right: 22px;
}

.dataTables_wrapper .clearfix > div.dataTables_filter .glyphicon
{
	margin-top: -30px;
    right: -218px;
    position: relative;
}

.dataTables_wrapper .dt-buttons .dt-button
{
	margin-right: 10px;
}

.table-striped>tbody>tr:hover
{
	background-color: #f3f3f3;
}

.table-small {
	table-layout: auto; /* fixed - Probleme mit Button Col */
	width: 100%;
}
.table-small>tbody>tr>td {
	padding: 2px 6px;
	white-space: nowrap;
	vertical-align: middle;
	overflow: hidden;
}

.form-group .line-tag, .form-group .line-filterGroup {
	margin-bottom: 10px;
}

.form-group .charscounter {
	position: absolute;
	right: 25px;
	font-weight: normal;
	color: #888;
}

.form-group .info-large
{
	font-size: 20px;
	background-color: #666;
	border-color: #666;
	color: #ccc;
}

.form-group.variations  .col-sm-10
{
	padding-right: 0px;
}

.form-group.filter-attribute-table {
	border: 1px solid #d2d6de;
	background-color: #f6f6f6;
}
	.form-group.filter-attribute-table .row {
		padding: 4px 10px;
		margin: 0;
		border-bottom: 1px solid #d2d6de;
		min-height: 34px;
	}
	.form-group.filter-attribute-table .row:last-child {
		border: 0;
	}

div.form-control
{
	height: inherit;
	min-height: 34px;
}

/*
	Char Count
*/

.input-group span.form-control-character-count
{
	z-index: 5;
	right: 5px; 
	margin-top: 5px;
}
.form-control-character-count
{
    right: 20px;
    margin-top: 30px;
}
.tab-pane .form-control-character-count
{
    right: 30px;
    margin-top: 30px;
}
.tab-content>.box
{
	border-top: inherit;
}

/*
	Text Editor Jquery TE
*/
.jqte {
	margin: 0 !important;
	border: 1px solid #ccc !important;
	border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	overflow: hidden !important;
	transition: none !important;
}

.jqte * {
	box-sizing: content-box;
}

/*
	Notify - Plugin
*/
[data-notify="progressbar"] {
	margin-bottom: 0px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 5px;
}

/*
	File Upload	
*/
.fileupload
{
	
}
	.fileupload table td:last-child
	{
		width: 1px;
		white-space: nowrap;
	}
	.fileupload .fileupload-progress .progress
	{
		margin-bottom: 10px;
	}
	.fileupload .progress-extended
	{
		font-size: 11px;
	}
	.fileupload .no-upload
	{
		opacity: 0.1;
	}
		.fileupload .no-upload .action
		{
			opacity: 0;
		}
		.fileupload .no-action
		{
			opacity: 0;
		}

.dropzone
{
	background: palegreen;
	height: 50px;
	line-height: 10px;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.dropzone.in
{
	height: 100px;
	line-height: 50px;
	font-size: larger;
}
.dropzone.hover
{
	background: lawngreen;
}
.dropzone.fade
{
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	opacity: 1;
}

/* Awesome Checkbox Icons */
/**/


input[type=checkbox].fa { display:none; } /* to hide the checkbox itself */
input[type=checkbox].fa + label { margin: 0; }
input[type=checkbox].fa + label:before {
	font-family: FontAwesome;
	display: inline-block;
}

input[type=checkbox].fa + label:before { letter-spacing: -2px; } /* space between checkbox and label */
input[type=checkbox].fa:checked + label:before { letter-spacing: 0; } /* allow space for check mark */

input[type=checkbox].fa.fa-lock + label:before { content: "\f09c"; opacity: 0.5; } /* unchecked icon */
input[type=checkbox].fa.fa-lock:checked + label:before { content: "\f023"; opacity: 1; } /* checked icon */

/* Spinner */

.hw.spinning {
    animation: spin 1s infinite linear;
    -webkit-animation: spin2 1s infinite linear;
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg); }
    to { transform: scale(1) rotate(360deg); }
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}

.text-left_im{
	text-align: left!important;
}

.qst-header {
	display: flex;
	justify-content: space-between;
}

.qst-flags {
	cursor: pointer;
	margin-right: 1.5rem;
	filter: grayscale(1);
	opacity: .7;
}

.qst-flags:hover {
	filter: drop-shadow(0px 0px 1px gray)!important;
}

.qst-flags img {
	max-height: 14px;
}

.qst-flags.qst-active{
	filter: none;
	opacity: 1;
}
.qst-active-sidebar, .qst-active-sidebar a {
	background: #337ab7!important;
	color: white!important;
	font-weight: bold;
}

.qst-sidebar .check-icon {
	display: none;
}

.qst-sidebar-finished .check-icon {
	display: block!important;
	font-size: 2rem;
}