/*#region << General >> */

body {
	background: #151517;
}

	body.debug {
		background:#005047;
	}

		body.debug #sidebar-switcher,
		body.debug .navbar.desktop {
			background:rgba(0,0,0,0.75);
		}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
	display: none !important;
	visibility: hidden !important;
}

.ng-enter {
	visibility: hidden;
}

	.ng-enter.ng-enter-active {
		visibility: visible;
	}

.transparent {
	opacity: 0; /* Opacity for Modern Browsers */
}

a, a:hover, a:active, a:focus {
	outline: 0;
	text-decoration: none;
}

	a[ng-click]:hover {
		cursor: pointer;
	}

hr {
	border-color: #aaa;
}

.clickable:hover {
	cursor: pointer;
}

.as-sortable-item-handle:hover {
	cursor: move;
}

.as-sortable-placeholder {
	display: block !important;
}

h5 small {
	font-size: 12px;
}

form.form-signin {
	max-width: 330px;
	padding: 15px;
	margin: 40px auto;
	background-color: #f2f2f2;
	border: 1px solid #e5e5e5;
}

.page-header {
	margin-top: 20px;
	border-color: #aaa;
}

.page-buttons {
	border-top: 2px solid #aaa;
	background: #ccc;
	padding: 20px 10px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0;
}

	.page-buttons .btn-outline {
		background: rgba(0,0,0,0.1);
	}

	.page-buttons > span + span {
		margin-left: 15px;
	}

span.divider {
	color: #bdbdbd;
	margin: 0 1em;
}

.text-small {
	font-size: 0.8em;
}

.navbar-brand {
	font-size: 14px;
	margin-right: 30px;
	margin-left: 15px;
}

.panel {
	border: none;
	box-shadow: none;
	background: transparent;
	margin-bottom: 10px;
}

	.panel.panel-white {
		background: #fff !important;
		border: 1px solid #bbb;
	}

.panel-white.query {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

.panel-white .panel-heading {
	font-weight:bold;
	padding: 5px 10px;
}

.panel-white .panel-body {
	padding: 0 10px;
}

.panel-white.query .panel-body table {
	margin-bottom: 0;
	background: #ffffe0;
}

.panel-white.query .panel-heading {
	background-color: #f2f2f2 !important;
	height: 54px;
}

.panel, .panel-heading {
	border-radius: 0;
	background-color: transparent !important;
}

	.panel .panel-heading {
		color: #333;
		border-bottom: 1px solid #ccc;
		font-size: 14px;
	}

		.panel .panel-heading a:hover .fa {
			color: #F44336;
		}

.panel-white.query .table.rule {
	margin: 5px 0;
}

.panel .panel {
	margin: 0 0 5px 0;
	/*border: none;*/
}

.panel-body {
	padding: 5px 0;
}

	.panel-body > .form,
	.panel-body > .form-horizontal {
		padding: 10px;
		background: none;
	}

	.panel .panel .form-group ul {
		padding-left: 15px;
	}

.label-block {
	display: inline-block;
	width: 100px;
}

.field-list {
	padding-left: 1em;
}

.list-missing-image {
	font-size:26px;
	color:#ddd;
}

.panel .alert {
	margin: 5px;
}

.panel hr.divider {
	margin-top: 10px;
	margin-bottom: 10px;
}

.position-relative {
	position: relative !important;
}

.btn-outline {
	/*border: none;*/
	background: rgba(0,0,0,0.08);
	color: #555;
}

	.btn-outline:hover {
		background: rgba(0,0,0,0.12);
		color: #333;
	}

#page-text .alert {
	border: none;
	border-radius: 0;
}

.display-block {
	display: block !important;
}

.display-inline-block {
	display: inline-block !important;
}

.navbar.desktop {
	border-radius: 0;
	background: #212121;
}

.navbar.navbar-default.navbar-erp {
	/*background: #f2f2f2;
	border-color: #ddd;*/
	background: #444;
	border:none;
	margin-bottom: 1em;
	min-height: 40px;
}

	.navbar.navbar-default.navbar-erp .navbar-brand {
		height: 40px;
		color: #bdbdbd;
	}

	.navbar.navbar-default.navbar-erp li > a,
	.navbar.navbar-default.navbar-erp .navbar-header > span {
		padding-top: 10px;
		padding-bottom: 10px;
		color:#ccc;
	}

	.navbar.navbar-default.navbar-erp li > a:hover,
	.navbar.navbar-default.navbar-erp .navbar-header > span:hover {
		background-color: rgba(255,255,255,0.25);
		color:#eee;
	}

	.navbar.navbar-default.navbar-erp li.active > a {
		background-color: rgba(255,255,255,0.75);
		color:#333;
	}

	.navbar.navbar-default.navbar-erp li > a.action:hover {
		color: #F44336 !important;
	}

.navbar.navbar-default.navbar-erp .navbar-btn {
	margin-top:3px;
	margin-bottom:3px;
}

.nav > li > a:focus {
	background: transparent;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

.text-left {
	text-align: left;
}

.collapsing {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

.table-image {
	max-height: 5em;
	width: 36px;
}

.recursive-view-wrapper {
	/*border: none;*/
	margin-bottom: 15px;
}

	.recursive-view-wrapper .panel {
		/*background: #fff !important;*/
		margin: 0;
		border: 1px solid #ccc;
	}

	.recursive-view-wrapper .panel-body {
		position: relative;
		padding: 10px 10px;
	}

		.recursive-view-wrapper .panel-body .form-group:last-child {
			margin-bottom: 0;
		}

.panel-body-actions {
	/*margin: -20px -5px 10px -5px;*/
	/*padding: 5px;*/
	/*background: #fff;*/
	/*border-bottom: 1px solid #ccc;*/
	position: absolute;
	right: 5px;
	top: 5px;
	z-index: 100;
}

.recursive-view-wrapper .panel-body .field > .control-label {
	text-transform: uppercase;
	font-weight: normal;
	color: #bdbdbd;
	font-size: 12px;
}

.width-2000 {
	width: 2000px;
}

.width-2500 {
	width: 2500px;
}

.width-3000 {
	width: 3000px;
}

.width-3500 {
	width: 3500px;
}


.width-4000 {
	width: 4000px;
}

.table.colorize-values .true-value {
	color: #4CAF50 !important;
}

.table.colorize-values .false-value {
	color: #F44336 !important;
}

.dropdown-menu > li > a {
	padding: 7px 20px;
}


.ace_editor {
	height: 200px;
}

.tooltip.bottom .tooltip-arrow {
	border-bottom-color: rgba(0,0,0,0.5);
}

.tooltip-inner {
	background: rgba(0,0,0,0.5);
}

/*
ngToast
*/

.ng-toast {
	margin-top: 5px;
}

	.ng-toast .ng-toast__message .alert {
		box-shadow: 0 0 20px #bbb;
		max-width: 600px;
		width: 600px;
		text-align: center;
		padding: 5px;
		background: #000000;
		background: rgba(0,0,0,0.7);
		color: #ECEFF1;
		border-width: 0;
		border-radius: 0;
	}

		.ng-toast .ng-toast__message .alert p {
			margin-bottom: 0;
		}

		.ng-toast .ng-toast__message .alert.alert-success {
			border-color: #4CAF50;
		}

			.ng-toast .ng-toast__message .alert.alert-success h4 {
				color: #4CAF50;
			}

		.ng-toast .ng-toast__message .alert.alert-info {
			border-color: #2196F3;
		}

			.ng-toast .ng-toast__message .alert.alert-info h4 {
				color: #2196F3;
			}

		.ng-toast .ng-toast__message .alert.alert-error {
			border-color: #F44336;
		}

			.ng-toast .ng-toast__message .alert.alert-error h4 {
				color: #F44336;
			}

		.ng-toast .ng-toast__message .alert.alert-warning {
			border-color: #FDD835;
		}

			.ng-toast .ng-toast__message .alert.alert-warning h4 {
				color: #FDD835;
			}

	.ng-toast .ng-toast__message ul {
		text-align: left;
	}

/*
  Badge colors
*/
.badge.badge-danger {
	background-color: #d9534f;
}


.vertical-align-middle {
	position: relative;
	top: 50%;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}


/* Inline icons in input */

.left-inner-addon {
	position: relative;
}

	.form-group-sm .left-inner-addon input.form-control,
	.left-inner-addon input.form-control {
		padding-left: 30px;
	}

	.left-inner-addon i {
		position: absolute;
		padding: 10px 12px;
		pointer-events: none;
		color: #bdbdbd;
	}

.form-group-sm .left-inner-addon i {
	padding: 9px 0 9px 10px;
	font-size: 12px;
}

.right-inner-addon {
	position: relative;
}

	form-group-sm .right-inner-addon input.form-control,
	.right-inner-addon input.form-control {
		padding-right: 30px;
	}

	.right-inner-addon i {
		position: absolute;
		right: 0;
		padding: 10px 18px;
		pointer-events: none;
		color: #bdbdbd;
	}

.form-group-sm .right-inner-addon i {
	padding: 9px 18px 9px 0;
	font-size: 12px;
}


/*#endregion */

/*#region << Sidebar >> */

#sidebar {
	left: 0;
	top: 0;
	bottom: 0;
	position: absolute;
	width: 220px;
	z-index: 9;
}

	#sidebar:empty {
		display: none;
	}

	#sidebar .dropdown-menu {
		width: 150px;
		left: 0;
		right: 0;
		margin: 0 auto;
	}

	#sidebar .nav {
		margin: 1em 0;
	}

		#sidebar .nav.only-back {
			background: transparent;
			border-left: none;
		}

		#sidebar .nav.nav-pills > li.header {
			color: #9E9E9E;
			text-transform: uppercase;
			font-size: 11px;
			margin-top: 1em;
			padding: 10px 15px 0 15px;
		}

		#sidebar .nav.nav-pills > li > a {
			border-radius: 0;
			color: #ECEFF1;
			color: #BDBDBD;
			white-space: nowrap;
			-ms-text-overflow: ellipsis;
			-o-text-overflow: ellipsis;
			text-overflow: ellipsis;
		}

			#sidebar .nav.nav-pills > li > a:hover,
			#sidebar .nav.nav-pills > li > a:focus {
				background: rgba(255,255,255,0.03);
			}

			#sidebar .nav.nav-pills > li > a > .fa {
				margin-right: 10px;
			}

		#sidebar .nav.nav-pills > li.active > a {
			background: #607D8B;
		}

/* Theming */
.theme-red #sidebar .nav.nav-pills > li.active > a {
	background: #F44336;
	background: rgba(244, 67, 54, 0.35);
}

.theme-pink #sidebar .nav.nav-pills > li.active > a {
	background: #E91E63;
	background: rgba(233, 30, 99, 0.35);
}

.theme-purple #sidebar .nav.nav-pills > li.active > a {
	background: #9C27B0;
	background: rgba(156, 39, 176, 0.35);
}

.theme-deep-purple #sidebar .nav.nav-pills > li.active > a {
	background: #673AB7;
	background: rgba(103, 58, 183, 0.35);
}

.theme-indigo #sidebar .nav.nav-pills > li.active > a {
	background: #3F51B5;
	background: rgba(63, 81, 181, 0.35);
}

.theme-blue #sidebar .nav.nav-pills > li.active > a {
	background: #2196F3;
	background: rgba(33, 150, 243, 0.35);
}

.theme-light-blue #sidebar .nav.nav-pills > li.active > a {
	background: #03A9F4;
	background: rgba(3, 169, 244, 0.35);
}

.theme-cyan #sidebar .nav.nav-pills > li.active > a {
	background: #00BCD4;
	background: rgba(0, 188, 212, 0.35);
}

.theme-teal #sidebar .nav.nav-pills > li.active > a {
	background: #009688;
	background: rgba(0, 150, 136, 0.35);
}

.theme-green #sidebar .nav.nav-pills > li.active > a {
	background: #4CAF50;
	background: rgba(76, 175, 80, 0.35);
}

.theme-light-green #sidebar .nav.nav-pills > li.active > a {
	background: #8BC34A;
	background: rgba(0, 150, 136, 0.35);
}

.theme-lime #sidebar .nav.nav-pills > li.active > a {
	background: #CDDC39;
	background: rgba(205, 220, 57, 0.35);
}

.theme-yellow #sidebar .nav.nav-pills > li.active > a {
	background: #FDD835;
	background: rgba(253, 216, 53, 0.35);
}

.theme-amber #sidebar .nav.nav-pills > li.active > a {
	background: #FFC107;
	background: rgba(255, 193, 7, 0.35);
}

.theme-orange #sidebar .nav.nav-pills > li.active > a {
	background: #FF9800;
	background: rgba(255, 152, 0, 0.35);
}

.theme-deep-orange #sidebar .nav.nav-pills > li.active > a {
	background: #FF5722;
	background: rgba(255, 87, 34, 0.35);
}

.theme-brown #sidebar .nav.nav-pills > li.active > a {
	background: #795548;
	background: rgba(121, 85, 72, 0.35);
}

/* Mini Sidebar */

.mini-sidebar #sidebar {
	width: 50px;
}

	.mini-sidebar #sidebar .nav > li .text,
	.mini-sidebar #sidebar .nav > li.header {
		display: none;
	}


	.mini-sidebar #sidebar .nav > li {
		text-align: center;
		padding: 0;
		margin-bottom: 5px;
	}

		.mini-sidebar #sidebar .nav > li a {
			-ms-text-overflow: clip;
			-o-text-overflow: clip;
			text-overflow: clip;
		}


		.mini-sidebar #sidebar .nav > li .fa {
			font-size: 18px;
			margin-right: 0 !important;
		}

@media screen and (max-width: 991px) {
	#sidebar {
		width: 50px;
	}

		#sidebar .nav > li .text,
		#sidebar .nav > li.header {
			display: none;
		}

		#sidebar .nav > li {
			text-align: center;
			padding: 0;
			margin-bottom: 5px;
		}

			#sidebar .nav > li .fa {
				font-size: 18px;
				margin-right: 0 !important;
			}
}


/* Hidden Sidebar */

body.hidden-sidebar #sidebar,
body.hidden-sidebar #switcher {
	display: none;
}

body.hidden-sidebar #content {
	margin-left: 0;
}

body.hidden-sidebar #page-topnav {
	padding-left: 20px;
}

/****************************
    User box
*****************************/
#userbox {
	padding: 5px 5px;
	background: #151517;
	position: relative;
	height: 39px;
	white-space: nowrap;
}

	#userbox:hover {
		cursor: pointer;
	}

	#userbox .avatar {
		width: 30px;
		height: 30px;
		border-radius: 30px;
		float: left;
		margin-right: 10px;
		display: block;
		box-shadow: 0 0 3px #fff;
	}

	#userbox .username {
		color: #ECEFF1;
		color: #BDBDBD;
		white-space: nowrap;
		overflow: hidden;
		/*max-width: 185px;
		display: inline-block;*/
		display: block;
		height: 20px;
		line-height: 20px;
		-ms-text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
	}

/*Mini sidebar*/

.mini-sidebar #userbox {
	padding-left: 0;
	padding-right: 0;
}

	.mini-sidebar #userbox .avatar {
		float: none;
		margin: 0 auto;
		width: 2em;
		height: 2em;
	}

	.mini-sidebar #userbox .username {
		display: none !important;
	}

@media screen and (max-width: 991px) {
	#userbox {
		padding-left: 0;
		padding-right: 0;
	}

		#userbox .avatar {
			float: none;
			margin: 0 auto;
		}

		#userbox .username {
			display: none !important;
		}
}

