@font-face {
  font-family: "nasa";
  src:   url("../fonts/nasa.ttf") format("truetype");
}
body {
  background-color: white !important;
  min-height: 100vh;
}
#wrapper{
  min-height: 100vh;
}
#accordionSidebar .sidebar-heading{
  font-family: nasa;
  color: rgba(250, 190, 85, 0.9) !important;
  text-align: center;
}
#accordionSidebar:not(.toggled) .sidebar-heading {
  font-size: 1em;
}
.nasa{
  font-family: nasa;

}
.marianne{
  height: 15px;
}
.logo_tw{
  font-family: nasa;
  padding: 5px;
  border-radius: 5px;
  font-size: 80%;
}
.logo_tw.admin{
  border : none;
}
.pointer:hover {
  cursor: pointer;
}

div.main{
  min-height: 500px;
}
.bg-success-warning{
  background-image: url("img/bg-success-warning.png");
  color: white;
  background-size: cover;
}
.titre_login{
  border-left: 2px solid black;
}
.titre_login h1{
  font-family: nasa;
  color : black;
}
.titre_login h3{
  font-size: 1.2em;
  color: black;
}
.bouton-outil:hover{
  cursor: pointer;
  background-color: #ebebeb;
}

#outilModal input{
  margin-bottom: 1em;
}

.bouton-duree:hover{
  cursor: pointer;
}

textarea{
  width: 100%;
  margin-top: 1em;
  margin-bottom: 1em;
}

.liste_taches{
  margin-top: 1em;
}

.liste_taches tr {
  border-top: solid 1px gray;
}

.bg-red{
  background-color: #fadbd8;
}
.notif-red{
   background-color: #fa3b38;
  color : #FFFFFF;
 }

.notif-green{
  background-color: #3bfa38;
}

.bg-login-image {
  background: url("../img/login_background.jpg") !important;
  background-position: center;
  background-size: cover;

}


.gantt_personne{
  font-weight: normal;
  font-style: italic;
  padding-left: 1em;
}

.etab-search{
  border : 2px solid #4e73df;
  border-radius: 10px;
}


#ajouterEtabModal .modal-dialog{
  max-width: 90%;
}

.col-w-10{
  width : 10% !important;
}

#dataTable_wrapper{
  font-size: 80%;
}
#dataTable th, #dataTable td {
  padding : 8px;
}
.card-body{
  padding : 0.5em;
}

.bouton-info-collapse{
  margin-right : 10px !important;
  margin-left : 5px;
}

.media-annonce:hover{
  background-color : #EEE;
  padding-right : 5px;
}

.bouton_sort:hover{
  cursor: pointer;
}

.aide{
  font-style: italic;
}
#liste-nonformateuurs input[type="checkbox"]{
  display: none;
}
#liste-nonformateuurs input[type="checkbox"] + label {
  width: 100%;
}
#liste-nonformateuurs input[type="checkbox"] + label:hover {
  cursor: pointer;
}
#liste-nonformateuurs input[type="checkbox"]:checked + label .card{
  background-color: #89e2c2;
}

.liste-nonformateuurs input[type="checkbox"]{
  display: none;
}
.liste-nonformateuurs input[type="checkbox"] + label {
  width: 100%;
}
.liste-nonformateuurs input[type="checkbox"] + label:hover {
  cursor: pointer;
}
.liste-nonformateuurs input[type="checkbox"]:checked + label .card{
  background-color: #89e2c2;
}

.journeeDane input[type="checkbox"] { display :  none;}
.journeeDane input[type="checkbox"] + label .oui { display :  none;}
.journeeDane input[type="checkbox"] + label .non { display :  block;}
.journeeDane input[type="checkbox"]:checked + label .non { display :  none;}
.journeeDane input[type="checkbox"]:checked + label .oui { display :  block;}


