.form-bloc {
	//border: 1px solid cyan;
	background-color: #fff;
	padding: 25px 30px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	margin-bottom: 20px;

	&.form-bloc-table {
		padding: 0;
		overflow: hidden;

		h3 {
			margin: 25px 30px  0 !important;
		}

		table.tablesorter tr.tablesorter-headerRow {
			background-color: #fff;
			border-bottom: 1px solid #edeeef !important;
		}
	}
	.table_div{
		margin-right: 0px;
	}
}
.form-bloc-div {
	//border: 1px solid cyan;
	background-color: #fff;
	padding: 25px 0px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	margin-bottom: 20px;

	&.form-bloc-table {
		padding: 0;
		overflow: hidden;

		h3 {
			margin: 25px 30px  0 !important;
		}

		table.tablesorter tr.tablesorter-headerRow {
			background-color: #fff;
			border-bottom: 1px solid #edeeef !important;
		}
	}
	.table_div{
		margin-right: 0px;
	}
}

/*
 * GESTION DES COLONNES - PARTITIONNEMENT DE LA PAGE
 */

.col,
.col-1-1,
.col-1-2,
.col-1-3,
.col-1-4,
.col-1-5,
.col-1-6,
.col-1-7,
.col-1-10,
.col-2-3,
.col-2-5,
.col-3-4,
.col-3-5,
.col-3-10,
.col-4-5,
.col-5-6 {
	position: relative;
	min-height: 1px;
	float: left;
	padding: 0 7.5px;
}

.col {
	width: 50%;
	padding: 0 15px;
}

.col-1 {
	width: 100%;
	padding: 0 7.5px;
}

.col-1-1 {
	width: 100%;
}

.col-1-2 {
	width: 50%;
}

.col-1-3 {
	width: 33.333333%;
}

.col-1-4 {
	width: 25%;
}

.col-1-5 {
	width: 20%;
}

.col-1-6 {
	width: 16.666666%;
}

.col-1-7 {
	width: 14.285714%;
}

.col-1-10 {
	width: 10%;
}

.col-2-3 {
	width: 66.666666%;
}

.col-2-5 {
	width: 40%;
}

.col-3-4 {
	width: 75%;
}

.col-3-5 {
	width: 60%;
}

.col-3-10 {
	width: 30%;
}

.col-4-5 {
	width: 80%;
}

.col-5-6 {
	width: 83.333333%;
}

.fields > div[class^=col-]:first-child,
.col-first {
	padding-left: 0;
}

.fields > div[class^=col-]:last-child:not(:only-child),
.col-last {
	padding-right: 0;
}

.col-limited h2,
.col-limited fieldset {
	width: 350px;
	margin: 0 auto;
}

.col-centered {
	float: none;
	margin-left: auto;
	margin-right: auto;
}

form .row hr {
	color: $couleur-princ;
	background-color: $couleur-princ;
	height: 2px;
	border: none;
	/*height: 4px;
	background-color: $couleur-princ;
	border-radius: 4px;
	margin: 30px 5% 0 0;*/
}

form .row hr.min-sep {
	height: 1px;
	margin-top: 20px;
}

form .row hr.min-sep.full-width {
	margin-left: -30px;
	margin-right: -30px;
	width: auto;
	background-color: #e7e8ec;
}

form {
	//padding-bottom: 10px;
	/*font-style: 16px;*/
}

table form, .h2_content form {
	padding-bottom: 0;
}

form .header,
	//#displayable_content h1,
.fancybox-inner h1 {
	background-color: $couleur-princ;
	line-height: 40px;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	padding-left: 20px;
	height: 40px;
	margin-bottom: 20px;
	cursor: default;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
}

div.form-bloc input:disabled {
}

//#displayable_content h1,
.fancybox-inner h1,
	//#displayable_content h2,
.fancybox-inner h2 {
	text-transform: uppercase;
	margin-top: 0;
}

.fancybox-inner h1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.fancybox-inner .ajax-content {
	margin-top: 40px;
	overflow: auto;
	height: 95%;
	height: calc(100% - 40px);
	padding: 30px 20px;
}