.not-visible-side-menu #sidebar .nav {
	display: none;
}


#sidebar .nav a {
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	text-transform: capitalize;
}

/* Sidebar switcher */
#sidebar-switcher {
	background: #212121;
}

	#sidebar-switcher .nav {
		margin-top: 0;
	}

	#sidebar-switcher #switcher {
		padding-top: 10px;
		padding-bottom: 13px;
	}


.mini-sidebar #sidebar-switcher .nav > li {
	margin-bottom: 0;
}
/*#endregion */

/*#region << Page topnav >> */

#page-topnav {
	height: 44px;
	line-height: 42px;
	border-bottom: 2px solid #90A4AE;
	position: relative;
	padding: 0 15px;
	overflow: hidden;
	background-color: transparent;
}

	#page-topnav:after {
		clear: both;
	}

	#page-topnav:empty {
		display: none;
	}

	#page-topnav .btn-link {
		color: #555;
	}

	#page-topnav .fa-home {
		font-size: 16px;
	}

	#page-topnav .aux-actions i {
		color: #ddd;
		font-size: 20px;
	}

    #page-topnav .aux-actions .btn:hover {
        text-decoration:none;
    }

	#page-topnav .aux-actions .btn:hover i {
		color: #555;
	}

	#page-topnav .aux-actions .avatar {
		width: 22px;
	}

	#page-topnav .aux-actions span {
		display: inline-block;
	}

		#page-topnav .aux-actions span:hover {
			cursor: default;
		}



/* Theming */
.theme-red #page-topnav {
	border-bottom: 2px solid #FFCDD2;
}

	.theme-red #page-topnav .aux-actions .btn:hover i {
		color: #E57373;
	}

.theme-pink #page-topnav {
	border-bottom: 2px solid #F8BBD0;
}

	.theme-pink #page-topnav .aux-actions .btn:hover i {
		color: #F06292;
	}

.theme-purple #page-topnav {
	border-bottom: 2px solid #E1BEE7;
}

	.theme-purple #page-topnav .aux-actions .btn:hover i {
		color: #BA68C8;
	}

.theme-deep-purple #page-topnav {
	border-bottom: 2px solid #D1C4E9;
}

	.theme-deep-purple #page-topnav .aux-actions .btn:hover i {
		color: #9575CD;
	}

.theme-indigo #page-topnav {
	border-bottom: 2px solid #C5CAE9;
}

	.theme-indigo #page-topnav .aux-actions .btn:hover i {
		color: #7986CB;
	}

.theme-blue #page-topnav {
	border-bottom: 2px solid #BBDEFB;
}

	.theme-blue #page-topnav .aux-actions .btn:hover i {
		color: #64B5F6;
	}

.theme-light-blue #page-topnav {
	border-bottom: 2px solid #B3E5FC;
}

	.theme-light-blue #page-topnav .aux-actions .btn:hover i {
		color: #4FC3F7;
	}

.theme-cyan #page-topnav {
	border-bottom: 2px solid #B2EBF2;
}

	.theme-cyan #page-topnav .aux-actions .btn:hover i {
		color: #4DD0E1;
	}

.theme-teal #page-topnav {
	border-bottom: 2px solid #B2DFDB;
}

	.theme-teal #page-topnav .aux-actions .btn:hover i {
		color: #4DB6AC;
	}

.theme-green #page-topnav {
	border-bottom: 2px solid #C8E6C9;
}

	.theme-green #page-topnav .aux-actions .btn:hover i {
		color: #81C784;
	}

.theme-light-green #page-topnav {
	border-bottom: 2px solid #DCEDC8;
}

	.theme-light-green #page-topnav .aux-actions .btn:hover i {
		color: #AED581;
	}

.theme-lime #page-topnav {
	border-bottom: 2px solid #E6EE9C;
}

	.theme-lime #page-topnav .aux-actions .btn:hover i {
		color: #DCE775;
	}

.theme-yellow #page-topnav {
	border-bottom: 2px solid #FFF176;
}

	.theme-yellow #page-topnav .aux-actions .btn:hover i {
		color: #FFF176;
	}

.theme-amber #page-topnav {
	border-bottom: 2px solid #FFE082;
}

	.theme-amber #page-topnav .aux-actions .btn:hover i {
		color: #FFD54F;
	}

.theme-orange #page-topnav {
	border-bottom: 2px solid #FFE0B2;
}

	.theme-orange #page-topnav .aux-actions .btn:hover i {
		color: #FFB74D;
	}


.theme-deep-orange #page-topnav {
	border-bottom: 2px solid #FFCCBC;
}

	.theme-deep-orange #page-topnav .aux-actions .btn:hover i {
		color: #FF8A65;
	}

.theme-brown #page-topnav {
	border-bottom: 2px solid #D7CCC8;
}

	.theme-brown #page-topnav .aux-actions .btn:hover i {
		color: #A1887F;
	}

#page-topnav #switcher {
	position: absolute;
	left: 0;
	top: 6px;
	bottom: 0;
	border-radius: 0 3px 3px 0;
	border: none;
	background: rgba(0,0,0,0.08) !important;
	box-shadow: none !important;
	padding: 0;
	width: 16px;
	height: 24px;
}

	/* Theming */
	/*.theme-red #page-topnav #switcher {
    background: #F44336 !important;
}

.theme-pink #page-topnav #switcher {
    background: #E91E63 !important;
}

.theme-purple #page-topnav #switcher {
    background: #9C27B0 !important;
}

.theme-deep-purple #page-topnav #switcher {
    background: #673AB7 !important;
}

.theme-indigo #page-topnav #switcher {
    background: #3F51B5 !important;
}

.theme-blue #page-topnav #switcher {
    background: #2196F3 !important;
}

.theme-light-blue #page-topnav #switcher {
    background: #03A9F4 !important;
}

.theme-cyan #page-topnav #switcher {
    background: #00BCD4 !important;
}

.theme-teal #page-topnav #switcher {
    background: #009688 !important;
}

.theme-green #page-topnav #switcher {
    background: #4CAF50 !important;
}

.theme-light-green #page-topnav #switcher {
    background: #8BC34A !important;
}

.theme-lime #page-topnav #switcher {
    background: #CDDC39 !important;
}

.theme-yellow #page-topnav #switcher {
    background: #FDD835 !important;
}

.theme-amber #page-topnav #switcher {
    background: #FFC107 !important;
}

.theme-orange #page-topnav #switcher {
    background: #FF9800 !important;
}

.theme-deep-orange #page-topnav #switcher {
    background: #FF5722 !important;
}

.theme-brown #page-topnav #switcher {
    background: #795548 !important;
}*/

	#page-topnav #switcher .fa {
		color: #555;
		margin-top: 5px;
		width: 10px;
	}

.mini-sidebar #page-topnav #switcher .fa:before {
	content: "\f0da";
}

#page-topnav #areanav {
	float: left;
	margin-top: -8px;
	display: inline-block;
}

/* Theming */
/*
.theme-red #page-topnav #areanav a {
	background-color: #F44336;
	border-color: #E53935;
}

.theme-pink #page-topnav #areanav a {
	background-color: #E91E63;
	border-color: #D81B60;
}

.theme-purple #page-topnav #areanav a {
	background-color: #9C27B0;
	border-color: #8E24AA;
}

.theme-deep-purple #page-topnav #areanav a {
	background-color: #673AB7;
	border-color: #5E35B1;
}

.theme-indigo #page-topnav #areanav a {
	background-color: #3F51B5;
	border-color: #3949AB;
}

.theme-blue #page-topnav #areanav a {
	background-color: #2196F3;
	border-color: #1E88E5;
}

.theme-light-blue #page-topnav #areanav a {
	background-color: #03A9F4;
	border-color: #039BE5;
}

.theme-cyan #page-topnav #areanav a {
	background-color: #00BCD4;
	border-color: #00ACC1;
}

.theme-teal #page-topnav #areanav a {
	background-color: #009688;
	border-color: #00897B;
}

.theme-green #page-topnav #areanav a {
	background-color: #4CAF50;
	border-color: #43A047;
}

.theme-light-green #page-topnav #areanav a {
	background-color: #8BC34A;
	border-color: #7CB342;
}

.theme-lime #page-topnav #areanav a {
	background-color: #CDDC39;
	border-color: #C0CA33;
}

.theme-yellow #page-topnav #areanav a {
	background-color: #FDD835;
	border-color: #FDD835;
}

.theme-amber #page-topnav #areanav a {
	background-color: #FFC107;
	border-color: #FFB300;
}

.theme-orange #page-topnav #areanav a {
	background-color: #FF9800;
	border-color: #FB8C00;
}

.theme-deep-orange #page-topnav #areanav a {
	background-color: #FF5722;
	border-color: #F4511E;
}

.theme-brown #page-topnav #areanav a {
	background-color: #795548;
	border-color: #6D4C41;
}

*/
#page-topnav #search-wrapper {
	margin-left: 40px;
	margin-right: 10px;
	border-left: 1px solid rgba(137,137,137,0.3);
	height: 38px;
	line-height: 38px;
	width: 300px;
}

	#page-topnav #search-wrapper .fa {
		color: #ccc;
	}

	#page-topnav #search-wrapper input {
		border: none;
		font-size: 13px;
		height: 38px;
		line-height: 38px;
		width: 100%;
		padding: 0 10px 0 35px;
		box-shadow: none;
		border-radius: 0;
		background: #fff;
	}

		#page-topnav #search-wrapper input:active,
		#page-topnav #search-wrapper input:focus,
		#page-topnav #search-wrapper input::selection {
			outline: none;
			border: none;
			background: #fff;
		}

#page-topnav .area-title {
	font-size: 12px;
	text-transform: uppercase;
	float: left;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	max-width: 200px;
	overflow: hidden;
	color: #bdbdbd;
}

	#page-topnav .area-title:hover {
		color:#999;
	}

#page-topnav #entity-label {
	margin-left: 10px;
	font-size: 13px;
	margin-top: -2px;
	float: left;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	max-width: 200px;
	overflow: hidden;
	color: #bdbdbd;
	line-height: 20px;
}

#page-topnav .divider-box {
	margin-left: 10px;
	margin-right: 10px;
	font-size: 13px;
	float: left;
	max-width: 20px;
	color: #bdbdbd;
}

#page-topnav .aux-actions {
	float: right;
}

#page-topnav #localnav {
	display: inline-block;
}
/* Responsiveness */

@media screen and (max-width:767px) {
	#page-topnav #areanav {
		float: none;
		margin-top: 0;
	}
}

@media screen and (max-width:767px) {
	#page-topnav {
		padding: 12px 10px;
	}
}

/*#endregion */

/*#region << Content >> */

#content {
	margin-left: 220px;
	background-color: #f7f7f7;
}

.no-sidebar #content {
	margin-left: 0 !important;
}

.mini-sidebar #content {
	margin-left: 50px;
}

@media screen and (max-width: 991px) {
	#content {
		margin-left: 50px;
	}
}

@media screen and (max-width: 767px) {
	#content,
	.mini-sidebar #content {
		margin-left: 0;
	}
}


/*#endregion */

/*#region << Page title >> */

#page-title:empty {
	display: none;
}

#page-title .alternatives {
	margin-top:7px;
	position:relative;
	left:15px;
}

#page-title #page-meta {
	background: #FAFBFD;
	border-bottom: 1px solid #ECEFF1;
	padding: 12px 10px 12px 67px;
	height: 60px;
	position:relative;
}

#page-meta .meta-icon {
	background: #ccc;
	color: #fff;
	display: inline-block;
	position: absolute;
	top: 10px;
	left: 15px;
	width: 38px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	border: none;
}

	#page-meta .meta-icon .fa {
		vertical-align: middle;
		position: relative;
		top: -1px;
	}

		#page-meta .meta-icon .fa.fa-2x {
			font-size: 1.5em;
		}

#page-meta .meta-label {
	display: inline-block;
	width: 50%;
}

	#page-meta .meta-label .meta-label-aux {
		font-size: 13px;
		/*text-transform: uppercase;*/
		color: #aaa;
		position: relative;
		top: -3px;
	}

		#page-meta .meta-label .meta-label-aux .divider {
			margin: 0 0.5em;
		}

	#page-meta .meta-label h4 {
		margin: 0;
		line-height: 1.2em;
		font-size: 20px;
		position: relative;
		top: -5px;
		overflow: hidden;
		-ms-text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		height: 1.2em;
		white-space: nowrap;
	}

	#page-meta .meta-label .selector {
		color: #bdbdbd;
		background: rgba(255,255,255,0.75);
		margin-left: 10px;
	}

		#page-meta .meta-label .selector:focus {
			outline:none;
			border-color: #ccc;
		}

		#page-meta .meta-label .selector:hover {
			color: #555;
			background: rgba(0,0,0,0.08);
		}

.query-filter-row {
	background:#ddd;
}

.query-filter-row .form-group {
	margin-bottom: 0;
}

.query-filter-row td {
	padding: 3px 8px !important;
}

	.query-filter-row td .btn-outline {
		background: transparent;
		border: 1px solid #bdbdbd;
	}

	.query-filter-row td table th {
		white-space: nowrap;
		padding: 0;
		font-weight: normal;
		width: 1%;
	}

	.query-filter-row td table td {
		padding: 0;
	}


.query-filter-row .form-control {
	padding-left: 5px;
	padding-right: 5px;
}

#page-meta .list-inline .active a i {
	color: #d9534f;
}

	#page-meta .list-inline .active a i:before {
		content: "\f061";
	}

/*Theming*/
.theme-red #page-title {
	background: #FFEBEE;
}

.theme-red #page-title #page-meta {
	background: #FFEBEE;
	border-bottom: 2px solid #FFCDD2;
}

.theme-red #page-title .meta-icon {
	background: #E57373;
}

.theme-red #page-title .meta-label-aux {
	color: #E57373;
}

.theme-pink #page-title {
	background: #FCE4EC;	
}

.theme-pink #page-title #page-meta {
	background: #FCE4EC;
	border-bottom: 2px solid #F8BBD0;
}

.theme-pink #page-title .meta-icon {
	background: #F06292;
}

.theme-pink #page-title .meta-label-aux {
	color: #F06292;
}

.theme-purple #page-title {
	background: #F3E5F5;	
}

.theme-purple #page-title #page-meta {
	background: #F3E5F5;
	border-bottom: 2px solid #E1BEE7;
}

.theme-purple #page-title .meta-icon {
	background: #BA68C8;
}

.theme-purple #page-title .meta-label-aux {
	color: #BA68C8;
}

.theme-deep-purple #page-title {
	background: #EDE7F6;	
}

.theme-deep-purple #page-title #page-meta {
	background: #EDE7F6;
	border-bottom: 2px solid #D1C4E9;
}

.theme-deep-purple #page-title .meta-icon {
	background: #9575CD;
}

.theme-deep-purple #page-title .meta-label-aux {
	color: #9575CD;
}

.theme-indigo #page-title {
	background: #E8EAF6;	
}

.theme-indigo #page-title #page-meta {
	background: #E8EAF6;
	border-bottom: 2px solid #C5CAE9;
}

.theme-indigo #page-title .meta-icon {
	background: #7986CB;
}

.theme-indigo #page-title .meta-label-aux {
	color: #7986CB;
}

.theme-blue #page-title {
	background: #E3F2FD;	
}

.theme-blue #page-title #page-meta {
	background: #E3F2FD;
	border-bottom: 2px solid #BBDEFB;
}

.theme-blue #page-title .meta-icon {
	background: #64B5F6;
}

