kiss/plugin/import/css/main.css

/** IMPORT **/
/* Conteneur principal du plugin Import */
.plugin-import{
	list-style-type: none;
	margin:0;
	padding:0;
}

.plugin-import #imports {}

/* formulaire d'édition de import */
.plugin-import .import-form {}

#import-form[data-id=""] .update-only{
	display: none;
}

.plugin-import[data-mode='execute'] .configure-only{
	display: none;
}
.plugin-import[data-mode='configure'] .execute-only{
	display: none;
}

.plugin-import .import-label-column{
	max-width: 100px;
}


.import-excel-table-container{
	overflow: auto;
}

.import-excel-table{
	width: 100%;
}
.import-excel-table .title-head{
	background : #217346;
	text-align: center;
	color: #ffffff;
}
.import-excel-table .column-head,.import-excel-table tbody th{
	background : #e6e6e6;
}
.import-excel-table .column-head th,
.import-excel-table tbody th{
	border: 1px solid #9b9b9b;
	font-weight: normal;
	padding: 5px;
}
.import-excel-table .column-head th:nth-child(1){
	width: 30px;
	text-align: center;
}
.import-excel-table tbody th:nth-child(1){
	text-align: center;
}

.import-excel-table tbody td{
	border: 1px solid #d4d4d4;
	padding: 5px;
}

.import-stats-list{
	margin: 0;
	padding: 0;
}
.import-stats-list li{
	display: inline-block;
	padding: 10px;
	background: white;
	list-style-type: none;
}
.import-stats-list li span{
	font-weight: bold;
}

.import-stats-list li[data-slug="error"] i:before{
	content: '\f071';
	color: #dc3545;
}

.import-stats-list li[data-slug="total"] i:before{
	content: '\f0cb';
	color: #495057;
}

.import-stats-list li[data-slug="imported"] i:before{
	content: '\f46c';
	color: #65a728;
}

.import-stats-list li[data-slug="skip"] i:before{
	content: '\f04e';
	color: #ffa100;
}

.import-stats-list li[data-slug="erase"] i:before{
	content: '\f12d';
	color: #ffa100;
}

.import-excel-table tr td.state-skip{
	   background-color: #ffdca0;
}
.import-excel-table tr td.state-erase{
	   background-color: #ffdca0;
}
.import-excel-table tr td.state-error{
	   background-color: #ffa0a0;
}

.plugin-import .excelColumn{
	max-width: 100%;
}