/*
CSS modificatino bootstrap
*/
.bg-dark {
	background-color:rgb(51, 102, 153) !important;
}
.table td {
	vertical-align:middle !important;
}
.table .thead-light th {
	background-color: #82ADE2;
}

fieldset {
	margin-bottom:10px;
}

.custom-file-label::after {
	content:"Parcourir";
}

nav.sticky-top {
	z-index:2048; /* Pour que les menu dropdown soient toujours au-dessus, meme des autres stiky elements qu'il peut y avoir ensuite dans la page (liste des officiels) */
}

/*
.col-sm-6 {
	width:50%;
}
*/
.col-sm-1 {
	width:8.33%;
}
.col-sm-5 {
	width:41.66%;
}

article {
	margin-top:.5rem;
	margin-bottom:.5rem;
}

/* For the footer : */
html {
	height:100%;
}
body {
	position:relative;
	min-height:100%;
}
body::after {
	content:'';
	display:block;
	height:80px;
}
footer {
	position:absolute;
	bottom:0;
	width:100%;
	padding:8px;
}
/* End of Footer */

.dropdown-menu .fas, .dropdown-menu .far {
	width:1.5rem;
	text-align:center;
}

.my-form .row .form-row,
.mini .row .form-row,
.loisir .row .form-row {
	margin-left:0;
	margin-right:0;
}
.my-form table,
.mini table,
.loisir table {
	border-collapse:separate;
	border-spacing:0 1rem;
	margin-top:-1rem;
}
.my-form .form-group label,
.my-form td:first-child,
.mini .form-group label,
.mini td:first-child,
.loisir .form-group label,
.loisir td:first-child,
#eng .form-group label,
#profil .form-group label {
	margin-left:auto;
	padding: .375rem 0 .375rem .75rem;
	margin-right:-1px;
	color:#495057;
	background-color:#e9ecef;
	border:1px solid #ced4da;
	border-radius:.25rem 0 0 .25rem;
}
.my-form td.td-checkbox {
	padding-right:.75rem;
}
.my-form label + input,
.my-form label + select,
.my-form label + textarea,
.mini label + textarea,
.mini label + input,
.mini label + select,
.loisir label + textarea,
.loisir label + input,
.loisir label + select,
#eng label + input,
#profil label + input {
	margin-right:auto;
	border-top-left-radius:0;
	border-bottom-left-radius:0;
}
#profil button {
	display:block;
	margin:auto;
}

.loisir td:first-child {
	width:50%;
}
.my-form td.my-col-4:first-child,
.mini td.mycol-4:first-child {
	width:33.3333%;
}
.my-form td.my-col-6:first-child,
.mini td.mycol-6:first-child {
	width:50%;
}
.my-form td.my-col-8:first-child,
.mini td.mycol-8:first-child {
	width:66.6666%;
}
.my-form td:nth-child(2),
.mini td:nth-child(2),
.loisir td:nth-child(2) {
	border:1px solid #ced4da;
	border-left-width:0;
	border-radius:0 .25rem .25rem 0;
	padding-left:.375rem;
}
.my-form td.td-checkbox-label {
	color: #495057;
	width: 100%;
	padding: .375em .75em .375em .75em;
}
.td-checkbox-label label {
	margin:0;
}

.vertical-align-bottom {
	position:relative;
	top:100%;
	transform:translateY(-100%);
}
.vertial-align-center {
	position:relative;
	top:50%;
	transform:translateY(-50%);
}

#renseignements fieldset {
	padding:5px;
	border: 1px solid #e9ecef;
	border-radius: .25rem;
}

#renseignements fieldset legend {
	width:auto;
	padding:0px 5px 0px 5px;
}

#renseignements .required::after {
	content: '\00a0*';
	color:red;
}

#renseignements .my-form td {
	line-height:1.5; /* should not be there, but it was not working? */
}

#renseignements .comment {
	font-size:80%;
	font-weight:400;
	/*
	color:#6c757d;
	background-color: #e9ecef;
	border: 1px solid #ced4da;
	*/
	color:#004085;
	background-color: #cce5ff;
	border: 1px solid #b8daff;
	border-top-width:0;
	border-radius:0 0 .25rem .25rem;
	padding-right:5px;
	padding-left:5px;
}

#renseignements .comment-alert {
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
}

#renseignements .comment-input-group {
	font-size:80%;
	font-weight:400;
	/*
	color:#6c757d;
	*/
	color:#004085;
	background-color: #cce5ff;
	border-color:#b8daff;
}

#renseignements .comment-input, #renseignements .comment-input::after {
	border-bottom-right-radius:0;
}

#renseignements .comment-label {
	border-bottom-left-radius:0;
}

#renseignements input[type="text"] {
	text-transform:uppercase;
}

#renseignements .table td {
	width:50%;
}

.custom-file-label {
	overflow:hidden;
}

.thead-light th {
	position: sticky;
	position: -webkit-sticky;
	/*top:5rem; /* defined by Javascript */
	z-index:512;
}

#alertRole {
	z-index:1024;
}

.red-bg {
	background-color:rgb(200,0,0) !important;
}

/* hack so that the menu next to the logo is aligned with the other menus of the navbar */
@media(min-width: 992px) {
	.menu-logo {
		align-items:center;
	}
}