.theme-blue #page-title .meta-label-aux {
	color: #64B5F6;
}

.theme-light-blue #page-title {
	background: #E1F5FE;	
}

.theme-light-blue #page-title #page-meta {
	background: #E1F5FE;
	border-bottom: 2px solid #B3E5FC;
}

.theme-light-blue #page-title .meta-icon {
	background: #4FC3F7;
}

.theme-light-blue #page-title .meta-label-aux {
	color: #4FC3F7;
}

.theme-cyan #page-title {
	background: #E0F7FA;	
}

.theme-cyan #page-title #page-meta {
	background: #E0F7FA;
	border-bottom: 2px solid #B2EBF2;
}

.theme-cyan #page-title .meta-icon {
	background: #4DD0E1;
}

.theme-cyan #page-title .meta-label-aux {
	color: #4DD0E1;
}

.theme-teal #page-title {
	background: #E0F2F1;
}

.theme-teal #page-title #page-meta {
	background: #E0F2F1;
	border-bottom: 2px solid #B2DFDB;
}

.theme-teal #page-title .meta-icon {
	background: #4DB6AC;
}

.theme-teal #page-title .meta-label-aux {
	color: #4DB6AC;
}

.theme-green #page-title {
	background: #E8F5E9;
}

.theme-green #page-title #page-meta {
	background: #E8F5E9;
	border-bottom: 2px solid #C8E6C9;
}

.theme-green #page-title .meta-icon {
	background: #81C784;
}

.theme-green #page-title .meta-label-aux {
	color: #81C784;
}

.theme-light-green #page-title {
	background: #F1F8E9;
}

.theme-light-green #page-title #page-meta {
	background: #F1F8E9;
	border-bottom: 2px solid #DCEDC8;
}

.theme-light-green #page-title .meta-icon {
	background: #AED581;
}

.theme-light-green #page-title .meta-label-aux {
	color: #AED581;
}

.theme-lime #page-title {
	background: #F9FBE7;
}

.theme-lime #page-title #page-meta {
	background: #F9FBE7;
	border-bottom: 2px solid #E6EE9C;
}

.theme-lime #page-title .meta-icon {
	background: #DCE775;
}

.theme-lime #page-title .meta-label-aux {
	color: #DCE775;
}

.theme-yellow #page-title {
	background: #FFFDE7;
}

.theme-yellow #page-title #page-meta {
	background: #FFFDE7;
	border-bottom: 2px solid #FFF176;
}

.theme-yellow #page-title .meta-icon {
	background: #FDD835;
}

.theme-yellow #page-title .meta-label-aux {
	color: #FDD835;
}

.theme-amber #page-title {
	background: #FFF8E1;
}

.theme-amber #page-title #page-meta {
	background: #FFF8E1;
	border-bottom: 2px solid #FFE082;
}

.theme-amber #page-title .meta-icon {
	background: #FFD54F;
}

.theme-amber #page-title .meta-label-aux {
	color: #FFD54F;
}

.theme-orange #page-title {
	background: #FFF3E0;
}

.theme-orange #page-title #page-meta {
	background: #FFF3E0;
	border-bottom: 2px solid #FFE0B2;
}

.theme-orange #page-title .meta-icon {
	background: #FFB74D;
}

.theme-orange #page-title .meta-label-aux {
	color: #FFB74D;
}

.theme-deep-orange #page-title {
	background: #FBE9E7;
}

.theme-deep-orange #page-title #page-meta {
	background: #FBE9E7;
	border-bottom: 2px solid #FFCCBC;
}

.theme-deep-orange #page-title .meta-icon {
	background: #FF8A65;
}

.theme-deep-orange #page-title .meta-label-aux {
	color: #FF8A65;
}

.theme-brown #page-title {
	background: #EFEBE9;
}

.theme-brown #page-title #page-meta {
	background: #EFEBE9;
	border-bottom: 2px solid #D7CCC8;
}

.theme-brown #page-title .meta-icon {
	background: #8D6E63;
}

.theme-brown #page-title .meta-label-aux {
	color: #8D6E63;
}

#page-title .aux-actions {
	float: right;
	padding-top: 0;
	margin-right: 5px;
}

	#page-title .aux-actions .form-group {
		width: 200px;
		display: inline-block;
		vertical-align: middle;
		margin-bottom: 0;
	}

#page-title .form-control {
	box-shadow: none;
	border: none;
}

#page-messages > .alert {
	margin-bottom: 0;
}

#page-messages .alert + .alert {
	margin-top: 1em;
}

.title-label {
	color: #aaa;
	text-transform: uppercase;
	margin-right:5px;
}

/*#endregion */

/*#region << Area thumbnails >> */

.area.thumbnail {
	text-align: center;
	border-bottom-width: 2px;
}

	.area.thumbnail:hover,
	.area.thumbnail:active,
	.area.thumbnail:focus {
		border-color: rgba(137,137,137,0.3);
		text-decoration: none;
		box-shadow: 0 0 10px #ccc;
	}


	.area.thumbnail .fa {
		font-size: 48px;
		padding: 15px 0;
		color: #ddd;
	}

	.area.thumbnail:hover .fa {
		color: #ddd;
	}

	.area.thumbnail .caption {
		color: #333;
		font-size: 14px;
		overflow: hidden;
		white-space: nowrap;
		-ms-text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
	}

	/* Theming */

	.area.thumbnail.red,
	.area.thumbnail.red:hover,
	.area.thumbnail.red:active,
	.area.thumbnail.red:focus {
		border-bottom-color: #F44336;
	}

		.area.thumbnail.red .fa,
		.area.thumbnail.red:hover .fa {
			color: #F44336;
		}

	.area.thumbnail.pink,
	.area.thumbnail.pink:hover,
	.area.thumbnail.pink:active,
	.area.thumbnail.pink:focus {
		border-bottom-color: #E91E63;
	}

		.area.thumbnail.pink .fa,
		.area.thumbnail.pink:hover .fa {
			color: #E91E63;
		}

	.area.thumbnail.purple,
	.area.thumbnail.purple:hover,
	.area.thumbnail.purple:active,
	.area.thumbnail.purple:focus {
		border-bottom-color: #9C27B0;
	}

		.area.thumbnail.purple .fa,
		.area.thumbnail.purple:hover .fa {
			color: #9C27B0;
		}

	.area.thumbnail.deep-purple,
	.area.thumbnail.deep-purple:hover,
	.area.thumbnail.deep-purple:active,
	.area.thumbnail.deep-purple:focus {
		border-bottom-color: #673AB7;
	}

		.area.thumbnail.deep-purple .fa,
		.area.thumbnail.deep-purple:hover .fa {
			color: #673AB7;
		}

	.area.thumbnail.indigo,
	.area.thumbnail.indigo:hover,
	.area.thumbnail.indigo:active,
	.area.thumbnail.indigo:focus {
		border-bottom-color: #3F51B5;
	}

		.area.thumbnail.indigo .fa,
		.area.thumbnail.indigo:hover .fa {
			color: #3F51B5;
		}

	.area.thumbnail.blue,
	.area.thumbnail.blue:hover,
	.area.thumbnail.blue:active,
	.area.thumbnail.blue:focus {
		border-bottom-color: #2196F3;
	}

		.area.thumbnail.blue .fa,
		.area.thumbnail.blue:hover .fa {
			color: #2196F3;
		}

	.area.thumbnail.light-blue,
	.area.thumbnail.light-blue:hover,
	.area.thumbnail.light-blue:active,
	.area.thumbnail.light-blue:focus {
		border-bottom-color: #03A9F4;
	}

		.area.thumbnail.light-blue .fa,
		.area.thumbnail.light-blue:hover .fa {
			color: #03A9F4;
		}

	.area.thumbnail.cyan,
	.area.thumbnail.cyan:hover,
	.area.thumbnail.cyan:active,
	.area.thumbnail.cyan:focus {
		border-bottom-color: #00BCD4;
	}

		.area.thumbnail.cyan .fa,
		.area.thumbnail.cyan:hover .fa {
			color: #00BCD4;
		}

	.area.thumbnail.teal,
	.area.thumbnail.teal:hover,
	.area.thumbnail.teal:active,
	.area.thumbnail.teal:focus {
		border-bottom-color: #009688;
	}

		.area.thumbnail.teal .fa,
		.area.thumbnail.teal:hover .fa {
			color: #009688;
		}

	.area.thumbnail.green,
	.area.thumbnail.green:hover,
	.area.thumbnail.green:active,
	.area.thumbnail.green:focus {
		border-bottom-color: #4CAF50;
	}

		.area.thumbnail.green .fa,
		.area.thumbnail.green:hover .fa {
			color: #4CAF50;
		}

	.area.thumbnail.light-green,
	.area.thumbnail.light-green:hover,
	.area.thumbnail.light-green:active,
	.area.thumbnail.light-green:focus {
		border-bottom-color: #8BC34A;
	}

		.area.thumbnail.light-green .fa,
		.area.thumbnail.light-green:hover .fa {
			color: #8BC34A;
		}

	.area.thumbnail.lime,
	.area.thumbnail.lime:hover,
	.area.thumbnail.lime:active,
	.area.thumbnail.lime:focus {
		border-bottom-color: #CDDC39;
	}

		.area.thumbnail.lime .fa,
		.area.thumbnail.lime:hover .fa {
			color: #CDDC39;
		}

	.area.thumbnail.yellow,
	.area.thumbnail.yellow:hover,
	.area.thumbnail.yellow:active,
	.area.thumbnail.yellow:focus {
		border-bottom-color: #FFEB3B;
	}

		.area.thumbnail.yellow .fa,
		.area.thumbnail.yellow:hover .fa {
			color: #FFEB3B;
		}

	.area.thumbnail.amber,
	.area.thumbnail.amber:hover,
	.area.thumbnail.amber:active,
	.area.thumbnail.amber:focus {
		border-bottom-color: #FFC107;
	}

		.area.thumbnail.amber .fa,
		.area.thumbnail.amber:hover .fa {
			color: #FFC107;
		}

	.area.thumbnail.orange,
	.area.thumbnail.orange:hover,
	.area.thumbnail.orange:active,
	.area.thumbnail.orange:focus {
		border-bottom-color: #FF9800;
	}

		.area.thumbnail.orange .fa,
		.area.thumbnail.orange:hover .fa {
			color: #FF9800;
		}

	.area.thumbnail.deep-orange,
	.area.thumbnail.deep-orange:hover,
	.area.thumbnail.deep-orange:active,
	.area.thumbnail.deep-orange:focus {
		border-bottom-color: #FF5722;
	}

		.area.thumbnail.deep-orange .fa,
		.area.thumbnail.deep-orange:hover .fa {
			color: #FF5722;
		}

	.area.thumbnail.brown,
	.area.thumbnail.brown:hover,
	.area.thumbnail.brown:active,
	.area.thumbnail.brown:focus {
		border-bottom-color: #795548;
	}

		.area.thumbnail.brown .fa,
		.area.thumbnail.brown:hover .fa {
			color: #795548;
		}

	.area.thumbnail.blue-gray,
	.area.thumbnail.blue-gray:hover,
	.area.thumbnail.blue-gray:active,
	.area.thumbnail.blue-gray:focus {
		border-bottom-color: #607D8B;
	}

		.area.thumbnail.blue-gray .fa,
		.area.thumbnail.blue-gray:hover .fa {
			color: #607D8B;
		}

/*#endregion */

/*#region << Page content >>*/

#page-content {
	position: relative;
	background-color: transparent;
}

	#page-content:empty {
		display: none;
	}

	#page-content #filters {
		padding: 1em .5em 0 .5em;
		margin-bottom: -1em;
	}

#filters > .form-group > .input-group > .form-control {
	background: #f5f5f5;
}

#page-content #list {
	min-height: 50px;
	padding: 0 1em 0 1em;
	position: relative;
}

#page-content #page-text {
	min-height: 50px;
	padding: 15px;
}


#developers {
	background: white;
	min-height: 600px;
}

/****************************
    Filter criteria
*****************************/

#filters > .form-group {
	/*margin-top: 2em;*/
	position: relative;
	padding-bottom: 1em;
	padding-left: 0.5em;
}


#filters .pending-removal .field a {
	text-decoration: line-through;
	color: #F44336;
}

.filter {
	margin: 0 15px 0 0;
	background-color: #fff;
	padding: 5px 10px 5px 10px;
	border: 1px solid #eee;
}

.filter-label {
	padding: 12px 5px 12px 10px;
	background: #ddd;
	margin-right: 10px;
	color: #555;
	position: relative;
}

	.filter-label:after {
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 23px 0 23px 10px;
		border-color: transparent transparent transparent #dddddd;
		content: "";
		position: absolute;
		display: block;
		right: -10px;
		top: -1px;
	}

	.filter-label.filter-change {
		color: #fff;
		background: #5cb85c;
	}

		.filter-label.filter-change:after {
			border-color: transparent transparent transparent #5cb85c;
		}

		.filter-label.filter-change:hover {
			background: #449d44;
			cursor: pointer;
		}

			.filter-label.filter-change:hover:after {
				border-color: transparent transparent transparent #449d44;
			}

.filter .field {
	text-transform: uppercase;
	font-size: 11px;
}

.filter .criterias {
	margin: 0 0 0 -5px;
}

.filter .field a,
.filter .field a:hover {
	color: #2196F3;
	text-decoration: none;
}

/* Theming */
.theme-red .filter .field a, .theme-red .filter .field a:hover {
	color: #F44336;
}

.theme-pink .filter .field a, .theme-pink .filter .field a:hover {
	color: #E91E63;
}

.theme-purple .filter .field a, .theme-purple .filter .field a:hover {
	color: #9C27B0;
}


.theme-deep-purple .filter .field a, .theme-deep-purple .filter .field a:hover {
	color: #673AB7;
}

.theme-indigo .filter .field a, .theme-indigo .filter .field a:hover {
	color: #3F51B5;
}

.theme-blue .filter .field a, .theme-blue .filter .field a:hover {
	color: #2196F3;
}

.theme-light-blue .filter .field a, .theme-light-blue .filter .field a:hover {
	color: #03A9F4;
}

.theme-cyan .filter .field a, .theme-cyan .filter .field a:hover {
	color: #00BCD4;
}

.theme-teal .filter .field a, .theme-teal .filter .field a:hover {
	color: #009688;
}

.theme-green .filter .field a, .theme-green .filter .field a:hover {
	color: #4CAF50;
}


.theme-light-green .filter .field a, .theme-light-green .filter .field a:hover {
	color: #8BC34A;
}

.theme-lime .filter .field a, .theme-lime .filter .field a:hover {
	color: #CDDC39;
}

.theme-yellow .filter .field a, .theme-yellow .filter .field a:hover {
	color: #FDD835;
}

.theme-amber .filter .field a, .theme-amber .filter .field a:hover {
	color: #FFC107;
}

.theme-orange .filter .field a, .theme-orange .filter .field a:hover {
	color: #FF9800;
}

.theme-deep-orange .filter .field a, .theme-deep-orange .filter .field a:hover {
	color: #FF5722;
}

.theme-brown .filter .field a, .theme-brown .filter .field a:hover {
	color: #795548;
}

.filter .criterias a,
.filter .criterias a:hover {
	color: #212121;
	text-decoration: none;
}

.filter .criterias .fa,
.filter .field .fa {
	font-size: 11px;
	color: #ddd;
	position: relative;
	top: 0;
	opacity: 0;
}

.filter .criterias a:hover .fa,
.filter .field a:hover .fa {
	color: #F44336;
	opacity: 1;
}

