body{
  font-family: var(--fontFamily);
}

* {
  scrollbar-width: thin;
}

/*img{
  max-width: 100%;
  ça provoquait des bugs et je ne voit pas à quoi ça servait
}*/

.btn:focus,
select:focus{
  outline: 0;
}

/*                                      */
/*  Gestion de la couche de dialogues   */
/*                                      */

.p-conteneurAppli__coucheDialogues
{
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2000 ; /*  Permet de ne plus etre gene dans les dialogues par les resizeHandles du planning...  */
  
  pointer-events: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.p-conteneurAppli__coucheDialogues > div
{
  pointer-events: auto;
}

.p-pageoverlay {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 999;
  background: white;
}



/*********************/
/* éléments généraux */
/*********************/


ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

ul.arrowlist li {
  list-style: disclosure-closed;
  margin-left: 1em;
}


/*********************/
/* Classe générales */
/*********************/

.ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/* Icone-button */

.groupe-icone-bouton {
  display: flex;
  flex-wrap: wrap;

  margin-top: .5rem;
}

.groupe-icone-bouton .icone-bouton-wrapper {
  flex-basis: 25%;
  flex-grow: 1;

  min-width:0;
  max-width: 25%;

  padding: .5rem;

  cursor: pointer;

  transition: .3s;
}
@media (max-width: 992px) {
  .groupe-icone-bouton .icone-bouton-wrapper {
    min-width: 100%;
  }
}

.groupe-icone-bouton .icone-bouton-wrapper .icone-bouton-content {
  display: flex;
  align-items: center;

  font-size: 1.1rem;

  padding: .5rem;
  border: 3px double var(--border-light);

  opacity: .9;
  
}
.groupe-icone-bouton .icone-bouton-wrapper:hover .icone-bouton-content {
  border: 3px solid var(--border-dark);

  opacity: 1;
}

.groupe-icone-bouton .icone-bouton-wrapper .icone-bouton-content > p {
  margin: .2rem .2rem .2rem 1rem;
}

.groupe-icone-bouton .icone-bouton-wrapper .icone-bouton-content > i {
  color: var(--bamakoTernaryDarker);
}

.clock-database > i {
  position: absolute;
  right: -0.3em;
  bottom: -0.2em;

  width: 1em;
  height: 1em;

  font-size: .5em;
}
.clock-database > i.fa-circle {
  font-size: .6em;

  right: -0.35em;
  bottom: -0.25em;

  z-index: 1;

  color: var(--fg);
}
.clock-database > i.fa-clock {
  z-index: 2;
}



/* Tuile */

.tuile {
  margin: .5rem;
  padding: .5rem;

  font-size: .9rem;

  background: var(--fg);

  border-top: 4px solid var(--bamakoPrimary);
  box-shadow: 1px 1px 5px 1px var(--shadow);
}

.tuile header
{
  flex-grow: 0;
  flex-shrink: 0;
  
  display: flex;
  align-items: start;

  margin-bottom: .2rem;
}

.tuile h1 {
  font-family: Animosa, sans-serif;
  color: var(--dark);
  font-size: 1.25rem;
  font-weight: normal;

  margin: 0;

  flex-grow: 1;
}

.tuile h2 {
  font-family: Animosa, sans-serif;
  color: var(--dark);
  font-size: 1.1rem;
  font-weight: normal;

  margin: .2rem;
}

.tuile p {
  text-align: justify;
  margin: .2rem;
}



/*-----------------------------------------------
 *  liste des erreurs d'enregistrement         
 * ----------------------------------------------*/
.liste_erreurs {}

ul.liste_erreurs 
{
  padding-left: 0em;
}

ul.liste_erreurs li
{
  color: var(--danger);
}


/*-------------------------------------------
 *  Elements JQuery
 *-------------------------------------------*/

#ui-datepicker-div{ font-size: 12px; z-index: 2000 !important; }




/*-------------------------------------------
 * 
 * ------------------------------------------*/

.conteneurPleinEcranMobile {
    min-width: 100%;
    min-height: 100%;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    background: rgba(104, 104, 104, 0.67) none repeat scroll 0% 0%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1000;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}



.conteneurMenuPleinEcranMobile
{
    min-width: 100%;
    min-height: 100%;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    background: rgba(104, 104, 104, 0.67) none repeat scroll 0% 0%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2000;
    padding: 0px;
    margin: 0px;
    overflow: auto;
}

/**************************/
/* Autres hack app mobile */
/**************************/

/* TODO: lié a pickadate, à supprimer si on supprime pickadate */
@media (max-width: 720px) {
    .picker--opened .picker__frame
    {
        min-width: 100%;
    }

    /* Hack nécéssaire au moins sur android <3 */
    .picker__nav--prev,
    .picker__nav--next
    {   width: 100px;
        height: 50px;
        padding: 0px;
    }
}


/*
 * Elts Jquery 1.12.1
 * */
/*.ui-widget input, .ui-widget select, .ui-widget textarea, */
.ui-widget {
    font-family: inherit;
    font-size: 1.1em;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active
{
    border: 1px solid #bcbdc0;
    background: #fff;
    font-weight: normal;
    color: #000000;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited
{
  color: black;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: inherit;
    font-size: 1em;
}

.ui-spinner-input {
    padding: .1em;
}

.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    width: 100%;
}

.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: 2px .4em;
    line-height: 1.5;
    min-height: 0;
}

.ui-menu .ui-widget-header a {
    line-height: 1.2;
    padding-top: 1;
    padding-bottom: 1;
}

.ui-menu  .ui-menu-item .ui-menu-item-wrapper.ui-state-active { background: bisque; }

.ui-menu .ui-icon.ui-icon--elt-menu-bko { position: relative; left: 0; }

/* petits hacks */
.ui-front {
  z-index: 10000;
}



/**
 *
 * Réparation des anciens dialogues: appliquer l'élémebnt compat au conteneur
 * 
 */

.bko-compat.d-dialogue
{
  font-size: .8rem;
/*    max-height: none; */
}

.bko-compat .d-dialogue__formulaire {overflow: auto;}

.bko-compat input, .bko-compat textarea 
{
    font-size: .75rem;
    line-height: 1.05rem;
    font-family: DejaVuSans,sans-serif;
}