/* ----------------------------- */
/* ==ALERTS */
/* ----------------------------- */
div#plugin-view-messages-wrapper {
	position: fixed;
	bottom: 40px;
	left: 50%;
	width: 700px;
	margin-left: -350px;
	z-index: 10000;
}
	div#plugin-view-messages-errors {
		display: none;
		background: #00b388;
		padding: 15px;
		margin: 5px 0;
		font-size: 14px;
		color:#FFF;
		text-align: center;
		padding: 15px;
		font-size: 14px;
		z-index: 2500;
		-moz-box-shadow: 1px 2px 5px 0px #808285;
		-webkit-box-shadow: 1px 2px 5px 0px #808285;
		-o-box-shadow: 1px 2px 5px 0px #808285;
		box-shadow: 1px 2px 5px 0px #808285;
		filter:progid:DXImageTransform.Microsoft.Shadow(color=#808285, Direction=153, Strength=5);
	}
	div#plugin-view-messages-success {
		display: none;
		background: #6ca62a;
		padding: 15px;
		margin: 5px 0;
		font-size: 14px;
		color:#FFF;
		text-align: center;
		padding: 15px;
		font-size: 14px;
		z-index: 2500;
		-moz-box-shadow: 1px 2px 5px 0px #808285;
		-webkit-box-shadow: 1px 2px 5px 0px #808285;
		-o-box-shadow: 1px 2px 5px 0px #808285;
		box-shadow: 1px 2px 5px 0px #808285;
		filter:progid:DXImageTransform.Microsoft.Shadow(color=#808285, Direction=153, Strength=5);
	}
		div.plugin-view-messages-icon {
			float: left;
			margin-right: 15px;
		}
			div.plugin-view-messages-icon img {
				height: 40px;
			}
		div.plugin-view-messages-content {
			float: left;
			line-height: 40px;
			height: 40px;
			overflow: hidden;
		}
		
		
	div.plugin-view-messages-small-success {
		background: #5bb75b;
		padding: 10px;
		margin: 5px 0 10px;
		font-size: 15px;
		color:#FFF;
		border: 2px solid #52a552;
		text-align: center;
	}
	div.plugin-view-messages-small-errors {
		background: #c5001e;
		padding: 10px;
		margin: 5px 0 10px;
		font-size: 15px;
		color:#FFF;
		border: 2px solid #9b0018;
		text-align: center;
	}
		div.plugin-view-messages-small-icon {
			float: left;
			margin-right: 15px;
		}
			div.plugin-view-messages-small-icon img {
				height: 30px;
			}
		div.plugin-view-messages-small-content {
			float: left;
			line-height: 30px;
			height: 30px;
			overflow: hidden;
		}
		div.plugin-view-messages-small-text {
			float: left;
			line-height: 1.1;
			overflow: auto;
			height: auto;
			text-align: left;
		}

/* ----------------------------- 	*/
/* ==LISTES dITEMS				*/
/* ----------------------------- 	*/
ul.list-items {
	list-style: none;
	margin: 3px;
	padding: 0;
}
	ul.list-items li {
		padding: 10px;
		margin-bottom: 3px;
		line-height: normal;
		border-left: 4px solid #3eb4ef;
		background: #eeeeee;
	}
		ul.list-items li:hover {
			background: #D4EDF9;
		}
		ul.list-items li.is_enable {
			opacity: 1.1;
			background: #10497c;
			border-left: 4px solid #10497c;
			color: #FFF;
		}
		ul.list-items li.is_disable {
			opacity: 0.5;
			border-left: 4px solid #0088cc;
		}
			ul.list-items li:hover.is_disable {
				background: #eeeeee;
			}
		ul.list-items li.is_inactive {
			opacity: 0.6;
			border-left: 4px solid #0088cc;
		}
		ul.list-items li.actions {
			background: none;
			border-left: 4px solid #FFF;
		}
	ul.list-items li.list-items-header {
		color: #0088cc;
		font-weight: bold;
		text-transform: uppercase;
		background: none;
		margin-bottom: 0px;
		border-left: 4px solid #FFF;
	}
		ul.list-items li:hover.list-items-header {
			background: none;
		}
		ul.list-items li input[type="checkbox"] {
			width: 30%;
		}
			ul.list-items li input[type="text"]:hover {
				border: 1px solid #696969;
				box-shadow: 2px 3px 3px 0px #999;
			}
	ul.list-items li.list-items-header div.cell {
		padding-bottom: 0;
	}