/****************************
    Sub menu
*****************************/

.dropdown-submenu {
	position: relative;
}

	.dropdown-submenu > .dropdown-menu {
		top: 0;
		left: 100%;
		margin-top: -6px;
		margin-left: -1px;
		-webkit-border-radius: 0 6px 6px 6px;
		-moz-border-radius: 0 6px 6px;
		border-radius: 0 6px 6px 6px;
	}

	.dropdown-submenu:hover > .dropdown-menu {
		display: block;
	}

	.dropdown-submenu > a:after {
		display: block;
		content: " ";
		float: right;
		width: 0;
		height: 0;
		border-color: transparent;
		border-style: solid;
		border-width: 5px 0 5px 5px;
		border-left-color: #ccc;
		margin-top: 5px;
		margin-right: -10px;
	}

	.dropdown-submenu:hover > a:after {
		border-left-color: #fff;
	}

	.dropdown-submenu.pull-left {
		float: none;
	}

		.dropdown-submenu.pull-left > .dropdown-menu {
			left: -100%;
			margin-left: 10px;
			-webkit-border-radius: 6px 0 6px 6px;
			-moz-border-radius: 6px 0 6px 6px;
			border-radius: 6px 0 6px 6px;
		}


/****************************
  Filter selection tab
*****************************/
.vertical-tabs-wrapper {
	position: relative;
}

	.vertical-tabs-wrapper .nav-pills {
		float: left;
		width: 200px;
		border-right: none;
	}

		.vertical-tabs-wrapper .nav-pills a {
			border-radius: 0;
			outline: none !important;
			white-space: nowrap;
			overflow: hidden;
			-ms-text-overflow: ellipsis;
			-o-text-overflow: ellipsis;
			text-overflow: ellipsis;
		}

		.vertical-tabs-wrapper .nav-pills .active a {
			color: #333;
			/*border: 1px solid #ddd;*/
			border-right: none;
			border-radius: 3px 0 0 3px;
			background: white;
			z-index: 2;
			margin-right: -3px;
			padding: 10px 30px 10px 15px;
		}

			.vertical-tabs-wrapper .nav-pills .active a:hover,
			.vertical-tabs-wrapper .nav-pills .active a:focus,
			.vertical-tabs-wrapper .nav-pills .active a:active {
				background: white;
				color: #333;
			}


.filters-selection-list label {
	margin-bottom: .7em;
	margin-right: .7em;
}

	.filters-selection-list label .fa {
		color: #ddd;
	}

	.filters-selection-list label.active .fa {
		color: #4CAF50;
	}

.vertical-tabs-wrapper .tab-content {
	margin-left: 200px;
	border: none !important;
	min-height: 400px;
	padding: 1em 1em 1em 2em;
	background: #fff;
	position: relative;
}

	.vertical-tabs-wrapper .tab-content #loading-bar-spinner,
	.ajax-wrapper #loading-bar-spinner {
		position: absolute;
		display: inline-block;
		margin: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: 2em;
		height: 2em;
	}

.ajax-wrapper {
	min-height: 80px;
	position: relative;
}

.nav-stacked li.active-filter a:after {
	font-family: 'FontAwesome';
	content: "\f0b0";
	position: absolute;
	right: 7px;
	top: 10px;
	font-size: 12px;
	color: #F44336;
}

.nav-stacked li.active-filter.active a:after {
	right: 10px;
}


/*.table-scroll-wrapper {
	overflow-x:auto;
}*/

.table-scroll-wrapper .table {
	margin-bottom: 5px;
}

#page-body {
	min-height: 500px;
	padding-bottom: 76px;
	position: relative;
}


/*#endregion */

/*#region << Loading bar overrides>> */

/* Make clicks pass-through */
#loading-bar,
#loading-bar-spinner {
	pointer-events: none;
	-webkit-transition: 200ms linear all;
	-moz-transition: 200ms linear all;
	-o-transition: 200ms linear all;
	transition: 200ms linear all;
}


body #loading-bar .bar {
	background: #F44336;
}

body #loading-bar .peg {
	-moz-box-shadow: #F44336 1px 0 6px 1px;
	-webkit-box-shadow: #F44336 1px 0 6px 1px;
	box-shadow: #F44336 1px 0 6px 1px;
}


body.mini-sidebar #loading-bar-spinner {
	left: 11px;
}

body #loading-bar-spinner {
	top: 5px;
	left: 15px;
	/*display: none;*/
}

#loading-bar-spinner .spinner-icon {
	border-top-color: #F44336;
	border-left-color: #F44336;
	/*background:rgba(244, 67, 54, 0.2);*/
	width: 2.5em;
	height: 2.5em;
	border-radius: 2.8em;
	border-width: 3px;
}

#loading-bar-spinner .spinner-icon.go-gray {
	border-top-color: #ccc;
	border-left-color: #ccc;
}

body.mini-sidebar #loading-bar-spinner .spinner-icon {
	width: 2em;
	height: 2em;
	border-radius: 2em;
}

/*#endregion */

/*#region << Modal overrides >>*/
.modal h3.modal-title {
	text-transform: uppercase;
	font-size: 16px;
}

.modal .modal-header {
	border-bottom-width: 1px;
	border-bottom-color: #90A4AE;
	background: #F5F5F5;
	text-align: center;
}

.modal .modal-content {
	border-radius: 0;
}

.modal .modal-footer {
	text-align: center;
	border-top-color: #ccc;
	background: #F5F5F5;
}

/* Theming */
.theme-red .modal .modal-header {
	border-bottom-color: #F44336;
}

.theme-pink .modal .modal-header {
	border-bottom-color: #E91E63;
}

.theme-purple .modal .modal-header {
	border-bottom-color: #9C27B0;
}


.theme-deep-purple .modal .modal-header {
	border-bottom-color: #673AB7;
}

.theme-indigo .modal .modal-header {
	border-bottom-color: #3F51B5;
}

.theme-blue .modal .modal-header {
	border-bottom-color: #2196F3;
}

.theme-light-blue .modal .modal-header {
	border-bottom-color: #03A9F4;
}

.theme-cyan .modal .modal-header {
	border-bottom-color: #00BCD4;
}

.theme-teal .modal .modal-header {
	border-bottom-color: #009688;
}

.theme-green .modal .modal-header {
	border-bottom-color: #4CAF50;
}


.theme-light-green .modal .modal-header {
	border-bottom-color: #8BC34A;
}

.theme-lime .modal .modal-header {
	border-bottom-color: #CDDC39;
}

.theme-yellow .modal .modal-header {
	border-bottom-color: #FDD835;
}

.theme-amber .modal .modal-header {
	border-bottom-color: #FFC107;
}

.theme-orange .modal .modal-header {
	border-bottom-color: #FF9800;
}

.theme-deep-orange .modal .modal-header {
	border-bottom-color: #FF5722;
}

.theme-brown .modal .modal-header {
	border-bottom-color: #795548;
}

@media (min-width: 992px) {
	.modal-width-100p {
		width: 98%;
	}
}

@media (min-width: 992px) {
	.modal-width-75p {
		width: 75%;
	}
}
/*#endregion */

/*#region << Forms >> */

.form, .form-horizontal {
	padding: 0;
	background-color: transparent;
	/*border: 1px solid #e5e5e5;*/
}


	.form.form-clean, .form-horizontal.form-clean {
		background: none;
		border: none;
		padding: 0;
	}


.input-group-addon {
	color: #bdbdbd;
	padding-left: 7px;
	padding-right: 7px;
	border-color: #ccc;
}

.first-background-transparent > .input-group-addon:first-child {
	background: #fafafa;
}

.first-background-transparent > .form-control {
	border-left: none;
	padding-left: 0;
}

.panel-body .form,
.panel-body .form-horizontal {
	margin: -5px -10px;
	border: none;
}


.control-label {
	text-transform: uppercase;
	font-weight: normal;
	color: #bdbdbd;
	font-size: 12px;
}

.well .control-label {
    color:#aaa;
}

.form .control-label {
	margin-bottom: 0;
}

.form-control {
	border-color: #ccc;
	background-color: #fff;
}

div.form-control {
	height: auto;
}

	div.form-control .checkbox-inline {
		padding-top: 0;
	}


.form-horizontal .form-group {
	margin-left: 0;
	margin-right: 0;
}

.form .table,
.form-horizontal .table {
	margin-bottom: 0;
	border-color: #ccc;
}

	.form .table thead th,
	.form-horizontal .table thead th {
		color: #bdbdbd !important;
		font-weight: normal !important;
		background-color: #f5f5f5;
	}

label.required:after {
	content: "*";
	display: inline-block;
	color: #F44336;
	margin-left: 5px;
}

form .error,
.form .error {
	color: #a94442;
}

.has-error .form-control,
.has-error .cke{
	border-color: #a94442 !important;
}

.input-group.clean-addon .form-control {
	border-right: 0;
}

.input-group.clean-addon .input-group-addon {
	color: #bdbdbd;
}

.input-group.clean-addon .form-control + .input-group-addon,
.input-group.clean-addon .dropdown-menu + .input-group-addon {
	background: white;
}

.form-description {
	color: #bdbdbd;
	color: #aaa;
}

	.form-description:empty {
		display: none;
	}

.form .image-upload,
.form-horizontal .image-upload {
	position: relative;
}

	.form .image-upload .delete-link,
	.form-horizontal .image-upload .delete-link {
		position: absolute;
		left: 5px;
		top: 5px;
		padding: 7px;
		border-radius: 20px;
		background: #000000;
		background: rgba(0,0,0,0.4);
		color: #d9534f;
		border: 1px solid rgba(217,83,79,0.8);
	}

		.form .image-upload .delete-link:hover,
		.form-horizontal .image-upload .delete-link:hover {
			background: #d9534f;
			color: white;
		}


	.form .image-upload .update-link,
	.form-horizontal .image-upload .update-link {
		position: absolute;
		left: 80px;
		top: 5px;
		padding: 7px;
		border-radius: 20px;
		background: #000000;
		background: rgba(0,0,0,0.4);
		color: #FF9800;
		border: 1px solid rgba(255,152,0,0.8);
	}

		.form .image-upload .update-link:hover,
		.form-horizontal .image-upload .update-link:hover {
			background: #FF9800;
			color: white;
		}

.recursive-view-wrapper .form .control-label {
	color: #333;
}

/*#endregion*/

/*#region << Tables >> */

.table {
	background-color: white;
	border-color: rgba(137,137,137,0.3) !important;
}

	.table th, .table td {
		border-color: rgba(137,137,137,0.3) !important;
	}

		.table td .table {
			margin-bottom: 0;
		}

	.table thead th,
	.table thead td {
		background: #f1f1f1;
		background: #f2f2f2;
	}

	.table .table {
		background-color: transparent;
	}

		.table .table thead th,
		.table .table thead td {
			background: transparent;
		}

	.table.hide-header > thead {
		display: none;
	}

	.table.hide-header tbody tr:first-child td {
		border-top: none;
	}

.table-vertical-align-middle tbody th,
.table-vertical-align-middle tbody td {
	vertical-align: middle !important;
}

.table-th-right th{
    text-align:right;
    padding-right:1em !important;
}

.table-th-gray th{
    color:#999;
    font-weight:normal;
}

.table .img-thumbnail {
	border: none;
	border-radius: 0;
	padding: 0;
	max-height: 60px;
}

table thead th.actions,
table tbody td.actions {
	width: 1%;
	white-space: nowrap;
}

table .btn-xs.btn-link {
	padding: 0 5px;
	font-size: 13px;
}

.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
	border-bottom-width: 1px;
}

.table-bordered > thead > tr > th {
	font-weight: normal;
	color: #555;
	font-size: 13px;
	text-transform: lowercase;
}


.table.table-permissions thead th {
	font-weight: normal;
	color: #bdbdbd;
}

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

.theme-red .table-hover > tbody > tr:hover {
	background-color: #FFF4F4;
}


.theme-pink .table-hover > tbody > tr:hover {
	background-color: #FFF5F8;
}


.theme-purple .table-hover > tbody > tr:hover {
	background-color: #FDF2FF;
}

.theme-deep-purple .table-hover > tbody > tr:hover {
	background-color: #F8F3FF;
}

.theme-indigo .table-hover > tbody > tr:hover {
	background-color: #F8F9FF;
}

.theme-blue .table-hover > tbody > tr:hover {
	background-color: #F3FAFF;
}

.theme-light-blue .table-hover > tbody > tr:hover {
	background-color: #F5FCFF;
}

.theme-cyan .table-hover > tbody > tr:hover {
	background-color: #F3FAFF;
}

.theme-teal .table-hover > tbody > tr:hover {
	background-color: #F5FFFE;
}

.theme-green .table-hover > tbody > tr:hover {
	background-color: #F2FFF3;
}

.theme-light-green .table-hover > tbody > tr:hover {
	background-color: #F4FFE6;
}

.theme-lime .table-hover > tbody > tr:hover {
	background-color: #F9FBE7;
}

.theme-yellow .table-hover > tbody > tr:hover {
	background-color: #FFFCDE;
}

.theme-amber .table-hover > tbody > tr:hover {
	background-color: #FDF9EA;
}

.theme-orange .table-hover > tbody > tr:hover {
	background-color: #FFFAFA;
}

.theme-deep-orange .table-hover > tbody > tr:hover {
	background-color: #FFFAFA;
}

.theme-brown .table-hover > tbody > tr:hover {
	background-color: #FFFAF8;
}

.table.x-editable td {
	position: relative;
	height: 51px;
	vertical-align: middle;
}

.editable-buttons {
	vertical-align: middle;
}

.table.table-noborder,
.table.table-noborder td {
	border: none;
}

.table.table-clean th,
.table.table-clean td{
	background:none;
	border:none;
}


.sort-link em,
.table .actions em {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: block;
}

	.sort-link em:hover,
	.table .actions em:hover {
		background: rgba(0,0,0,0.02);
	}

.sort-marker {
	display: inline-block;
	width: 12px;
	height: 16px;
	font-size: 13px;
	line-height: 16px;
	overflow: hidden;
	position: relative;
	top: 2px;
	color: #ccc;
}

	.sort-marker .fa {
		position: absolute;
		left: 0;
	}

	.sort-marker .fa-caret-up {
		top: 0;
	}

	.sort-marker .fa-caret-down {
		top: 7px;
	}

	.sort-marker.ascending .fa-caret-up {
		color: #F44336;
	}

	.sort-marker.descending .fa-caret-down {
		color: #F44336;
	}

/*#endregion */

/*#region << Colors >> */
.go-white {
	color: #fff !important;
}

.go-bkg-white {
	background-color: #fff !important;
}


.go-red {
	color: #F44336 !important;
}

.go-bkg-red {
	background-color: #F44336 !important;
}

.hover-red:hover {
	color: #F44336 !important;
}

.go-pink {
	color: #E91E63 !important;
}

.go-bkg-pink {
	background-color: #E91E63 !important;
}

.go-purple {
	color: #9C27B0 !important;
}

.go-bkg-purple {
	background-color: #9C27B0 !important;
}

.go-deep-purple {
	color: #673AB7 !important;
}

.go-bkg-deep-purple {
	background-color: #673AB7 !important;
}

.go-indigo {
	color: #3F51B5 !important;
}

.go-bkg-indigo {
	background-color: #3F51B5 !important;
}

.go-blue {
	color: #2196F3 !important;
}

.go-bkg-blue {
	background-color: #2196F3 !important;
}

.go-light-blue {
	color: #03A9F4 !important;
}

.go-bkg-light-blue {
	background-color: #03A9F4 !important;
}