#displayable_content {
	.title{
		font-size: 1.45rem;
	}
	/*.title {
		color: $titre-h1-couleur;
		text-transform: uppercase;
		margin-top: 0;
		font-size: 24px;
		font-weight: 700;
		margin-bottom: 30px;

		.return-url {
			position: absolute;
			width: 24px;
			height: 24px;
			line-height: 16px;
			display: block;
			vertical-align: top;
			z-index: 15;
			text-align: center;
			transition: opacity ease-out 0.25s;
			opacity: 1;
			//margin-top: 3px;
			margin-left: -28px;

			> span {
				color: $couleur-princ;
				font-size: 18px;
				vertical-align: middle;
				line-height: 24px;
			}

			&:hover {
				opacity: 0.6;
			}
		}
	}*/

	h3 {
		//font-weight: 400;
		//min-height: 36px;
		font-family: Arial, sans-serif;
		color: $titre-h3-form-couleur;
		font-size: 1.29rem;
		font-weight: bold;
		//border-bottom: 2px solid $titre-h3-couleur;
		margin: 0;

		.btn_action {
			float: right;
			position: relative;
			top: -10px;
		}
	}

	fieldset + h3 {
		margin-top: 11px;
	}

	h4 {
		font-weight: bold;
		min-height: 34px;
		line-height: 30px;
		color: $titre-h3-couleur;
		font-size: 15px;
		border-bottom: 2px solid $titre-h3-couleur;
		padding: 0;
		margin: 0 0 8px 0;

		.btn_action {
			float: right;
			position: relative;
			height: 30px;
			line-height: 30px;
		}
	}
}

/*form .row {
    padding: 0 30px;
}*/
.h2_content .row {
	padding: 0 30px;
}

form .row:before, form .row:after,
form .fields:before, form .fields:after {
	content: " ";
	display: table;
}

form .row:after,
form .fields:after {
	clear: both;
}

form .row.left-pad {
	margin-left: 10px;
	padding-left: 20px;
	border-left: 1px solid $couleur-princ;
	padding-bottom: 10px;
}

form fieldset,
.form fieldset {
	box-sizing: border-box;
	border: none;
	//padding: 0 0 30px 0;
	margin: 0;
	padding: 0;
	width: 100%;
}

form .field,
.form .field {
	width: 100%;
	margin-top: 20px;
}

form .field.no-padding,
.form .field.no-padding,
form table td.no-padding,
.form table td.no-padding {
	padding: 0;
}

form .field label,
.form .field label {
	display: block;
	margin-bottom: 8px;
	color: #00847d;
	font-size: 14.2px;
	font-weight: 700;
	/* text-transform: uppercase; */
	font-family: Arial, sans-serif;
}

form .field label.field-height,
.form .field label.field-height {
	line-height: 80px;
	margin-bottom: 0px;
}

form .field label.inline,
.form .field label.inline {
	display: inline-block;
}

form .field label.required::after,
.form .field label.required::after {
	content: " *";
}

label.small {
	width: 70px !important;
}

label.medium {
	width: 105px !important;
}

label.big {
	width: 140px !important;
}

label.auto {
	width: auto !important;
	margin-right: 10px;
}

label.br {
	width: 100% !important;
}

form .form-footer {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #fff;
	height: 50px;
	text-align: center;
	text-transform: uppercase;
	margin: 0 auto;
	width: 100%;
}