/* ----------------------------- 						*/
/* ==TABLES > CELLULES ET LEGENDES		*/
/* ----------------------------- 						*/
.cell {
	float: left;
	padding-top: 8px;
	padding-bottom: 8px;
	position: relative;
	z-index: 1;
}
.cell-icon {
	float: right;
	width: 3%;
	margin: 0 3px;
	text-align: center;
	position: relative;
	background: #FFF;
	padding: 5px 3px;
	border-radius: 5px;
	z-index: 10;
}
	.cell-icon a {
		display: block;
	}
	.cell-icon img {
		height: 24px;
	}
	.cell-icon:hover {
		background: #3eb4ef;
	}
	.cell-icon .disable-link {
		opacity: 0.5;
	}
		.cell-icon:hover.disable-link {
			background: #FFF;
		}
	.cell-icon div.disable-link {
		opacity: 0.5;
	}

.cell-icon-no-style {
	float: right;
	width: 3%;
	margin: 0 3px;
	text-align: center;
	position: relative;
	z-index: 2;
}
	.cell-icon-no-style img {
		height: 34px;
	}


.cell-large-icon {
	float: left;
	width: 12%;
	margin-left: 7px;
	text-align: center;
	font-size: 75%;
	line-height: 1.0;
	background: #eeeeee;
	padding: 10px 0 0;
	border-radius: 5px;
	height: 90px;
}
	.cell-large-icon img {
		height: 32px;
	}
	div.cell-large-input {
		margin: 5px 0;
	}

.cell-libelle {
	float: right;
	width: 10%;
	margin: 0px 10px;
	text-align: center;
	position: relative;
	padding: 9px 4px;
	border-radius: 5px;
	color: #FFF;
	font-size: 90%;
	cursor: pointer;
}
	.cell-libelle.label-green {
		background: #6ca62a;
	}
	.cell-libelle.label-orange {
		background: #f99200;
	}
	.cell-libelle.label-red {
		background: #00b388;
	}
	.cell-libelle.label-blue {
		background: #0088cc;
	}
	.cell-libelle.label-grey {
		background: #cdcdcd;
		color: #696969;
	}

.cell-inside {
}
	.cell-disabled {
		background: #999;
	}

.cell-more {
	margin-top: 7px;
	padding: 0;
	background: #FFF;
	border-radius: 3px;
	float: left;
	width: 78%;
}
	.cell-more-item {
		float: left;
		width: 16%;
		border-left: 1px solid #696969;
		padding: 2px 8px;
	}
		.cell-more-item.first {
			border: none;
		}
		.cell-more-checkbox {
			float: left;
			width: 20%;
		}
		.cell-more-libelle {
			float: left;
			width: 80%;
			text-transform: uppercase;
			font-size: 80%;
			padding-top: 1px;
		}
	.cell-more-checkall {
		float: left;
		width: 30px;
		padding: 2px 8px;
		border: none;
		margin-right: 28px;
	}
		.cell-more-checkall.label-green {
			background: #6ca62a;
		}
		.cell-more-checkall.label-orange {
			background: #f99200;
		}
		.cell-more-checkall.label-red {
			background: #00b388;
		}
		.cell-more-checkall.label-blue {
			background: #0088cc;
		}
		.cell-more-checkall.label-grey {
			background: #cdcdcd;
			color: #696969;
		}


