.multitable {
	position: relative;
	display: inline-block;

	width: calc(100% - 8px);
	max-width: 1200px;

	//margin-top: 8px;
	min-height: 24px;
	//padding: 8px;

	//background: $c-surface2;
	//border: 1px solid $c-divider;
	left: 50%;
	transform: translateX(-50%);

	//border: 0.3px solid red;               //←←←←←←←←←←←←←←←←←←←←



	&>.cont,
	&>.cont-bottom {

		position: relative;
		display: inline-block;
		width: 100%;
		min-height: 24px;
		//@include selectNo;
		//border: 1px solid $c-divider;
		//border: 0.3px solid blue;               //←←←←←←←←←←←←←←←←←←←←

		&>.line,
		&>.mt-purchase-restriction {
			position: relative;
			display: inline-block;
			width: 100%;
			min-height: 24px;
			margin-top: 0px;
			padding-left: 24px;
			background: $c-w;

			&>.removeLine {
				position: absolute;
				display: inline-block;
				width: 20px;
				height: 100%;
				top: 0px;
				left: 0px;
				padding: 4px;

				@include interaction-white;
				//border: 0.3px solid blue;               //←←←←←←←←←←←←←←←←←←←←

				&::before {
					position: absolute;
					content: '';
					top: 4px;
					left: 0px;
					width: 18px;
					height: 18px;
					background: url(svg/delete.svg) no-repeat;
					background-position: center;
					background-repeat: no-repeat;
					background-size: cover;
					opacity: 0.48;
					z-index: 11;
					//border: 0.3px solid red;               //←←←←←←←←←←←←←←←←←←←←
				}


				//border: 0.3px solid green;               //←←←←←←←←←←←←←←←←←←←←
			}

			&>.btn-item-info{
				position: absolute;
				display: inline-block;
				text-align: center;
				width: 20px;
				height: 100%;
				top: 0px;
				left: 0px;
				padding: 4px;
				margin-left: 24px;
				@include interaction-white;

				&::before {
					position: absolute;
					content: '';
					top: 4px;
					left: 0px;
					width: 18px;
					height: 18px;
					background: url(svg/info.svg) no-repeat;
					background-position: center;
					background-repeat: no-repeat;
					background-size: cover;
					opacity: 0.48;
					z-index: 11;
					//border: 0.3px solid red;               //←←←←←←←←←←←←←←←←←←←←
				}
			}

			/*remove*/

			&>.restriction {
				position: relative;
				display: none;
				width: 0;
				height: 0;
				top: 0;
				left: 0;
				padding: 0;
				opacity: 0.48;

				&::before {
					position: unset;
					z-index: 0;
				}
			}
		}

		/*line*/

	}

	& .btn-container {
		position: relative;
		margin-bottom: 3px;
		display: inline-block;
		left: 349px;
		display: flex;

		/* justify-content: center;
		align-items: center; */
		//padding-right: 10px;

		& .hideOnView {
			margin-left: 10px !important;
			display: iniline;
			top: 0px;
			width: 100%;
			max-width: 150px;

			padding: 4px;
			height: 24px;
			text-align: center;
			cursor: pointer;
			user-select: auto;
			pointer-events: auto;
			//border: 5px solid red;

			@include interaction-color;
			background-color: $c-p;
			@include align-center;

			& label {
				@include font(caption, $c-w);
				@include selectNo;
			}
		}

		& .btn-quick-form {
			width: 158px;
			height: 24px;
			border: 1px solid $cpd;
			color: $cpd;
			background: transparent;
			font-size: 12px;

			&:hover {
				color: $c-w;
			}
		}

	}

	&>.btn,
	& .mt_btn {
		position: relative;
		display: iniline;
		top: 0px;
		width: 100%;
		max-width: 150px;

		padding: 4px;
		height: 24px;
		text-align: center;
		cursor: pointer;
		user-select: auto;
		pointer-events: auto;
		//border: 5px solid red;

		@include interaction-color;
		background-color: $c-p;
		@include align-center;

		& label {
			@include font(caption, $c-w);
			@include selectNo;
		}

		//border: 0.3px solid red;               //←←←←←←←←←←←←←←←←←←←←

	}

	&>.cont-bottom {
		//border: 0.3px solid blue;               //←←←←←←←←←←←←←←←←←←←←
		background-color: transparent;

		&>.line {
			background: transparent;
		}

	}

	&>.inputCont {
		display: block;
		margin-top: 24px;

		border: 0.3px solid blue; //←←←←←←←←←←←←←←←←←←←←

	}

	& .cont .line .row {

		.c50 .row .c20 .checkbox.checkbox-mini .elem,
		.c33 .checkbox.checkbox-mini .elem {
			margin-top: -5px;
		}

		& .c25 {

			.textfield.textfield-desk.textfield-autocomplete.textfield-autocomplete-mini.provider_id .elem,
			.textfield.textfield-mini.textfield-autocomplete.textfield-autocomplete-deskOne.expenses_account_id .elem,
			.textfield.textfield-mini.date .elem,
			.textfield.textfield-cash.textfield-mini.amount .elem {
				height: 22px !important;
			}
		}
	}

}


.multitable-deleteLine {

	@include flipOutX;

	background-color: lighten($c-error, 36%) !important;

	& td {
		& label {
			color: $c-w !important;
		}

		& span {
			color: $c-w !important;
		}

	}

	&>.remove {
		background-color: lighten($c-error, 36%) !important;

		&::before {
			background-color: lighten($c-error, 36%) !important;
		}
	}
}