.go-cyan {
	color: #00BCD4 !important;
}

.go-bkg-cyan {
	background-color: #00BCD4 !important;
}

.go-teal {
	color: #009688 !important;
}

.go-bkg-teal {
	background-color: #009688 !important;
}

.go-green {
	color: #4CAF50 !important;
}

.go-bkg-green {
	background-color: #4CAF50 !important;
}


.go-light-green {
	color: #8BC34A !important;
}

.go-bkg-light-green {
	background-color: #8BC34A !important;
}

.go-lime {
	color: #CDDC39 !important;
}

.go-bkg-lime {
	background-color: #CDDC39 !important;
}

.go-yellow {
	color: #FDD835 !important;
}

.go-bkg-yellow {
	background-color: #FDD835 !important;
}

.go-amber {
	color: #FFC107 !important;
}

.go-bkg-amber {
	background-color: #FFC107 !important;
}

.go-orange {
	color: #FF9800 !important;
}

.go-bkg-orange {
	background-color: #FF9800 !important;
}

.go-deep-orange {
	color: #FF5722 !important;
}

.go-bkg-deep-orange {
	background-color: #FF5722 !important;
}

.go-brown {
	color: #795548 !important;
}

.go-bkg-brown {
	background-color: #795548 !important;
}

.go-gray,
.go-grey {
	color: #999 !important;
}

.go-bkg-gray,
.go-bkg-grey {
	background-color: #999 !important;
}

.go-gray-light,
.go-grey-light {
	color: #ccc !important;
}

.go-bkg-gray-light,
.go-bkg-grey-light {
	background-color: #ccc !important;
}

.go-gray-dark,
.go-grey-dark {
	color: #666 !important;
}

.go-bkg-gray-dark,
.go-bkg-grey-dark {
	background-color: #666 !important;
}



.go-black {
	color: #333 !important;
}

.go-black-bkg {
	color: #333 !important;
}

/*#endregion */

/*#region << Vertical tabs >> */
.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
	border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
	display: none;
}

.tab-content > .active,
.pill-content > .active {
	display: block;
}

.tabs-below > .nav-tabs {
	border-top: 1px solid #ddd;
}

	.tabs-below > .nav-tabs > li {
		margin-top: -1px;
		margin-bottom: 0;
	}

		.tabs-below > .nav-tabs > li > a {
			-webkit-border-radius: 0 0 4px 4px;
			-moz-border-radius: 0 0 4px 4px;
			border-radius: 0 0 4px 4px;
		}

			.tabs-below > .nav-tabs > li > a:hover,
			.tabs-below > .nav-tabs > li > a:focus {
				border-top-color: #ddd;
				border-bottom-color: transparent;
			}

	.tabs-below > .nav-tabs > .active > a,
	.tabs-below > .nav-tabs > .active > a:hover,
	.tabs-below > .nav-tabs > .active > a:focus {
		border-color: transparent #ddd #ddd #ddd;
	}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
	float: none;
}

	.tabs-left > .nav-tabs > li > a,
	.tabs-right > .nav-tabs > li > a {
		min-width: 74px;
		margin-right: 0;
		margin-bottom: 3px;
	}

.tabs-left > .nav-tabs {
	float: left;
	margin-right: 19px;
	border-right: 1px solid #ddd;
}

	.tabs-left > .nav-tabs > li > a {
		margin-right: -1px;
		-webkit-border-radius: 4px 0 0 4px;
		-moz-border-radius: 4px 0 0 4px;
		border-radius: 4px 0 0 4px;
		padding: 10px 5px;
	}

/* Ruins the sidemenu*/
/*.tabs-left > .nav-tabs .active > a,
	.tabs-left > .nav-tabs .active > a:hover,
	.tabs-left > .nav-tabs .active > a:focus {
		border: none;
	}*/

.tabs-right > .nav-tabs {
	float: right;
	margin-left: 19px;
	border-left: 1px solid #ddd;
}

	.tabs-right > .nav-tabs > li > a {
		margin-left: -1px;
		-webkit-border-radius: 0 4px 4px 0;
		-moz-border-radius: 0 4px 4px 0;
		border-radius: 0 4px 4px 0;
	}

		.tabs-right > .nav-tabs > li > a:hover,
		.tabs-right > .nav-tabs > li > a:focus {
			border-color: #eeeeee #eeeeee #eeeeee #dddddd;
		}

	.tabs-right > .nav-tabs .active > a,
	.tabs-right > .nav-tabs .active > a:hover,
	.tabs-right > .nav-tabs .active > a:focus {
		border-color: #ddd #ddd #ddd transparent;
		*border-left-color: #ffffff;
	}


/*#endregion */

/*#region << spilled tabs >> */
.tabbable.spilled {
	margin: 2em;
	position: absolute;
	left: -246px;
	z-index: 10;
	top: -14px;
}

#sidebar .tabbable.spilled {
	left: -26px;
	top: 86px;
}

	#sidebar .tabbable.spilled li.dynamic {
		padding: 0;
	}

		#sidebar .tabbable.spilled li.dynamic a {
			margin: 2px 0;
		}

	#sidebar .tabbable.spilled .back {
		right: -1px;
	}

.tabbable.spilled ul {
	width: 217px;
	background: rgba(255,255,255,0.05);
	padding: 5px 0 5px 10px;
	border-left: 3px solid #90A4AE;
	border-right: none;
	margin: 0 !important;
	padding-top: 4px;
}

	.tabbable.spilled ul li {
		padding: 2px 0;
	}

	.tabbable.spilled ul a {
		color: #ccc;
		border-right: none;
	}

	.tabbable.spilled ul.nav-tabs a:not(.back) .fa {
		margin-right: 3px;
	}

	.tabbable.spilled ul li:not(.active) a:hover {
		background: #ffffff;
		background: rgba(255,255,255,0.05);
		border-color: transparent;
		border-right: none;
		color: #eee;
	}

	.tabbable.spilled ul li.active a {
		background-color: #f7f7f7;
		/*border-top:1px solid #e9e9e9;
		border-bottom:1px solid #e9e9e9;*/
		color: #333;
	}

		.tabbable.spilled ul li.active a:hover {
			border-right-color: #fff;
		}

@media screen and (max-width: 991px) {
	#content .tabbable.spilled {
		margin: 0;
		left: -50px;
		top: 14px;
		top: 64px;
	}

	#sidebar .tabbable.spilled {
		margin: 0;
		left: 0;
		top: 122px;
	}


		#content .tabbable.spilled .back,
		#sidebar .tabbable.spilled .back {
			width: 50px;
			left: 0;
			background: none;
			padding: 0;
			text-align: center;
		}

			#content .tabbable.spilled .back i,
			#sidebar .tabbable.spilled .back i {
				font-size: 18px;
			}

			#content .tabbable.spilled .back .text,
			#sidebar .tabbable.spilled .back .text {
				display: none;
			}

		#content .tabbable.spilled ul.nav,
		#sidebar .tabbable.spilled ul.nav {
			background: none;
			border: none;
			width: 50px;
			padding: 0;
			margin: 0;
		}

			#content .tabbable.spilled ul.nav li a {
				min-width: 50px;
				padding: 10px 0;
				text-align: center;
				width: 50px;
			}

			#sidebar .tabbable.spilled ul.nav li a {
				min-width: 50px;
				padding: 10px 0;
				text-align: center;
				border-radius: 0;
				border: none;
				width: 50px;
			}


				#content .tabbable.spilled ul.nav li a:hover,
				#sidebar .tabbable.spilled ul.nav li a:hover {
					border-left: none;
				}

			#content .tabbable.spilled ul.nav li.active a,
			#sidebar .tabbable.spilled ul.nav li:hover a {
				border-radius: 0;
			}

			#content .tabbable.spilled ul.nav li a .fa,
			#sidebar .tabbable.spilled ul.nav li a .fa {
				font-size: 18px;
				margin-right: 0;
			}

			#content .tabbable.spilled ul.nav li a .text,
			#sidebar .tabbable.spilled ul.nav li a .text {
				display: none;
			}
}


/* Mini Sidebar */
.mini-sidebar .tabbable.spilled {
	left: -50px;
	margin: 0;
	top: 16px;
}

.mini-sidebar #sidebar .tabbable.spilled {
	left: 0;
	top: 111px;
}

.mini-sidebar .tabbable.spilled ul {
	width: 50px;
	border: none !important;
	margin: 0;
	padding: 0;
}


.mini-sidebar .tabbable.spilled a,
#sidebar a.back {
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	border-radius: 0;
	text-align: center;
	border-right: none;
	min-width: 50px;
}

	.mini-sidebar .tabbable.spilled a:hover,
	#sidebar a.back:hover {
		border-right: none;
	}



	.mini-sidebar .tabbable.spilled a .text,
	.mini-sidebar #sidebar a.back .text {
		display: none;
	}

	.mini-sidebar .tabbable.spilled a.back,
	.mini-sidebar #sidebar a.back {
		background-color: transparent !important;
		right: 0 !important;
		width: 50px;
	}

		.mini-sidebar .tabbable.spilled a i,
		.mini-sidebar #sidebar a.back i {
			font-size: 18px;
			margin-right: 0 !important;
		}

/* Theming */
.theme-red .tabbable.spilled ul {
	border-left-color: #F44336 !important;
}

	.theme-red .tabbable.spilled ul li.active a i {
		color: #F44336 !important;
	}

.theme-pink .tabbable.spilled ul {
	border-left-color: #E91E63 !important;
}

	.theme-pink .tabbable.spilled ul li.active a i {
		color: #E91E63 !important;
	}

.theme-purple .tabbable.spilled ul {
	border-left-color: #9C27B0 !important;
}

	.theme-purple .tabbable.spilled ul li.active a i {
		color: #9C27B0 !important;
	}

.theme-deep-purple .tabbable.spilled ul {
	border-left-color: #673AB7 !important;
}

	.theme-deep-purple .tabbable.spilled ul li.active a i {
		color: #673AB7 !important;
	}

.theme-indigo .tabbable.spilled ul {
	border-left-color: #3F51B5 !important;
}

	.theme-indigo .tabbable.spilled ul li.active a i {
		color: #3F51B5 !important;
	}

.theme-blue .tabbable.spilled ul {
	border-left-color: #2196F3 !important;
}

	.theme-blue .tabbable.spilled ul li.active a i {
		color: #2196F3 !important;
	}

.theme-light-blue .tabbable.spilled ul {
	border-left-color: #03A9F4 !important;
}

	.theme-light-blue .tabbable.spilled ul li.active a i {
		color: #03A9F4 !important;
	}

.theme-cyan .tabbable.spilled ul {
	border-left-color: #00BCD4 !important;
}

	.theme-cyan .tabbable.spilled ul li.active a i {
		color: #00BCD4 !important;
	}

.theme-teal .tabbable.spilled ul {
	border-left-color: #009688 !important;
}

	.theme-teal .tabbable.spilled ul li.active a i {
		color: #009688 !important;
	}

.theme-green .tabbable.spilled ul {
	border-left-color: #4CAF50 !important;
}

	.theme-green .tabbable.spilled ul li.active a i {
		color: #4CAF50 !important;
	}

.theme-light-green .tabbable.spilled ul {
	border-left-color: #8BC34A !important;
}

	.theme-light-green .tabbable.spilled ul li.active a i {
		color: #8BC34A !important;
	}

.theme-lime .tabbable.spilled ul {
	border-left-color: #CDDC39 !important;
}

	.theme-lime .tabbable.spilled ul li.active a i {
		color: #CDDC39 !important;
	}

.theme-yellow .tabbable.spilled ul {
	border-left-color: #FDD835 !important;
}

	.theme-yellow .tabbable.spilled ul li.active a i {
		color: #FDD835 !important;
	}

.theme-amber .tabbable.spilled ul {
	border-left-color: #FFC107 !important;
}

	.theme-amber .tabbable.spilled ul li.active a i {
		color: #FFC107 !important;
	}

.theme-orange .tabbable.spilled ul {
	border-left-color: #FF9800 !important;
}

	.theme-orange .tabbable.spilled ul li.active a i {
		color: #FF9800 !important;
	}

.theme-deep-orange .tabbable.spilled ul {
	border-left-color: #FF5722 !important;
}

	.theme-deep-orange .tabbable.spilled ul li.active a i {
		color: #FF5722 !important;
	}

.theme-brown .tabbable.spilled ul {
	border-left-color: #795548 !important;
}

	.theme-brown .tabbable.spilled ul li.active a i {
		color: #795548 !important;
	}

.tabbable.spilled .back {
	position: absolute;
	line-height: 40px;
	height: 40px;
	top: -63px;
	right: -1px;
	background: rgba(255,255,255,0.3);
	width: 90px;
	border-radius: 5px 0 0 5px;
	color: #ccc;
	text-align: right;
	padding-right: 18px;
}

#sidebar a.back {
	line-height: 40px;
	height: 40px;
	background: rgba(255,255,255,0.3);
	border-radius: 5px 0 0 5px;
	color: #ccc;
	display: block;
	text-align: center;
	width: 90px;
	float: right;
	padding: 0;
	top: -69px;
	border: none;
	margin: 0;
}

.mini-sidebar #sidebar a.back {
	width: 100%;
	float: none;
	top: -60px;
}

.tabbable.spilled .back:hover {
	background: #ffffff;
	background: rgba(255,255,255,0.4);
	text-decoration: none;
	color: #eee;
}

#sidebar a.back:hover {
	background: #ffffff;
	background: rgba(255,255,255,0.4);
	text-decoration: none;
	color: #eee;
}

/*#endregion */

/*#region << Editable >>*/
.editable-wrapper {
	width: 100%;
}

	.editable-wrapper:hover,
	.form-control[disabled],
	fieldset[disabled] .form-control {
		cursor: auto !important;
	}

	.editable-wrapper .form-control,
	.editable-combodate .combodate select{
		background-color: #fff;
		color: #333;
		box-shadow: none;
		min-height: 34px;
		transition:none;
	}

.editable-combodate .combodate select {
	border-radius:3px;
	padding-left:3px;
	padding-right:3px;
}

		.editable-wrapper .form-control:focus,
		.editable-combodate .combodate select:focus {
			border: 1px solid #bbb;
			-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
			box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
		}

		.editable-wrapper .form-control[disabled]:hover, .editable-wrapper fieldset[disabled] .form-control:hover {
			cursor: auto;
		}

	.editable-wrapper.textarea .form-control {
		height: auto;
	}
.editable-wrapper textarea.form-control {
	min-height: 160px;
}