/* ----------------------------- 	*/
/* ==FORM							*/
/* ----------------------------- 	*/
div.form-wrapper {
	position: relative;
	padding: 10px;
}
	div.form-inside {
		padding: 10px;
	}

	div.form-wrapper ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
		div.form-wrapper ul li {
			padding: 3px;
		}
		div.form-bg {
			padding: 6px 3px;
			background: #eaeaea;
			margin: 15px 0 5px;
		}

		/*	label / inpur / textarea 	*/
		div.form-wrapper label {
			display: block;
			margin-top: 7px;
			margin-bottom: 1px;
		}
		div.form-wrapper input[type="text"], input[type="password"], textarea {
			padding: 6px;
			border: 1px solid #D6D6D6;
			border-radius: 3px;
			font-size: 12px;
			color: #171E66;
		}
		div.form-wrapper select {
			padding: 6px;
			border: 1px solid #D6D6D6;
			border-radius: 3px;
			font-size: 12px;
			color: #171E66;
		}
		div.form-wrapper input[type="text"], input[type="password"] {
			width: 80%;
		}
		div.form-wrapper input[type="checkbox"] {
			width: 5%;
		}
			div.form-wrapper input[type="text"]:hover, input[type="password"]:hover {
				border: 1px solid #D6D6D6;
			}
		div.form-wrapper textarea {
			width: 80%;
			height: 250px;
			font-size: 12px;
			color: #171E66;
		}
			div.form-wrapper textarea:hover {
				border: 1px solid #D6D6D6;
			}
		div.form-wrapper select {
			width: 81%;
		}
			div.form-wrapper select:hover {
				border: 1px solid #D6D6D6;
			}
		
		div.form-2cells {
			float: left;
			width: 47%;
			margin-right: 3%;
		}
		div.form-3cells {
			float: left;
			width: 30%;
			margin-right: 3%;
		}
		div.form-4cells {
			float: left;
			width: 23%;
			margin-right: 2%;
		}
		
			
		/*	submit	*/
		.bt-submit {
			display: inline-block;
			margin: 20px;
			padding: 7px 10px;
			background: #414042;
			border: none;
			color: #FFF;
			text-decoration: none;
			text-transform: uppercase;
			font-weight: bold;
			font-size: 10px;
			border-radius: 6px;
		}
			.bt-submit.back-align {
				float: right;
			}
			.bt-submit:hover {
				cursor: pointer;
			}
			.bt-submit.small-size {
				padding: 3px 10px;
				font-size: 100%;
			}

		.bt-return {
			display: inline-block;
			margin: 20px 0;
			padding: 7px 10px;
			background: #414042;
			border: none;
			color: #FFF;
			text-decoration: none;
			text-transform: uppercase;
			font-weight: bold;
			font-size: 10px;
			border-radius: 6px;
			float: right;
		}

	div.form-wrapper.filter-wrap {
		background: #D4EDF9;
		border-left: 4px solid #10497c;
		padding: 5px 0;
		margin: 15px 0;
	}
		div.form-wrapper.filter-wrap li {
			padding: 5px 10px;
		}
		div.form-wrapper.filter-wrap .bt-submit {
			margin: 0 0 10px 0;
			background-color: #10497c;
		}


/* -----------------------------			*/
/* ==FORM > USERS > ACCOUNT	*/
/* -----------------------------			*/
div.plugin-users-form-wrapper {
	padding: 25px 0;
}
	div.plugin-users-form-inside {
		width: 70%;
		margin: 0 auto;
	}
	div.plugin-users-form-inside-mobile,
	div.plugin-users-form-inside.mobile
	{
		width: 100%;
		margin: 0 auto;
	}
		div.plugin-users-form-inside div.plugins-membres-title {
			text-align: left !important;
			float: none;
		}
		div.plugin-users-form-title {
			font-size: 20px;
			padding: 25px 0 0px;
		}
			div.plugin-users-form-title.errors {
				color: #00b388;
			}
			div.plugin-users-form-title.success {
				color: #6ca62a;
			}
			
/* -----------------------------		*/
/* ==FORM > ERROR 				*/
/* -----------------------------		*/
.form-error {
	border: 1px solid #c5001e !important; 
}
div.form-error-content {
	padding: 4px 0 0 2px;
	display: none;
	font-weight: bold;
	color: #c5001e;
}
div.form-error-global-wrapper {
	margin: 10px 0;
	padding: 4px 0;
	display: none;
	border-left: 5px solid #c5001e;
}
	div.form-error-global-icon {
		float: left;
		width: 12%;
		text-align: center;
	}
		div.form-error-global-icon img {
			height: 30px;
		}
	div.form-error-global-text {
		float: left;
		width: 85%;
		padding-top: 6px;
		font-weight: bold;
		color: #c5001e;
		font-size: 13px;
		line-height: 1.1;
	}
div.msg-delete {
	padding: 25px 0 0 40px;
	font-weight: bold;
}

/* -----------------------------		*/
/* ==FORM > PROCESS 				*/
/* -----------------------------		*/
div.form-process-global-wrapper {
	margin: 10px 0;
	padding: 4px 0;
	display: none;
	border-left: none;
}
	div.form-process-global-icon {
		float: left;
		width: 12%;
		text-align: center;
	}
		div.form-process-global-icon img {
			height: 30px;
		}
	div.form-process-global-text {
		float: left;
		width: 85%;
		padding-top: 6px;
		font-weight: bold;
		color: #414042;
		font-size: 13px;
		line-height: 1.1;
	}