/**
 * Propriété générales des listes de note
 */
.list-note {
	border: 0;

	.note {
		background: #fff;
		border-bottom: 1px solid rgba(0,0,0,0.1);
		position: relative;

		&:last-child {
			border-bottom: 0;
		}
	}
}

/**
 * Status
 */
.list-note .note {
	border-left-width: 3px;
	border-left-style: solid;

	&.en-cours {
		border-left-color: red;
	}
}
.list-note .note-status {
	.status-label {
		font-size: 10px;
		display: inline-block;
		color: rgba(0,0,0,0.6);
		padding-left: 0.2em;
	}
}

/**
 * TTC & TVA
 */
.list-note .note-ttc, .list-note .note-tva {
	text-align: right;

	.value {
		font-weight: 700;
		font-size: 16px;
	}
	.currency {
		font-size: 12px;
    position: relative;
    top: 1px;
		left: -1px;
		color: rgba(0,0,0,0.4);
	}
	.taxe {
		font-size: 10px;
		position: relative;
		top: -10px;
		left: -4px;
	}
}

/** Responsive */
@media ( max-width: $media__small ) {
	.list-note .note {
		display: block;

		td::before {
			display: none;
		}
		td {
			text-align: left;
		}
	}
}


/**
 * Import des différents tableaux
 */
@import "list-note/main";