.fake-input-wrapper {
	background: #fafafa;
	border: 1px solid #ccc;
	padding: 6px 12px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

	.fake-input-wrapper p:last-child {
		margin-bottom: 0;
	}

.editable-updatable .input-group-addon:hover {
	color: #FB8C00;
	cursor: pointer;
}

.editable-updatable .input-group-addon.remove-addon:hover {
	color: #F44336;
}

/* Common styles for multiple inline types*/

.editable-wrap.editable-text,
.editable-wrap.editable-checkbox,
.editable-wrap.editable-select,
.editable-wrap.editable-bsdate,
.editable-wrap.editable-bstime,
.editable-wrap.editable-textarea,
.editable-wrap.editable-checklist {
	padding: 0;
	box-shadow: none;
	background: transparent;
	display: block;
}

	.editable-wrap.editable-text .editable-controls,
	.editable-wrap.editable-checkbox .editable-controls,
	.editable-wrap.editable-select .editable-controls,
	.editable-wrap.editable-bsdate .editable-controls,
	.editable-wrap.editable-bstime .editable-controls,
	.editable-wrap.editable-textarea .editable-controls,
	.editable-wrap.editable-checklist .editable-controls {
		margin: 0 !important;
		display: block;
		position: relative;
	}

	.editable-wrap.editable-checklist .editable-controls{
		padding-right: 100px;
	}

	.editable-wrap.editable-text .editable-buttons,
	.editable-wrap.editable-checkbox .editable-buttons,
	.editable-wrap.editable-select .editable-buttons,
	.editable-wrap.editable-bsdate .editable-buttons,
	.editable-wrap.editable-bstime .editable-buttons,
	.editable-wrap.editable-textarea .editable-buttons,
	.editable-wrap.editable-checklist .editable-buttons {
		position: absolute;
		right: 0;
		top: 2px;
	}



	/* editable-bsdate */
	.editable-wrap.editable-bsdate .input-group {
		width: 100%;
	}

	.editable-wrap.editable-bsdate .editable-controls {
		padding-right: 85px;
	}


	/* editable-combodate */
	.editable-wrap.editable-combodate,
	.editable-wrap.editable-combodate .input-group {
		width: 100%;
	}

	.editable-wrap.editable-combodate .editable-controls {
		padding-right: 85px;
	}

	.editable-wrap.editable-combodate .editable-buttons {
		position: absolute;
		right: 0;
		top: 2px;
	}

	/* editable-text */
	.editable-wrap.editable-text .editable-input {
		width: 100%;
	}

	.editable-wrap.editable-text .editable-controls {
		padding-right: 85px;
	}

	/*Checkbox*/
	.editable-wrap.editable-checkbox label {
		line-height: 30px;
		margin-right: 15px;
	}

		.editable-wrap.editable-checkbox label:hover {
			cursor: pointer;
		}

	.editable-wrap.editable-checkbox input {
		vertical-align: text-bottom;
		margin-top: 10px;
	}

/*HTML*/
.editable-wrapper .control-cke-editor {
	min-height: 100px;
	background: #fafafa;
}


/* editable-select */
.editable-wrap.editable-select .editable-input {
	width: 100%;
}

.editable-wrap.editable-select .editable-controls {
	padding-right: 85px;
}

/* Checkbox list */
.editable-wrap.editable-checklist {
	padding-top: 7px;
}

	.editable-wrap.editable-checklist label {
		margin-bottom: 0;
		font-weight: normal;
	}

		.editable-wrap.editable-checklist label:hover {
			cursor: pointer;
		}

	.editable-wrap.editable-checklist.editable-wrap .editable-input {
		white-space: normal;
	}


/* editable-textarea */
.editable-wrap.editable-textarea .editable-input {
	width: 100%;
	height: 100px;
}

.editable-wrap.editable-textarea .editable-controls {
	padding-right: 85px;
}

.editable-wrapper pre {
	height: 100px;
	font-family: inherit;
}


/* file upload */
.editable-wrapper.file-upload .form-control {
	background: #f2f2f2;
}


/* URL */
.editable-click, a.editable-click,
.editable-click:hover, a.editable-click:hover {
	border-bottom: 1px solid #ccc;
}

/* Table */
.table.table-bordered.editable {
	background: #fafafa;
}

table.editable td {
	padding: 6px 12px !important;
	line-height: 20px;
	height: 20px;
	border-color: #bbb !important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

/* editable-hidden */
.editable-hidden input {
	font-style: italic;
	color: #bdbdbd;
}


.editable-wrapper .dropdown-menu > .active > a,
.editable-wrapper .dropdown-menu > .active > a:hover,
.editable-wrapper .dropdown-menu > .active > a:focus {
	background-color: #eee;
	color: #333;
}

/* error */
.editable-wrap .editable-controls.has-error {
	white-space: normal;
}

.editable-error {
	color: #F44336 !important;
}

/*#endregion*/

/*#region << Typeahead >> */
.fluid-dropdown .dropdown-menu {
	width: 100%;
}

.dropdown-menu > li > a.typeahead-icon-item {
	line-height: 34px;
	height: 34px;
	padding: 0 10px;
}

	.dropdown-menu > li > a.typeahead-icon-item:hover {
		cursor: pointer;
	}

	.dropdown-menu > li > a.typeahead-icon-item i {
		margin-right: 5px;
		font-size: 18px;
		position: relative;
		top: 2px;
	}

	.dropdown-menu > li > a.typeahead-icon-item:hover i {
		color: #fff !important;
	}
/*#endregion */

/*#region << Wizard >> */
/*
    @insparation from https://github.com/ExactTarget/fuelux Thanks gals and boys 
    @license: https://github.com/ExactTarget/fuelux/blob/master/LICENSE
*/

.wizard {
	border: 1px solid #d4d4d4;
	border-radius: 0;
	background-color: #f9f9f9;
	position: relative;
	min-height: 48px;
	overflow: hidden;
}

	.wizard:before,
	.wizard:after {
		display: table;
		content: "";
		line-height: 0;
	}

	.wizard:after {
		clear: both;
	}

	.wizard > .steps {
		list-style: none outside none;
		padding: 0;
		margin: 0;
		width: 4000px;
	}

		.wizard > .steps.previous-disabled li.complete {
			cursor: default;
		}

			.wizard > .steps.previous-disabled li.complete:hover {
				background: #f3f4f5;
				color: #468847;
				cursor: default;
			}

				.wizard > .steps.previous-disabled li.complete:hover .chevron:before {
					border-left-color: #f3f4f5;
				}

		.wizard > .steps li {
			float: left;
			margin: 0;
			padding: 0 20px 0 30px;
			height: 46px;
			line-height: 46px;
			position: relative;
			background: #ededed;
			color: #bdbdbd;
			font-size: 16px;
			cursor: not-allowed;
		}

			.wizard > .steps li .chevron {
				border: 24px solid transparent;
				border-left: 14px solid #d4d4d4;
				border-right: 0;
				display: block;
				position: absolute;
				right: -14px;
				top: 0;
				z-index: 1;
			}

				.wizard > .steps li .chevron:before {
					border: 24px solid transparent;
					border-left: 14px solid #ededed;
					border-right: 0;
					content: "";
					display: block;
					position: absolute;
					right: 1px;
					top: -24px;
				}

			.wizard > .steps li.complete {
				background: #f3f4f5;
				color: #333;
			}

				.wizard > .steps li.complete:hover {
					background: #e7eff8;
					cursor: pointer;
				}

					.wizard > .steps li.complete:hover .chevron:before {
						border-left: 14px solid #e7eff8;
					}

				.wizard > .steps li.complete .chevron:before {
					border-left: 14px solid #f3f4f5;
				}

				.wizard > .steps li.complete .badge {
					background: #555;
				}

			.wizard > .steps li.active {
				background: #FAFBFD;
				color: #009688;
				cursor: default;
			}

				.wizard > .steps li.active .chevron:before {
					border-left: 14px solid #FAFBFD;
				}

				.wizard > .steps li.active .badge {
					background-color: #009688;
				}

			.wizard > .steps li .badge {
				margin-right: 8px;
			}

			.wizard > .steps li:first-child {
				border-radius: 4px 0 0 4px;
				padding-left: 20px;
			}

	.wizard > .actions {
		z-index: 1000;
		position: absolute;
		right: 0;
		line-height: 46px;
		float: right;
		padding-left: 15px;
		padding-right: 15px;
		vertical-align: middle;
		background-color: #e5e5e5;
		border-left: 1px solid #d4d4d4;
	}

		.wizard > .actions a {
			line-height: 45px;
			font-size: 12px;
			margin-right: 8px;
		}

		.wizard > .actions .btn-prev[disabled] {
			cursor: not-allowed;
		}

		.wizard > .actions .btn-prev span {
			margin-right: 5px;
		}

		.wizard > .actions .btn-next[disabled] {
			cursor: not-allowed;
		}

		.wizard > .actions .btn-next span {
			margin-left: 5px;
		}

	.wizard .step-content {
		border-top: 1px solid #D4D4D4;
		padding: 10px;
		float: left;
		width: 100%;
	}

		.wizard .step-content .step-pane {
			display: none;
		}

		.wizard .step-content > .active {
			display: block;
		}

			.wizard .step-content > .active .btn-group .active {
				display: inline-block;
			}

	.wizard.complete > .actions .glyphicon-arrow-right:before {
		display: none;
	}

	.wizard.complete > .actions .glyphicon-arrow-right {
		margin-left: 0;
	}

/* Theming */
.theme-red .wizard > .steps li.active .badge {
	background-color: #F44336;
}

.theme-red .wizard > .steps li.active {
	background: #FFF4F4;
	color: #F44336;
}

	.theme-red .wizard > .steps li.active .chevron:before {
		border-left-color: #FFF4F4;
	}

.theme-pink .wizard > .steps li.active .badge {
	background-color: #E91E63;
}

.theme-pink .wizard > .steps li.active {
	background: #FFF5F8;
	color: #E91E63;
}

	.theme-pink .wizard > .steps li.active .chevron:before {
		border-left-color: #FFF5F8;
	}

.theme-purple .wizard > .steps li.active .badge {
	background-color: #9C27B0;
}

.theme-purple .wizard > .steps li.active {
	background: #FDF2FF;
	color: #9C27B0;
}

	.theme-purple .wizard > .steps li.active .chevron:before {
		border-left-color: #FDF2FF;
	}

.theme-indigo .wizard > .steps li.active .badge {
	background-color: #3F51B5;
}

.theme-indigo .wizard > .steps li.active {
	background: #F8F9FF;
	color: #3F51B5;
}

	.theme-indigo .wizard > .steps li.active .chevron:before {
		border-left-color: #F8F9FF;
	}

.theme-blue .wizard > .steps li.active .badge {
	background-color: #2196F3;
}

.theme-blue .wizard > .steps li.active {
	background: #F3FAFF;
	color: #2196F3;
}

	.theme-blue .wizard > .steps li.active .chevron:before {
		border-left-color: #F3FAFF;
	}

.theme-light-blue .wizard > .steps li.active .badge {
	background-color: #03A9F4;
}

.theme-light-blue .wizard > .steps li.active {
	background: #F5FCFF;
	color: #03A9F4;
}

	.theme-light-blue .wizard > .steps li.active .chevron:before {
		border-left-color: #F5FCFF;
	}

.theme-cyan .wizard > .steps li.active .badge {
	background-color: #00BCD4;
}

.theme-cyan .wizard > .steps li.active {
	background: #F3FAFF;
	color: #00BCD4;
}

	.theme-cyan .wizard > .steps li.active .chevron:before {
		border-left-color: #F3FAFF;
	}

.theme-teal .wizard > .steps li.active .badge {
	background-color: #009688;
}

.theme-teal .wizard > .steps li.active {
	background: #F5FFFE;
	color: #009688;
}

	.theme-teal .wizard > .steps li.active .chevron:before {
		border-left-color: #F5FFFE;
	}

.theme-green .wizard > .steps li.active .badge {
	background-color: #4CAF50;
}

.theme-green .wizard > .steps li.active {
	background: #F2FFF3;
	color: #4CAF50;
}

	.theme-green .wizard > .steps li.active .chevron:before {
		border-left-color: #F2FFF3;
	}

.theme-light-green .wizard > .steps li.active .badge {
	background-color: #8BC34A;
}

.theme-light-green .wizard > .steps li.active {
	background: #F4FFE6;
	color: #8BC34A;
}

	.theme-light-green .wizard > .steps li.active .chevron:before {
		border-left-color: #F4FFE6;
	}

.theme-lime .wizard > .steps li.active .badge {
	background-color: #CDDC39;
}

.theme-lime .wizard > .steps li.active {
	background: #F9FBE7;
	color: #CDDC39;
}

	.theme-lime .wizard > .steps li.active .chevron:before {
		border-left-color: #F9FBE7;
	}

.theme-yellow .wizard > .steps li.active .badge {
	background-color: #FDD835;
}

.theme-yellow .wizard > .steps li.active {
	background: #FFFCDE;
	color: #FDD835;
}

	.theme-yellow .wizard > .steps li.active .chevron:before {
		border-left-color: #FFFCDE;
	}

.theme-amber .wizard > .steps li.active .badge {
	background-color: #FFC107;
}

.theme-amber .wizard > .steps li.active {
	background: #FDF9EA;
	color: #FFC107;
}

	.theme-amber .wizard > .steps li.active .chevron:before {
		border-left-color: #FDF9EA;
	}

.theme-orange .wizard > .steps li.active .badge {
	background-color: #FF9800;
}

.theme-orange .wizard > .steps li.active {
	background: #FFFAFA;
	color: #FF9800;
}

	.theme-orange .wizard > .steps li.active .chevron:before {
		border-left-color: #FFFAFA;
	}

.theme-deep-orange .wizard > .steps li.active .badge {
	background-color: #FF5722;
}

.theme-deep-orange .wizard > .steps li.active {
	background: #FFFAFA;
	color: #FF5722;
}

	.theme-deep-orange .wizard > .steps li.active .chevron:before {
		border-left-color: #FFFAFA;
	}

.theme-brown .wizard > .steps li.active .badge {
	background-color: #795548;
}

.theme-brown .wizard > .steps li.active {
	background: #FFFAF8;
	color: #795548;
}

	.theme-brown .wizard > .steps li.active .chevron:before {
		border-left-color: #FFFAF8;
	}


/*#endregion */

/*#region << Modal >> */

.modal-footer .btn.pull-left {
	position: absolute;
	left: 15px;
	float: none !important;
}


.modal-footer .btn.pull-right {
	position: absolute;
	right: 15px;
	float: none !important;
}


.modal-footer {
	min-height: 65px;
}

/*#endregion*/

/*#region << Tabs >> */
.tab-content {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 10px;
	background:#fff;
}
.active .tab-content {
	background:#fff;
}
.nav-tabs {
	margin-bottom: 0;
}


/*#endregion */

/*#region << Accordion >>*/

.accordion .panel-group {
	margin: 15px 0;
}

.panel-accordion .panel-heading {
	background-color: #fafafa !important;
	border: 1px solid #ddd;
	padding: 0;
}

	.panel-accordion .panel-heading div {
		padding: 10px;
	}

.panel-accordion .panel-body {
	padding: 10px;
	border: 1px solid #ddd;
	border-top: none;
}

/*#endregion << Panel >>*/

/*#region << View Manage >> */


.view-manage-section a:not(.btn):not(.editable) {
	color: #808080 !important;
}

	.view-manage-section a:not(.btn):not(.editable):hover {
		color: #337ab7 !important;
	}


.view-manage-section a.editable:not(.editable-empty) {
	color: #333 !important;
}

	.view-manage-section a.editable:not(.editable-empty):hover {
		color: #333 !important;
	}

.view-manage-section .wrapper {
	padding: 10px;
	border: 1px solid #ccc;
	background-color: #fff !important;
}

.view-manage-section .section .panel-heading {
	background: #fff;
	color: #333;
	border-radius: 0;
	padding-right: 10px;
}

.view-manage-section .section {
	border-color: #ccc;
	border-width: 3px;
}

	.view-manage-section .section:hover {
		border-color: #aaa;
	}

.drop-zone {
	border: 1px dashed #FDD835;
	background: #fffff0;
	padding: 0;
	position: relative;
}

.drop-zone-disabled {
	border: 1px solid #ccc;
	background: #fafafa;
	padding: 0;
	position: relative;
}

.drop-zone > div {
	padding: 5px 2px;
	min-height: 30px;
}

.tab-pane .drop-zone {
	padding-top: 5px;
}

.drop-zone:hover {
	border-color: #EF5350;
}

.zone-actions {
	position: absolute;
	right: 5px;
	top: 5px;
}

.as-sortable-item .go-gray {
	color: #aaa !important;
}

.as-sortable-item .divider {
	margin: 0 .7em 0 .3em;
}

.dropped-item {
	margin: 5px;
	border: 1px solid #bdbdbd;
	background: #eee;
}

	.dropped-item:hover {
		border: 1px solid #9e9e9e;
		background: #e5e5e5;
	}

	.dropped-item > div {
		padding: 5px;
	}

	.dropped-item .note {
		font-size: 12px;
		margin-left: 5px;
	}

.view-manage-section .dropped-item .title,
.as-sortable-dragging .title {
	font-weight: bold;
	margin: 0 5px;
	text-transform: uppercase;
	font-size: 12px;
	display: inline-block;
	width: 60px;
}

.as-sortable-dragging {
	width: 250px !important;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
}

	.as-sortable-dragging .dropped-item {
		margin: 0;
	}

	.as-sortable-dragging .fa {
		display: none;
	}

		.as-sortable-dragging .fa.fa-arrows {
			display: inline-block;
		}

.view-divider {
	position: relative;
	line-height: 30px;
	height: 30px;
	color: #ccc;
}

	.view-divider.section span {
		background-color: #fff;
	}

	.view-divider:hover {
		cursor: pointer;
		color: #EF5350;
	}

	.view-divider:before {
		content: "";
		width: 100%;
		border-top: 1px solid #eee;
		position: absolute;
		top: 15px;
		display: block;
		z-index: 1;
	}

	.view-divider:hover:before {
		border-color: #EF5350;
	}

	.view-divider span {
		display: inline-block;
		margin: auto;
		z-index: 5;
		background: white;
		position: absolute;
		left: 0;
		right: 0;
		width: 130px;
		text-align: center;
		top: 0;
	}


.view-manage-section .as-sortable-placeholder {
	background: #FFF9C4;
	display: block;
	width: 100% !important;
}

.view-manage-section .as-sortable-dragging {
	position: relative;
	border: none;
	padding: 0;
	margin: 0;
}

.view-manage-section .row-actions {
	margin-bottom: 5px;
}

.view-manage-section .nav-tabs > li > a,
.view-manage-section .nav-tabs > li > a:hover,
.view-manage-section .nav-tabs > li > a:focus {
	padding: 7px 7px;
}

.list-field-selection-box {
	height: 300px;
	overflow-y: scroll;
	background: #fafafa;
	border: 1px solid #ccc;
	padding: 5px;
}

.view-manage-section .panel-heading .btn + .btn,
#page-title .aux-actions .btn-wrapper + .btn-wrapper {
	margin-left: 10px;
}


/*#endregion*/

/*#region << Record details */
.record-details .form,
.record-details .form-horizontal {
	padding: 0;
	margin: 0;
}

.record-details .panel-heading {
	color: #bdbdbd;
	border-bottom: 1px solid #aaa;
	padding-left: 0 !important;
	padding-bottom: 5px;
	padding-right: 0;
	font-size: 16px;
	text-transform: none;
	margin-bottom: 0;
}

	.record-details .panel-heading a {
		color: #bdbdbd;
	}

.panel-section .panel-heading {
	margin-bottom: 1em;
}

.editable-field {
	line-height: 20px;
	min-height: 34px;
}

.record-details .image-field {
	width:100%;
	max-width:140px;
}

/*
	New length sizes for the views
*/


.record-details .col-lg-erp {
	position: relative;
	min-height: 1px;
}

.record-details .no-labels .control-label {
	display: none;
}

.padding-left-zero {
	padding-left: 0 !important;
}

.padding-right-zero {
	padding-left: 0 !important;
}

/*#endregion */

/*#region << Color label >>*/
.color-label {
	height: 24px;
	width: 24px;
	display: inline-block !important;
	position: relative;
	top: 3px;
}
/*#endregion*/

/*#region << BS Time */

.uib-daypicker .btn.active {
	color: #fff !important;
	background-color: #269abc !important;
	border-color: #1b6d85 !important;
}

/* temporary workaround for display editable-bstime in bs3 - up/down symbols not shown */
.editable-bstime .editable-input i.icon-chevron-up:before {
	content: '\e113';
}

.editable-bstime .editable-input i.icon-chevron-down:before {
	content: '\e114';
}

.editable-bstime .editable-input i.icon-chevron-up,
.editable-bstime .editable-input i.icon-chevron-down {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
}

/*#endregion */

/*#region << Link icons >>*/
/*
FILE FORMAT ICONS
by Greg Schoppe (http://gschoppe.com)
USAGE: include FontAwesome on page, as shown on http://fontawesome.io
       then include this css file, and target links by adding the link-icon
       class.  Note: try to avoid or manually label links to websites, as that
       detection code is necessarily janky. when in doubt, just end all external
       links with a trailing slash (/), a query string (?), or a link target (#)
*/
a.link-icon:before,
a.link-icon.link-file[href]:before {
	content: "\f016"; /* generic file icon */
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	width: 20px;
	text-align: left;
	margin-right: 0;
}

a[href$=".txt"].link-icon:before,
a.link-icon.link-text[href]:before {
	content: "\f0f6"; /*Text*/
}

a[href$=".pdf"].link-icon:before,
a.link-icon.link-pdf[href]:before {
	content: "\f1c1"; /*PDF*/
}

a[href$=".doc"].link-icon:before,
a[href$=".docx"].link-icon:before,
a.link-icon.link-word[href]:before {
	content: "\f1c2"; /*Word*/
}

a[href$=".xls"].link-icon:before,
a[href$=".xlsx"].link-icon:before,
a.link-icon.link-excel[href]:before {
	content: "\f1c3"; /*Excel*/
}

a[href$=".ppt"].link-icon:before,
a[href$=".pptx"].link-icon:before,
a.link-icon.link-powerpoint[href]:before {
	content: "\f1c4"; /*Powerpoint*/
}

a[href$=".gif"].link-icon:before,
a[href$=".jpg"].link-icon:before,
a[href$=".jpeg"].link-icon:before,
a[href$=".png"].link-icon:before,
a[href$=".bmp"].link-icon:before,
a[href$=".tif"].link-icon:before,
a.link-icon.link-image[href]:before {
	content: "\f1c5"; /*Image*/
}

a[href$=".zip"].link-icon:before,
a[href$=".zipx"].link-icon:before,
a[href$=".rar"].link-icon:before,
a[href$=".tar"].link-icon:before,
a[href$=".gz"].link-icon:before,
a[href$=".dmg"].link-icon:before,
a[href$=".iso"].link-icon:before,
a.link-icon.link-archive[href]:before {
	content: "\f1c6"; /*Archive*/
}

a[href$=".wav"].link-icon:before,
a[href$=".mp3"].link-icon:before,
a[href$=".fla"].link-icon:before,
a[href$=".flac"].link-icon:before,
a[href$=".ra"].link-icon:before,
a[href$=".rma"].link-icon:before,
a[href$=".aif"].link-icon:before,
a[href$=".aiff"].link-icon:before,
a[href$=".aa"].link-icon:before,
a[href$=".aac"].link-icon:before,
a[href$=".aax"].link-icon:before,
a[href$=".ac3"].link-icon:before,
a[href$=".au"].link-icon:before,
a[href$=".ogg"].link-icon:before,
a[href$=".avr"].link-icon:before,
a[href$=".3ga"].link-icon:before,
a[href$=".flac"].link-icon:before,
a[href$=".mid"].link-icon:before,
a[href$=".midi"].link-icon:before,
a[href$=".m4a"].link-icon:before,
a[href$=".mp4a"].link-icon:before,
a[href$=".amz"].link-icon:before,
a[href$=".mka"].link-icon:before,
a[href$=".asx"].link-icon:before,
a[href$=".pcm"].link-icon:before,
a[href$=".m3u"].link-icon:before,
a[href$=".wma"].link-icon:before,
a[href$=".xwma"].link-icon:before,
a.link-icon.link-audio[href]:before {
	content: "\f1c7"; /*Audio*/
}

a[href$=".avi"].link-icon:before,
a[href$=".mpg"].link-icon:before,
a[href$=".mp4"].link-icon:before,
a[href$=".mkv"].link-icon:before,
a[href$=".mov"].link-icon:before,
a[href$=".wmv"].link-icon:before,
a[href$=".vp6"].link-icon:before,
a[href$=".264"].link-icon:before,
a[href$=".vid"].link-icon:before,
a[href$=".rv"].link-icon:before,
a[href$=".webm"].link-icon:before,
a[href$=".swf"].link-icon:before,
a[href$=".h264"].link-icon:before,
a[href$=".flv"].link-icon:before,
a[href$=".mk3d"].link-icon:before,
a[href$=".gifv"].link-icon:before,
a[href$=".oggv"].link-icon:before,
a[href$=".3gp"].link-icon:before,
a[href$=".m4v"].link-icon:before,
a[href$=".movie"].link-icon:before,
a[href$=".divx"].link-icon:before,
a.link-icon.link-video[href]:before {
	content: "\f1c8"; /*Video*/
}

a[href$=".css"].link-icon:before,
a[href$=".js"].link-icon:before,
a[href$=".py"].link-icon:before,
a[href$=".git"].link-icon:before,
a[href$=".py"].link-icon:before,
a[href$=".cpp"].link-icon:before,
a[href$=".h"].link-icon:before,
a[href$=".ini"].link-icon:before,
a[href$=".config"].link-icon:before,
a.link-icon.link-code[href]:before {
	content: "\f1c9"; /*code*/
}

a[href$=".exe"].link-icon:before,
a[href$=".jar"].link-icon:before,
a[href$=".dll"].link-icon:before,
a[href$=".bat"].link-icon:before,
a[href$=".pl"].link-icon:before,
a[href$=".scr"].link-icon:before,
a[href$=".msi"].link-icon:before,
a[href$=".app"].link-icon:before,
a[href$=".deb"].link-icon:before,
a[href$=".apk"].link-icon:before,
a[href$=".jar"].link-icon:before,
a[href$=".vb"].link-icon:before,
a[href$=".prg"].link-icon:before,
a[href$=".sh"].link-icon:before,
a.link-icon.link-exe[href]:before {
	content: "\f085"; /*Executable*/
}

a[href$=".com"].link-icon:before,
a[href$=".net"].link-icon:before,
a[href$=".org"].link-icon:before,
a[href$=".edu"].link-icon:before,
a[href$=".gov"].link-icon:before,
a[href$=".mil"].link-icon:before,
a[href$="/"].link-icon:before,
a[href$=".html"].link-icon:before,
a[href$=".htm"].link-icon:before,
a[href$=".xhtml"].link-icon:before,
a[href$=".jhtml"].link-icon:before,
a[href$=".php"].link-icon:before,
a[href$=".php3"].link-icon:before,
a[href$=".php4"].link-icon:before,
a[href$=".php5"].link-icon:before,
a[href$=".phtml"].link-icon:before,
a[href$=".asp"].link-icon:before,
a[href$=".aspx"].link-icon:before,
a[href$=".cfm"].link-icon:before,
a[href*="?"].link-icon:before,
a[href*="#"].link-icon:before,
a.link-icon:not([href*='.']):before,
a.link-icon.link[href]:before {
	content: "\f0c1"; /*link*/
}

/*#endregion*/

/*#region << label & badges overrides >>*/

.badge.badge-default.badge-inverse,
.label.label-default.label-inverse {
	background-color: transparent;
	color: #777;
	border: 1px solid #777;
}

.badge.badge-primary.badge-inverse,
.label.label-primary.label-inverse {
	background-color: transparent;
	color: #337ab7;
	border: 1px solid #337ab7;
}

.badge.badge-success.badge-inverse,
.label.label-success.label-inverse {
	background-color: transparent;
	color: #5cb85c;
	border: 1px solid #5cb85c;
}

.badge.badge-info.badge-inverse,
.label.label-info.label-inverse {
	background-color: transparent;
	color: #5bc0de;
	border: 1px solid #5bc0de;
}

.badge.badge-warning.badge-inverse,
.label.label-warning.label-inverse {
	background-color: transparent;
	color: #f0ad4e;
	border: 1px solid #f0ad4e;
}

.badge.badge-danger.badge-inverse,
.label.label-danger.label-inverse {
	background-color: transparent;
	color: #d9534f;
	border: 1px solid #d9534f;
}

/*#endregion*/

/*#region << Tree >>*/
.tree {
	min-height: 2em;
	border-radius: 4px;
}

	.tree li {
		list-style-type: none;
		margin: 0;
		padding: 5px;
		position: relative;
	}

		.tree li:after, .tree li:before {
			content: '';
			left: -20px;
			position: absolute;
			right: auto;
		}

		.tree li:before {
			border-left: 1px solid #ccc;
			bottom: 50px;
			height: 100%;
			top: -11px;
			width: 1px;
		}

		.tree li:after {
			border-top: 1px solid #ccc;
			height: 20px;
			top: 18px;
			width: 25px;
		}

	.tree > ul > li::after, .tree > ul > li:before {
		border: 0;
	}

	.tree li:last-child::before {
		height: 30px;
	}

	.tree > ul {
		padding-left: 0;
	}

	.tree ul ul {
		padding-left: 34px;
		padding-top: 10px;
	}

	.tree li.parent_li > .btn-group > .btn:first-child {
		color: #bdbdbd;
	}

		.tree li.parent_li > .btn-group > .btn:first-child:hover {
			border-color: #03A9F4;
			color: #03A9F4;
			background-color: #fff;
		}

	.tree li .btn.btn-default:not(.node) {
		background-color: #fff;
		border-color: #a5d6a7;
	}

	.tree li .btn.btn-success:not(.node) {
		background-color: #daefdb;
		color: #333;
	}

	.tree li .btn.btn-default.disabled {
		background-color: #fff;
		border-color: #ffcdd2;
		color: #333;
		opacity: 1;
	}

	.tree li .btn.btn-default .fa-check {
		color: #ddd;
	}

	.tree li .btn.btn-default .fa-lock {
		color: #ffcdd2;
	}


	.tree li .btn.btn-default:hover {
		background: #fafafa;
	}

		.tree li .btn.btn-default:hover .fa-check {
			color: #4CAF50 !important;
		}

	.tree .btn-default:focus, .tree .btn-default.focus {
		background-color: #fff;
		border-color: #ccc;
	}

	.tree li.parent_li.hovered ul li::before {
		border-left-color: #03A9F4;
	}

	.tree li.parent_li.hovered ul li::after {
		border-top-color: #03A9F4;
	}

	.tree li.parent_li.hovered ul li .btn.node {
		border: 1px solid #03A9F4;
		z-index: 9;
	}

	.tree li.parent_li.collapsed ul {
		display: none;
	}

	.tree .btn-success:focus, .tree .btn-success.focus {
		background-color: #5cb85c;
		border-color: #4cae4c;
	}

	.tree .btn-success .delete {
		color: #4CAF50;
	}

	.tree .btn-success:hover .delete::before {
		content: "\f00d";
		color: #F44336 !important;
	}

	.tree li.parent_li.collapsed > .btn-group > .btn > .fa-minus-circle:before {
		content: "\f055";
		color: #03A9F4;
	}

/*#endregion*/

/*#region << Angular UI tree >> */

.angular-ui-tree-empty {
	border: 1px dashed #bbb;
	min-height: 100px;
	background-color: #e5e5e5;
	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: -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -moz-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);
	background-size: 60px 60px;
	background-position: 0 0, 30px 30px;
}

