@import "variables";
.admin-navigation {
	position: fixed; top: 6px;
	//left: calc(50% + 480px);
	z-index: 880;
	right: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right;
	@media (min-width: 992px) {
		left: calc(50% + 480px);
		//margin-left: 480px;
		text-align: left;
	}
	@media (min-width: 1200px) {
		left: calc(50% + 580px);
		//margin-left: 580px;
	}
	@media (max-width: 991px) {
		display: none;
	}
	& > li {
		&:not(:first-child){
			margin-top: 12px;
		}
	}
	.go-to-panel {
		background: $color_dark_violet;
		border: 1px solid $color_dark_violet;
		display: inline-block;
		padding: 6px 8px;
		font-size: 12px;
		line-height: normal;
		color: $color_white;
		text-transform: uppercase;
		text-align: center;
		&:hover {
			background: $color_violet;
			border-color: $color_violet;
		}
	}

	.btn {
		@include border-radius(2px);
		padding: 6px 8px 7px;
		font-size: 12px;
		line-height: 18px;
		white-space: nowrap;
		&.btn-violet {
			background: #C836FC;
			background: -moz-linear-gradient(top, #C836FC 0%, #772096 100%);
			background: -webkit-linear-gradient(top, #C836FC 0%, #772096 100%);
			background: linear-gradient(to bottom, #C836FC 0%, #772096 100%);
			color: $white !important;
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C836FC', endColorstr='#772096', GradientType=0 );

			&:hover {
				background: #772096;
				background: -moz-linear-gradient(top, #772096 0%, #C836FC 100%);
				background: -webkit-linear-gradient(top, #772096 0%, #C836FC 100%);
				background: linear-gradient(to bottom, #772096 0%, #C836FC 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#772096', endColorstr='#C836FC', GradientType=0 );
			}
		}
	}

	.section-footer & {
		position: relative; top: auto; left: auto;
		display: block;
		.go-to-panel {
			padding: 7px 12px;
			font-size: 16px;
			line-height: normal;
			@include border-radius(3px);
		}
	}
}

.admin-site-mode {
	font-size: 16px;
	line-height: normal;
	.form-check {
		background: #f2e6f4;
		display: inline-block;
		color: $black;
		@include border-radius(3px);
		&.stylize {
			label {
				padding: 8px 12px 8px 36px;
			}
			.arr {
				background: #a855bd;
				border: #a855bd;
				top: 50%;
				left: 8px;
				width: 20px;
				height: 20px;
				margin: -10px 0 0 0;

				font: normal normal normal 14px/1 FontAwesome;
				font-size: inherit;
				text-rendering: auto;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
				&:before {
					content: '\f00c';
					background: none !important;
					position: absolute; top: 50%; left: 50%;
					display: none;
					width: auto;
					height: auto;
					margin: 0;
					padding: 0;
					font-style: normal;
					color: $white !important;
					@include transform(translateX(-50%) translateY(-50%));
				}
				&:after {
					display: none;
				}
			}
			&.active {
				.arr {
					&:before {
						display: block;
						color: $green_dark !important;
					}
				}
			}
		}
	}
	.footer-menu__body & {
		padding: 12px 16px 0 0;
	}
}

.admin-transfer-spare-parts {
	position: relative;
	//margin-bottom: 20px;
	.transfer__head {
		position: absolute; top: 100%; right: 0;
		a {
			background: $color_light_violet;
			border: 0;
			display: block;
			padding: 12px 20px;
			color: $color_dark_violet;
			@include border-radius(3px 3px 0 0);
			&:hover {
				text-decoration: underline;
			}
		}
	}
	.transfer__body {
		position: relative;
		display: none;
		margin-bottom: 20px;
	}
	&.in {
		.transfer__head {
			display: none;
		}
		.transfer__body {
			display: block;
		}
	}

	&._noTabs {
		min-height: 36px;
		.transfer__head {
			top: auto;
			bottom: 0;
		}
	}
}

.table-admin {
	background: $color_light_violet;
	color: $color_violet;
	td {
		border-top: 1px solid lighten($color_violet, 33%);
		padding: 4px 8px;
	}
	tr:first-child td { border-top-color: transparent; }
}