body { padding-top: 80px; }
#logo { float:left; margin-right:20px; }
#compoundTask, #orTask, #pln, #info { box-shadow: 8px 8px 12px #aaa; padding:10px; padding-bottom:20px;}
.focused { font-weight:bold; }
button { width:100%; margin-top:5px; }
#BoutonNav { width:auto; }
.tache div { text-align:center }
#tabs li a { padding:5px; margin:0; }
form#ivao { margin-top: 0; }
#vid { width:80px; }
.ATC { 
color: #8a6d3b;
background-color: #fcf8e3;
border-top-color: #faebcc;
border-right-color-value: #faebcc;
border-bottom-color: #faebcc;
border-left-color-value: #faebcc; }
.Pilot {
color: #31708f;
background-color: #d9edf7;
border-top-color: #bce8f1;
border-right-color-value: #bce8f1;
border-bottom-color: #bce8f1;
border-left-color-value: #bce8f1; }
footer p { text-align:center; }
.navbar-btn { width:50px; }
#pln button { width:auto; }
.surligne { background-color:#fcdede; }
#[TIM] {
	background-color:yellow;
	border:1px;
	font-family:Courier New, Courier, Prestige, monospace; }
.fileUpload {
	position: relative;
	overflow: hidden;
	margin: 10px;
}
.fileUpload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}
a[data-tooltip] {
	position: relative;
	z-index:4000;
}
a[data-tooltip]::before,
a[data-tooltip]::after {
  position: absolute;
  display: none;
}
a[data-tooltip]::before {
  content: attr(data-tooltip);
  background: #F6FC3F;
  color: #000;
  font-size: 13px;
  padding: 5px;
  border-radius: 5px 5px 5px 0;
  text-decoration: none;
  bottom: 100%;
  left: 0;
  margin-bottom: 10px;
  box-shadow: 10px 10px 5px #888888;
}

a[data-tooltip]:hover::before,
a[data-tooltip]:hover::after {
    display: inline-block;  
    width: 300px; 
}
.modal {
	z-index:5000;
}
.maj {
    text-transform: capitalize;
}

@media (prefers-color-scheme: dark) {

    body {
        background-color:#000;
    }
    
    .navbar {
        background-color:#000;
        color: white;
    }
}