input[readonly] {
	cursor: default;
}
table.datatable tr.selectable:hover {
	cursor: inherit !important;
	user-select: inherit !important;
}

.nowrap {
	white-space: nowrap;
	flex-wrap: nowrap;
}
.wrap {
	-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;
}

.header {
	box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 0px 0px;
	color: rgba(0, 0, 0, 0.55);
	height: 48px;
	margin: 0px;
	padding: 0px;
	background: white;
}
.header-item span {
	vertical-align: top;
	display: inline-block;
	line-height: 16px;
}

.logo {
	align-items: center;
	align-self: stretch;
	color: rgba(0, 0, 0, 0.9);
	padding-bottom: 0px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 0px;
	position: relative;
	user-select: none;
	/*width: 260px;*/
	width: 100px;
	text-decoration: none;
}

	.logo:hover {
		background-color: rgba(0, 0, 0, 0.02);
	}

.centered-block {
	margin: 0 auto;
	display: block;
}

.font-normal {
	font-weight: normal;
}

.italic {
	font-style: italic;
}

.balance {
	height: 100%;
}

.valign {
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: middle;
}

.label {
	display: inline;
	padding: 2px 5px;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 2px;
	text-decoration: none !important;
}
.label-default {
	background-color: #777;
	padding: 2px 5px;
}
.label-info, .btn.label-info {
	color: white;
	background-color: #5bc0de;
}
.label-warning, .btn.label-warning {
	color: white;
	background-color: #f0ad4e;
}
.label-warning1, .btn.label-warning1 {
	color: white;
	background-color: #a231c7;
}
.label-danger, .btn.label-danger {
	color: white;
	background-color: #d9534f;
}
.label-danger1, .btn.label-danger1 {
	color: white;
	background-color: cyan;
}
.label-success, .btn.label-success {
	color: white;
	background-color: #5cb85c;
}
.label-attention, .btn.label-attention {
	color: white;
	background-color: #7864ff;
}

.text-info {
	color: #3076ad;
}

.text-warning {
	color: #8a6d3b;
}

.text-danger, .ui-select.text-danger {
	color: #a94442;
}

.text-success {
	color: #5cb85c;
}
.tr-success {
	background: #5cb85c;
	color: white;
}
.tr-primary, .td-primary {
	background: #3076ad;
	color: white;
}
.bold {
	font-weight: bold;
}
.uppercase {
	text-transform: uppercase;
}
.semi-bold {
	font-weight: 500;
}
.underline {
	text-decoration: underline;
}

.top {
	vertical-align: top !important;
}

.pointer {
	cursor: pointer;
}
.space-between {
	-webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
}
.justify-center {
	justify-content: center;
}
.flex-end {
	-webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end;
}
.flex-column {
	-webkit-box-orient: vertical; -webkit-flex-direction: column; flex-direction: column;
}

.line-through {
	text-decoration: line-through
}

.ui-scroll {
	position: fixed;
	left: 10px;
	bottom: 10px;
	width: 0 !important;
}


.header-item {
	align-items: center;
	align-self: stretch;
	color: rgba(0, 0, 0, 0.9);
	cursor: pointer;
	font-size: 16px;
	height: 48px;
	justify-content: center;
	outline-color: rgba(0, 0, 0, 0.9);
	outline-style: none;
	outline-width: 0px;
	text-decoration-color: rgba(0, 0, 0, 0.9);
	text-decoration-line: none;
	text-decoration-style: solid;
	min-width: 48px;
	padding: 0 5px;
}

	.header-item:hover {
		background-color: rgba(0, 0, 0, 0.02);
	}
.overlay-holder {
}
.child .left-panel {
	margin-top: -1px;
}
.left-panel {
	width: 260px;
	box-shadow: 3px 3px 10px -2px rgba(0, 0, 0, 0.1);
	border-right: 1px solid lightgray;
	border-top: 1px solid lightgray;
	border-bottom: 1px solid lightgray;
	background: white;
}

	.left-panel > .flex-row {
		align-items: center;
		align-self: stretch;
		color: rgba(0, 0, 0, 0.9);
		cursor: pointer;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-shrink: 0;
		outline: 0px none rgba(0, 0, 0, 0.9);
		text-decoration: none;
		user-select: none;
		padding: 12px;
		height: 48px;
	}

		.left-panel > .flex-row:hover {
			background: rgba(0, 0, 0, 0.15);
		}

	.left-panel i {
		width: 25px;
		font-size: 16px;
	}

	.left-panel span {
		/*todo*/
	}

	.left-panel .parent {
		position: relative;
		padding-right: 20px;
	}

		.left-panel .parent:hover > .child {
			display: block;
			visibility: visible;
			opacity: 1;
		}

		.left-panel .parent:after {
			content: "\E76C";
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: 'FabricMDL2Icons';
			font-style: normal;
			font-weight: normal;
			speak: none;
			position: absolute;
			right: 5px;
		}

	.left-panel .child {
		display: none;
		visibility: hidden;
		opacity: 0;
		transition: visibility 0s, opacity 0.5s linear;
		position: absolute;
		top: 0px;
		left: 100%;
		background: white;
		z-index: 1;
	}

