INPUT:focus, TEXTAREA:focus, SELECT:focus {
	box-shadow:none !important;
	outline:none !important;
	outline-style:none !important;
}

.form-control:focus {
	#border-color: #bdbdbd;
	border-color: var(--color-primary);
}



/*****************************/
/*** BUTTONS                **/
/*****************************/

.btn-suffix {
	background-color: var(--color-secondary);
	border-radius: 0 4px 4px 0 !important;
	color: #fff;
}
.btn-suffix:hover {
	background-color: var(--color-secondary-hover);
	color: #fff;
}
.btn-suffix i {
	font-size: 1.4em;
}

#filePreview {
	 border:1px solid #c0c0c0;
	 border-radius:4px;
	 cursor:pointer;
	 padding:0;
	 overflow:auto;
}
#filePreviewRemove {

	background:var(--color-secondary);
	border-radius:4px;
	color:#fff; cursor:pointer;
	font-size:1.2em;
	height:30px;
	position:absolute;
		bottom:20px;
		left:20px;
	text-align:center;
	width:30px;
	z-index: 10;

}

/*****************************/
/*** SELECT                 **/
/*****************************/
.form-outline .form-select {
	border: none;
	box-shadow: none; /* remove box shadow */
	height: 35.83px;
	outline: none;
}

/* Gestion du label toujours actif */
.form-outline .form-select~.form-label {
	transform: translateY(-1rem) translateY(0.1rem) scale(.8);
}
.form-select~.form-notch .form-notch-middle {
	border-top: 1px solid transparent !important;
}

/* Gestion du notch autour du select */
.form-outline .form-select~.form-notch {
	display: flex;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	max-width: 100%;
	height: 100%;
	text-align: left;
	pointer-events: none;
}
.form-outline .form-select~.form-notch div {
	pointer-events: none;
	border: 1px solid #bdbdbd;
	box-sizing: border-box;
	background: transparent;
	transition: all .2s linear;
}

.form-outline .form-select.active~.form-notch .form-notch-leading, .form-outline .form-select:focus~.form-notch .form-notch-leading {
	border-right: none;
}
.form-outline .form-select~.form-notch .form-notch-leading {
	left: 0;
	top: 0;
	height: 100%;
	width: 0.5rem;
	border-right: none;
	border-radius: 0.25rem 0 0 0.25rem;
}

.form-outline .form-select.active~.form-notch .form-notch-middle, .form-outline .form-select:focus~.form-notch .form-notch-middle {
	border-right: none;
	border-left: none;
	border-top: 1px solid transparent;
}
.form-outline .form-select~.form-notch .form-notch-middle {
	flex: 0 0 auto;
	width: auto;
	max-width: calc(100% - 1rem);
	height: 100%;
	border-right: none;
	border-left: none;
}


.form-outline .form-select.active~.form-notch .form-notch-trailing, .form-outline .form-select:focus~.form-notch .form-notch-trailing {
	border-left: none;
}
.form-outline .form-select~.form-notch .form-notch-trailing {
	flex-grow: 1;
	height: 100%;
	border-left: none;
	border-radius: 0 0.25rem 0.25rem 0;
}

/*****************************/
/*** CHECKBOXES             **/
/*****************************/

.form-check {
	padding-left: 2.5em;
	padding-top:6px;
}

.form-check-input[type=checkbox]:checked {
	background-color: var(--color-secondary);
}
.form-check-input:checked {
	border-color: var(--color-secondary);
}

.form-check-input[type=checkbox]:checked:focus {
	background-color: var(--color-secondary);
}
.form-check-input:checked:focus {
	border-color: var(--color-secondary);
}

.form-check-input:focus:before, .form-check-input:checked:focus:before {
	box-shadow: none;
}


/*****************************/
/*** PASSWORDS             ***/
/*****************************/