.angular-ui-tree-nodes {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
}

	.angular-ui-tree-nodes .angular-ui-tree-nodes {
		padding-left: 34px;
	}

.angular-ui-tree-node .angular-ui-tree-nodes {
	padding-top: 5px;
	padding-left: 34px;
}

.angular-ui-tree-node,
.angular-ui-tree-placeholder {
	position: relative;
	margin: 0;
	padding: 5px;
	/*min-height: 20px;
	line-height: 20px;*/
}

.angular-ui-tree-hidden {
	display: none;
}

.angular-ui-tree-placeholder {
	margin: -1px;
	padding: 0;
	min-height: 20px;
	border: 1px dashed #FDD835;
	background: #fffff0;
}

.angular-ui-tree-handle {
	cursor: move;
	text-decoration: none;
	font-weight: bold;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 20px;
	line-height: 20px;
	color: #bdbdbd;
	border-right-color: #b2dfdb;
}

	.angular-ui-tree-handle:hover {
		color: #03A9F4;
		background: #fff;
	}

.angular-ui-tree-drag {
	position: absolute;
	pointer-events: none;
	z-index: 999;
	opacity: .8;
}


	.angular-ui-tree-node .toggle-node i{
		color:#4CAF50;
	}

.angular-ui-tree-node .toggle-node:hover {
		cursor:pointer;	
}

	.angular-ui-tree-node .toggle-node:hover i{
		color:#FF9800;
	}

