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 }
.nav-tabs>li { border:0; background-color: white}
.nav-tabs>li a { background-color: #ccc}
#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;
}
.tab-pane button span, #orTask button span {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    text-overflow: ellipsis;
}
.table>tbody>tr>td {
    border-top: none;
    border-bottom: 1px solid #ddd;
}
#dialog:empty:after{
    font-size: 2rem;
    content:"Sélectionner une option";
}
@media (prefers-color-scheme: dark) {

    body, .navbar, .modal-content {
        color: white;
        background-color: #000;
    }
    a:visited {
      color: white;
    }
    .focused { color: #ccc; }
    .navbar-default .navbar-brand,
    .navbar-default .navbar-nav>li>a,
    .navbar-default .navbar-nav>li>a:hover,
    .navbar-default .navbar-nav>li>a:focus,
     h3 {
        color: white;
    }
    .btn-default {
        color: white;
        background-color: #333;
        border-color: #ccc;
    }
    path, circle {
        fill: white;
        stroke: black;
    }
    .nav-tabs, .nav-tabs>li {
        border:0;
        background-color: #000;
    }
    .nav-tabs>li>a {
        cursor: default;
        background-color: #222;
    }
    .nav-tabs>li.active>a,
    .nav-tabs>li.active>a:hover,
    .nav-tabs>li>a:hover {
        background-color: #111;
    }
    #compoundTask, #orTask, #info, #pln {
        border: 1px solid white;
        margin-top: 0.8rem;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
}

@media (min-width:1600px){.container{ width: 1600px; }}