/* DockForm */
.dockform {
	position: fixed;
	z-index: 10000;
	bottom: 0;
	width: 350px;
	background-color: #FFFFFF;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
	-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
	transition: right ease-out 0.25s, transform 0.2s, opacity 0.2s;

	* {
		box-sizing: border-box;
	}

	.dockform-header {
		background: $couleur-princ;
		text-indent: 15px;
		height: 40px;
		line-height: 40px;
		color: #FFFFFF;
		font-size: 1.2em;
		text-transform: uppercase;
		cursor: default;

		span {
			vertical-align: middle;

			&.activicon {
				margin-right: 6px;
				font-size: 16px;
				vertical-align: text-bottom;
			}
		}

		a {
			display: block;
			height: 40px;
			line-height: 40px;
			width: 40px;
			text-decoration: none;
			color: #FFFFFF;
			font-weight: bold;
			float: right;
			transition: background-color ease-out 0.25s;

			&.dockform-close {
				background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJDNEJEMTEwQkMzQzExRTQ5MjQ3RTBFQzFGOEFEMEIyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJDNEJEMTExQkMzQzExRTQ5MjQ3RTBFQzFGOEFEMEIyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkM0QkQxMEVCQzNDMTFFNDkyNDdFMEVDMUY4QUQwQjIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkM0QkQxMEZCQzNDMTFFNDkyNDdFMEVDMUY4QUQwQjIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7oCAJ5AAAAoklEQVR42uyX0QmAMAxEWyfpKB3lNtPR3CQq6o+IzdVIEHLQvyP3SNtAsogkTw3JWQEQAL8CqJ94tzmgOJPsgsKLwztqajPhooDAxTu+BahyLyjCT9W3HYACAgQoDdAK6A5nAJ4gusNZAC0EmJosQAsCbD33SfirK3B9hK7f0HUQFYNRXKw7ACNv1xuAsTdlYi8o65mtvTkWkwAIAG+ARYABAM5gLtlvDcWxAAAAAElFTkSuQmCC);
				background-repeat: no-repeat;
				background-position: 50% 50%;
			}

			&:hover {
				background-color: $form-bouton-couleur-fond-hover;
			}
		}
	}

	.dockform-content {
		padding: 0 15px 15px 15px;
		overflow: hidden;
		transition: height ease-out 0.25s;
		border-left: 1px solid #d9d9d9;
		border-right: 1px solid #d9d9d9;
		max-height: 600px;
	}

	&.dockform-open {
		.dockform-content {
			overflow: auto;
		}
	}

	.dockform-footer {
		background: #d9d9d9;
		height: 40px;
		text-align: center;
		text-transform: uppercase;
		margin: 0;
		padding: 0;
	}

	form {
		padding-bottom: 40px;
	}
}

/* Autocomplete */
.autocomplete-suggestions {
	border: 1px solid #F0F0F0;
	border-top: none;
	background: #FFF;
	overflow: auto;
	z-index: 10001 !important;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
	-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);

}

.autocomplete-suggestion {
	padding: 2px 14px;
	height: 30px;
	line-height: 30px;
	white-space: nowrap;
	overflow: hidden; /*font-size: 1.2em;*/
	font-size: 13.2px;
	cursor: pointer;
}

.autocomplete-selected {
	background: #464c58;
	color: #FFFFFF;
}

.autocomplete-suggestions strong {
	font-weight: normal;
	color: $couleur-princ;
	font-size: 1.0em;
}

.autocomplete-suggestions .autocomplete-selected strong {
	color: #FFFFFF;
	font-weight: bold;
}

.autocomplete-group {
	padding: 2px 5px;
}

.autocomplete-group strong {
	display: block;
	border-bottom: 1px solid #000;
}

.init_highlighting {
	background-color: initial;
	transition: background 0.5s !important;
}

.highlighting {
	background-color: rgba(76, 178, 209, 0.8) !important;
}

.highlighting_stop {
	background-color: initial;
}

.uppercase {
	text-transform: uppercase;
}

.capitalize {
	text-transform: capitalize;
}

.underline {
	text-decoration: underline;
}

.btn_ajouter {
	display: inline-block;
	vertical-align: middle;
	width: 155px;
	color: white;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 13.2px;
	height: 100%;
	background-color: #02abac;
	overflow: hidden;
	margin: auto;
	line-height: 40px;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
	-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
	transition: background 0.2s;
}

.btn_ajouter:hover {
	background-color: #02abac;
}

.btn_ajouter [class^="icon-"] {
	font-size: 25px;
	vertical-align: -4px;
}

.liste_dynamique [class^="icon-"] {
	height: 40px;
	line-height: 40px;
}

.lien {
	cursor: pointer;
	opacity: 1;
	color: #464c58;
	text-decoration: none;
	transition: opacity 0.2s;
}

.lien:hover {
	opacity: 0.6;
}

.autosize-fields {
	display: table-row;
	width: 100%;
}

.autosize-fields > div {
	display: table-cell;
}

.autosize-fields > div:not(:first-child) {
	padding-left: 10px;
}

.block-icon.left {
	float: left;
	/*margin-right: 5px;*/
}

.block-icon.with-text {
	width: auto;
	line-height: 41px;
	float: left;
	text-align: right;
	margin: 0 7.5px;
}

.block-icon.with-text label {
	cursor: pointer !important;
	width: 100%;
}

.col-first .block-icon.with-text {
	margin-left: 0;
}

