diff -r 318533413200 -r a1707c607eec src/pyams_skin/resources/less/content.less
--- a/src/pyams_skin/resources/less/content.less	Sun Jul 19 02:02:20 2020 +0200
+++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
@@ -1,1446 +0,0 @@
-
-/*
- * Contents styles
- */
-
-h1,
-h2,
-h3,
-h4 {
-	margin: 0;
-	font-family: "Ubuntu-Bold", Arial, Helvetica, Sans-Serif;
-	font-weight: 300;
-}
-
-h1 {
-	letter-spacing: -1px;
-	font-size: 24px;
-	margin: 10px 0;
-}
-
-h1 small {
-	font-size: 18px;
-	font-weight: 300;
-	letter-spacing: -1px;
-}
-
-h2 {
-	letter-spacing: -1px;
-	font-size: 22px;
-	margin: 20px 0 15px;
-	line-height: normal;
-}
-
-h3 {
-	display: block;
-	font-size: 19px;
-	font-weight: 400;
-	margin: 16px 0 10px;
-	line-height: normal;
-}
-
-h4 {
-	line-height: normal;
-	font-size: 17px;
-	font-weight: 300;
-	margin: 12px 0 8px;
-}
-
-h5 {
-	font-size: 15px;
-	font-weight: 300;
-	margin: 10px 0 6px;
-	line-height: normal;
-}
-
-h6 {
-	font-size: 14px;
-	margin: 10px 0 4px;
-	font-weight: 300;
-	line-height: normal;
-}
-
-hr {
-	.simple {
-		margin-top: 10px;
-		margin-bottom: 10px;
-		border-style: dashed;
-	}
-	&.noborder {
-		border: 0;
-	}
-}
-
-li.nodot {
-	list-style-type: none;
-}
-
-img {
-	&.online {
-		border-left-color: #40ac2b!important;
-	}
-	&.busy {
-		border-left-color: #ed1c24!important;
-	}
-	&.offline {
-		border-left-color: #ddd!important;
-	}
-	&.away {
-		border-left-color: #ffc40d!important;
-	}
-}
-
-pre {
-	padding: 5px!important;
-	font-size: 12px;
-	line-height: 1.2em;
-}
-pre:empty {
-	border: 0;
-}
-
-[data-ams-url],
-[data-ams-click-handler] {
-	cursor: pointer;
-}
-
-label {
-	font-weight: 400;
-}
-
-article {
-	&.sortable-grid {
-		min-height: 30px;
-	}
-}
-
-.caret {
-	border-top: 5px solid;
-	border-right: 5px solid transparent;
-	border-left: 5px solid transparent;
-}
-
-.fixed {
-	position: fixed;
-}
-.xs-fixed {
-	@media (max-width: 768px) {
-		position: fixed;
-	}
-}
-.sm-fixed {
-	@media (min-width: 768px) and (max-width: 992px) {
-		position: fixed;
-	}
-}
-.md-fixed {
-	@media (min-width: 992px) and (max-width: 1200px) {
-		position: fixed;
-	}
-}
-.lg-fixed {
-	@media (min-width: 1200px) {
-		position: fixed;
-	}
-}
-
-.outside {
-	position: absolute;
-	left: -9999px;
-}
-
-.visible-tablet {
-	@media (max-width:979px) {
-		display: inline-block!important;
-	}
-}
-
-.hidden-tablet {
-	&,
-	.display-inline& {
-		@media (max-width:979px) {
-			display: none!important;
-		}
-	}
-	@media only screen and (min-width:0) and (max-width:679px) {
-		display: none!important;
-	}
-}
-
-.visible-mobile {
-	@media only screen and (min-width:320px) and (max-width:479px) {
-		display: inline-block!important;
-	}
-}
-
-.hidden-mobile {
-	@media only screen and (min-width:320px) and (max-width:479px) {
-		display: none!important;
-	}
-}
-
-.viewport {
-	&-y {
-		overflow-y: auto;
-
-		&-none {
-			overflow-y: hidden!important;
-		}
-		&.viewport-100 {
-			max-height: 100px;
-		}
-		&.viewport-200 {
-			max-height: 200px;
-		}
-		&.viewport-300 {
-			max-height: 300px;
-		}
-		&.viewport-600 {
-			max-height: 600px;
-		}
-		&.viewport-400 {
-			max-height: 400px;
-		}
-		&.viewport-500 {
-			max-height: 500px;
-		}
-		&.viewport-600 {
-			max-height: 600px;
-		}
-	}
-	&-x {
-		overflow-x: auto;
-
-		&-none {
-			overflow-x: hidden!important;
-		}
-		&.viewport-100 {
-			max-width: 100px;
-		}
-		&.viewport-200 {
-			max-width: 200px;
-		}
-		&.viewport-300 {
-			max-width: 300px;
-		}
-		&.viewport-400 {
-			max-width: 400px;
-		}
-		&.viewport-500 {
-			max-width: 500px;
-		}
-		&.viewport-600 {
-			max-width: 600px;
-		}
-	}
-}
-
-.lead {
-	font-size: 19px;
-}
-
-.alert {
-	margin-bottom: 20px;
-	margin-top: 0;
-	color: #675100;
-	border-width: 0;
-	border-left-width: 5px;
-	padding: 10px;
-	border-radius: 0;
-
-	.close {
-		top: 0;
-		right: -5px;
-		line-height: 20px;
-	}
-	&-heading {
-		font-weight: 600;
-	}
-	&-danger {
-		border-color: #963b49;
-		color: #fff;
-		background: #c46a69;
-		text-shadow: none;
-	}
-	&-warning {
-		border-color: #e5c693;
-		color: #6b6d31;
-		background: #ecdfb0;
-	}
-	&-success {
-		border-color: #8eb589;
-		color: #296829;
-		background: #cee0cf;
-	}
-	&-info {
-		border-color: #9cb4c5;
-		color: #346597;
-		background: #d6dde7;
-	}
-	ul {
-		margin-left: 25px;
-		list-style-position: outside;
-		list-style-type: square;
-	}
-	.ams-form >& {
-		margin: 5px;
-		padding: 5px;
-		box-shadow: none!important;
-		-webkit-box-shadow: none!important;
-		border-radius: 0!important;
-	}
-}
-
-.help {
-	font-size: 90%;
-	padding: 5px!important;
-
-	p {
-		margin: 0 0 1px;
-		line-height: 1.15;
-	}
-	.modal-dialog & {
-		margin-bottom: 5px!important;
-
-		@media only screen and (max-height: 768px) {
-			display: none;
-		}
-	}
-}
-
-.well {
-	background: #fbfbfb;
-	border: 1px solid #ddd;
-	box-shadow: 0 1px 1px #ececec;
-	-webkit-box-shadow: 0 1px 1px #ececec;
-	position: relative;
-
-	&.well-clean {
-		-webkit-box-shadow: none;
-		box-shadow: none;
-		border-color: transparent;
-	}
-	&.well-glass {
-		-webkit-box-shadow: none;
-		box-shadow: none;
-		border-color: transparent;
-		background-color: rgba(255, 255, 255, .25);
-		color: #fff;
-	}
-	&.well-light {
-		background: #fff;
-		border: 1px solid #e2e2e2;
-	}
-	.widget-body & {
-		margin-bottom: 0;
-	}
-	&.transparent {
-		border: 0!important;
-		background: none!important;
-	}
-	.ams-widget&.transparent >div,
-	.ams-widget&.transparent >div .widget-body {
-		padding: 0!important;
-	}
-	&[class*=" bg-"],
-	&[class^=bg-] {
-		border: 1px solid #555!important;
-	}
-}
-
-.note {
-	margin-top: 6px;
-	padding: 0 1px;
-	font-size: 11px;
-	line-height: 15px;
-	color: #999;
-}
-
-.subscript {
-	font-size: 21px;
-	color: #999;
-}
-
-.display-image {
-	margin-top: -60px;
-	margin-right: 20px;
-}
-
-.terms-body {
-	max-height: 400px;
-	overflow: auto;
-}
-
-.timeline-seperator {
-	display: block;
-	text-align: center;
-	color: #999;
-	margin: 20px 0 0;
-
-	>:first-child {
-		padding: 4px 5px;
-		border: 1px dashed rgba(0, 0, 0, .1);
-		background: #fff;
-		font-size: 11px;
-		border-radius: 4px;
-	}
-	.btn,
-	.btn+.dropdown-menu {
-		margin-right: 15px;
-	}
-	&:after {
-		display: block;
-		content: " ";
-		margin: 0 20px;
-		border-bottom: 1px dashed rgba(0, 0, 0, .1);
-		margin-top: -8px;
-	}
-}
-
-.progress {
-	position: relative;
-	margin-bottom: 20px;
-	overflow: hidden;
-	height: 22px;
-	background: #eee;
-	box-shadow: 0 1px 0 transparent, 0 0 0 1px #e3e3e3 inset;
-	-webkit-box-shadow: 0 1px 0 transparent, 0 0 0 1px #e3e3e3 inset;
-	border-radius: 0;
-
-	input[type="text"] + & {
-		height: 7px;
-	}
-	&-bar {
-		float: left;
-		width: 0;
-		height: 100%;
-		font-size: 11px;
-		color: #fff;
-		text-align: center;
-		background-color: #57889c;
-		-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
-		box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
-		font-weight: 700;
-		text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
-		background-image: url(../img/pattern/overlay-pattern.png);
-
-		.progress-striped & {
-			background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)), color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent), to(transparent));
-			background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
-			background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
-			background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
-			-webkit-background-size: 40px 40px;
-			background-size: 40px 40px;
-		}
-	}
-	&.active &-bar {
-		-webkit-animation: progress-bar-stripes 2s linear infinite;
-		-ms-animation: progress-bar-stripes 2s linear infinite;
-		animation: progress-bar-stripes 2s linear infinite;
-	}
-	&-bar-danger {
-		background-color: #a90329;
-	}
-	&-striped &-bar-danger {
-		background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)), color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent), to(transparent));
-		background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
-		background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
-		background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
-	}
-	&-bar-success {
-		background-color: #739e73;
-	}
-	&-striped &-bar-success {
-		background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)), color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent), to(transparent));
-		background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
-		background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
-		background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
-	}
-	&-bar-warning {
-		background-color: #c79121;
-	}
-	&-striped &-bar-warning {
-		background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)), color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent), to(transparent));
-		background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
-		background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
-		background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
-	}
-	&-bar-info {
-		background-color: #57889c;
-	}
-	&-striped &-bar-info {
-		background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)), color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent), to(transparent));
-		background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
-		background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
-		background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
-	}
-	.bar-info,
-	&-info .bar {
-		background: #57889c;
-	}
-	&-micro {
-		height: 3px!important;
-		line-height: 3px!important;
-	}
-	&-xs {
-		height: 7px!important;
-		line-height: 7px!important;
-	}
-	&-sm {
-		height: 14px!important;
-		line-height: 14px!important;
-	}
-	&-lg {
-		height: 30px!important;
-		line-height: 30px!important;
-	}
-	.progress-bar {
-		position: absolute;
-		overflow: hidden;
-		line-height: 20px;
-	}
-	.progressbar-back-text {
-		position: absolute;
-		width: 100%;
-		height: 100%;
-		font-size: 12px;
-		line-height: 20px;
-		text-align: center;
-	}
-	.progressbar-front-text {
-		display: block;
-		width: 100%;
-		font-size: 12px;
-		line-height: 20px;
-		text-align: center;
-	}
-	&.right {
-		.progress-bar {
-			right: 0;
-		}
-		.progressbar-front-text {
-			position: absolute;
-			right: 0;
-		}
-	}
-	&.vertical {
-		width: 25px;
-		height: 100%;
-		min-height: 150px;
-		margin-right: 20px;
-		display: inline-block;
-		margin-bottom: 0;
-
-		&.bottom {
-			position: relative;
-
-			.progress-bar {
-				position: absolute;
-				bottom: 0;
-			}
-			.progressbar-front-text {
-				position: absolute;
-				bottom: 0;
-			}
-		}
-		.progress-bar {
-			width: 100%;
-			height: 0;
-			-webkit-transition: height .6s ease;
-			transition: height .6s ease;
-		}
-	}
-	&.wide-bar {
-		width: 40px;
-	}
-}
-
-.dd {
-	position: relative;
-	display: block;
-	margin: 0;
-	padding: 0;
-	max-width: 600px;
-	list-style: none;
-	font-size: 13px;
-	line-height: 20px;
-
-	@media only screen and (min-width:700px) {
-		float: left;
-		width: 100%;
-
-		+.dd {
-			margin-left: 2%;
-		}
-	}
-	&-header.calender-spacer {
-		height: 46px;
-		display: block;
-	}
-	&-list {
-		display: block;
-		position: relative;
-		margin: 0;
-		padding: 0;
-		list-style: none;
-
-		.dd-list {
-			padding-left: 30px;
-		}
-		.dd-collapsed & {
-			display: none;
-		}
-	}
-	&-empty {
-		border: 1px dashed #bbb;
-		min-height: 100px;
-		background-color: #eee;
-		background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
-		background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
-		background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
-		-webkit-background-size: 60px 60px;
-		background-size: 60px 60px;
-		background-position: 0 0, 30px 30px;
-	}
-	&-empty,
-	&-placeholder {
-		margin: 5px 0;
-		padding: 0;
-		min-height: 30px;
-		background: #f2fbff;
-		border: 1px dashed #b6bcbf;
-		-webkit-box-sizing: border-box;
-		box-sizing: border-box;
-		-moz-box-sizing: border-box;
-	}
-	&-empty,
-	&-item,
-	&-placeholder {
-		display: block;
-		position: relative;
-		margin: 0;
-		padding: 0;
-		min-height: 20px;
-		font-size: 13px;
-		line-height: 20px;
-	}
-	&-handle {
-		display: block;
-		font-size: 15px;
-		margin: 5px 0;
-		padding: 7px 15px;
-		color: #333;
-		text-decoration: none;
-		border: 1px solid #cfcfcf;
-		background: #fbfbfb;
-
-		&:hover,
-		&:hover+.dd-list .dd-handle {
-			background: #FDDFB3!important;
-			border: 1px solid #FAA937;
-			color: #333!important;
-		}
-		& >span {
-			font-size: 13px;
-			color: #777;
-		}
-		.dd-hover >& {
-			background: #2ea8e5!important;
-		}
-	}
-	&-item {
-		>button {
-			position: relative;
-			cursor: pointer;
-			float: left;
-			width: 25px;
-			height: 20px;
-			margin: 7px 10px;
-			line-height: 22px!important;
-			padding: 0;
-			text-indent: 100%;
-			white-space: nowrap;
-			overflow: hidden;
-			border: 0;
-			background: rgba(0, 0, 0, 0);
-			text-align: center;
-			display: inline-block;
-			font-family: FontAwesome;
-			font-style: normal;
-			font-weight: 400;
-			-webkit-font-smoothing: antialiased;
-			-moz-osx-font-smoothing: grayscale;
-			font-size: 18px;
-
-			&:before {
-				content: '\f055';
-				display: block;
-				position: absolute;
-				width: 100%;
-				text-align: center;
-				text-indent: 0;
-				color: #0091d9;
-			}
-			&[data-action=collapse]:before {
-				content: '\f056';
-				color: #a90329;
-			}
-		}
-	}
-	&-dragel {
-		position: absolute;
-		pointer-events: none;
-		z-index: 9999;
-
-		>.dd-item .dd-handle {
-			margin-top: 0;
-		}
-		>.dd-item >.dd-handle {
-			border-left-width: 4px;
-		}
-		.dd-handle {
-			-webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, .1);
-			box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, .1);
-		}
-		>li.dd-item.dd3-item {
-			position: relative;
-			top: 10px;
-			left: 10px;
-			z-index: 999;
-		}
-	}
-}
-
-.vertical-bars {
-	padding: 0;
-	margin: 0;
-
-	&:after {
-		content: "";
-		display: block;
-		height: 0;
-		clear: both;
-	}
-	li {
-		padding: 14px 0;
-		width: 25%;
-		display: block;
-		float: left;
-		text-align: center;
-
-		&:first-child {
-			border-left: 0;
-		}
-	}
-	>li>.progress.vertical {
-		margin: 0 auto;
-		float: none;
-
-		&:first-child {
-			margin-left: auto;
-		}
-	}
-}
-
-.bar-holder {
-	padding: 18px 15px;
-
-	&:first-child {
-		border-top: 0;
-	}
-	.progress {
-		margin: 0;
-	}
-}
-
-.pagination {
-	&.pagination-alt >li >a {
-		box-shadow: none;
-		-webkit-box-shadow: none;
-		border: 0;
-		margin-left: -1px;
-	}
-	&.pagination-alt >li:first-child >a {
-		padding-left: 0;
-	}
-	>li >a,
-	>li >span {
-		padding: 7px 12px 5px;
-		box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .05);
-		-webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .05);
-	}
-	&-xs>li>a,
-	&-xs>li>span {
-		padding: 5px 9px 3px;
-		font-size: 12px;
-	}
-}
-
-.panel {
-	&-purple {
-		border-color: #6e587a;
-
-		>.panel-heading {
-			color: #fff;
-			background-color: #6e587a;
-			border-color: #6e587a;
-		}
-	}
-	&-greenLight {
-		border-color: #71843f;
-
-		>.panel-heading {
-			color: #fff;
-			background-color: #71843f;
-			border-color: #71843f;
-		}
-	}
-	&-greenDark {
-		border-color: #496949;
-
-		>.panel-heading {
-			color: #fff;
-			background-color: #496949;
-			border-color: #496949;
-		}
-	}
-	&-darken {
-		border-color: #333;
-
-		>.panel-heading {
-			color: #fff;
-			background-color: #404040;
-			border-color: #404040;
-		}
-	}
-	&-pink {
-		border-color: #ac5287;
-
-		>.panel-heading {
-			color: #fff;
-			background-color: #ac5287;
-			border-color: #ac5287;
-		}
-	}
-	&-green {
-		border-color: #356e35;
-
-		>.panel-heading {
-			color: #fff;
-			background-color: #356e35;
-			border-color: #356e35;
-		}
-	}
-	&-blueLight {
-		border-color: #92a2a8;
-
-		>.panel-heading {
-			color: #fff;
-			background-color: #92a2a8;
-			border-color: #92a2a8;
-		}
-	}
-	&-pinkDark {
-		border-color: #a8829f;
-
-		>.panel-heading {
-			color: #fff;
-			background-color: #a8829f;
-			border-color: #a8829f;
-		}
-	}
-	&-redLight {
-		border-color: #a65858;
-
-		>.panel-heading {
-			color: #fff;
-			background-color: #a65858;
-			border-color: #a65858;
-		}
-	}
-	&-red {
-		border-color: #a90329;
-
-		>.panel-heading {
-			color: #fff;
-			background-color: #a90329;
-			border-color: #a90329;
-		}
-	}
-	&-teal {
-		border-color: #568a89;
-
-		>.panel-heading {
-			color: #fff;
-			background-color: #568a89;
-			border-color: #568a89;
-		}
-	}
-	&-orange {
-		border-color: #c79121;
-
-		>.panel-heading {
-			color: #fff;
-			background-color: #c79121;
-			border-color: #c79121;
-		}
-	}
-	&-blueDark {
-		border-color: #4c4f53;
-
-		>.panel-heading {
-			color: #fff;
-			background-color: #4c4f53;
-			border-color: #4c4f53;
-		}
-	}
-	&-magenta {
-		border-color: #6e3671;
-
-		>.panel-heading {
-			color: #fff;
-			background-color: #6e3671;
-			border-color: #6e3671;
-		}
-	}
-	&-blue {
-		border-color: #57889c;
-
-		>.panel-heading {
-			color: #fff;
-			background-color: #57889c;
-			border-color: #57889c;
-		}
-	}
-	&-footer >.btn-block {
-		border-radius: 0;
-		border-bottom: 0;
-		border-left: 0;
-		border-right: 0;
-	}
-}
-
-.notification-body {
-	padding: 0 0 0 3px;
-	margin: 0;
-	list-style: none;
-
-	*,
-	&:after *,
-	&:before * {
-		box-sizing: border-box!important;
-		-webkit-box-sizing: border-box!important;
-		-moz-box-sizing: border-box!important;
-	}
-	>li {
-		border-bottom: 1px solid #E9E9E9;
-		position: relative;
-
-		>span {
-			background: #fff;
-			display: block;
-			min-height: 25px;
-			overflow: hidden;
-			padding: 8px 8px 10px;
-			white-space: normal;
-
-			&:hover {
-				background: #F0F4F7;
-				color: #667F8F;
-			}
-			>a {
-				>span.msg-body,
-				>span.subject {
-					height: auto;
-					line-height: normal;
-				}
-			}
-		}
-		a.msg {
-			padding-left: 40px!important;
-		}
-		a,
-		a span {
-			display: block;
-			position: relative;
-			overflow: hidden;
-		}
-		a,
-		a:hover {
-			text-decoration: none;
-		}
-		&:hover .progress {
-			background: #fff;
-			box-shadow: 0 1px 0 rgba(0, 0, 0, 0), 0 0 0 1px #a7a7a7 inset;
-			-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0), 0 0 0 1px #ccc inset;
-		}
-		&:hover .text-muted {
-			color: #333;
-		}
-	}
-	.from {
-		font-size: 14px;
-		line-height: normal;
-		color: #333;
-		font-weight: 400;
-		margin-right: 60px;
-		margin-bottom: 3px;
-		height: 20px;
-		text-overflow: ellipsis;
-		white-space: nowrap;
-		overflow: hidden;
-	}
-	.unread {
-		background: #FFFFE0;
-
-		.unread .from {
-			font-weight: 700;
-		}
-	}
-	time {
-		position: absolute;
-		top: 3px;
-		right: 0;
-		font-size: 11px;
-		font-weight: 400;
-		color: #058dc7;
-	}
-	.msg-body,
-	.subject {
-		font-size: 13px;
-		color: #A0A0A0;
-		max-height: 35px;
-		width: 100%;
-		//text-overflow: ellipsis;
-		//white-space: nowrap;
-		overflow: hidden;
-	}
-	.subject {
-		font-size: 13px;
-		color: #333;
-		max-height: 22px;
-	}
-}
-
-.ajax-notifications {
-	height: 365px;
-	display: block;
-	overflow: auto;
-	margin-right: -10px;
-	margin-left: -10px;
-	border-bottom: 1px solid #CECECE;
-	border-top: 1px solid #CECECE;
-	background: #E9E9E9;
-
-	@media only screen and (min-width:320px) and (max-width:479px) {
-		height: 250px;
-	}
-	>.alert.alert-transparent {
-		background-color: transparent;
-		border-color: transparent;
-		color: #757575;
-		margin: 13px 10px;
-	}
-	>.alert >:first-child {
-		margin-bottom: 10px;
-		font-weight: 400;
-	}
-}
-
-.arrow-box-up {
-	&:before,
-	&:after {
-		bottom: 100%;
-		border: solid transparent;
-		content: " ";
-		height: 0;
-		width: 0;
-		position: absolute;
-		pointer-events: none;
-	}
-	&:before {
-		border-color: rgba(131, 131, 131, 0);
-		border-bottom-color: #838383;
-		border-width: 8px;
-		left: 50%;
-		margin-left: -8px;
-	}
-	&:after {
-		border-color: rgba(255, 255, 255, 0);
-		border-bottom-color: #fff;
-		border-width: 7px;
-		left: 50%;
-		margin-left: -7px;
-	}
-	&-right:before,
-	&-right:after {
-		bottom: 100%;
-		border: solid transparent;
-		content: " ";
-		height: 0;
-		width: 0;
-		position: absolute;
-		pointer-events: none;
-	}
-	&-right:before {
-		border-color: rgba(131, 131, 131, 0);
-		border-bottom-color: #838383;
-		border-width: 8px;
-		right: 9px;
-		margin-left: -8px;
-	}
-	&-right:after {
-		border-color: rgba(255, 255, 255, 0);
-		border-bottom-color: #fff;
-		border-width: 7px;
-		right: 10px;
-		margin-left: -7px;
-	}
-}
-
-.tooltip-inner {
-	padding: 5px 10px;
-	font-size: 11px;
-	font-family: Ubuntu, Arial, Helvetica, sans-serif;
-	font-weight: 700;
-	border-radius: 0;
-}
-.jqstooltip {
-	padding: 7px!important;
-	border-radius: 3px!important;
-	border: 0!important;
-	background-color: #000!important;
-	box-sizing: content-box;
-	-moz-box-sizing: content-box;
-	-webkit-box-sizing: content-box;
-
-	.jqsfield {
-		font-family: Ubuntu, Arial, sans-serif;
-		font-size: 11px;
-	}
-}
-
-.dd3 {
-	&-content {
-		display: block;
-		margin: 5px 0;
-		padding: 6px 10px 8px 40px;
-		font-size: 15px;
-		color: #333;
-		text-decoration: none;
-		border: 1px solid #cfcfcf;
-		background: #fbfbfb;
-
-		&:hover {
-			color: #2ea8e5;
-			background: #fff;
-		}
-		.dd-dragel >.dd3-item >& {
-			margin: 0;
-		}
-	}
-	&-item >button {
-		margin-left: 38px;
-	}
-	&-handle {
-		position: absolute;
-		margin: 0;
-		left: 0;
-		top: 0;
-		cursor: move;
-		width: 30px;
-		text-indent: 100%;
-		white-space: nowrap;
-		overflow: hidden;
-		border: 1px solid #aaa;
-		background: #bfbfbf;
-		background: -webkit-linear-gradient(top, #ddd 0, #bbb 100%);
-		background: -webkit-gradient(linear, top left, bottom left, from(#ddd), to(#bbb));
-		background: -webkit-linear-gradient(top, #ddd 0, #bbb 100%);
-		background: linear-gradient(top, #ddd 0, #bbb 100%);
-		display: inline-block;
-		font-family: FontAwesome;
-		font-style: normal;
-		font-weight: 400;
-		line-height: 1;
-		-webkit-font-smoothing: antialiased;
-		-moz-osx-font-smoothing: grayscale;
-		font-size: 18px;
-		padding: 8px 15px;
-
-		&:before {
-			content: '\f0c9';
-			display: block;
-			position: absolute;
-			left: 0;
-			top: 3px;
-			width: 100%;
-			text-align: center;
-			text-indent: 0;
-			color: #818181;
-			font-weight: 400;
-			line-height: 28px;
-		}
-		&:hover:before {
-			color: #C27616;
-		}
-	}
-}
-
-
-/*
- * Nestable lists
- */
-
-.nestable-lists {
-	display: block;
-	clear: both;
-	padding: 30px 0;
-	width: 100%;
-	border: 0;
-	border-top: 2px solid #bfbfbf;
-	border-bottom: 2px solid #bfbfbf;
-}
-#nestable-menu {
-	padding: 0;
-	margin: 10px 0 20px;
-}
-
-#nestable-output,
-#nestable2-output {
-	width: 100%;
-	padding: 5px;
-}
-
-
-/*
- * Custom items
- */
-
-.custom-scroll {
-
-	&::-webkit-scrollbar {
-		-webkit-overflow-scrolling: touch;
-		height: 10px;
-		width: 10px;
-
-		&:hover {
-			background-color: #E9E9E9;
-			border: 1px solid #dbdbdb;
-		}
-		&-button:start:decrement,
-		&-button:end:increment {
-			background: 0 0;
-			display: block;
-			height: 0;
-		}
-		&-track {
-			-webkit-background-clip: padding-box;
-			background-clip: padding-box;
-			border: solid transparent;
-
-			&-piece {
-				-o-border-radius: 0;
-				background-color: transparent;
-				border-radius: 0;
-			}
-		}
-		&-thumb {
-			-webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset 0 -1px 0 rgba(0, 0, 0, .07);
-			-webkit-background-clip: padding-box;
-			background-clip: padding-box;
-			background-color: rgba(0, 0, 0, .2);
-			border: 0;
-			box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset 0 -1px 0 rgba(0, 0, 0, .07);
-
-			&:vertical,
-			&:horizontal {
-				-o-border-radius: 0;
-				background-color: #bfbfbf;
-				border-radius: 0;
-			}
-			&:active {
-				-webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .33);
-				background-color: rgba(0, 0, 0, .44);
-				box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .33);
-			}
-			&:hover {
-				background-color: #959595;
-			}
-		}
-	}
-}
-
-.air {
-	position: absolute;
-	z-index: 5;
-
-	&-bottom {
-		bottom: 0;
-	}
-	&-top {
-		top: 0;
-
-		&-right {
-			top: 0;
-			right: 0;
-		}
-		&-left {
-			top: 0;
-			left: 0;
-		}
-	}
-	&-bottom {
-		&-left {
-			bottom: 0;
-			left: 0;
-		}
-		&-right {
-			bottom: 0;
-			right: 0;
-		}
-	}
-}
-
-.tree {
-	min-height: 20px;
-	border-radius: 4px;
-
-	li {
-		list-style-type: none;
-		margin: 0;
-		padding: 3px 0 3px 5px;
-		position: relative;
-
-		&:after,
-		&:before {
-			content: '';
-			left: -10px;
-			position: absolute;
-			right: auto;
-		}
-		&:before {
-			border-left: 1px solid #999;
-			bottom: 50px;
-			height: 100%;
-			top: -5px;
-			width: 1px;
-			-webkit-transition: "border-color 0.1s ease 0.1s";
-			transition: "border-color 0.1s ease 0.1s";
-		}
-		&:last-child::before {
-			height: 20px;
-		}
-		&:after {
-			border-top: 1px solid #999;
-			height: 20px;
-			top: 14px;
-			width: 15px;
-		}
-		&:hover {
-			background: rgba(0, 0, 0, .15);
-		}
-		>span {
-			color: @textColor;
-			border: 1px solid #999;
-			border-radius: 5px;
-			display: inline-block;
-			padding: 4px 8px;
-			text-decoration: none;
-			-webkit-transition: color .2s ease .1s, background-color .2s ease .1s, border-color .3s ease .2s;
-			transition: color .2s ease .1s, background-color .2s ease .1s, border-color .3s ease .2s;
-
-			>i {
-				padding-right: 4px;
-			}
-		}
-		&.parent_li >span {
-			padding: 7px;
-		}
-		>span {
-			cursor: pointer;
-
-			&:hover,
-			&:hover + ul li >span {
-				background: #eee;
-				border: 1px solid #94a0b4;
-				color: #000;
-			}
-		}
-	}
-	ul {
-		ul {
-			padding-left: 24px;
-			padding-top: 5px;
-		}
-	}
-	>ul {
-		padding-left: 0;
-
-		>li {
-			&:after,
-			&:before {
-				border: 0;
-			}
-		}
-	}
-}
-
-.tree-node-padding {
-	display: inline-block;
-	width: 15px;
-}
-
-.pace {
-	-webkit-pointer-events: none;
-	pointer-events: none;
-	-webkit-user-select: none;
-	-moz-user-select: none;
-	-ms-user-select: none;
-	user-select: none;
-
-	&-inactive {
-		display: none;
-	}
-	.pace-progress {
-		background: #3276b1;
-		position: fixed;
-		z-index: 2000;
-		top: 0;
-		left: 0;
-		height: 2px;
-		-webkit-transition: width 1s;
-		transition: width 1s;
-
-		&-inner {
-			display: block;
-			position: absolute;
-			right: 0;
-			width: 100px;
-			height: 100%;
-			-webkit-box-shadow: 0 0 10px #29d, 0 0 5px #29d;
-			box-shadow: 0 0 10px #29d, 0 0 5px #29d;
-			opacity: 1;
-			-webkit-transform: rotate(3deg) translate(0, -4px);
-			-ms-transform: rotate(3deg) translate(0, -4px);
-			transform: rotate(3deg) translate(0, -4px);
-		}
-	}
-	.pace-activity {
-		display: block;
-		position: fixed;
-		z-index: 2000;
-		top: 63px;
-		right: 40px;
-		width: 14px;
-		height: 14px;
-		border: solid 2px transparent;
-		border-top-color: #29d;
-		border-left-color: #29d;
-		border-radius: 10px;
-		-webkit-animation: pace-spinner 400ms linear infinite;
-		-ms-animation: pace-spinner 400ms linear infinite;
-		animation: pace-spinner 400ms linear infinite;
-	}
-}
-