.scorebar { /* password meter */
	background-color: #006600;
/*	background-image: url('../img/home/bg_strength_gradient.jpg'); */
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAkQAAAAQCAYAAAD3YGCSAAAAAXNSR0IArs4c6QAABUVJREFUeF7tXduypDAIjPv/33zcGm+lMUmDQC7Kw57Zs5RjAjHdNpCd5hDmMIVw/AkhhH+/H6d/O9v3v1Pspe9B95HaOeNMza+n6y39qDlPy3Gi9aA5D+l6GMUPHY1zDr+NKIT592P73H+PP2/2ZRNbr10uP/8e2ajf/1cYx+8WF3viHsc4MjbqOPY5XT5P8/wrzPc2zsivZHthfiw/ZeLaPJ5zCDc/Jsa6rKsPx/MLz+e0xFeyMXKASHIfBIjIzhmnFBCl11v6SdMPluP0eK4vKcgPyM6Jd8t4nghRDDoaBKcIZCVA3IhRCfjZQGFIoJLjrE2gYjJhQFhRPHNkeieivcTzEaEsxXP3PWHdkglxB/HMElbCPDnP50qIcgqQZIPkbMRSAmF9vcQPCLCQnePHUcZpHS/0/ZZ+4sSr5Tg11x2aB8G+7WtX5aWyosHZOFOKzRsVqi4IVm2F6kQqbopjghw8JhaJ9b2sIUPCPLLiaPJ8RrGe5mkjRGiDlNo1gYKwwSZJ3v7Gja63BEzkR46fRhkn8ndru6UfOfFEfrAcp+a6RPPIvIClUmMLIBsBYhbIGigatd6ApYD7SNHYU6EgNfWLs+j741RmBHaahBUpVJ+I5+7vFz2fZYUIbWxv3qA1gaylHzXn4fGWp7AQ8UD2UeLJHCdFIYJviKkaogQosmuUkFKVIFAHIBrXnNxSQ6f7SZWL4/ragBf7u+BDUS3WqWatVBO2ELW9VsvjueyBj2qpSs9nlOp79P0K8cQ1RJyNzQFzBcyWBEgTUD2e74pny3WJ9pFEDdEFiDJv+yqASABciXJxI3KllIjlPBu/0X8ynkICRVp3tQkrsSYNvsBQmygqPp9eQ4QIhLUdAcXZ7gTlXQTF43nEk6IQsRWPknKTUY5Uim0JG7jlG/AlNSQE5JFrTtB6IQO2QjxJxKZAhmt1LVZRHAupTEnXpEY8v1lDNAoQjTJOpDy0to/ix1HGaRHPs0IUS9/+BlysrSEDQS7VoZhqJAF/o3jWrCGSdLk9JnIGtW89x9NCcbwrREgRcUXjmhKjpMikAGIJlJx4onlYjlNzXaJ5SO2j+KGjcW61034OUVQD9EmFpjaw+zlEx/ldKgpphTZ9ElF7oLjhGiJNIOpoAxZ1oUkBE11v6ScnQO8itG95Pv0corWbTpji6qJNvgIgoi4viULDVtwEbfIsYE8cByDpZkNK1Be7ML2GiKLwWBKUtwCaJtFChFFqt4ynph8sx6m57qTxmLYTpnNt07nukVz318OUDBsIDdu6WUApAGREwLogWA/jiQAfxpvRFcWKVyZ1eXRvGcZzZMURxitXpF1SHP0cIu8Cq34CsgJgmip6lsTDCRJNkeuwhqhmzYnkTZ8NFALAlQB/subjRA78HKKrQkhub28Vz8ZdixbPp59DRFGIrAHdAXntNir5QZNYSONpGa+afrCcBzNelC4zCPyKxcEs5aTUzSZMgaE3+ipdQUYKDVnBUejy8niuW6zlQaei59PPIYqUGgQEyM7cgE0VBwS4lkCk6adRxon8bW1/i58s54GeTz+HSOU/pSUBf22C8+Jza6Qnf5PiVUixWRIcVENk0eWV8kfupPrd94hYI/uZyHkNESIQ1nYEFH4OES3lMqKfLAkIWrecdWdNKLVriDo+50TlIMm41kqQMkGAjBQqybkxCKiaKxp7TYqCQsVKNTaMZxXFsePn088hijd7BCRSOweIHDBXnVcKyKP4cZRxSuORur7DGqJR3oBhqgKdCKyYaiQBfyOFyqLmpLWicbl/7eMKjFNwLRSq/93Nebl2lvzpAAAAAElFTkSuQmCC");
	background-position: 0px 50%;
	background-repeat: repeat-y;
	border: 1px solid #333;
	border-radius: 4px;
	color: #000;
	display: none;
	margin: 5px auto;
	text-align: center;
	width: 300px;
}


/*****************************/
/*** DATEPICKER             **/
/*****************************/

.datepicker input {
	text-align: center;
}

.xdsoft_datetimepicker {
	border: 1px solid #fff;
}
.xdsoft_datetimepicker, .xdsoft_label, .xdsoft_select {
	background: var(--color-secondary) !important;
	color: #fff;
}
.xdsoft_calendar TH {
	background: var(--color-secondary) !important;
	color: #fff !important;
}
.xdsoft_calendar TD {
	background: var(--color-secondary) !important;
	color: #fff !important;
}
.xdsoft_calendar TD.xdsoft_current {
	background: none !important;
}
.xdsoft_calendar TD.xdsoft_other_month {
	background: var(--color-secondary) !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current {
	background: var(--color-primary) !important;
	box-shadow: none !important;
}

.xdsoft_datetimepicker  .xdsoft_calendar td:hover,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div:hover{
	background: var(--color-primary) !important;
}

.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover{
	background: var(--color-primary-hover) !important;
}

.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current{
	background: var(--color-primary) !important;
	box-shadow: none !important;
}
/*
.xdsoft_datetimepicker .xdsoft_label i, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_today_button {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==) !important;
}
*/
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_next, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==);
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
	color: #fff !important;
	background: var(--color-primary-hover) !important;
	box-shadow: none !important;
}