.col-last .block-icon.with-text {
	margin-right: 0;
}

.block-icon {
	display: inline-block;
	width: 40px;
	height: 40px;
	text-align: center;
	background-color: #f0f0f0;
	margin-left: 10px;
	float: right;
}

.block-icon span[class^=icon-] {
	vertical-align: middle;
	line-height: 40px;
}

.right {
	float: right;
}

/* Small Select2 */
.select2-small-font .select2-container--default .select2-selection--single {
	display: inline-block;
	width: 100%;
	line-height: 36px;
	vertical-align: middle;
}

.select2-small-font .select2-container--default .select2-selection--single .select2-selection__rendered {
	display: inline-block;
	font-size: 11px;
	width: 100%;
	line-height: 1.2;
	vertical-align: middle;
	white-space: normal;
	padding-left: 5px;
}
.suffixe {
	display: inline-block;
	margin-left: 5px;
}
.liste-checks {
	display: flex;
	flex-wrap: wrap;
	//justify-content: space-between;

	.liste-checks-item {
		flex: 0 0 33%;
		display: flex;
		height: 35px;
		padding: 4px 1rem 0 0;

		.checkbox {
			+ label {
				margin-top: -4px;
				margin-bottom: 0;
			}
			margin-bottom: 0;
		}
	}
}

@media screen and (max-width: 1400px) {
	.liste-checks {
		.liste-checks-item {
			flex: 0 0 50%;
		}
	}
}

@media screen and (max-width: 1200px) {
	.col {
		width: 100%;
		float: none;
		padding-left: 0;
		padding-right: 0;
	}

	form .col,
	.form .col {
		padding-left: 0;
		padding-right: 0;
	}

	form .row,
	.form .row {
		margin-bottom: 0;
	}

	.autosize-fields:not(.autosize-nowrap), .autosize-fields:not(.autosize-nowrap) > div, .autosize-fields:not(.autosize-nowrap) > div:not(:first-child) {
		display: block;
		padding-left: 0;
	}
}

@media screen and (max-width: 850px) {
	form, .form {
		padding-bottom: 0;
	}

	.liste-checks {
		.liste-checks-item {
			flex: 0 0 100%;
		}
	}
}
/*
 * GESTION DES COLONNES - PARTITIONNEMENT DE LA PAGE
 */

.col,
.col-1-1,
.col-1-2,
.col-1-3,
.col-1-4,
.col-1-5,
.col-1-6,
.col-1-7,
.col-1-10,
.col-2-3,
.col-2-5,
.col-3-4,
.col-3-5,
.col-4-5,
.col-5-6 {
	position: relative;
	min-height: 1px;
	float: left;
	padding: 0 7.5px;
}

.col {
	width: 50%;
	padding: 0 30px;
}
.col-1 {
	width: 100%;
	padding: 0 15px;
}
.col-1-1 {
	width: 100%;
}
.col-1-2 {
	width: 50%;
}
.col-1-3 {
	width: 33.333333%;
}
.col-1-4 {
	width: 25%;
}
.col-1-5 {
	width: 20%;
}
.col-1-6 {
	width: 16.666666%;
}
.col-1-7 {
	width: 14.285714%;
}
.col-1-10 {
	width: 10%;
}
.col-2-3 {
	width: 66.666666%;
}
.col-2-5 {
	width: 40%;
}
.col-3-4 {
	width: 75%;
}
.col-3-5 {
	width: 60%;
}
.col-4-5 {
	width: 80%;
}
.col-5-6 {
	width: 83.333333%;
}

.fields > div[class^=col-]:first-child,
.col-first { padding-left: 0; }
.fields > div[class^=col-]:last-child:not(:only-child),
.col-last { padding-right: 0; }

.col-limited h2,
.col-limited fieldset{
	width: 350px;
	margin: 0 auto;
}

form .row hr {
	color: $couleur-princ;
	background-color: $couleur-princ;
	height: 2px;
	border: none;
	/*height: 4px;
    background-color: $couleur-princ;
    border-radius: 4px;
    margin: 30px 5% 0 0;*/
}
form .row hr.min-sep {
	height: 1px;
	margin-top: 20px;
}

form {
	padding-bottom: 10px;
	/*font-style: 16px;*/
}
table form, .h2_content form {
	padding-bottom: 0;
}
.fancybox-inner form {
	padding-bottom: 0;
}

