// Général
.list-line {
	border: 0;
	margin-top: 1em;

	.line {
		background: #fff !important;

		.line-content {
			@include flexbox;
			flex-wrap: nowrap;
		}
		.table-cell {
			padding: 0 !important;
		}
	}
}
.list-line-header {
	border: 0;

	.table-header {
		background: none !important;
	}
	.table-cell {
		color: $color__primary !important;
		padding: .8em 0;
		&.line-association-selection {
			max-width: 30px;
		}
	}
}

// Orphelan Checkbox field
.list-line .line-association-selection {
	max-width: 30px;
}

// Image field
.list-line .line-image {
	max-width: 52px;
}

// Fields
.list-line .line .line-content {
	> * {
		margin: auto 0 !important;
		padding: 0.2em;
	}
	input {
		height: 50px;

		&[disabled] {
			background: url('images/disabled-pattern.png') #ececec;
		}
	}
	> .date {
		overflow: hidden; /** fix Firefox */
	}
	// Date
	.date {
		// .date-label {
		// 	background: #ececec;
		// 	position: relative;
		// 	font-weight: 400;
		// 	margin-bottom: 0;
		// 	@include transition;
		// 	&:hover {
		// 		background: #dfdfdf;
		// 	}
		// }
		// .icon {
		// 	position: absolute;
		// 	top: 50%;
		// 	left: 1em;
		// 	transform: translateY(-50%);
		// 	color: rgba(0,0,0,0.4);
		// }
		// input {
		// 	background: transparent;
		// 	padding-left: 2em;
		// }
	}
	// Field date invisible
	.group-date .mysql-date {
		width: 0;
	}
	// Type de note
	.type {
		.wpeo-dropdown, .wpeo-button {
			width: 100%;
		}
		.dropdown-toggle {
			height: 50px;
			font-size: 14px;
			text-align: left;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			padding-right: 28px;

			.button-icon {
				position: absolute;
				top: 50%;
				transform: translateY(-50%);
				right: 14px;
			}
			&:hover {
				box-shadow: none;
				background: #dfdfdf;
			}
		}
	}
	// Status
	.status {
		padding: 0.6em;

		.pin {
			display: inline-block;
			width: 8px;
			height: 8px;
			border-radius: 50%;

			&.line-error {
				background: $color__red;
			}
			&.line-ok {
				background: $color__green;
			}
		}
	}
	// Actions
	.action {
		.dropdown-toggle {
			padding: 1em;
		}
	}
}

/** Read Only */
.list-line {
	.line input[readonly] {
		background: url('images/disabled-pattern.png') #ececec;
		pointer-events: none;
	}
	.line .type .dropdown-toggle.button-disable {
		background: url('images/disabled-pattern.png') #ececec !important;
		pointer-events: none;

		.button-icon {
			display: none;
		}
	}

	.notice-info {
		background-color: #FFF;
		margin: 5px 0 15px;
		border: 1px solid rgba(0,0,0,.1);
		border-left: 4px solid #00a0d2;
		padding: .8em .6em;
	}
}

/** Input Error */
.list-line .line {
	.input-error input, .input-error .dropdown-toggle {
		border: 1px solid $color__red;
	}
}

@import "line/list";
@import "line/grid";