#nonResponsableModal input[type="checkbox"]{
  display: none;
}
#nonResponsableModal input[type="checkbox"] + label {
  width: 100%;
}
#nonResponsableModal input[type="checkbox"] + label:hover {
  cursor: pointer;
}
#nonResponsableModal input[type="checkbox"]:checked + label .card{
  background-color: #89e2c2;
}


#nonResponsableModal input[type="radio"]{
  display: none;
}
#nonResponsableModal input[type="radio"] + label {
  width: 100%;
}
#nonResponsableModal input[type="radio"] + label:hover {
  cursor: pointer;
}
#nonResponsableModal input[type="radio"]:checked + label .card{
  background-color: #89e2c2;
}
.modal-body label {
  margin-bottom : 0px;
  margin-top : 10px;
}

.ficheBouton:hover{
  background-color: #EEF;
  cursor: pointer;
}

#liste-nonformateuurs div.fiche label .card{padding : 0px;}
#liste-nonformateuurs div.fiche label .card .card-body{padding : 0px 0.5em;}

.ongletsAccordion .ongletAccordion button{
  border : 1px solid gray;
  border-radius: 5px 5px 0px 0px;
  background-color: #DDD;
  color: black;
}
.ongletsAccordion .ongletAccordion button:not(.collapsed){
  border-bottom : 1px solid white;
  background-color: #FFF;

}
.ongletsAccordion > .collapse{
  border : 1px solid gray;
  padding: 1em;
  margin-top: -1px;
}

.collapseTemplateSession:not(.collapsed){
  display: none;
}


#collapseCatalogue input[type="radio"]{
  display: none;
}
#collapseCatalogue input[type="radio"] + label {
  width: 100%;
  margin: 0px;
}
#collapseCatalogue input[type="radio"] + label:hover {
  cursor: pointer;
}
#collapseCatalogue input[type="radio"]:checked + label .media{
  background-color: #89e2c2;
}

#collapseCatalogue input[type="radio"] + label .media{
  padding: 0.5em;
  margin: 0px;
}
#collapseCatalogue input[type="radio"] + label .media media-body{
  padding: 0em;
  margin: 0px !important;
}

.ui-autocomplete{
  z-index: 1100;
}

#nav-tabContent.card, .card.onglet{
  padding : 10px;
  border-radius: 0px 0px 5px 5px !important;
  border-top: none;
}

.bg-success-light{
  background-color: #CFC;
}
.bg-danger-light{
  background-color: #FCC;
}

.bg-danger-lightprimary{
  background-color: #FCC;
}


.wrap.attente{
  background-image: none;
  border: none;
}

.planning{position: relative;}

.planning .alert {
  position: absolute;
  padding : 0px 0.2em;
  overflow-y: hidden;
  font-size: 0.8rem;
}
.planning .alert:hover{
  cursor: pointer;
}

.planning .bloc5m{
  position: absolute;
  width: 100%;
  height: 15px;
  font-size: 9px;
}

.planning .bloc5m:hover{
  background-color: #2a96a5;
  cursor: pointer;
  color: white;
}

.planning .alert.curseur{
  width: 100%;
  height: 3px;
  margin-left: 0px;
  padding: 0px;
  border-color: black;
}

.planning .time{
  position : absolute;
  right : 100%;
  margin-top: -18px;
  font-size: 60%;
  border-bottom: #5a6268 solid 1px;
  padding-right: 5px;
  width: 35px;
}

.questionnaire label > input {
  visibility: hidden;
  position: absolute;
}

.questionnaire label > input:checked + span {
  font-weight: bold;
  background-color: #9F9;
}
.questionnaire label > input + span {
  cursor: pointer;
  display: block;
  padding: 5px 10px;
  margin: 5px;
  font-weight: normal;
  background-color: #DDD;
  font-size: 120%;
  border-radius: 10px;
  border: 2px solid #AAA;
}
.questionnaire label > input:checked + span.bloque {

  background-color: #dda2aa;

}

.col.salle{
  min-width: 200px;
}

table tbody tr:hover{
  background-color: #bac8f3;
  color: black;
}