form .header,
	//#displayable_content h1,
.fancybox-inner h1 {
	background-color: $couleur-princ;
	line-height: 40px;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	padding-left: 20px;
	height: 40px;
	margin-bottom: 20px;
	cursor: default;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
}



/*form .row {
    padding: 0 30px;
}*/
.form-flex {
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: hidden;

	.form-header {
		flex: 0 0 auto;
	}

	.form-body {
		flex: 1 1 100%;
		overflow: auto;
		padding-right: 20px;
	}

	.form-footer {
		margin-top: 20px;
		flex: 0 0 auto;
	}

}

.h2_content .row {
	padding: 0 30px;
}
form .row:before, form .row:after,
form .fields:before, form .fields:after {
	content: " ";
	display: table;
}
form .row:after,
form .fields:after {
	clear: both;
}

form .row.left-pad {
	margin-left: 10px;
	padding-left: 20px;
	border-left: 1px solid $couleur-princ;
	padding-bottom: 10px;
}

form fieldset,
.form fieldset{
	box-sizing: border-box;
	border: none;
	padding: 0 0 30px 0;
	margin: 0;
	width: 100%;
}

form .field,
.form .field{
	width: 100%;
	margin-top: 16px;
}

form .field.no-padding,
.form .field.no-padding,
form table td.no-padding,
.form table td.no-padding{
	padding: 0;
}

form .field label,
.form .field label{
	display: block;
	margin-bottom: 4px;
}
form .field label.field-height,
.form .field label.field-height{
	line-height: 80px;
	margin-bottom: 0px;
}
form .field label.inline,
.form .field label.inline{
	display: inline-block;
}
form .field label.required::after,
.form .field label.required::after{
	content: " *";
}

form {
	.field {
		&.inline-checks {
			label + div label.checkbox {
				margin-top: 8px;
				margin-bottom: 6px;
			}
		}
	}
}

label.small { 	width: 70px !important; }
label.medium { 	width: 105px !important; }
label.big { 	width: 140px !important; }
label.auto{		width: auto !important;margin-right: 10px;}
label.br{		width: 100% !important;}

form .form-footer {
	position: absolute;
	bottom: 0;
	left:0;
	background: #fff;
	height: 50px;
	text-align: center;
	text-transform: uppercase;
	margin: 0 auto;
	width: 100%;
}

/* DockForm */
.dockform {
	position: fixed;
	z-index: 10000;
	bottom: 0;
	width: 350px;
	background-color: #FFFFFF;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
	-moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
	transition: right ease-out 0.25s, transform 0.2s, opacity 0.2s;

	* {
		box-sizing: border-box;
	}

	.dockform-header {
		background: $couleur-princ;
		text-indent: 15px;
		height: 40px;
		line-height: 40px;
		color: #FFFFFF;
		font-size: 1.2em;
		text-transform: uppercase;
		cursor: default;

		span {
			vertical-align: middle;

			&.activicon {
				margin-right: 6px;
				font-size: 16px;
				vertical-align: text-bottom;
			}
		}

		a {
			display: block;
			height: 40px;
			line-height: 40px;
			width: 40px;
			text-decoration: none;
			color: #FFFFFF;
			font-weight: bold;
			float: right;
			transition: background-color ease-out 0.25s;

			&.dockform-close {
				background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJDNEJEMTEwQkMzQzExRTQ5MjQ3RTBFQzFGOEFEMEIyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJDNEJEMTExQkMzQzExRTQ5MjQ3RTBFQzFGOEFEMEIyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkM0QkQxMEVCQzNDMTFFNDkyNDdFMEVDMUY4QUQwQjIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkM0QkQxMEZCQzNDMTFFNDkyNDdFMEVDMUY4QUQwQjIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7oCAJ5AAAAoklEQVR42uyX0QmAMAxEWyfpKB3lNtPR3CQq6o+IzdVIEHLQvyP3SNtAsogkTw3JWQEQAL8CqJ94tzmgOJPsgsKLwztqajPhooDAxTu+BahyLyjCT9W3HYACAgQoDdAK6A5nAJ4gusNZAC0EmJosQAsCbD33SfirK3B9hK7f0HUQFYNRXKw7ACNv1xuAsTdlYi8o65mtvTkWkwAIAG+ARYABAM5gLtlvDcWxAAAAAElFTkSuQmCC);
				background-repeat: no-repeat;
				background-position: 50% 50%;
			}

			&:hover {
				background-color: $form-bouton-couleur-fond-hover;
			}
		}
	}

	.dockform-content {
		padding: 0 15px 15px 15px;
		overflow: hidden;
		transition: height ease-out 0.25s;
		border-left: 1px solid #d9d9d9;
		border-right: 1px solid #d9d9d9;
		max-height: 500px;
	}

	&.dockform-open {
		.dockform-content {
			overflow: auto;
		}
	}

	.dockform-footer {
		background: #d9d9d9;
		height: 40px;
		text-align: center;
		text-transform: uppercase;
		margin: 0;
		padding: 0;
	}

	form {
		padding-bottom: 40px;
	}
}