/*@media (max-width: 768px) {
	.left-panel {
		width: 50px;
	}

		.left-panel span {
			display: none;
		}

		.left-panel a {
			padding: 15px;
		}
}*/

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

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

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

.card {
	padding: 10px;
	width: 100%;
}

@media (max-width: 400px) {
	.card {
		padding: 2px;
	}
}

table.datatable {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
	border: none;
	display: table;
	background-color: #fff;
}

	table.datatable td, table.datatable th {
		vertical-align: middle;
		display: table-cell;
		border: 1px solid lightgray;
		height: 38px;
		padding: 3px;
		box-sizing: content-box;
	}

	table.datatable th {
		font-weight: 600;
	}

	table.datatable tr {
		border: none;
	}

	table.datatable thead {
		background-color: rgba(0,0,0,0.02);
	}

	table.datatable td.default {
		/*background-color: #3076ad;*/
		color: #3076ad;
		font-weight: 500;
		/*border-color: #3076ad;*/
	}

	table.datatable tr.selectable:hover {
		background-color: rgba(0,0,0,0.05);
		cursor: pointer;
		user-select: none;
	}

	table.datatable td.selectable:hover {
		background-color: rgba(0,0,0,0.05);
		cursor: pointer;
		user-select: none;
	}

	table.datatable tr.selected {
		font-weight: 600;
	}

	table.datatable td.selected {
		font-weight: 600;
	}

	table.datatable tr.progress {
		background: linear-gradient(-90deg, #55a95c, #efefef);
		background-size: 400% 400%;
		animation: Gradient 2s ease infinite;
	}

	table.datatable td.touched {
		background-color: #fcc880;
	}

	table.datatable .sticky-header {
		position: sticky;
		top: -11px;
		background: #eee;
		z-index: 1;
	}
	table.datatable .sticky-footer {
		position: sticky;
		bottom: -10px;
		background: #eee;
		z-index: 1;
	}


@keyframes Gradient {
	0% {
		background-position: 0% 50%
	}

	50% {
		background-position: 100% 50%
	}

	100% {
		background-position: 0% 50%
	}
}


td.editable {
	white-space: nowrap;
}

td.error {
	background-color: #e89393;
}

td.editable input[type="text"] {
	border: none;
	margin: 0px;
	width: 100%;
	outline: none;
	padding: 0px;
	display: inline;
	background-color: inherit;
	height: 100%;
	text-align: inherit;
}

	td.editable input[type="text"]:focus, input[type="text"]:active {
		outline: none;
	}
td.editable input[type="number"] {
	border: none;
	margin: 0px;
	width: 100%;
	outline: none;
	padding: 0px;
	display: inline;
	background-color: inherit;
	height: 100%;
	text-align: inherit;
}

	td.editable input[type="number"]:focus, input[type="number"]:active {
		outline: none;
	}

::-ms-clear {
	display: none;
}

td.active, td.active.editable:focus {
	outline: 2px solid #3076ad;
}

td.editable:focus {
	/*outline: 1px solid #3076ad;*/
	outline: none;
}

td.editable .buttons {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%;
}

	td.editable .buttons button {
		margin: 0 3px;
	}

@media (max-width: 600px) {
	td.editable .buttons {
		-webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
	}

	td.editable .button-text {
		display: none;
	}
}

/*@media (max-width: 340px) {*/
@media (max-width: 460px) {
	td.editable .buttons {
		-webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
		width: 100%;
		margin-bottom: 5px;
	}

	td.editable .buttons-reverse {
		flex-direction: row-reverse;
	}
}
.form-input-danger {
	outline: 1px solid #d02929 !important;
}
.input-danger, .form-group input[type="text"].input-danger, .ui-select.input-danger, .form-group select.input-danger {
	border: 1px solid #d02929;
}

.input-warning {
	border: 1px solid #8a6d3b;
}

div.danger, span.danger, select.danger, h1.danger, h2.danger, h3.danger, h4.danger, h5.danger {
	color: #d02929;
}

.btn {
	display: inline-flex;
	flex-shrink: 0;
	text-align: center;
	align-items: center;
	align-self: center;
	height: inherit;
	min-height: 32px;
	line-height: inherit;
	padding: 0 10px;
	vertical-align: middle;
	outline: 1px none transparent;
	border: none;
	background-color: rgba(0,0,0,0.05);
	cursor: pointer;
	border: none;
	margin: 0;
	box-sizing: border-box;
	border: none;
}

	.btn i {
		text-align: center;
		align-items: center;
		align-self: center;
		display: inline-flex;
	}

	.btn:hover {
		opacity: 0.8;
	}

	.btn.primary, th.primary, tr.primary {
		background: #3076ad;
		color: #fff;
	}

	.btn.danger, td.danger {
		color: #721c24;
		background-color: #f8d7da;
	}

tr.danger td:first-child {
	position: relative;
}
	tr.danger td:first-child:before {
		content: "";
		position: absolute;
		top: 0;
		left: -1px;
		width: 5px;
		height: 100%;
		background: #d9534f;
		display: block;
	}
tr.success td:first-child {
	position: relative;
}

	tr.success td:first-child:before {
		content: "";
		position: absolute;
		top: 0;
		left: -1px;
		width: 5px;
		height: 100%;
		background: #5cb85c;
		display: block;
	}
tr.warning td:first-child {
	position: relative;
}

	tr.warning td:first-child:before {
		content: "";
		position: absolute;
		top: 0;
		left: -1px;
		width: 5px;
		height: 100%;
		background: #f0ad4e;
		display: block;
	}

	.btn.success {
		background: #3b9c30;
		color: #fff;
	}

.btn.warning, td.warning, .row-warning td {
	color: #856404;
	background-color: #fff3cd;
}

td.success {
	color: #155724;
	background-color: #d4edda;
}

.btn.transparent {
	background: transparent;
}

	.btn.transparent:hover {
		outline: 1px solid rgba(0,0,0,0.05);
	}

	.btn.transparent:disabled:hover {
		outline: 1px none rgba(0,0,0,0.05);
	}

.btn:disabled {
	opacity: 0.5;
	cursor: default;
}

.btn.fill {
	background: transparent;
	width: 100%;
}

	.btn.fill:hover {
		background-color: rgba(0,0,0,0.02);
	}

.icon {
	display: inline-block;
	flex-shrink: 0;
	text-align: center;
	height: inherit;
	padding: 0px 5px;
}

.icon-hover:hover {
	cursor: pointer;
	background-color: rgba(0,0,0,0.05);
}

a {
	text-decoration: none;
}

.form-input {
	height: 32px !important;
	outline: 1px solid rgba(0,0,0,0.1);
}

	.form-input.disabled {
		background: #ebebe4;
	}
.form-group input[type=date][disabled], .form-group input[type=datetime-local][disabled], .form-group select[disabled], .ui-dropdown-container.disabled {
	background: #ebebe4;
}

.form-input-like {
	display: block;
	line-height: 32px;
	padding: 0 3px;
	height: 32px !important;
	outline: 1px solid rgba(0,0,0,0.1);
}

.form-group {
	margin-bottom: 10px;
	min-height: 32px;
}

	.datatable .form-group input[type=text], .form-group input[type=password], .form-group input[type=email] {
		outline: 0;
	}
	.form-group input[type=text], .form-group input[type=password], .form-group input[type=email] {
		width: 100%;
		height: 32px;
		padding: 5px;
		border: 1px none transparent;
		outline: 1px solid rgba(0,0,0,0.3);
	}

		.form-group input[type=text]:focus, .form-group input[type=password]:focus {
			outline-offset: 0;
		}

	.form-group textarea {
		width: 100%;
		padding: 5px;
		border: 1px none transparent;
		outline: 1px solid rgba(0,0,0,0.1);
	}

	.form-group input[type=date], .form-group input[type=datetime-local], .form-group input[type=number] {
		width: 100%;
		height: 32px;
		padding: 5px;
		border: 1px none transparent;
		background: white;
		outline: 1px solid rgba(0,0,0,0.1);
	}


	.form-group > label {
		display: inline-block;
		padding: 5px 0;
		width: 100%;
		font-weight: 500;
		color: rgba(0,0,0,0.6);
	}

	.form-group textarea {
		padding: 5px;
		width: 100%;
	}

	.form-group select {
		width: 100%;
		height: 32px;
		padding: 0 5px;
		border: 1px none transparent;
		outline: 1px solid rgba(0,0,0,0.1);
		/*background-color: rgba(0,0,0,0.02);*/
		background-color: white;
		/*color: rgba(0,0,0,0.8);*/
		outline-offset: 0;
	}

	.form-group span.disabled {
		width: 100%;
		height: 32px;
		padding: 5px;
		background-color: #eaeaea;
		display: block;
	}

.input-inline {
	border: none;
	outline: none;
	background-color: transparent;
	border-bottom: solid 1px rgba(0,0,0,0.2);
	padding-left: 5px;
}

.highlight {
	padding: 5px;
	background-color: rgba(0,0,0,0.02);
}


@keyframes dropDownFadeInDown-data-v-0e0caa90 {
	0% {
		opacity: 0;
		transform: translate3d(0, -20px, 0)
	}

	to {
		opacity: 1;
		transform: translateZ(0)
	}
}

@keyframes dropDownFadeInUp-data-v-0e0caa90 {
	0% {
		opacity: 0;
		transform: translate3d(0, 10px, 0)
	}

	to {
		opacity: 1;
		transform: translateZ(0)
	}
}

@keyframes slideRightUp {
	0% {
		opacity: 0;
		right: -100%;
	}

	to {
		opacity: 1;
		right: 0px;
	}
}

.slide-enter-active,
.slide-leave-active {
	-webkit-animation: slideRightUp .2s cubic-bezier(.23, 1, .32, 1);
	animation: slideRightUp .2s cubic-bezier(.23, 1, .32, 1)
}

.slide-enter,
.slide-leave-to {
	display: none;
}

.fade-enter-active,
.fade-leave-active {
	-webkit-animation: dropDownFadeInDown-data-v-0e0caa90 .3s cubic-bezier(.23, 1, .32, 1);
	animation: dropDownFadeInDown-data-v-0e0caa90 .3s cubic-bezier(.23, 1, .32, 1)
}

.fade-enter,
.fade-leave-to {
	display: none;
}

.datatable-toolbar {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;
	align-items: stretch;
	align-content: center;
	margin: 5px 0;
}

.datatable-toolbar-separator, .btn-separator {
	width: 5px;
}
.btn-separator-wide {
	width: 20px;
}

.datatable-toolbar-search {
	display: inline-flex;
	width: auto;
	min-width: 150px;
	align-items: center;
	align-content: center;
	outline: 1px solid rgba(0,0,0,0.05);
}

	.datatable-toolbar-search input {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		align-items: center;
		align-content: center;
		flex-grow: 1;
		padding: 5px;
		border: 1px none transparent;
		outline: none;
		color: rgba(0,0,0,0.7);
		height: 100%;
		max-width: calc(100% - 98px);
	}

	.datatable-toolbar-search label {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		align-items: center;
		align-content: center;
		color: rgba(0,0,0,0.9);
		background-color: rgba(0,0,0,0.02);
		font-weight: 500;
		height: 100%;
		padding: 5px;
	}

	.datatable-toolbar-search button {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		align-items: center;
		align-content: center;
		font-weight: 500;
		height: 100%;
	}

.datatable-toolbar-pager {
	display: inline-flex;
	width: auto;
	min-width: 150px;
	align-items: center;
	align-content: center;
	margin-left: auto;
}

	.datatable-toolbar-pager button {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		align-items: center;
		align-content: center;
		font-weight: 500;
		height: 100%;
	}

	.datatable-toolbar-pager label {
		font-weight: 500;
		height: 100%;
		padding: 5px;
	}

	.datatable-toolbar-pager input {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		align-items: center;
		align-content: center;
		padding: 5px;
		border: 1px none transparent;
		outline: 1px solid rgba(0,0,0,0.05);
		color: rgba(0,0,0,0.7);
		height: 100%;
		margin-left: 3px;
		margin-right: 3px;
		width: 50px;
		text-align: center;
	}

@media (max-width: 540px) {
	.datatable-toolbar {
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.datatable-toolbar-search {
		margin-top: 15px;
		width: 100%;
	}

	.datatable-toolbar-pager {
		margin-left: 0;
		margin-top: 15px;
		width: 100%;
	}
}

::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}

/* Track */
::-webkit-scrollbar-track {
	background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: #888;
}

	/* Handle on hover */
	::-webkit-scrollbar-thumb:hover {
		background: #555;
	}

.grid {
	display: grid;
	grid-gap: 0 5px;
	grid-template-columns: repeat(12, 1fr);
	margin: 0 auto;
	width: 100%;
}

.col-1 {
	grid-column: span 1;
}

.col-2 {
	grid-column: span 2;
}

.col-3 {
	grid-column: span 3;
}

.col-4 {
	grid-column: span 4;
}

.col-5 {
	grid-column: span 5;
}

.col-6 {
	grid-column: span 6;
}

.col-7 {
	grid-column: span 7;
}

.col-8 {
	grid-column: span 8;
}

.col-9 {
	grid-column: span 9;
}

.col-10 {
	grid-column: span 10;
}

.col-11 {
	grid-column: span 11;
}

.col-12 {
	grid-column: span 12;
}


.productColorGroups {
	border: 1px solid #a6a6a6;
	font-size: inherit;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	height: 32px;
	box-sizing: border-box;
	cursor: pointer;
}

.colorGroup {
	text-align: center;
	float: left;
	display: inline-block;
	margin: 20px;
	position: relative;
	padding: 10px;
}

	.colorGroup.checked {
		outline: 3px solid #3076ad
	}

	.colorGroup button {
		width: 50px;
		height: 50px;
		display: block;
		border: dotted 1px black;
	}

.marker {
	text-align: center;
	float: left;
	display: inline-block;
	margin: 10px;
	position: relative;
	padding: 5px;
}

	.marker button {
		height: 50px;
		display: block;
	}

.flex-basis0 {
	flex-basis: 0;
}

.doc-header {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	height: 40px;
	background-color: rgb(248,248,248);
	color: rgba(0,0,0,0.8);
	align-items: center;
	line-height: 40px;
}

.doc-products, .doc-datatable {
	margin-top: 20px;
}

.doc-products-header {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	height: 30px;
	color: rgba(0,0,0,0.8);
	align-items: center;
	line-height: 30px;
	padding: 30px 0;
}

.ui-locker {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background-color: rgba(200,200,200,0.5);
	z-index: 200;
}

.ui-log-wrapper {
	/*position: fixed;*/
	/*bottom: 0px;*/
	/*right: 0px;*/
	border: 1px solid #ebebeb;
	background: white;
	z-index: 100;
	width: 100%;
	/*height: 300px;*/
	/* max-height: 30px; */
	resize: vertical;
}

	.ui-log-wrapper.active {
		/*max-height: 30px;*/
		height: 300px;
	}

.ui-log-header {
	text-align: left;
	padding: 5px 5px 5px 5px;
	border-bottom: 1px solid #ebebeb;
	position: relative;
	cursor: pointer;
}

	.ui-log-header .ms-Icon {
		position: absolute;
		right: 10px;
		top: 9px;
	}

.ui-log {
	display: none !important;
	max-height: 300px;
	overflow-y: scroll;
}

.ui-log-item {
	transition: opacity 2s, max-height 0s 1s, padding 0s 1s, border 0s 1s;
	padding: 0px;
	max-height: 0px;
	opacity: 0;
}

	.ui-log-item.warning {
		color: #856404;
		background-color: #fff3cd;
		border-color: #ffeeba;
	}

	.ui-log-item.error {
		color: #721c24;
		background-color: #f8d7da;
		border-color: #f5c6cb;
	}

	.ui-log-item.text {
	}

	.ui-log-item.active {
		opacity: 1 !important;
		max-height: 30px;
		padding: 5px;
		border-bottom: 1px solid #f8f8f8;
	}
.ui-log-wrapper.active .ui-log-item {
	transition: none;
	opacity: 1 !important;
	max-height: 30px;
	padding: 5px;
	border-bottom: 1px solid #f8f8f8;
}

.awaiting {
	position: fixed;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	background: #808080;
	background-color: rgba(255,255,255,0.5);
	z-index: 100000;
}

	.awaiting .box {
		position: relative;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		text-align: center;
		background: #ffffff;
		opacity: 1;
		border: 4px solid #c0c0c0;
		padding: 15px;
		width: 90%;
		margin: 0 auto;
		max-width: 500px;
	}

.package-block {
	box-shadow: 0px 3px 5px lightgrey;
	margin-bottom: 30px;
}

	.package-block .doc-products {
		margin-top: 0;
	}

.img-thumbnail {
	display: inline-block;
	max-width: 100%;
	height: auto;
	padding: 4px;
	line-height: 1.42857143;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.lds-spinner {
	display: inline-block;
	position: relative;
	width: 64px;
	height: 64px;
}

	.lds-spinner div {
		transform-origin: 32px 32px;
		animation: lds-spinner 1.2s linear infinite;
	}

		.lds-spinner div:after {
			content: " ";
			display: block;
			position: absolute;
			top: 3px;
			left: 29px;
			width: 5px;
			height: 14px;
			border-radius: 20%;
			background: black;
		}

		.lds-spinner div:nth-child(1) {
			transform: rotate(0deg);
			animation-delay: -1.1s;
		}

		.lds-spinner div:nth-child(2) {
			transform: rotate(30deg);
			animation-delay: -1s;
		}

		.lds-spinner div:nth-child(3) {
			transform: rotate(60deg);
			animation-delay: -0.9s;
		}

		.lds-spinner div:nth-child(4) {
			transform: rotate(90deg);
			animation-delay: -0.8s;
		}

		.lds-spinner div:nth-child(5) {
			transform: rotate(120deg);
			animation-delay: -0.7s;
		}

		.lds-spinner div:nth-child(6) {
			transform: rotate(150deg);
			animation-delay: -0.6s;
		}

		.lds-spinner div:nth-child(7) {
			transform: rotate(180deg);
			animation-delay: -0.5s;
		}

		.lds-spinner div:nth-child(8) {
			transform: rotate(210deg);
			animation-delay: -0.4s;
		}

		.lds-spinner div:nth-child(9) {
			transform: rotate(240deg);
			animation-delay: -0.3s;
		}

		.lds-spinner div:nth-child(10) {
			transform: rotate(270deg);
			animation-delay: -0.2s;
		}

		.lds-spinner div:nth-child(11) {
			transform: rotate(300deg);
			animation-delay: -0.1s;
		}

		.lds-spinner div:nth-child(12) {
			transform: rotate(330deg);
			animation-delay: 0s;
		}

@keyframes lds-spinner {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

.device .menu {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start;
	-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;
}

	.device .menu .item {
		min-width: 160px;
		max-width: 350px;
		margin: 5px;
		flex-grow: 1;
	}

		.device .menu .item h3 {
			margin-left: auto;
			margin-right: auto;
		}

.comment {
	border: 1px solid lightgray;
	border-radius: 2px;
	margin: 10px 0;
	position: relative;
}

	.comment.removed {
		text-decoration: line-through;
	}

	.comment .form-group {
		margin: 0 10px;
	}

	.comment h4 {
		margin: 0;
		padding: 0 10px;
		line-height: 32px;
	}

	.comment .remove {
		position: absolute;
		right: 0px;
		top: 0px;
	}

.color-lightgray {
	color: lightgray;
}

.tree-item > span {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	height: 30px;
	line-height: 30px;
	cursor: pointer;
}

	.tree-item > span.selected {
		font-weight: bold;
	}

	.tree-item > span:after {
		content: '';
		height: 30px;
		position: absolute;
		left: 0;
		right: 0;
		z-index: -1;
		/*border-bottom-width: 1px;
		border-bottom-color: lightgray;
		border-bottom-style: solid;*/
	}


	.tree-item > span + div {
		padding-left: 20px;
	}

	.tree-item > span:hover:after {
		background-color: #DDDDDD;
	}

.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently*/
	-webkit-tap-highlight-color: transparent;
}

.tree-item {
	border-left: 1px solid lightgray;
	margin-left: 2px;
}

	.tree-item > span:before {
		position: relative;
		top: -13px;
		width: 15px;
		border-bottom: 1px solid lightgray;
		content: '';
		display: inline-block;
	}

.access-denied {
	max-width: 400px;
	margin: 0 auto;
}
.account-component {
	max-width: 400px;
	margin: 0 auto;
}
.list-component {
	min-width: 600px;
}
.entity-component {
	min-width: 600px;
}
.datatable-toolbar-label {
	line-height: 30px;
}