/* remove bootswtach-litera weird font family on paragraphs */
p {
	font-family: inherit;
}

/* FORM */
/* add asterisks on required input labels */
.form-group label.required::after, 
.form-group legend.required::after {
	content: " *";
	color: red;
}

/* .form-group label:not(.required)::after {
	content: " (Optionnel)";
	color: darkgrey;
} */
.application-icon-link {
	border: 1px dotted transparent;
}

.application-icon-link:hover {
	border-color: #888888;
}


/* usually set in sass variable $custom-file-text */
.custom-file-input:lang(fr) ~ .custom-file-label::after {
    content: "Explorer";
}


/* use better colors in conjunction with out bootstrap theme */
.select2-container--bootstrap4 .select2-selection {
	border: 1px solid rgba(0,0,0,0.1);
}

.select2-container--bootstrap4.select2-container--focus .select2-selection {
	border-color: #b9d0f8;
}





.uploader {
	border: 1px solid rgba(0,0,0,0.1);
	border-radius: 0.25rem;
	background: white;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}

.uploader input {
	margin-top: 1.5em;
}

.uploader:hover {
	text-decoration: none;
	border-color: #b9d0f8;
}

.uploader .message {
	font-weight: 400;
	text-align: center;
	margin: 2em 0;
	color: #646C7F;
}

.uploader .message .note {
	font-size: 0.8em;
	font-weight: 200;
	display: block;
	margin-top: 1.4rem;
}


.uploader:hover {
	opacity: 1;
}

.uploader .file {
    width: 189px;
    float: left;
    height: 170px;
    margin: 5px;
    overflow: auto;
    background-color: #F7F7F7;
    border-radius: 4px;
}