.linz-container.edit.record .pane, .linz-container.edit.config .pane, .linz-container.create.model .pane {

	border-bottom: none;

	& > .body {

		background: @grey;
		border-top: none;
		padding: 0;

		form {

			background: #FFF;

			.form-group {
				padding: 0 15px 0 15px;
			}

			.form-group.control-bar {
				padding-top: 15px;
			}
			.form-group.control-bar-top {
				margin-bottom: 0;
				padding-left: 10px;
			}
			& > fieldset > legend {

				background: @grey;
				border-bottom: 2px solid #E7EAEC;
				padding: 25px 10px 10px 10px;
				margin-bottom: 10px;

			}

			& > fieldset:first-child > legend {
				padding-top: 0;
			}

		}

	}

}


/* data conflicts styles */

.body {
	.table.table-document-conflict {
		margin-bottom: 10px;
		font-size: 12px;

		>tbody>tr>td {
			padding: 6px;
		}
		.new {
			background: #dff0d8;
		}
		.removed {
			background: #f2dede;
		}
		.edited {
			background: #fcf8e3;
		}
	}
}

.table-conflict{
	margin: 10px 20px;

	.v-divider {
		width: 15px;
	}
	td {
		vertical-align: top;
	}

	h5{
		min-width: 270px;
	}

}

.conflict-legend {
	padding: 5px 20px;
	font-size: 12px;
	border-bottom: 1px solid #E7EAEC;

	i {
		padding-right: 5px;
	}
	span {
		padding-right: 20px;
	}
	.new i {
		color:#dff0d8;
	}
	.removed i {
		color: #f2dede;
	}
	.edited i {
		color: #fcf8e3;
	}
}

.conflict-none-text-field {

	.input-group .form-control:last-child,
	.input-group-addon:last-child,
	.input-group-btn:last-child>.btn,
	.input-group-btn:last-child>.btn-group>.btn,
	.input-group-btn:last-child>.dropdown-toggle,
	.input-group-btn:first-child>.btn:not(:first-child),
	.input-group-btn:first-child>.btn-group:not(:first-child)>.btn{
		border-bottom-left-radius: 2px;
		border-top-left-radius: 2px;
	}

}

.has-conflict, .example-has-conflict {
	border: 1px solid orange;

	.input-group .form-control:last-child,
	.input-group-addon:last-child,
	.input-group-btn:last-child>.btn,
	.input-group-btn:last-child>.btn-group>.btn,
	.input-group-btn:last-child>.dropdown-toggle,
	.input-group-btn:first-child>.btn:not(:first-child),
	.input-group-btn:first-child>.btn-group:not(:first-child)>.btn{
		border-radius: 0;
		background: orange;
		border-color: orange;
		.glyphicon:before{
			// exclamation sign
			content: "\e101";
		}
	}


}

.input-group {
	.conflict-btn {
		vertical-align: top;
		.dropdown-menu {
			top: 34px;
		}
		.dropdown-toggle{
			background: @highlight-background;
			border-color: @highlight-border;
			color: white;
			margin-left: 0;
			.glyphicon:before{
				// tick sign
				content: "\e084";
			}
		}
		p {
			padding: 10px 20px 0;
			font-size: 15px;
		}
	}
	.conflict-selection {
		position: relative;
		&:hover:after {
			color: #179d82;
			position: absolute;
			top: 5px;
			right: 4px;
			/*fontawesome styles below*/
			content: "\f00c";
			display: inline-block;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}
	}
}

.conflict-example {
	padding-bottom: 100px;
}

.conflict-long-text {
	.dropdown-menu {
		min-width: 500px;
		>li>a {
			white-space: normal;
		}
	}
}

@media (min-width: @screen-sm-min) {

	.linz-container.edit.record .pane, .linz-container.edit.config .pane, .linz-container.create.model .pane {

		& > .body {

			form {

				fieldset {

					margin-bottom: 10px;

					legend {
						margin-bottom: 30px;
					}

				}

				.form-group {
					padding: 0 25px 0 25px;
				}

			}

		}

	}

}