/* Autocomplete */
.autocomplete-suggestions {
	border: 1px solid #F0F0F0;
	border-top: none;
	background: #FFF;
	overflow: auto;
	z-index:10001 !important;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
	-moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);

}
.autocomplete-suggestion { padding: 2px 14px; height: 30px; line-height: 30px; white-space: nowrap; overflow: hidden; /*font-size: 1.2em;*/ font-size: 13.2px; cursor: pointer; }
.autocomplete-selected { background: #464c58; color: #FFFFFF; }
.autocomplete-suggestions strong { font-weight: normal; color: $couleur-princ; font-size: 1.0em; }
.autocomplete-suggestions .autocomplete-selected strong { color: #FFFFFF; font-weight: bold; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

.init_highlighting {
	background-color: initial;
	transition: background 0.5s !important;
}
.highlighting {
	background-color: rgba(76,178,209, 0.8) !important;
}
.highlighting_stop{
	background-color: initial;
}

.uppercase {
	text-transform: uppercase;
}

.capitalize {
	text-transform: capitalize;
}

.underline {
	text-decoration: underline;
}

.btn_ajouter {
	display: inline-block;
	vertical-align: middle;
	width: 155px;
	color: white;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 13.2px;
	height: 100%;
	background-color: #02abac;
	overflow: hidden;
	margin: auto;
	line-height: 40px;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
	-moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
	transition: background 0.2s;
}
.btn_ajouter:hover {
	background-color: #02abac;
}
.btn_ajouter [class^="icon-"] {
	font-size: 25px;
	vertical-align: -4px;
}

.lien {
	cursor: pointer;
	opacity: 1;
	color: #464c58;
	text-decoration: none;
	transition: opacity 0.2s;
}
.lien:hover {
	opacity: 0.6;
}

.autosize-fields {
	display: table-row;
	width: 100%;
}
.autosize-fields > div {
	display: table-cell;
}
.autosize-fields > div:not(:first-child) {
	padding-left: 10px;
}

.block-icon.left {
	float: left;
	/*margin-right: 5px;*/
}

.block-icon.with-text {
	width: auto;
	line-height: 41px;
	float: left;
	text-align: right;
	margin: 0 7.5px;
}
.block-icon.with-text label {
	cursor: pointer !important;
	width: 100%;
}
.col-first .block-icon.with-text {
	margin-left: 0;
}
.col-last .block-icon.with-text {
	margin-right: 0;
}

.block-icon {
	display: inline-block;
	width: 40px;
	height: 40px;
	text-align: center;
	background-color: #f0f0f0;
	margin-left: 10px;
	float: right;
}
.block-icon span[class^=icon-] {
	vertical-align: middle;
	line-height: 40px;
}

.right {
	float: right;
}

/* Small Select2 */
.select2-small-font .select2-container--default .select2-selection--single {
	display: inline-block;
	width: 100%;
	line-height: 36px;
	vertical-align: middle;
}
.select2-small-font .select2-container--default .select2-selection--single .select2-selection__rendered {
	display: inline-block;
	font-size: 11px;
	width: 100%;
	line-height: 1.2;
	vertical-align: middle;
	white-space: normal;
	padding-left: 5px;
}

@media screen and (max-width: 1200px) {
	.col {
		width: 100%;
		float: none;
		padding-left: 0;
		padding-right: 0;
	}

	form .col,
	.form .col {
		padding-left: 0;
		padding-right: 0;
	}

	form .row,
	.form .row {
		margin-bottom: 0;
	}

	.autosize-fields:not(.autosize-nowrap), .autosize-fields:not(.autosize-nowrap) > div, .autosize-fields:not(.autosize-nowrap) > div:not(:first-child) {
		display: block;
		padding-left: 0;
	}
}

@media screen and (max-width: 850px) {
	form, .form {
		padding-bottom: 0;
	}
}
#ModalAlert-Box {
  background: none;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
  opacity: 0;
  transform: scale(0.75);
  transition: transform 0.1s, opacity 0.1s;
}

#ModalAlert-Box.ModalAlert-open {
  opacity: 1;
  transform: scale(1);
}