/*****************************/
/*** SELECT                 **/
/*****************************/

.select-wrapper input.select-dropdown {
	background-image: url('../img/layout/paper2.jpg');
	border-radius: 4px;
	display: initial;
	height: 36px;
	padding: 0 4px;
}
.select-wrapper input.select-dropdown:hover {
	background-image: url('../img/layout/paper1.jpg');
}
.select-wrapper span.caret {
	border: 0px;
	display: block;
	font-size: 16px;
	top: 8px;
	right: 16px;
	z-index: 1;
}
.input-field .caret {
	display: none;
}

.select-dropdown {
	border-radius: 4px;
	max-height: 250px;
}
.select-wrapper ul {
	background-image: url('../img/layout/paper2.jpg');
}

.select-wrapper ul li, .select-wrapper ul li.active {
	background: transparent;
	height: 36px;
	line-height: normal;
}
.select-wrapper ul li > span {
	color: #333;
	font-size: 15px;
	padding: 10px 4px
}

.select-wrapper ul li.optgroup {
	background-image: url('../img/layout/paper4.jpg');
	cursor: default !important;
	font-weight: bold;
}
.select-wrapper ul li.optgroup > span {
	color: #fff;
}


.select-wrapper ul li.active > span {
	font-weight: bold;
}
.select-wrapper ul li:not(.optgroup):hover {
  background-color: #fff;
  background-image: none;
	color: #000;
	line-height: normal;
}


/*****************************/
/*** TEXTAREA               **/
/*****************************/

iframe {
	transition: height .5s;
}

.mce-tinymce {
	border: 0 solid transparent !important;
	box-shadow: none;
}
.mce-edit-area {
	border: 0 solid transparent !important;
}
.mce-content-body {
	font-size:1rem;
	font-family: var(--font-default)
}


TEXTAREA[maxlength] ~ .textarea-count {
	background: #fff;
	border: 2px solid #393;
	border-radius: 5px;
	display: none;
	font-size: 10px;
	padding: 2px 5px;
	position: absolute;
		bottom: -10px;
		right: 15px;
	z-index: 10;
}
TEXTAREA[maxlength] ~ .textarea-count.max {
	background: #faa;
	border: 2px solid var(--color-secondary);
	color: #900;
}
TEXTAREA[maxlength]:focus ~ .textarea-count {
	display: block;
}


/*****************************/
/*** FILES                  **/
/*****************************/

input[type=file]::file-selector-button {
  background-color: var(--color-secondary) !important;
  color: #fff;
  transition: .5s;
}

input[type=file]:hover::file-selector-button {
  background-color: var(--color-primary) !important;
}

/*****************************/
/*** OUTLINE                **/
/*****************************/

.form-outline .form-control:focus~.form-label {
 	color: var(--color-secondary);
 }

.form-outline .form-control:focus~.form-notch .form-notch-leading, .form-outline .form-select:focus~.form-notch .form-notch-leading {
    border-color: var(--color-secondary);
    box-shadow: -1px 0 0 0  var(--color-secondary), 0 1px 0 0  var(--color-secondary), 0 -1px 0 0  var(--color-secondary);
}
.form-outline .form-control:focus~.form-notch .form-notch-middle, .form-outline .form-select:focus~.form-notch .form-notch-middle {
    border-color: var(--color-secondary);
    box-shadow: 0 1px 0 0 var(--color-secondary);
    border-top: 1px solid transparent;
}
.form-outline .form-control:focus~.form-notch .form-notch-trailing, .form-outline .form-select:focus~.form-notch .form-notch-trailing {
    border-color: var(--color-secondary);
    box-shadow: 1px 0 0 0 var(--color-secondary), 0 -1px 0 0 var(--color-secondary), 0 1px 0 0 var(--color-secondary);
}

/*****************************/
/*** PLACEHOLDERS           **/
/*****************************/

/* Gestion des placeholder, ne peuvent pas être combinés */
::-webkit-input-placeholder { /* WebKit browsers */
	color: #555 !important;
	font-style: italic;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #555 !important;
	font-style: italic;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #555 !important;
	font-style: italic;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #555 !important;
	font-style: italic;
}
input:not(.text-right)::placeholder {
	text-align: left !important;
}
/*
INPUT[value="Choisissez..."] {
	color: #555 !important;
	font-style: italic;
}
*/