.angular-ui-tree-node .btn-group > .btn .btn {
	position: absolute;
}

	.angular-ui-tree-node .btn-group > .btn .btn.add-node {
		right: 5px;
	}

	.angular-ui-tree-node .btn-group > .btn .btn.delete-node {
		right: 35px;
	}

.angular-ui-tree .btn.disabled,
.angular-ui-tree-drag .btn.disabled {
	/*background: #e0f2f1;
	border-color: #b2dfdb;*/
	opacity: 1;
	color: #333;
	padding-right: 80px;
	padding-left: 5px;
	position: relative;
}

	.angular-ui-tree .btn.disabled:hover {
		cursor: default;
	}

	.angular-ui-tree .btn.disabled .btn-default,
	.angular-ui-tree-drag .btn.disabled .btn-default {
		opacity: 0.5;
		border-color: #fff;
	}


		.angular-ui-tree .btn.disabled .btn-default:hover {
			opacity: 1;
			background: #fff;
		}

.angular-ui-tree li:after, .angular-ui-tree li:before {
	content: '';
	left: -20px;
	position: absolute;
	right: auto;
}

.angular-ui-tree li:before {
	border-left: 1px solid #ccc;
	bottom: 50px;
	height: 100%;
	top: -5px;
	width: 1px;
}

.angular-ui-tree li:last-child::before {
	height: 24px;
}

.angular-ui-tree li:after {
	border-top: 1px solid #ccc;
	height: 20px;
	top: 18px;
	width: 25px;
}

.angular-ui-tree .btn.angular-ui-tree-handle:hover {
	border: 1px solid #03A9F4;
	z-index: 1;
}

.angular-ui-tree li.angular-ui-tree-placeholder:after {
	width: 20px;
}

.angular-ui-tree li.parent_li.hovered > .btn-group + ol li::before {
	border-left-color: #03A9F4;
}

.angular-ui-tree li.parent_li.hovered > .btn-group + ol li::after {
	border-top-color: #03A9F4;
}

.angular-ui-tree li.parent_li.hovered > .btn-group + ol li .btn.angular-ui-tree-handle {
	border: 1px solid #03A9F4;
	z-index: 1;
}

.angular-ui-tree > ol > li::after, .angular-ui-tree > ol > li:before {
	border: 0;
}

.angular-ui-tree li.parent_li.hovered .angular-ui-tree-handle {
	border-color: #03A9F4;
}

/*#endregion*/

/*#region << Tooltip >> */
.tooltip-btn:hover {
	cursor: pointer;
}

.wva-tooltip {
	opacity: 1 !important;
	width: 500px;
}

	.wva-tooltip .tooltip-inner {
		background: #444;
		max-width: none;
		padding: 10px 15px;
		text-align: left;
		font-size: 14px;
		box-shadow: 0 0 10px #333;
	}

	.wva-tooltip .tooltip-description {
		color: #ccc;
		margin-bottom: 5px;
	}

	.wva-tooltip .tooltip-databind {
		color: white;
		font-size: 16px;
	}

	.wva-tooltip .tooltip-arrow {
		border-bottom-color: #444 !important;
	}
/*#endregion*/

/*#region << Admin >> */
.view-library .tab-pane {
	overflow-y: auto;
}

.view-manage-section .fa.pull-right,
.view-library .fa.pull-right,
.view-manage-section .fa.pull-left,
.view-library .fa.pull-left {
	position: relative;
	top: 3px;
}

/*#endregion */

/*#region << Desktop >> */

#home-tiles .list-wrapper {
	min-height: 300px;
	padding: 0 15px;
}

#home-tiles .thumbnail {
	background: transparent;
	border: none;
	margin: 10px;
	display: inline-block;
	padding-top: 9px;
	width: 120px;
	height: 110px;
	position: relative;
	overflow: hidden;
}

	#home-tiles .thumbnail:hover,
	#home-tiles .thumbnail:active,
	#home-tiles .thumbnail:focus {
		box-shadow: none;
		background: rgba(255,255,255,0.03);
	}

	#home-tiles .thumbnail .caption {
		color: #bdbdbd;
		overflow: visible;
		white-space: normal;
		position: absolute;
		bottom: 5px;
		height: 50px;
		left: 0;
		width: 100%;
		text-align: center;
		/*-ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;*/
	}

	#home-tiles .thumbnail .icon-wrapper {
		background: #607D8B;
		border-radius: 3px;
		display: inline-block;
		width: 48px;
		height: 48px;
		position: absolute;
		top: 10px;
		left: 0;
		margin-left: 36px;
	}

		#home-tiles .thumbnail .icon-wrapper .fa {
			color: white;
			font-size: 30px;
			padding: 0;
			position: relative;
			top: 8px;
		}

	/* Theming */

	#home-tiles .thumbnail.red .icon-wrapper {
		background: #F44336;
	}

	#home-tiles .thumbnail.pink .icon-wrapper {
		background: #E91E63;
	}

	#home-tiles .thumbnail.purple .icon-wrapper {
		background: #9C27B0;
	}

	#home-tiles .thumbnail.deep-purple .icon-wrapper {
		background: #673AB7;
	}

	#home-tiles .thumbnail.indigo .icon-wrapper {
		background: #3F51B5;
	}

	#home-tiles .thumbnail.blue .icon-wrapper {
		background: #2196F3;
	}

	#home-tiles .thumbnail.light-blue .icon-wrapper {
		background: #03A9F4;
	}

	#home-tiles .thumbnail.cyan .icon-wrapper {
		background: #00BCD4;
	}

	#home-tiles .thumbnail.teal .icon-wrapper {
		background: #009688;
	}

	#home-tiles .thumbnail.green .icon-wrapper {
		background: #4CAF50;
	}

	#home-tiles .thumbnail.light-green .icon-wrapper {
		background: #8BC34A;
	}

	#home-tiles .thumbnail.lime .icon-wrapper {
		background: #CDDC39;
	}

	#home-tiles .thumbnail.yellow .icon-wrapper {
		background: #FFEB3B;
	}

	#home-tiles .thumbnail.amber .icon-wrapper {
		background: #FFC107;
	}

	#home-tiles .thumbnail.orange .icon-wrapper {
		background: #FF9800;
	}

	#home-tiles .thumbnail.deep-orange .icon-wrapper {
		background: #FF5722;
	}

	#home-tiles .thumbnail.brown .icon-wrapper {
		background: #795548;
	}


.desktop .avatar {
	max-width: 18px;
	max-height: 18px;
	/*margin-right:5px;*/
}

.navbar-inverse.desktop li.active a,
.navbar-inverse.desktop li.active a:hover {
	background: rgba(255,255,255,0.05);
}



/*#endregion */

/*#region << Post >>*/
.post.panel {
	border-style:dashed;
}

.post .post-heading {
	height: 70px;
	padding: 10px;
}

	.post .post-heading .avatar {
		width: 42px;
		height: 42px;
		display: block;
		margin-right: 15px;
	}

	.post .post-heading .meta .title {
		margin-bottom: 0;
		margin-top: 5px;
	}

		.post .post-heading .meta .title a {
			color: black;
		}

			.post .post-heading .meta .title a:hover {
				color: #aaaaaa;
			}

	.post .post-heading .meta .time {
		margin-top: 8px;
		color: #bdbdbd;
	}

.post .post-image .image {
	width: 100%;
	height: auto;
}

.post .post-description {
	padding: 10px;
	padding-top: 0;
}

	.post .post-description p {
		font-size: 14px;
	}

	.post .post-description .stats {
		margin-top: 20px;
	}

		.post .post-description .stats .stat-item {
			display: inline-block;
			margin-right: 15px;
		}

			.post .post-description .stats .stat-item .icon {
				margin-right: 8px;
			}

.post .post-footer {
	border-top: 1px dashed #bbb;
	padding: 5px 10px;
}

	.post .post-footer .input-group-addon a {
		color: #454545;
	}

	.post .post-footer .comments-list {
		padding: 0;
		margin-top: 20px;
		list-style-type: none;
	}

		.post .post-footer .comments-list .comment {
			display: block;
			width: 100%;
			margin: 20px 0;
		}

			.post .post-footer .comments-list .comment .avatar {
				width: 35px;
				height: 35px;
			}

			.post .post-footer .comments-list .comment .comment-heading {
				display: block;
				width: 100%;
			}

				.post .post-footer .comments-list .comment .comment-heading .user {
					font-size: 14px;
					font-weight: bold;
					display: inline;
					margin-top: 0;
					margin-right: 10px;
				}

				.post .post-footer .comments-list .comment .comment-heading .time {
					font-size: 12px;
					color: #aaa;
					margin-top: 0;
					display: inline;
				}

			.post .post-footer .comments-list .comment .comment-body {
				margin-left: 50px;
			}

			.post .post-footer .comments-list .comment > .comments-list {
				margin-left: 50px;
			}
/*#endregion*/

/*#region << import-evaluation >>*/
.evaluation-wrapper {
	background: #444;
}

.import-evaluation {
	margin:0 0 1.5em 0;
}

.import-evaluation thead th {
	min-width: 180px;
	white-space: nowrap;
	background: #444;
	color: #fff !important;
}

	.import-evaluation thead th .form-control {
		padding: 2px 4px;
		height: 24px;
	}

	.import-evaluation thead th .input-group-addon {
		padding: 2px 4px;
		height: 24px;
		background:#e0e0e0
	}

	.import-evaluation thead th .form-group {
		margin-bottom:0;
	}

	.import-evaluation thead th .go-gray {
		color:#999 !important;
	}

.import-evaluation .field-type {
	text-transform:none;
	line-height:24px;
	height:24px;
	margin-bottom:5px;
}

.import-evaluation tbody td {
	width:100%;
	
}

.import-evaluation .to_create {
	background: #E8F5E9;
}

.import-evaluation tr:hover .to_create {
	background:#C8E6C9;
}

.import-evaluation .select_to_create {
	background: #A5D6A7;
}
	.import-evaluation .select_to_create .field-type {
		color:#555;
	}


.import-evaluation .to_update {
	background: #FFF3E0;
}

.import-evaluation tr:hover .to_update {
	background:#FFE0B2;
}

.import-evaluation .select_to_update {
	background: #FFCC80;
}

	.import-evaluation .select_to_update .field-type {
		color:#555;
	}



.import-evaluation .no_import {
	background: #F5F5F5;
}

.import-evaluation tr:hover .no_import {
	background:#E0E0E0;
}

.import-evaluation .select_no_import {
	background: #E0E0E0;
}


	.import-evaluation .select_no_import .field-type {
		color:#555;
	}


.import-evaluation td.id-field {
	background: #E0E0E0;
	white-space: nowrap;
	text-align:right;
	width:180px;
}

.import-evaluation tr:hover .id-field {
	background:#BDBDBD;
}

	.import-evaluation tr .id-field .noid {
		color:#999;
		font-style:italic;
	}

/*#endregion << import-evaluation >>*/

/*#region >> Alert messages >>*/
.alert-message
{
    margin: 20px 0;
    padding: 20px;
    border:none;
    border-radius:0;
    border-left: 3px solid #eee !important;
}


.alert-message h4
{
    margin-top: 0;
    margin-bottom: 5px;
	font-size: 16px;
}

.alert-message-with-icon
{
    position:relative;
	padding-left:50px;
}

	.alert-message-with-icon > .fa {
		font-size:32px;
		position:absolute;
		top:20px;
		left:10px;
	}

.alert-message p:last-child
{
    margin-bottom: 0;
}
.alert-message code
{
    background-color: #fff;
    border-radius: 3px;
}
.alert-message-success
{
    background-color: #F4FDF0;
    border-color: #3C763D !important;
}
.alert-message-success h4
{
    color: #3C763D;
}

.alert-message-success  > .fa {
	color: #3C763D;
}

.alert-message-danger
{
    background-color: #fdf7f7;
    border-color: #d9534f !important;
}
.alert-message-danger h4
{
    color: #d9534f;
}

.alert-message-danger  > .fa {
	color: #d9534f;
}
.alert-message-warning
{
    background-color: #fcf8f2;
    border-color: #f0ad4e !important;
}
.alert-message-warning h4
{
    color: #f0ad4e;
}

.alert-message-warning  > .fa {
	color: #f0ad4e;
}

.alert-message-info
{
    background-color: #f4f8fa;
    border-color: #5bc0de !important;
}
.alert-message-info h4
{
    color: #5bc0de;
}

.alert-message-info  > .fa {
	color: #5bc0de;
}

.alert-message-default
{
    background-color: #EEE;
    border-color: #B4B4B4 !important;
}
.alert-message-default h4
{
    color: #000;
}
.alert-message-notice
{
    background-color: #FCFCDD;
    border-color: #BDBD89;
}
.alert-message-notice h4
{
    color: #444;
}
/*#endregion << Alert messages <<*/

/*#region << File library >>*/

.file-manager ul {
	margin:0;
	margin-bottom:10px;
}

.file-manager li {
	width:164px;
	padding-top:10px;
	padding-left:10px;
}

.file-manager .block {
	position: relative;
	background: #fff;
	cursor: pointer;
	margin-bottom:0;
	height:150px;
	width:150px;
	padding:5px;
	outline:1px solid #aaa;
	text-align:center;
}

	.file-manager .block:hover {
		outline: 2px solid #5b9dd9;
	}

	.file-manager .block.image {
		padding:0;
		overflow:hidden;
	}

	.file-manager .block.image img{
		vertical-align:top;
	}

.file-manager .centered {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: translate(50%,50%);
	-ms-transform: translate(50%,50%);
	transform: translate(50%,50%);
}

	.file-manager .centered img,
	.file-manager .centered .fa {
		position:absolute;
		top:0;
		left:0;
		-webkit-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		color:#aaa;
	}


.file-manager .filename {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	max-height: 100%;
	word-wrap: break-word;
	text-align: center;
	font-weight: 600;
	background: rgba(255,255,255,.8);
	-webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.15);
	box-shadow: inset 0 0 0 1px rgba(0,0,0,.15);
}

.file-manager .filename div {
	padding: 5px 10px;
	font-size:11px;
	color:#444;
}
/*#endregion*/