#ModalAlert-InBox {
  padding-top: 15px;
  background: #FFF;
}

#ModalAlert-BoxContent {
  background: #FFF;
  padding: 0px 20px;
}

#ModalAlert-BoxContenedor {
  padding: 8px 0px 5px 60px;
  text-align: left;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 15px;
  color: #444;
}

#ModalAlert-BoxContenedor .title {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: #02abac;
    line-height: 30px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    padding-left: 20px;
    height: 30px;
    margin-bottom: 20px;
    cursor: default;
}

#ModalAlert-BoxContenedor h1,#ModalAlert-BoxContenedor h2,#ModalAlert-BoxContenedor h3,#ModalAlert-BoxContenedor b,#ModalAlert-BoxContenedor strong{
  text-align: left;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size:15px;
  color: #444;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
}

#ModalAlert-BoxContenedor #BoxPromptInput, #BoxPromptInput2{
  margin-top:5px;
}

#ModalAlert-Box .BoxAlert {
  background: url('../bundles/ufmcp/img/modalalert/warning.png') top left no-repeat;
}
#ModalAlert-Box .changePasseword  {
  background: url('../bundles/ufmcp/img/modalalert/icon_exclamation.gif') top left no-repeat;
}

#ModalAlert-Box .BoxConfirm {
  background: url('../bundles/ufmcp/img/modalalert/question.png') top left no-repeat;
}

#ModalAlert-Box .BoxPrompt {
  background: url('../bundles/ufmcp/img/modalalert/question.png') top left no-repeat;
}

#ModalAlert-Box .BoxInfo {
  background: url('../bundles/ufmcp/img/modalalert/confirm.png') top left no-repeat;
}

#ModalAlert-Box .BoxInform {
  background: url('../bundles/ufmcp/img/modalalert/info.png') top left no-repeat;
}

#ModalAlert-Box .BoxError {
  background: url('../bundles/ufmcp/img/modalalert/error.png') top left no-repeat;
}

#ModalAlert-Buttons {
  /*background: #F0F0F0;*/
  margin: 40px 0 10px -60px;
  width: 100%;
  min-width: 460px;
  text-align:center;
}

#ModalAlert-Buttons input[type="password"] {
	color: #797979;
	white-space: nowrap;
	width: 300px;
	border: 1px solid #E3E3EB;
	border-top: 1px solid #ACADB2;
	vertical-align: middle;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 14px;
	height: 24px;
	margin-top: 3px;
	padding: 0 4px;
	max-width: 100%;
}

#ModalAlert-Buttons input:not([type="password"]) {
  display: inline-block;
  cursor: pointer;
  border: none;
  font-size: 14px;
  height: 40px;
  text-align: center;
  background: #02abac;
  color: #FFFFFF;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0 15px;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  /*margin: 8px 10px 5px;*/
  margin: 0;
  width: 112px !important;
  outline : 0;
  transition: background-color ease-out 0.25s;
}
#ModalAlert-Buttons input#BoxPromptBtnCancel,
#ModalAlert-Buttons input#BoxConfirmBtnCancel {
  background: #A6A6A6;
}
#ModalAlert-Buttons input#BoxPromptBtnCancel:hover,
#ModalAlert-Buttons input#BoxConfirmBtnCancel:hover {
  background: #6cc5ba;
}
#ModalAlert-Buttons input:hover:not([type="password"]),
#ModalAlert-Buttons input:not([type="password"]).active { 
  background: #028080;
}

@media screen and (max-width: 520px) {
  .ModalAlert-open {
    width: 100% !important;
    left: 0 !important;
  }

  #ModalAlert-Buttons {
    width: auto !important;
  }
}